@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.
Files changed (35) hide show
  1. package/components/FSDialogForm.vue +3 -0
  2. package/components/FSForm.vue +1 -1
  3. package/components/FSToggleSet.vue +124 -82
  4. package/components/autocompletes/FSAutocompleteLanguage.vue +122 -0
  5. package/components/autocompletes/FSAutocompleteOrganisation.vue +43 -0
  6. package/components/autocompletes/FSAutocompleteTimeZone.vue +49 -0
  7. package/components/fields/FSAutocompleteField.vue +117 -62
  8. package/components/fields/FSDateField.vue +21 -7
  9. package/components/fields/FSDateRangeField.vue +18 -6
  10. package/components/fields/FSDateTimeField.vue +24 -8
  11. package/components/fields/FSDateTimeRangeField.vue +20 -6
  12. package/components/fields/FSTextField.vue +21 -6
  13. package/components/lists/FSDataTableUI.vue +5 -5
  14. package/composables/index.ts +1 -0
  15. package/composables/useAutocomplete.ts +81 -0
  16. package/composables/useDebounce.ts +15 -15
  17. package/icons/sets.ts +28 -0
  18. package/icons/widgetTemplates/AlertsPodiumWidget.vue +18 -0
  19. package/icons/widgetTemplates/AlertsWidget.vue +54 -0
  20. package/icons/widgetTemplates/ChartsWidget.vue +18 -0
  21. package/icons/widgetTemplates/DashboardsWidget.vue +18 -0
  22. package/icons/widgetTemplates/DevicesWidget.vue +274 -0
  23. package/icons/widgetTemplates/EditWidget.vue +18 -0
  24. package/icons/widgetTemplates/GroupsWidget.vue +18 -0
  25. package/icons/widgetTemplates/LocationsWidget.vue +46 -0
  26. package/icons/widgetTemplates/MapWidget.vue +18 -0
  27. package/icons/widgetTemplates/ModelsWidget.vue +26 -0
  28. package/icons/widgetTemplates/ProfileWidget.vue +30 -0
  29. package/icons/widgetTemplates/TextWidget.vue +62 -0
  30. package/package.json +4 -4
  31. package/styles/components/fs_data_iterator_item.scss +1 -1
  32. package/styles/components/fs_toggle_set.scss +4 -0
  33. package/styles/components/index.scss +1 -0
  34. package/styles/globals/overrides.scss +2 -2
  35. 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.83",
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.83",
14
- "@dative-gpi/foundation-shared-services": "0.0.83",
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": "97d34af7b3481be94f7fd50ca7a0a209f9eac517"
35
+ "gitHead": "9c0b770f8b54cce1cd3aa7c25c91ad1a99b08862"
36
36
  }
@@ -4,7 +4,7 @@
4
4
  flex: 1 0 0;
5
5
 
6
6
  & > .fs-col > .fs-row:first-of-type > :last-child {
7
- padding-right: 22px;
7
+ padding-right: 32px;
8
8
  }
9
9
  }
10
10
 
@@ -0,0 +1,4 @@
1
+ .fs-toggle-set > .v-input__control > .v-slide-group {
2
+ height: calc(100% + 0.4px);
3
+ width: calc(100% + 0.4px);
4
+ }
@@ -55,6 +55,7 @@
55
55
  @import "fs_tile.scss";
56
56
  @import "fs_time_field.scss";
57
57
  @import "fs_timeslot_field.scss";
58
+ @import "fs_toggle_set.scss";
58
59
  @import "fs_tooltip.scss";
59
60
  @import "fs_window.scss";
60
61
  @import "fs_wrap_group.scss";
@@ -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(" ") + " " + icon.styles.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
  })));