@dative-gpi/foundation-shared-components 0.0.7 → 0.0.9

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 (139) hide show
  1. package/{models/FSButtons.ts → aliases/FSButton.ts} +24 -21
  2. package/aliases/index.ts +1 -0
  3. package/components/FSAutocompleteField.vue +207 -0
  4. package/components/FSBadge.vue +38 -0
  5. package/components/FSBreadcrumbs.vue +49 -55
  6. package/components/FSButton.vue +116 -101
  7. package/components/FSCalendar.vue +184 -0
  8. package/components/FSCalendarTwin.vue +412 -0
  9. package/components/FSCard.vue +77 -0
  10. package/components/FSCarousel.vue +63 -0
  11. package/components/FSCheckbox.vue +111 -104
  12. package/components/FSChip.vue +140 -0
  13. package/components/FSClock.vue +172 -0
  14. package/components/FSCol.vue +104 -98
  15. package/components/FSColor.vue +61 -64
  16. package/components/FSColorIcon.vue +67 -0
  17. package/components/FSContainer.vue +64 -0
  18. package/components/FSDateField.vue +211 -0
  19. package/components/FSDateRangeField.vue +225 -0
  20. package/components/FSDateTimeField.vue +257 -0
  21. package/components/FSDateTimeRangeField.vue +286 -0
  22. package/components/FSDialog.vue +103 -0
  23. package/components/FSDivider.vue +39 -0
  24. package/components/FSFadeOut.vue +49 -59
  25. package/components/FSFileButton.vue +245 -0
  26. package/components/FSHeaderButton.vue +17 -0
  27. package/components/FSIcon.vue +23 -23
  28. package/components/FSIconField.vue +232 -0
  29. package/components/FSImage.vue +142 -0
  30. package/components/FSLoadTile.vue +93 -0
  31. package/components/FSNumberField.vue +51 -53
  32. package/components/FSPasswordField.vue +99 -99
  33. package/components/FSRadio.vue +107 -110
  34. package/components/FSRadioGroup.vue +55 -57
  35. package/components/FSRemoveDialog.vue +123 -0
  36. package/components/FSRichTextField.vue +551 -0
  37. package/components/FSRow.vue +110 -104
  38. package/components/FSSearchField.vue +114 -105
  39. package/components/FSSelectField.vue +188 -0
  40. package/components/FSSlideGroup.vue +45 -49
  41. package/components/FSSlider.vue +130 -0
  42. package/components/FSSpan.vue +53 -37
  43. package/components/FSSubmitDialog.vue +165 -0
  44. package/components/FSSwitch.vue +110 -109
  45. package/components/FSTab.vue +61 -61
  46. package/components/FSTabs.vue +53 -55
  47. package/components/FSTag.vue +88 -84
  48. package/components/FSTagField.vue +183 -128
  49. package/components/FSTagGroup.vue +38 -45
  50. package/components/FSText.vue +74 -64
  51. package/components/FSTextArea.vue +209 -0
  52. package/components/FSTextField.vue +152 -149
  53. package/components/FSTile.vue +90 -0
  54. package/components/FSToggleSet.vue +282 -0
  55. package/components/FSTooltip.vue +21 -0
  56. package/components/FSWindow.vue +26 -16
  57. package/components/FSWrapGroup.vue +44 -47
  58. package/components/deviceOrganisations/FSConnectivity.vue +114 -0
  59. package/components/deviceOrganisations/FSStatus.vue +117 -0
  60. package/components/deviceOrganisations/FSStatusesCarousel.vue +105 -0
  61. package/components/deviceOrganisations/FSStatusesRow.vue +66 -0
  62. package/components/deviceOrganisations/FSWorstAlert.vue +165 -0
  63. package/components/lists/FSDataIteratorGroup.vue +7 -0
  64. package/components/lists/FSDataIteratorItem.vue +103 -0
  65. package/components/lists/FSDataTable.vue +964 -0
  66. package/components/lists/FSFilterButton.vue +176 -0
  67. package/components/lists/FSHeaderButton.vue +99 -0
  68. package/components/lists/FSHiddenButton.vue +79 -0
  69. package/components/tiles/FSDeviceOrganisationTileUI.vue +232 -0
  70. package/components/tiles/FSGroupTileUI.vue +192 -0
  71. package/composables/index.ts +2 -1
  72. package/composables/useBreakpoints.ts +33 -0
  73. package/composables/useColors.ts +53 -23
  74. package/composables/useSlots.ts +43 -0
  75. package/index.ts +6 -0
  76. package/models/breadcrumbs.ts +8 -0
  77. package/models/colors.ts +17 -0
  78. package/models/deviceAlerts.ts +10 -0
  79. package/models/deviceConnectivities.ts +11 -0
  80. package/models/deviceStatuses.ts +16 -0
  81. package/models/dispositions.ts +33 -0
  82. package/models/index.ts +9 -0
  83. package/models/modelStatuses.ts +11 -0
  84. package/models/rules.ts +50 -0
  85. package/models/toggleSets.ts +7 -0
  86. package/package.json +13 -4
  87. package/plugins/colorPlugin.ts +2 -2
  88. package/shims-plugin.d.ts +1 -1
  89. package/styles/components/fs_autocomplete_field.scss +123 -0
  90. package/styles/components/fs_button.scss +4 -14
  91. package/styles/components/fs_calendar.scss +138 -0
  92. package/styles/components/fs_card.scss +4 -0
  93. package/styles/components/fs_carousel.scss +4 -0
  94. package/styles/components/fs_chip.scss +33 -0
  95. package/styles/components/fs_clock.scss +43 -0
  96. package/styles/components/fs_col.scss +2 -0
  97. package/styles/components/fs_color_icon.scss +37 -0
  98. package/styles/components/fs_container.scss +16 -0
  99. package/styles/components/fs_data_iterator_item.scss +19 -0
  100. package/styles/components/fs_data_table.scss +97 -0
  101. package/styles/components/fs_date_field.scss +8 -0
  102. package/styles/components/fs_dialog.scss +30 -0
  103. package/styles/components/fs_divider.scss +5 -0
  104. package/styles/components/fs_fade_out.scss +10 -2
  105. package/styles/components/fs_filter_button.scss +12 -0
  106. package/styles/components/fs_header_button.scss +4 -0
  107. package/styles/components/fs_icon.scss +14 -4
  108. package/styles/components/fs_icon_field.scss +12 -0
  109. package/styles/components/fs_image.scss +7 -0
  110. package/styles/components/fs_load_tile.scss +49 -0
  111. package/styles/components/fs_password_field.scss +2 -2
  112. package/styles/components/fs_rich_text_field.scss +67 -0
  113. package/styles/components/fs_row.scss +4 -1
  114. package/styles/components/fs_select_field.scss +71 -0
  115. package/styles/components/fs_slide_group.scss +6 -0
  116. package/styles/components/fs_slider.scss +40 -0
  117. package/styles/components/fs_span.scss +8 -0
  118. package/styles/components/fs_submit_dialog.scss +9 -0
  119. package/styles/components/fs_tabs.scss +4 -0
  120. package/styles/components/fs_tag_field.scss +6 -8
  121. package/styles/components/fs_text_area.scss +105 -0
  122. package/styles/components/fs_text_field.scss +23 -15
  123. package/styles/components/fs_tile.scss +33 -0
  124. package/styles/components/fs_tooltip.scss +5 -0
  125. package/styles/components/fs_wrap_group.scss +7 -8
  126. package/styles/components/index.scss +26 -0
  127. package/styles/globals/breakpoints.scss +7 -0
  128. package/styles/globals/overrides.scss +20 -7
  129. package/styles/globals/text_fonts.scss +8 -8
  130. package/themes/default.ts +1 -11
  131. package/utils/css.ts +11 -0
  132. package/utils/icons.ts +75416 -0
  133. package/utils/index.ts +5 -0
  134. package/utils/levenshtein.ts +97 -0
  135. package/utils/lexical.ts +27 -0
  136. package/utils/sort.ts +9 -0
  137. package/composables/useTouch.ts +0 -9
  138. package/models/FSTags.ts +0 -8
  139. package/models/FSTextFields.ts +0 -17
package/utils/index.ts ADDED
@@ -0,0 +1,5 @@
1
+ export * from "./css";
2
+ export * from "./icons";
3
+ export * from "./levenshtein";
4
+ export * from "./lexical";
5
+ export * from "./sort";
@@ -0,0 +1,97 @@
1
+
2
+ const InnerMin = (d0: number, d1: number, d2: number, bx: number, ay: number) => {
3
+ return d0 < d1 || d2 < d1 ? d0 > d2 ? d2 + 1 : d0 + 1 : bx === ay ? d1 : d1 + 1;
4
+ };
5
+
6
+ export const levenshteinDistance = (a: string, b: string) => {
7
+ if (a === b) {
8
+ return 0;
9
+ }
10
+
11
+ if (a.length > b.length) {
12
+ let tmp = a;
13
+ a = b;
14
+ b = tmp;
15
+ }
16
+
17
+ let la = a.length;
18
+ let lb = b.length;
19
+
20
+ while (la > 0 && (a.charCodeAt(la - 1) === b.charCodeAt(lb - 1))) {
21
+ la--;
22
+ lb--;
23
+ }
24
+
25
+ let offset = 0;
26
+
27
+ while (offset < la && (a.charCodeAt(offset) === b.charCodeAt(offset))) {
28
+ offset++;
29
+ }
30
+
31
+ la -= offset;
32
+ lb -= offset;
33
+
34
+ if (la === 0 || lb < 3) {
35
+ return lb;
36
+ }
37
+
38
+ let dd = 0;
39
+ let x = 0;
40
+ let y: number;
41
+ let d0: number;
42
+ let d1: number;
43
+ let d2: number;
44
+ let d3: number;
45
+ let dy: number;
46
+ let ay: number;
47
+ let bx0: number;
48
+ let bx1: number;
49
+ let bx2: number;
50
+ let bx3: number;
51
+
52
+ let vector: number[] = [];
53
+
54
+ for (y = 0; y < la; y++) {
55
+ vector.push(y + 1);
56
+ vector.push(a.charCodeAt(offset + y));
57
+ }
58
+
59
+ let len = vector.length - 1;
60
+
61
+ for (; x < lb - 3;) {
62
+ bx0 = b.charCodeAt(offset + (d0 = x));
63
+ bx1 = b.charCodeAt(offset + (d1 = x + 1));
64
+ bx2 = b.charCodeAt(offset + (d2 = x + 2));
65
+ bx3 = b.charCodeAt(offset + (d3 = x + 3));
66
+ dd = (x += 4);
67
+ for (y = 0; y < len; y += 2) {
68
+ dy = vector[y];
69
+ ay = vector[y + 1];
70
+ d0 = InnerMin(dy, d0, d1, bx0, ay);
71
+ d1 = InnerMin(d0, d1, d2, bx1, ay);
72
+ d2 = InnerMin(d1, d2, d3, bx2, ay);
73
+ dd = InnerMin(d2, d3, dd, bx3, ay);
74
+ vector[y] = dd;
75
+ d3 = d2;
76
+ d2 = d1;
77
+ d1 = d0;
78
+ d0 = dy;
79
+ }
80
+ }
81
+
82
+ for (; x < lb;) {
83
+ bx0 = b.charCodeAt(offset + (d0 = x));
84
+ dd = ++x;
85
+ for (y = 0; y < len; y += 2) {
86
+ dy = vector[y];
87
+ vector[y] = dd = InnerMin(dy, d0, dd, bx0, vector[y + 1]);
88
+ d0 = dy;
89
+ }
90
+ }
91
+
92
+ return dd;
93
+ };
94
+
95
+ export const sortByLevenshteinDistance = (a: string, b: string, ref: string) => {
96
+ return levenshteinDistance(a, ref) - levenshteinDistance(b, ref);
97
+ };
@@ -0,0 +1,27 @@
1
+ import { ElementNode, LexicalNode, RangeSelection, TextNode } from "lexical";
2
+ import { $isAtNodeEnd } from "@lexical/selection";
3
+
4
+ export const getSelectedNode = (selection: RangeSelection): ElementNode | TextNode => {
5
+ const anchor = selection.anchor;
6
+ const focus = selection.focus;
7
+ const anchorNode = selection.anchor.getNode();
8
+ const focusNode = selection.focus.getNode();
9
+ if (anchorNode === focusNode) {
10
+ return anchorNode;
11
+ }
12
+ const isBackward = selection.isBackward();
13
+ if (isBackward) {
14
+ return $isAtNodeEnd(focus) ? anchorNode : focusNode;
15
+ }
16
+ else {
17
+ return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
18
+ }
19
+ }
20
+
21
+ export const getAncestor = <NodeType extends LexicalNode = LexicalNode>(node: LexicalNode, predicate: (ancestor: LexicalNode) => ancestor is NodeType) => {
22
+ let parent = node;
23
+ while (parent !== null && parent.getParent() !== null && !predicate(parent)) {
24
+ parent = parent.getParentOrThrow();
25
+ }
26
+ return predicate(parent) ? parent : null;
27
+ }
package/utils/sort.ts ADDED
@@ -0,0 +1,9 @@
1
+ export const alphanumericSort = (a: any, b: any) => {
2
+ if (typeof(a) !== 'string') {
3
+ a = JSON.stringify(a);
4
+ }
5
+ if (typeof(b) !== 'string') {
6
+ b = JSON.stringify(b);
7
+ }
8
+ return a.localeCompare(b, undefined, { numeric: true });
9
+ }
@@ -1,9 +0,0 @@
1
- export const useTouch = () => {
2
- const isEnabled = (): boolean => {
3
- return navigator.maxTouchPoints > 0;
4
- };
5
-
6
- return {
7
- isEnabled
8
- };
9
- }
package/models/FSTags.ts DELETED
@@ -1,8 +0,0 @@
1
- import { ColorBase } from "@dative-gpi/foundation-shared-components/themes";
2
-
3
- export interface FSTagItem {
4
- label: string,
5
- variant: "standard" | "full",
6
- color: ColorBase,
7
- editable: boolean
8
- }
@@ -1,17 +0,0 @@
1
- export const TextRules = {
2
- required: (message: string) => (value: string) => !!value || (message ?? "Required"),
3
- minLength: (length: number, message: string) => (value: string) => value.length >= length || (message ?? `Must be at least ${length} characters`),
4
- maxLength: (length: number, message: string) => (value: string) => value.length <= length || (message ?? `Must be at most ${length} characters`),
5
- email: (message: string) => (value: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value) || (message ?? "Must be a valid email"),
6
- digit: (message: string) => (value: string) => /(?=.*\d)/.test(value) || (message ?? "Must contain a digit"),
7
- uppercase: (message: string) => (value: string) => /(?=.*[A-Z])/.test(value) || (message ?? "Must contain an uppercase letter"),
8
- lowercase: (message: string) => (value: string) => /(?=.*[a-z])/.test(value) || (message ?? "Must contain a lowercase letter"),
9
- special: (message: string) => (value: string) => /(?=.*[!@#$%^&*])/.test(value) || (message ?? "Must contain a special character")
10
- };
11
-
12
- export const NumberRules = {
13
- required: (message: string) => (value: number) => !!value || (message ?? "Required"),
14
- min: (min: number, message: string) => (value: number) => value >= min || (message ?? `Must be at least ${min}`),
15
- max: (max: number, message: string) => (value: number) => value <= max || (message ?? `Must be at most ${max}`),
16
- integer: (message: string) => (value: number) => Number.isInteger(value) || (message ?? "Must be an integer")
17
- };