@soyfri/template 1.0.5 → 1.0.7

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 (26) hide show
  1. package/README.md +8 -0
  2. package/dist/assets/ts/components/SearchComponent.js +4 -4
  3. package/dist/assets/ts/components/_FeedbackComponent.d.ts +1 -1
  4. package/dist/assets/ts/layout/ThemeMode.d.ts +2 -2
  5. package/dist/helpers/components/KTSVG.js +4 -1
  6. package/dist/partials/index.d.ts +0 -1
  7. package/dist/partials/index.js +1 -1
  8. package/dist/partials/widgets/charts/ChartsWidget1.js +2 -10
  9. package/dist/partials/widgets/charts/ChartsWidget2.js +2 -10
  10. package/dist/partials/widgets/charts/ChartsWidget3.js +2 -10
  11. package/dist/partials/widgets/charts/ChartsWidget4.js +2 -10
  12. package/dist/partials/widgets/charts/ChartsWidget5.js +2 -10
  13. package/dist/partials/widgets/charts/ChartsWidget6.js +2 -10
  14. package/dist/partials/widgets/charts/ChartsWidget7.js +2 -10
  15. package/dist/partials/widgets/charts/ChartsWidget8.js +2 -10
  16. package/dist/partials/widgets/mixed/MixedWidget10.js +2 -10
  17. package/dist/partials/widgets/mixed/MixedWidget11.js +2 -10
  18. package/dist/partials/widgets/mixed/MixedWidget13.js +2 -10
  19. package/dist/partials/widgets/mixed/MixedWidget2.js +2 -10
  20. package/dist/partials/widgets/mixed/MixedWidget3.js +2 -10
  21. package/dist/partials/widgets/mixed/MixedWidget6.js +2 -10
  22. package/dist/partials/widgets/mixed/MixedWidget8.js +2 -10
  23. package/dist/partials/widgets/mixed/MixedWidget9.js +2 -10
  24. package/dist/partials/widgets/statistics/StatisticsWidget3.js +2 -10
  25. package/dist/partials/widgets/statistics/StatisticsWidget4.js +0 -8
  26. package/package.json +28 -34
package/README.md CHANGED
@@ -3,6 +3,14 @@
3
3
  ## Description
4
4
  This package contains a Metronic template specifically designed for FRI frontend projects. It provides a set of pre-built components, styles, and utilities to streamline frontend development.
5
5
 
6
+ ## Build
7
+
8
+ At this point, if the dependencies are updated, the whole project can break, be careful.
9
+
10
+ ```sh
11
+ npm install
12
+ ```
13
+
6
14
  ## Installation
7
15
  ```bash
8
16
  npm install @soyfri/template
package/dist/assets/ts/components/SearchComponent.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { EventHandlerUtil, DataUtil, getBreakpoint, getAttributeValueByBreakpoint, stringSnakeToCamel, getObjectPropertyValueByKey, getViewPort, isVisibleElement, throttle, } from '../_utils/index';
2
2
  import { MenuComponent, defaultMenuOptions } from './MenuComponent';
3
3
  const defaultSearchOptions = {
4
- minLength: 2,
5
- keypress: true,
6
- enter: true,
7
- layout: 'menu',
4
+ minLength: 2, // Miniam text lenght to query search
5
+ keypress: true, // Enable search on keypress
6
+ enter: true, // Enable search on enter key press
7
+ layout: 'menu', // Use 'menu' or 'inline' layout options to display search results
8
8
  showOnFocus: true, // Always show menu on input focus
9
9
  };
10
10
  const defaultSearchQueires = {
package/dist/assets/ts/components/_FeedbackComponent.d.ts CHANGED
@@ -18,7 +18,7 @@ declare class FeedbackComponent {
18
18
  private hidePopup;
19
19
  show: () => this | undefined;
20
20
  hide: () => this | undefined;
21
- isShown: () => any;
21
+ isShown: () => () => /*elided*/ any;
22
22
  getElement: () => HTMLElement;
23
23
  on: (name: string, handler: Function) => void;
24
24
  one: (name: string, handler: Function) => void;
package/dist/assets/ts/layout/ThemeMode.d.ts CHANGED
@@ -4,8 +4,8 @@ declare class ThemeMode {
4
4
  element: HTMLElement | null;
5
5
  private getParamName;
6
6
  getMode: () => Mode;
7
- setMode: (mode: Mode, menuMode: Mode | '') => void;
8
- getMenuMode: () => Mode | '';
7
+ setMode: (mode: Mode, menuMode: Mode | "") => void;
8
+ getMenuMode: () => Mode | "";
9
9
  getSystemMode: () => Mode;
10
10
  private initMode;
11
11
  private getActiveMenuItem;
package/dist/helpers/components/KTSVG.js CHANGED
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
+ import SVG from 'react-inlinesvg';
3
+ import { toAbsoluteUrl } from '../AssetHelpers';
2
4
  export const KTSVG = ({ className = '', path, svgClassName = 'mh-50px' }) => {
3
- return (React.createElement(React.Fragment, null));
5
+ return (React.createElement("span", { className: `svg-icon ${className}` },
6
+ React.createElement(SVG, { src: toAbsoluteUrl(path), className: svgClassName })));
4
7
  };
package/dist/partials/index.d.ts CHANGED
@@ -13,7 +13,6 @@ export * from './layout/theme-mode/ThemeModeSwitcher';
13
13
  export * from './content/dropdown/Dropdown1';
14
14
  export * from './content/dropdown/Dropdown2';
15
15
  export * from './content/editor/EditorToolbar';
16
- export * from './content/code-highlight/CodeBlock';
17
16
  export * from './content/portal/Portal';
18
17
  export * from './modals/create-app-stepper/CreateAppModal';
19
18
  export * from './modals/select-location/SelectLocationModal';
package/dist/partials/index.js CHANGED
@@ -15,7 +15,7 @@ export * from './content/dropdown/Dropdown1';
15
15
  export * from './content/dropdown/Dropdown2';
16
16
  // editors
17
17
  export * from './content/editor/EditorToolbar';
18
- export * from './content/code-highlight/CodeBlock';
18
+ // export * from './content/code-highlight/CodeBlock'
19
19
  export * from './content/portal/Portal';
20
20
  // modals
21
21
  export * from './modals/create-app-stepper/CreateAppModal';
package/dist/partials/widgets/charts/ChartsWidget1.js CHANGED
@@ -108,23 +108,15 @@ function getChartOptions(height) {
108
108
  opacity: 1,
109
109
  },
110
110
  states: {
111
- normal: {
112
- filter: {
113
- type: 'none',
114
- value: 0,
115
- },
116
- },
117
111
  hover: {
118
112
  filter: {
119
- type: 'none',
120
- value: 0,
113
+ type: 'none'
121
114
  },
122
115
  },
123
116
  active: {
124
117
  allowMultipleDataPointsSelection: false,
125
118
  filter: {
126
- type: 'none',
127
- value: 0,
119
+ type: 'none'
128
120
  },
129
121
  },
130
122
  },
package/dist/partials/widgets/charts/ChartsWidget2.js CHANGED
@@ -106,23 +106,15 @@ function getChartOptions(height) {
106
106
  opacity: 1,
107
107
  },
108
108
  states: {
109
- normal: {
110
- filter: {
111
- type: 'none',
112
- value: 0,
113
- },
114
- },
115
109
  hover: {
116
110
  filter: {
117
- type: 'none',
118
- value: 0,
111
+ type: 'none'
119
112
  },
120
113
  },
121
114
  active: {
122
115
  allowMultipleDataPointsSelection: false,
123
116
  filter: {
124
- type: 'none',
125
- value: 0,
117
+ type: 'none'
126
118
  },
127
119
  },
128
120
  },
package/dist/partials/widgets/charts/ChartsWidget3.js CHANGED
@@ -113,23 +113,15 @@ function getChartOptions() {
113
113
  },
114
114
  },
115
115
  states: {
116
- normal: {
117
- filter: {
118
- type: 'none',
119
- value: 0,
120
- },
121
- },
122
116
  hover: {
123
117
  filter: {
124
- type: 'none',
125
- value: 0,
118
+ type: 'none'
126
119
  },
127
120
  },
128
121
  active: {
129
122
  allowMultipleDataPointsSelection: false,
130
123
  filter: {
131
- type: 'none',
132
- value: 0,
124
+ type: 'none'
133
125
  },
134
126
  },
135
127
  },
package/dist/partials/widgets/charts/ChartsWidget4.js CHANGED
@@ -117,23 +117,15 @@ function getChartOptions(height) {
117
117
  },
118
118
  },
119
119
  states: {
120
- normal: {
121
- filter: {
122
- type: 'none',
123
- value: 0,
124
- },
125
- },
126
120
  hover: {
127
121
  filter: {
128
- type: 'none',
129
- value: 0,
122
+ type: 'none'
130
123
  },
131
124
  },
132
125
  active: {
133
126
  allowMultipleDataPointsSelection: false,
134
127
  filter: {
135
- type: 'none',
136
- value: 0,
128
+ type: 'none'
137
129
  },
138
130
  },
139
131
  },
package/dist/partials/widgets/charts/ChartsWidget5.js CHANGED
@@ -109,23 +109,15 @@ function getChartOptions(height) {
109
109
  opacity: 1,
110
110
  },
111
111
  states: {
112
- normal: {
113
- filter: {
114
- type: 'none',
115
- value: 0,
116
- },
117
- },
118
112
  hover: {
119
113
  filter: {
120
- type: 'none',
121
- value: 0,
114
+ type: 'none'
122
115
  },
123
116
  },
124
117
  active: {
125
118
  allowMultipleDataPointsSelection: false,
126
119
  filter: {
127
- type: 'none',
128
- value: 0,
120
+ type: 'none'
129
121
  },
130
122
  },
131
123
  },
package/dist/partials/widgets/charts/ChartsWidget6.js CHANGED
@@ -115,23 +115,15 @@ function getChartOptions(height) {
115
115
  opacity: 1,
116
116
  },
117
117
  states: {
118
- normal: {
119
- filter: {
120
- type: 'none',
121
- value: 0,
122
- },
123
- },
124
118
  hover: {
125
119
  filter: {
126
- type: 'none',
127
- value: 0,
120
+ type: 'none'
128
121
  },
129
122
  },
130
123
  active: {
131
124
  allowMultipleDataPointsSelection: false,
132
125
  filter: {
133
- type: 'none',
134
- value: 0,
126
+ type: 'none'
135
127
  },
136
128
  },
137
129
  },
package/dist/partials/widgets/charts/ChartsWidget7.js CHANGED
@@ -136,23 +136,15 @@ function getChartOptions(height) {
136
136
  },
137
137
  },
138
138
  states: {
139
- normal: {
140
- filter: {
141
- type: 'none',
142
- value: 0,
143
- },
144
- },
145
139
  hover: {
146
140
  filter: {
147
- type: 'none',
148
- value: 0,
141
+ type: 'none'
149
142
  },
150
143
  },
151
144
  active: {
152
145
  allowMultipleDataPointsSelection: false,
153
146
  filter: {
154
- type: 'none',
155
- value: 0,
147
+ type: 'none'
156
148
  },
157
149
  },
158
150
  },
package/dist/partials/widgets/charts/ChartsWidget8.js CHANGED
@@ -138,23 +138,15 @@ function getChartOptions(height) {
138
138
  },
139
139
  },
140
140
  states: {
141
- normal: {
142
- filter: {
143
- type: 'none',
144
- value: 0,
145
- },
146
- },
147
141
  hover: {
148
142
  filter: {
149
- type: 'none',
150
- value: 0,
143
+ type: 'none'
151
144
  },
152
145
  },
153
146
  active: {
154
147
  allowMultipleDataPointsSelection: false,
155
148
  filter: {
156
- type: 'none',
157
- value: 0,
149
+ type: 'none'
158
150
  },
159
151
  },
160
152
  },
package/dist/partials/widgets/mixed/MixedWidget10.js CHANGED
@@ -117,23 +117,15 @@ const chartOptions = (chartColor, chartHeight) => {
117
117
  },
118
118
  },
119
119
  states: {
120
- normal: {
121
- filter: {
122
- type: 'none',
123
- value: 0,
124
- },
125
- },
126
120
  hover: {
127
121
  filter: {
128
- type: 'none',
129
- value: 0,
122
+ type: 'none'
130
123
  },
131
124
  },
132
125
  active: {
133
126
  allowMultipleDataPointsSelection: false,
134
127
  filter: {
135
- type: 'none',
136
- value: 0,
128
+ type: 'none'
137
129
  },
138
130
  },
139
131
  },
package/dist/partials/widgets/mixed/MixedWidget11.js CHANGED
@@ -102,23 +102,15 @@ const chartOptions = (chartColor, chartHeight) => {
102
102
  type: 'solid',
103
103
  },
104
104
  states: {
105
- normal: {
106
- filter: {
107
- type: 'none',
108
- value: 0,
109
- },
110
- },
111
105
  hover: {
112
106
  filter: {
113
- type: 'none',
114
- value: 0,
107
+ type: 'none'
115
108
  },
116
109
  },
117
110
  active: {
118
111
  allowMultipleDataPointsSelection: false,
119
112
  filter: {
120
- type: 'none',
121
- value: 0,
113
+ type: 'none'
122
114
  },
123
115
  },
124
116
  },
package/dist/partials/widgets/mixed/MixedWidget13.js CHANGED
@@ -133,23 +133,15 @@ const chartOptions = (chartHeight) => {
133
133
  },
134
134
  },
135
135
  states: {
136
- normal: {
137
- filter: {
138
- type: 'none',
139
- value: 0,
140
- },
141
- },
142
136
  hover: {
143
137
  filter: {
144
- type: 'none',
145
- value: 0,
138
+ type: 'none'
146
139
  },
147
140
  },
148
141
  active: {
149
142
  allowMultipleDataPointsSelection: false,
150
143
  filter: {
151
- type: 'none',
152
- value: 0,
144
+ type: 'none'
153
145
  },
154
146
  },
155
147
  },
package/dist/partials/widgets/mixed/MixedWidget2.js CHANGED
@@ -139,23 +139,15 @@ const chartOptions = (chartHeight, chartColor, strokeColor) => {
139
139
  },
140
140
  },
141
141
  states: {
142
- normal: {
143
- filter: {
144
- type: 'none',
145
- value: 0,
146
- },
147
- },
148
142
  hover: {
149
143
  filter: {
150
- type: 'none',
151
- value: 0,
144
+ type: 'none'
152
145
  },
153
146
  },
154
147
  active: {
155
148
  allowMultipleDataPointsSelection: false,
156
149
  filter: {
157
- type: 'none',
158
- value: 0,
150
+ type: 'none'
159
151
  },
160
152
  },
161
153
  },
package/dist/partials/widgets/mixed/MixedWidget3.js CHANGED
@@ -125,23 +125,15 @@ const chartOptions = (chartHeight) => {
125
125
  opacity: [0.25, 1],
126
126
  },
127
127
  states: {
128
- normal: {
129
- filter: {
130
- type: 'none',
131
- value: 0,
132
- },
133
- },
134
128
  hover: {
135
129
  filter: {
136
- type: 'none',
137
- value: 0,
130
+ type: 'none'
138
131
  },
139
132
  },
140
133
  active: {
141
134
  allowMultipleDataPointsSelection: false,
142
135
  filter: {
143
- type: 'none',
144
- value: 0,
136
+ type: 'none'
145
137
  },
146
138
  },
147
139
  },
package/dist/partials/widgets/mixed/MixedWidget6.js CHANGED
@@ -140,23 +140,15 @@ const chartOptions = (chartHeight, chartColor) => {
140
140
  },
141
141
  },
142
142
  states: {
143
- normal: {
144
- filter: {
145
- type: 'none',
146
- value: 0,
147
- },
148
- },
149
143
  hover: {
150
144
  filter: {
151
- type: 'none',
152
- value: 0,
145
+ type: 'none'
153
146
  },
154
147
  },
155
148
  active: {
156
149
  allowMultipleDataPointsSelection: false,
157
150
  filter: {
158
- type: 'none',
159
- value: 0,
151
+ type: 'none'
160
152
  },
161
153
  },
162
154
  },
package/dist/partials/widgets/mixed/MixedWidget8.js CHANGED
@@ -168,23 +168,15 @@ const chart1Options = (chartColor, chartHeight) => {
168
168
  },
169
169
  },
170
170
  states: {
171
- normal: {
172
- filter: {
173
- type: 'none',
174
- value: 0,
175
- },
176
- },
177
171
  hover: {
178
172
  filter: {
179
- type: 'none',
180
- value: 0,
173
+ type: 'none'
181
174
  },
182
175
  },
183
176
  active: {
184
177
  allowMultipleDataPointsSelection: false,
185
178
  filter: {
186
- type: 'none',
187
- value: 0,
179
+ type: 'none'
188
180
  },
189
181
  },
190
182
  },
package/dist/partials/widgets/mixed/MixedWidget9.js CHANGED
@@ -156,23 +156,15 @@ const chartOptions = (chartColor, chartHeight) => {
156
156
  },
157
157
  },
158
158
  states: {
159
- normal: {
160
- filter: {
161
- type: 'none',
162
- value: 0,
163
- },
164
- },
165
159
  hover: {
166
160
  filter: {
167
- type: 'none',
168
- value: 0,
161
+ type: 'none'
169
162
  },
170
163
  },
171
164
  active: {
172
165
  allowMultipleDataPointsSelection: false,
173
166
  filter: {
174
- type: 'none',
175
- value: 0,
167
+ type: 'none'
176
168
  },
177
169
  },
178
170
  },
package/dist/partials/widgets/statistics/StatisticsWidget3.js CHANGED
@@ -118,23 +118,15 @@ function getChartOptions(height, labelColor, baseColor, lightColor) {
118
118
  },
119
119
  },
120
120
  states: {
121
- normal: {
122
- filter: {
123
- type: 'none',
124
- value: 0,
125
- },
126
- },
127
121
  hover: {
128
122
  filter: {
129
- type: 'none',
130
- value: 0,
123
+ type: 'none'
131
124
  },
132
125
  },
133
126
  active: {
134
127
  allowMultipleDataPointsSelection: false,
135
128
  filter: {
136
- type: 'none',
137
- value: 0,
129
+ type: 'none'
138
130
  },
139
131
  },
140
132
  },
package/dist/partials/widgets/statistics/StatisticsWidget4.js CHANGED
@@ -121,23 +121,15 @@ function getChartOptions(height, labelColor, baseColor, lightColor) {
121
121
  },
122
122
  },
123
123
  states: {
124
- normal: {
125
- filter: {
126
- type: 'none',
127
- value: 0,
128
- },
129
- },
130
124
  hover: {
131
125
  filter: {
132
126
  type: 'none',
133
- value: 0,
134
127
  },
135
128
  },
136
129
  active: {
137
130
  allowMultipleDataPointsSelection: false,
138
131
  filter: {
139
132
  type: 'none',
140
- value: 0,
141
133
  },
142
134
  },
143
135
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/template",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Metronic template components and utilities for Fri projects",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -31,45 +31,39 @@
31
31
  },
32
32
  "homepage": "https://github.com/soyfrii/Metronic-template#readme",
33
33
  "peerDependencies": {
34
- "react": ">=16.8.0",
35
- "react-dom": ">=16.8.0"
34
+ "react": ">=19.0.0",
35
+ "react-dom": ">=19.0.0"
36
36
  },
37
37
  "dependencies": {
38
- "apexcharts": "3.35.0",
39
- "bootstrap": "5.3.0",
40
- "bootstrap-icons": "^1.5.0",
41
- "clsx": "2.1.0",
38
+ "apexcharts": "^4.7.0",
39
+ "bootstrap": "^5.3.3",
40
+ "bootstrap-icons": "^1.11.3",
41
+ "clsx": "^2.1.1",
42
42
  "or": "^0.2.0",
43
- "prism-react-renderer": "2.0.5",
44
- "qs": "6.10.3",
45
- "react-apexcharts": "1.3.7",
46
- "react-bootstrap": "2.5.0-beta.1",
47
- "react-copy-to-clipboard": "5.1.0",
48
- "react-inlinesvg": "4.1.0",
49
- "react-intl": "^6.4.4",
50
- "react-router-dom": "^6.3.0",
51
- "socicon": "3.0.5",
52
- "@fortawesome/fontawesome-free": "6.1.1",
53
- "line-awesome": "1.3.0",
54
- "prism-themes": "1.9.0",
55
- "animate.css": "4.1.1",
56
- "nouislider": "15.5.1",
57
- "react-flatpickr": "^3.10.13",
58
- "@formatjs/intl-pluralrules": "5.2.4",
59
- "@formatjs/intl-relativetimeformat": "11.2.4"
60
-
43
+ "prism-react-renderer": "^2.4.0",
44
+ "qs": "^6.13.0",
45
+ "react-apexcharts": "^1.7.0",
46
+ "react-bootstrap": "^2.10.5",
47
+ "react-inlinesvg": "^4.2.0",
48
+ "react-intl": "^7.1.11",
49
+ "react-router-dom": "^6.28.0",
50
+ "socicon": "^3.0.5",
51
+ "@fortawesome/fontawesome-free": "^6.6.0",
52
+ "line-awesome": "^1.3.0",
53
+ "prism-themes": "^1.9.0",
54
+ "animate.css": "^4.1.1",
55
+ "nouislider": "^15.8.1",
56
+ "@formatjs/intl-pluralrules": "^5.2.14",
57
+ "@formatjs/intl-relativetimeformat": "^11.2.14"
61
58
  },
62
59
  "devDependencies": {
63
- "@types/bootstrap": "5.1.10",
64
- "@types/react": "^18.0.0",
65
- "@types/react-copy-to-clipboard": "5.0.2",
66
- "@types/react-dom": "^18.0.0",
67
- "typescript": "^4.9.0",
68
- "@types/qs": "6.9.7",
69
- "@types/react-flatpickr": "^3.8.8"
60
+ "@types/bootstrap": "^5.2.10",
61
+ "@types/react": "^19.0.2",
62
+ "@types/react-dom": "^19.0.2",
63
+ "typescript": "^5.7.2",
64
+ "@types/qs": "^6.9.17"
70
65
  },
71
66
  "publishConfig": {
72
67
  "access": "public"
73
68
  }
74
-
75
- }
69
+ }