@genspectrum/dashboard-components 1.10.2 → 1.10.3
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/dist/components.d.ts +38 -38
- package/dist/components.js +9 -2
- package/dist/components.js.map +1 -1
- package/dist/util.d.ts +38 -38
- package/package.json +1 -1
- package/src/preact/components/resize-container.tsx +5 -1
- package/src/preact/lineageFilter/lineage-filter.tsx +1 -1
- package/standalone-bundle/dashboard-components.js +9 -2
- package/standalone-bundle/dashboard-components.js.map +1 -1
package/dist/util.d.ts
CHANGED
|
@@ -940,6 +940,22 @@ declare global {
|
|
|
940
940
|
}
|
|
941
941
|
|
|
942
942
|
|
|
943
|
+
declare global {
|
|
944
|
+
interface HTMLElementTagNameMap {
|
|
945
|
+
'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
|
|
946
|
+
}
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
|
|
950
|
+
declare global {
|
|
951
|
+
namespace JSX {
|
|
952
|
+
interface IntrinsicElements {
|
|
953
|
+
'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
954
|
+
}
|
|
955
|
+
}
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
|
|
943
959
|
declare global {
|
|
944
960
|
interface HTMLElementTagNameMap {
|
|
945
961
|
'gs-mutation-comparison-component': MutationComparisonComponent;
|
|
@@ -1054,7 +1070,7 @@ declare global {
|
|
|
1054
1070
|
|
|
1055
1071
|
declare global {
|
|
1056
1072
|
interface HTMLElementTagNameMap {
|
|
1057
|
-
'gs-
|
|
1073
|
+
'gs-mutations-over-time': MutationsOverTimeComponent;
|
|
1058
1074
|
}
|
|
1059
1075
|
}
|
|
1060
1076
|
|
|
@@ -1062,7 +1078,7 @@ declare global {
|
|
|
1062
1078
|
declare global {
|
|
1063
1079
|
namespace JSX {
|
|
1064
1080
|
interface IntrinsicElements {
|
|
1065
|
-
'gs-
|
|
1081
|
+
'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1066
1082
|
}
|
|
1067
1083
|
}
|
|
1068
1084
|
}
|
|
@@ -1070,7 +1086,7 @@ declare global {
|
|
|
1070
1086
|
|
|
1071
1087
|
declare global {
|
|
1072
1088
|
interface HTMLElementTagNameMap {
|
|
1073
|
-
'gs-
|
|
1089
|
+
'gs-sequences-by-location': SequencesByLocationComponent;
|
|
1074
1090
|
}
|
|
1075
1091
|
}
|
|
1076
1092
|
|
|
@@ -1078,7 +1094,7 @@ declare global {
|
|
|
1078
1094
|
declare global {
|
|
1079
1095
|
namespace JSX {
|
|
1080
1096
|
interface IntrinsicElements {
|
|
1081
|
-
'gs-
|
|
1097
|
+
'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1082
1098
|
}
|
|
1083
1099
|
}
|
|
1084
1100
|
}
|
|
@@ -1086,7 +1102,11 @@ declare global {
|
|
|
1086
1102
|
|
|
1087
1103
|
declare global {
|
|
1088
1104
|
interface HTMLElementTagNameMap {
|
|
1089
|
-
'gs-
|
|
1105
|
+
'gs-date-range-filter': DateRangeFilterComponent;
|
|
1106
|
+
}
|
|
1107
|
+
interface HTMLElementEventMap {
|
|
1108
|
+
[gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
|
|
1109
|
+
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1090
1110
|
}
|
|
1091
1111
|
}
|
|
1092
1112
|
|
|
@@ -1094,7 +1114,7 @@ declare global {
|
|
|
1094
1114
|
declare global {
|
|
1095
1115
|
namespace JSX {
|
|
1096
1116
|
interface IntrinsicElements {
|
|
1097
|
-
'gs-
|
|
1117
|
+
'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1098
1118
|
}
|
|
1099
1119
|
}
|
|
1100
1120
|
}
|
|
@@ -1102,7 +1122,7 @@ declare global {
|
|
|
1102
1122
|
|
|
1103
1123
|
declare global {
|
|
1104
1124
|
interface HTMLElementTagNameMap {
|
|
1105
|
-
'gs-
|
|
1125
|
+
'gs-statistics': StatisticsComponent;
|
|
1106
1126
|
}
|
|
1107
1127
|
}
|
|
1108
1128
|
|
|
@@ -1110,7 +1130,7 @@ declare global {
|
|
|
1110
1130
|
declare global {
|
|
1111
1131
|
namespace JSX {
|
|
1112
1132
|
interface IntrinsicElements {
|
|
1113
|
-
'gs-
|
|
1133
|
+
'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1114
1134
|
}
|
|
1115
1135
|
}
|
|
1116
1136
|
}
|
|
@@ -1118,11 +1138,10 @@ declare global {
|
|
|
1118
1138
|
|
|
1119
1139
|
declare global {
|
|
1120
1140
|
interface HTMLElementTagNameMap {
|
|
1121
|
-
'gs-
|
|
1141
|
+
'gs-text-filter': TextFilterComponent;
|
|
1122
1142
|
}
|
|
1123
1143
|
interface HTMLElementEventMap {
|
|
1124
|
-
[gsEventNames.
|
|
1125
|
-
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1144
|
+
[gsEventNames.textFilterChanged]: TextFilterChangedEvent;
|
|
1126
1145
|
}
|
|
1127
1146
|
}
|
|
1128
1147
|
|
|
@@ -1130,7 +1149,7 @@ declare global {
|
|
|
1130
1149
|
declare global {
|
|
1131
1150
|
namespace JSX {
|
|
1132
1151
|
interface IntrinsicElements {
|
|
1133
|
-
'gs-
|
|
1152
|
+
'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1134
1153
|
}
|
|
1135
1154
|
}
|
|
1136
1155
|
}
|
|
@@ -1157,10 +1176,10 @@ declare global {
|
|
|
1157
1176
|
|
|
1158
1177
|
declare global {
|
|
1159
1178
|
interface HTMLElementTagNameMap {
|
|
1160
|
-
'gs-
|
|
1179
|
+
'gs-mutation-filter': MutationFilterComponent;
|
|
1161
1180
|
}
|
|
1162
1181
|
interface HTMLElementEventMap {
|
|
1163
|
-
[gsEventNames.
|
|
1182
|
+
[gsEventNames.mutationFilterChanged]: CustomEvent<MutationsFilter>;
|
|
1164
1183
|
}
|
|
1165
1184
|
}
|
|
1166
1185
|
|
|
@@ -1168,7 +1187,7 @@ declare global {
|
|
|
1168
1187
|
declare global {
|
|
1169
1188
|
namespace JSX {
|
|
1170
1189
|
interface IntrinsicElements {
|
|
1171
|
-
'gs-
|
|
1190
|
+
'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1172
1191
|
}
|
|
1173
1192
|
}
|
|
1174
1193
|
}
|
|
@@ -1176,10 +1195,11 @@ declare global {
|
|
|
1176
1195
|
|
|
1177
1196
|
declare global {
|
|
1178
1197
|
interface HTMLElementTagNameMap {
|
|
1179
|
-
'gs-
|
|
1198
|
+
'gs-number-range-filter': NumberRangeFilterComponent;
|
|
1180
1199
|
}
|
|
1181
1200
|
interface HTMLElementEventMap {
|
|
1182
|
-
[gsEventNames.
|
|
1201
|
+
[gsEventNames.numberRangeFilterChanged]: NumberRangeFilterChangedEvent;
|
|
1202
|
+
[gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
|
|
1183
1203
|
}
|
|
1184
1204
|
}
|
|
1185
1205
|
|
|
@@ -1187,7 +1207,7 @@ declare global {
|
|
|
1187
1207
|
declare global {
|
|
1188
1208
|
namespace JSX {
|
|
1189
1209
|
interface IntrinsicElements {
|
|
1190
|
-
'gs-
|
|
1210
|
+
'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1191
1211
|
}
|
|
1192
1212
|
}
|
|
1193
1213
|
}
|
|
@@ -1213,26 +1233,6 @@ declare global {
|
|
|
1213
1233
|
}
|
|
1214
1234
|
|
|
1215
1235
|
|
|
1216
|
-
declare global {
|
|
1217
|
-
interface HTMLElementTagNameMap {
|
|
1218
|
-
'gs-number-range-filter': NumberRangeFilterComponent;
|
|
1219
|
-
}
|
|
1220
|
-
interface HTMLElementEventMap {
|
|
1221
|
-
[gsEventNames.numberRangeFilterChanged]: NumberRangeFilterChangedEvent;
|
|
1222
|
-
[gsEventNames.numberRangeValueChanged]: NumberRangeValueChangedEvent;
|
|
1223
|
-
}
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
declare global {
|
|
1228
|
-
namespace JSX {
|
|
1229
|
-
interface IntrinsicElements {
|
|
1230
|
-
'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1231
|
-
}
|
|
1232
|
-
}
|
|
1233
|
-
}
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
1236
|
declare module 'chart.js' {
|
|
1237
1237
|
interface CartesianScaleTypeRegistry {
|
|
1238
1238
|
logit: {
|
package/package.json
CHANGED
|
@@ -4,11 +4,15 @@ import { forwardRef } from 'preact/compat';
|
|
|
4
4
|
export type Size = {
|
|
5
5
|
width: string;
|
|
6
6
|
height?: string;
|
|
7
|
+
minHeight?: string;
|
|
7
8
|
};
|
|
8
9
|
|
|
9
10
|
export const ResizeContainer = forwardRef<HTMLDivElement, { size: Size; children: ComponentChildren }>(
|
|
10
11
|
({ size, children }, ref) => (
|
|
11
|
-
<div
|
|
12
|
+
<div
|
|
13
|
+
ref={ref}
|
|
14
|
+
style={{ width: size.width, height: size.height, minHeight: size.minHeight, position: 'relative' }}
|
|
15
|
+
>
|
|
12
16
|
{children}
|
|
13
17
|
</div>
|
|
14
18
|
),
|
|
@@ -52,7 +52,7 @@ type LineageSelectorProps = z.infer<typeof lineageSelectorPropsSchema>;
|
|
|
52
52
|
|
|
53
53
|
export const LineageFilter: FunctionComponent<LineageFilterProps> = (props) => {
|
|
54
54
|
const { width, ...innerProps } = props;
|
|
55
|
-
const size = { width,
|
|
55
|
+
const size = { width, minHeight: '3rem' };
|
|
56
56
|
|
|
57
57
|
return (
|
|
58
58
|
<ErrorBoundary size={size} layout='horizontal' componentProps={props} schema={lineageFilterPropsSchema}>
|
|
@@ -5209,7 +5209,14 @@ var MT = function(n, e) {
|
|
|
5209
5209
|
return n(e);
|
|
5210
5210
|
}, TT = ke, AT = Yd, vd = { useState: xe, useId: gx, useReducer: Wc, useEffect: je, useLayoutEffect: qo, useInsertionEffect: Tx, useTransition: Cx, useDeferredValue: Mx, useSyncExternalStore: kx, startTransition: Sx, useRef: Le, useImperativeHandle: px, useMemo: He, useCallback: dt, useContext: Mn, useDebugValue: mx, version: "18.3.1", Children: nT, render: hT, hydrate: fT, unmountComponentAtNode: kT, createPortal: Ix, createElement: eo, createContext: Ua, createFactory: _T, cloneElement: wT, createRef: L2, Fragment: ke, isValidElement: Yd, isElement: AT, isFragment: bT, isMemo: xT, findDOMNode: ST, Component: ar, PureComponent: gp, memo: eT, forwardRef: km, flushSync: CT, unstable_batchedUpdates: MT, StrictMode: TT, Suspense: Yu, SuspenseList: Il, lazy: rT, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: yT };
|
|
5211
5211
|
const Kt = km(
|
|
5212
|
-
({ size: n, children: e }, t) => /* @__PURE__ */ v(
|
|
5212
|
+
({ size: n, children: e }, t) => /* @__PURE__ */ v(
|
|
5213
|
+
"div",
|
|
5214
|
+
{
|
|
5215
|
+
ref: t,
|
|
5216
|
+
style: { width: n.width, height: n.height, minHeight: n.minHeight, position: "relative" },
|
|
5217
|
+
children: e
|
|
5218
|
+
}
|
|
5219
|
+
)
|
|
5213
5220
|
), dn = ({
|
|
5214
5221
|
size: n,
|
|
5215
5222
|
layout: e,
|
|
@@ -40111,7 +40118,7 @@ const pB = T.object({
|
|
|
40111
40118
|
path: ["value"]
|
|
40112
40119
|
})
|
|
40113
40120
|
), vB = (n) => {
|
|
40114
|
-
const { width: e, ...t } = n, i = { width: e,
|
|
40121
|
+
const { width: e, ...t } = n, i = { width: e, minHeight: "3rem" };
|
|
40115
40122
|
return /* @__PURE__ */ v(dn, { size: i, layout: "horizontal", componentProps: n, schema: gB, children: /* @__PURE__ */ v(Kt, { size: i, children: /* @__PURE__ */ v(yB, { ...t }) }) });
|
|
40116
40123
|
}, yB = ({
|
|
40117
40124
|
lapisField: n,
|