@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.
- package/{models/FSButtons.ts → aliases/FSButton.ts} +24 -21
- package/aliases/index.ts +1 -0
- package/components/FSAutocompleteField.vue +207 -0
- package/components/FSBadge.vue +38 -0
- package/components/FSBreadcrumbs.vue +49 -55
- package/components/FSButton.vue +116 -101
- package/components/FSCalendar.vue +184 -0
- package/components/FSCalendarTwin.vue +412 -0
- package/components/FSCard.vue +77 -0
- package/components/FSCarousel.vue +63 -0
- package/components/FSCheckbox.vue +111 -104
- package/components/FSChip.vue +140 -0
- package/components/FSClock.vue +172 -0
- package/components/FSCol.vue +104 -98
- package/components/FSColor.vue +61 -64
- package/components/FSColorIcon.vue +67 -0
- package/components/FSContainer.vue +64 -0
- package/components/FSDateField.vue +211 -0
- package/components/FSDateRangeField.vue +225 -0
- package/components/FSDateTimeField.vue +257 -0
- package/components/FSDateTimeRangeField.vue +286 -0
- package/components/FSDialog.vue +103 -0
- package/components/FSDivider.vue +39 -0
- package/components/FSFadeOut.vue +49 -59
- package/components/FSFileButton.vue +245 -0
- package/components/FSHeaderButton.vue +17 -0
- package/components/FSIcon.vue +23 -23
- package/components/FSIconField.vue +232 -0
- package/components/FSImage.vue +142 -0
- package/components/FSLoadTile.vue +93 -0
- package/components/FSNumberField.vue +51 -53
- package/components/FSPasswordField.vue +99 -99
- package/components/FSRadio.vue +107 -110
- package/components/FSRadioGroup.vue +55 -57
- package/components/FSRemoveDialog.vue +123 -0
- package/components/FSRichTextField.vue +551 -0
- package/components/FSRow.vue +110 -104
- package/components/FSSearchField.vue +114 -105
- package/components/FSSelectField.vue +188 -0
- package/components/FSSlideGroup.vue +45 -49
- package/components/FSSlider.vue +130 -0
- package/components/FSSpan.vue +53 -37
- package/components/FSSubmitDialog.vue +165 -0
- package/components/FSSwitch.vue +110 -109
- package/components/FSTab.vue +61 -61
- package/components/FSTabs.vue +53 -55
- package/components/FSTag.vue +88 -84
- package/components/FSTagField.vue +183 -128
- package/components/FSTagGroup.vue +38 -45
- package/components/FSText.vue +74 -64
- package/components/FSTextArea.vue +209 -0
- package/components/FSTextField.vue +152 -149
- package/components/FSTile.vue +90 -0
- package/components/FSToggleSet.vue +282 -0
- package/components/FSTooltip.vue +21 -0
- package/components/FSWindow.vue +26 -16
- package/components/FSWrapGroup.vue +44 -47
- package/components/deviceOrganisations/FSConnectivity.vue +114 -0
- package/components/deviceOrganisations/FSStatus.vue +117 -0
- package/components/deviceOrganisations/FSStatusesCarousel.vue +105 -0
- package/components/deviceOrganisations/FSStatusesRow.vue +66 -0
- package/components/deviceOrganisations/FSWorstAlert.vue +165 -0
- package/components/lists/FSDataIteratorGroup.vue +7 -0
- package/components/lists/FSDataIteratorItem.vue +103 -0
- package/components/lists/FSDataTable.vue +964 -0
- package/components/lists/FSFilterButton.vue +176 -0
- package/components/lists/FSHeaderButton.vue +99 -0
- package/components/lists/FSHiddenButton.vue +79 -0
- package/components/tiles/FSDeviceOrganisationTileUI.vue +232 -0
- package/components/tiles/FSGroupTileUI.vue +192 -0
- package/composables/index.ts +2 -1
- package/composables/useBreakpoints.ts +33 -0
- package/composables/useColors.ts +53 -23
- package/composables/useSlots.ts +43 -0
- package/index.ts +6 -0
- package/models/breadcrumbs.ts +8 -0
- package/models/colors.ts +17 -0
- package/models/deviceAlerts.ts +10 -0
- package/models/deviceConnectivities.ts +11 -0
- package/models/deviceStatuses.ts +16 -0
- package/models/dispositions.ts +33 -0
- package/models/index.ts +9 -0
- package/models/modelStatuses.ts +11 -0
- package/models/rules.ts +50 -0
- package/models/toggleSets.ts +7 -0
- package/package.json +13 -4
- package/plugins/colorPlugin.ts +2 -2
- package/shims-plugin.d.ts +1 -1
- package/styles/components/fs_autocomplete_field.scss +123 -0
- package/styles/components/fs_button.scss +4 -14
- package/styles/components/fs_calendar.scss +138 -0
- package/styles/components/fs_card.scss +4 -0
- package/styles/components/fs_carousel.scss +4 -0
- package/styles/components/fs_chip.scss +33 -0
- package/styles/components/fs_clock.scss +43 -0
- package/styles/components/fs_col.scss +2 -0
- package/styles/components/fs_color_icon.scss +37 -0
- package/styles/components/fs_container.scss +16 -0
- package/styles/components/fs_data_iterator_item.scss +19 -0
- package/styles/components/fs_data_table.scss +97 -0
- package/styles/components/fs_date_field.scss +8 -0
- package/styles/components/fs_dialog.scss +30 -0
- package/styles/components/fs_divider.scss +5 -0
- package/styles/components/fs_fade_out.scss +10 -2
- package/styles/components/fs_filter_button.scss +12 -0
- package/styles/components/fs_header_button.scss +4 -0
- package/styles/components/fs_icon.scss +14 -4
- package/styles/components/fs_icon_field.scss +12 -0
- package/styles/components/fs_image.scss +7 -0
- package/styles/components/fs_load_tile.scss +49 -0
- package/styles/components/fs_password_field.scss +2 -2
- package/styles/components/fs_rich_text_field.scss +67 -0
- package/styles/components/fs_row.scss +4 -1
- package/styles/components/fs_select_field.scss +71 -0
- package/styles/components/fs_slide_group.scss +6 -0
- package/styles/components/fs_slider.scss +40 -0
- package/styles/components/fs_span.scss +8 -0
- package/styles/components/fs_submit_dialog.scss +9 -0
- package/styles/components/fs_tabs.scss +4 -0
- package/styles/components/fs_tag_field.scss +6 -8
- package/styles/components/fs_text_area.scss +105 -0
- package/styles/components/fs_text_field.scss +23 -15
- package/styles/components/fs_tile.scss +33 -0
- package/styles/components/fs_tooltip.scss +5 -0
- package/styles/components/fs_wrap_group.scss +7 -8
- package/styles/components/index.scss +26 -0
- package/styles/globals/breakpoints.scss +7 -0
- package/styles/globals/overrides.scss +20 -7
- package/styles/globals/text_fonts.scss +8 -8
- package/themes/default.ts +1 -11
- package/utils/css.ts +11 -0
- package/utils/icons.ts +75416 -0
- package/utils/index.ts +5 -0
- package/utils/levenshtein.ts +97 -0
- package/utils/lexical.ts +27 -0
- package/utils/sort.ts +9 -0
- package/composables/useTouch.ts +0 -9
- package/models/FSTags.ts +0 -8
- package/models/FSTextFields.ts +0 -17
package/utils/index.ts
ADDED
|
@@ -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
|
+
};
|
package/utils/lexical.ts
ADDED
|
@@ -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
package/composables/useTouch.ts
DELETED
package/models/FSTags.ts
DELETED
package/models/FSTextFields.ts
DELETED
|
@@ -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
|
-
};
|