@dative-gpi/foundation-shared-components 0.0.83 → 0.0.85
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/components/FSDialogForm.vue +3 -0
- package/components/FSForm.vue +1 -1
- package/components/FSToggleSet.vue +124 -82
- package/components/autocompletes/FSAutocompleteLanguage.vue +122 -0
- package/components/autocompletes/FSAutocompleteOrganisation.vue +43 -0
- package/components/autocompletes/FSAutocompleteTimeZone.vue +49 -0
- package/components/fields/FSAutocompleteField.vue +117 -62
- package/components/fields/FSDateField.vue +21 -7
- package/components/fields/FSDateRangeField.vue +18 -6
- package/components/fields/FSDateTimeField.vue +24 -8
- package/components/fields/FSDateTimeRangeField.vue +20 -6
- package/components/fields/FSTextField.vue +21 -6
- package/components/lists/FSDataTableUI.vue +5 -5
- package/composables/index.ts +1 -0
- package/composables/useAutocomplete.ts +81 -0
- package/composables/useDebounce.ts +15 -15
- package/icons/sets.ts +28 -0
- package/icons/widgetTemplates/AlertsPodiumWidget.vue +18 -0
- package/icons/widgetTemplates/AlertsWidget.vue +54 -0
- package/icons/widgetTemplates/ChartsWidget.vue +18 -0
- package/icons/widgetTemplates/DashboardsWidget.vue +18 -0
- package/icons/widgetTemplates/DevicesWidget.vue +274 -0
- package/icons/widgetTemplates/EditWidget.vue +18 -0
- package/icons/widgetTemplates/GroupsWidget.vue +18 -0
- package/icons/widgetTemplates/LocationsWidget.vue +46 -0
- package/icons/widgetTemplates/MapWidget.vue +18 -0
- package/icons/widgetTemplates/ModelsWidget.vue +26 -0
- package/icons/widgetTemplates/ProfileWidget.vue +30 -0
- package/icons/widgetTemplates/TextWidget.vue +62 -0
- package/package.json +4 -4
- package/styles/components/fs_data_iterator_item.scss +1 -1
- package/styles/components/fs_toggle_set.scss +4 -0
- package/styles/components/index.scss +1 -0
- package/styles/globals/overrides.scss +2 -2
- package/utils/icons.ts +139 -3
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
width="65"
|
|
4
|
+
height="65"
|
|
5
|
+
viewBox="0 0 65 65"
|
|
6
|
+
fill="none"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
d="M29.8345 17.2804L38.5746 19.2719L39.3944 53.4226L30.3539 48.5004L29.8345 17.2804Z"
|
|
11
|
+
fill="#87CFE5"
|
|
12
|
+
/>
|
|
13
|
+
<path
|
|
14
|
+
d="M20.1964 11.6523L47.9195 17.9692L48.0446 25.4935L16.5145 13.6786L20.1964 11.6523Z"
|
|
15
|
+
fill="#87CFE5"
|
|
16
|
+
/>
|
|
17
|
+
<path
|
|
18
|
+
d="M47.9702 27.7488L48.0346 24.8893C47.2308 24.7855 44.7248 22.3777 44.0068 23.6573C43.3636 24.8036 44.4627 29.6471 44.4627 29.6471L47.9702 27.7488Z"
|
|
19
|
+
fill="#87CFE5"
|
|
20
|
+
/>
|
|
21
|
+
<path
|
|
22
|
+
d="M30.3048 45.5521L30.3539 48.5004L26.3686 47.5923C26.3686 47.5923 29.9504 46.3011 30.3048 45.5521Z"
|
|
23
|
+
fill="#87CFE5"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
d="M39.255 47.6171L39.3944 53.4226L43.0767 51.3994C43.0767 51.3994 39.6369 48.5338 39.255 47.6171Z"
|
|
27
|
+
fill="#87CFE5"
|
|
28
|
+
/>
|
|
29
|
+
<path
|
|
30
|
+
d="M20.3612 21.4265L22.8877 19.2719C24.4101 19.7692 25.1002 20.2519 23.7179 19.937C22.3357 19.622 20.7153 20.6712 20.3612 21.4265Z"
|
|
31
|
+
fill="#87CFE5"
|
|
32
|
+
/>
|
|
33
|
+
<rect
|
|
34
|
+
width="9.02841"
|
|
35
|
+
height="31.2754"
|
|
36
|
+
transform="matrix(0.968064 0.220577 0.0166068 0.998228 26.1622 19.3193)"
|
|
37
|
+
fill="#2C2C2C"
|
|
38
|
+
/>
|
|
39
|
+
<rect
|
|
40
|
+
width="28.6376"
|
|
41
|
+
height="7.53771"
|
|
42
|
+
transform="matrix(0.968064 0.220577 0.0166068 0.998228 16.5241 13.6904)"
|
|
43
|
+
fill="#2C2C2C"
|
|
44
|
+
/>
|
|
45
|
+
<path
|
|
46
|
+
d="M44.4192 29.7838L44.3698 26.8135C42.8459 26.6167 39.5845 26.4278 40.9726 26.7441C42.3608 27.0604 44.0356 28.8605 44.4192 29.7838Z"
|
|
47
|
+
fill="#2C2C2C"
|
|
48
|
+
/>
|
|
49
|
+
<path
|
|
50
|
+
d="M26.6326 47.5908L26.6816 50.5391L22.6963 49.631C22.6963 49.631 26.2782 48.3398 26.6326 47.5908Z"
|
|
51
|
+
fill="#2C2C2C"
|
|
52
|
+
/>
|
|
53
|
+
<path
|
|
54
|
+
d="M35.3726 49.582L35.4216 52.5303L39.4045 53.4378C39.4045 53.4378 35.7544 50.4987 35.3726 49.582Z"
|
|
55
|
+
fill="#2C2C2C"
|
|
56
|
+
/>
|
|
57
|
+
<path
|
|
58
|
+
d="M16.689 23.4654L16.6396 20.4951C18.1619 20.9924 21.4279 22.2908 20.0457 21.9759C18.6634 21.6609 17.043 22.7102 16.689 23.4654Z"
|
|
59
|
+
fill="#2C2C2C"
|
|
60
|
+
/>
|
|
61
|
+
</svg>
|
|
62
|
+
</template>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dative-gpi/foundation-shared-components",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.85",
|
|
5
5
|
"description": "",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"author": "",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@dative-gpi/foundation-shared-domain": "0.0.
|
|
14
|
-
"@dative-gpi/foundation-shared-services": "0.0.
|
|
13
|
+
"@dative-gpi/foundation-shared-domain": "0.0.85",
|
|
14
|
+
"@dative-gpi/foundation-shared-services": "0.0.85",
|
|
15
15
|
"@fontsource/montserrat": "^5.0.16",
|
|
16
16
|
"@lexical/clipboard": "^0.12.5",
|
|
17
17
|
"@lexical/history": "^0.12.5",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"sass": "^1.69.5",
|
|
33
33
|
"sass-loader": "^13.3.2"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "9c0b770f8b54cce1cd3aa7c25c91ad1a99b08862"
|
|
36
36
|
}
|
|
@@ -142,6 +142,8 @@ $nthOverlay: 25;
|
|
|
142
142
|
color: var(--fs-group-hover-color);
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
+
/***************************************************************************/
|
|
146
|
+
|
|
145
147
|
// Badges are totally overriden
|
|
146
148
|
.v-badge__badge {
|
|
147
149
|
align-items: center !important;
|
|
@@ -152,5 +154,3 @@ $nthOverlay: 25;
|
|
|
152
154
|
min-width: 16px !important;
|
|
153
155
|
height: 16px !important;
|
|
154
156
|
}
|
|
155
|
-
|
|
156
|
-
/***************************************************************************/
|
package/utils/icons.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { Flags } from "../icons/sets";
|
|
2
|
-
|
|
3
1
|
const MdiIcons = [
|
|
4
2
|
{
|
|
5
3
|
"name": "ab-testing",
|
|
@@ -75493,10 +75491,148 @@ const FlagIcons = [
|
|
|
75493
75491
|
}
|
|
75494
75492
|
];
|
|
75495
75493
|
|
|
75494
|
+
const WidgetIcons = [
|
|
75495
|
+
{
|
|
75496
|
+
"name": "alertsPodiumWidget",
|
|
75497
|
+
"aliases": [
|
|
75498
|
+
"alerts-podium-widget"
|
|
75499
|
+
],
|
|
75500
|
+
"styles": [],
|
|
75501
|
+
"tags": [
|
|
75502
|
+
"Widgets",
|
|
75503
|
+
"Alerts"
|
|
75504
|
+
]
|
|
75505
|
+
},
|
|
75506
|
+
{
|
|
75507
|
+
"name": "alertsWidget",
|
|
75508
|
+
"aliases": [
|
|
75509
|
+
"alerts-widget"
|
|
75510
|
+
],
|
|
75511
|
+
"styles": [],
|
|
75512
|
+
"tags": [
|
|
75513
|
+
"Widgets",
|
|
75514
|
+
"Alerts"
|
|
75515
|
+
]
|
|
75516
|
+
},
|
|
75517
|
+
{
|
|
75518
|
+
"name": "chartsWidget",
|
|
75519
|
+
"aliases": [
|
|
75520
|
+
"charts-widget"
|
|
75521
|
+
],
|
|
75522
|
+
"styles": [],
|
|
75523
|
+
"tags": [
|
|
75524
|
+
"Widgets",
|
|
75525
|
+
"Charts"
|
|
75526
|
+
]
|
|
75527
|
+
},
|
|
75528
|
+
{
|
|
75529
|
+
"name": "dashboardsWidget",
|
|
75530
|
+
"aliases": [
|
|
75531
|
+
"dashboards-widget"
|
|
75532
|
+
],
|
|
75533
|
+
"styles": [],
|
|
75534
|
+
"tags": [
|
|
75535
|
+
"Widgets",
|
|
75536
|
+
"Dashboards"
|
|
75537
|
+
]
|
|
75538
|
+
},
|
|
75539
|
+
{
|
|
75540
|
+
"name": "devicesWidget",
|
|
75541
|
+
"aliases": [
|
|
75542
|
+
"devices-widget"
|
|
75543
|
+
],
|
|
75544
|
+
"styles": [],
|
|
75545
|
+
"tags": [
|
|
75546
|
+
"Widgets",
|
|
75547
|
+
"Devices"
|
|
75548
|
+
]
|
|
75549
|
+
},
|
|
75550
|
+
{
|
|
75551
|
+
"name": "editWidget",
|
|
75552
|
+
"aliases": [
|
|
75553
|
+
"edit-widget"
|
|
75554
|
+
],
|
|
75555
|
+
"styles": [],
|
|
75556
|
+
"tags": [
|
|
75557
|
+
"Widgets",
|
|
75558
|
+
"Text"
|
|
75559
|
+
]
|
|
75560
|
+
},
|
|
75561
|
+
{
|
|
75562
|
+
"name": "groupsWidget",
|
|
75563
|
+
"aliases": [
|
|
75564
|
+
"groups-widget"
|
|
75565
|
+
],
|
|
75566
|
+
"styles": [],
|
|
75567
|
+
"tags": [
|
|
75568
|
+
"Widgets",
|
|
75569
|
+
"Groups"
|
|
75570
|
+
]
|
|
75571
|
+
},
|
|
75572
|
+
{
|
|
75573
|
+
"name": "locationsWidget",
|
|
75574
|
+
"aliases": [
|
|
75575
|
+
"locations-widget"
|
|
75576
|
+
],
|
|
75577
|
+
"styles": [],
|
|
75578
|
+
"tags": [
|
|
75579
|
+
"Widgets",
|
|
75580
|
+
"Locations"
|
|
75581
|
+
]
|
|
75582
|
+
},
|
|
75583
|
+
{
|
|
75584
|
+
"name": "mapWidget",
|
|
75585
|
+
"aliases": [
|
|
75586
|
+
"map-widget"
|
|
75587
|
+
],
|
|
75588
|
+
"styles": [],
|
|
75589
|
+
"tags": [
|
|
75590
|
+
"Widgets",
|
|
75591
|
+
"Map"
|
|
75592
|
+
]
|
|
75593
|
+
},
|
|
75594
|
+
{
|
|
75595
|
+
"name": "modelsWidget",
|
|
75596
|
+
"aliases": [
|
|
75597
|
+
"models-widget"
|
|
75598
|
+
],
|
|
75599
|
+
"styles": [],
|
|
75600
|
+
"tags": [
|
|
75601
|
+
"Widgets",
|
|
75602
|
+
"Models"
|
|
75603
|
+
]
|
|
75604
|
+
},
|
|
75605
|
+
{
|
|
75606
|
+
"name": "profileWidget",
|
|
75607
|
+
"aliases": [
|
|
75608
|
+
"profile-widget"
|
|
75609
|
+
],
|
|
75610
|
+
"styles": [],
|
|
75611
|
+
"tags": [
|
|
75612
|
+
"Widgets",
|
|
75613
|
+
"Profile"
|
|
75614
|
+
]
|
|
75615
|
+
},
|
|
75616
|
+
{
|
|
75617
|
+
"name": "textWidget",
|
|
75618
|
+
"aliases": [
|
|
75619
|
+
"text-widget"
|
|
75620
|
+
],
|
|
75621
|
+
"styles": [],
|
|
75622
|
+
"tags": [
|
|
75623
|
+
"Widgets",
|
|
75624
|
+
"Text"
|
|
75625
|
+
]
|
|
75626
|
+
}
|
|
75627
|
+
];
|
|
75628
|
+
|
|
75496
75629
|
export const Icons: { name: string, fullText: string }[] = MdiIcons.map((icon) => ({
|
|
75497
75630
|
name: "mdi-" + icon.name,
|
|
75498
75631
|
fullText: icon.name + icon.name.split("-").join(" ") + " " + icon.aliases.join(" ") + " " + icon.tags.join(" ") + " " + icon.styles.join(" ")
|
|
75499
75632
|
})).concat(FlagIcons.map((icon) => ({
|
|
75500
75633
|
name: "$" + icon.name,
|
|
75501
|
-
fullText: icon.name + icon.name.split("-").join(" ") + " " + icon.aliases.join(" ") + " " + icon.tags.join(" ")
|
|
75634
|
+
fullText: icon.name + icon.name.split("-").join(" ") + " " + icon.aliases.join(" ") + " " + icon.tags.join(" ")
|
|
75635
|
+
}))).concat(WidgetIcons.map((icon) => ({
|
|
75636
|
+
name: "$" + icon.name,
|
|
75637
|
+
fullText: icon.name + icon.name.split("-").join(" ") + " " + icon.aliases.join(" ") + " " + icon.tags.join(" ")
|
|
75502
75638
|
})));
|