@mtes-mct/monitor-ui 24.21.3 → 24.22.0
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/CHANGELOG.md +8 -0
- package/elements/Loader/FingerprintLoader.d.ts +3 -0
- package/elements/Loader/FingerprintLoader.d.ts.map +1 -0
- package/elements/Loader/FulfillingBouncingCircleLoader.d.ts +3 -0
- package/elements/Loader/FulfillingBouncingCircleLoader.d.ts.map +1 -0
- package/elements/Loader/LoaderProps.d.ts +7 -0
- package/elements/Loader/LoaderProps.d.ts.map +1 -0
- package/index.d.ts +4 -1
- package/index.d.ts.map +1 -1
- package/index.js +343 -131
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## [24.21.3](https://github.com/MTES-MCT/monitor-ui/compare/v24.21.2...v24.21.3) (2025-06-11)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* **fields:** add one more numeric to seconds to dmd coordinates input ([8bf3786](https://github.com/MTES-MCT/monitor-ui/commit/8bf37863df4ea5c670c4ee91fdf38f76cb43e335))
|
|
6
|
+
* **fields:** fix modification of dd input after first output ([7bbf95c](https://github.com/MTES-MCT/monitor-ui/commit/7bbf95c83571209e2f6c35487ee4b511978652ec))
|
|
7
|
+
* **fields:** fix update of dd input from props ([ca6f597](https://github.com/MTES-MCT/monitor-ui/commit/ca6f597aa784e81f21c9b9b1a115187845b17e74))
|
|
8
|
+
|
|
1
9
|
## [24.21.2](https://github.com/MTES-MCT/monitor-ui/compare/v24.21.1...v24.21.2) (2025-06-10)
|
|
2
10
|
|
|
3
11
|
### Bug Fixes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FingerprintLoader.d.ts","sourceRoot":"","sources":["../../../src/elements/Loader/FingerprintLoader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,wBAAgB,iBAAiB,CAAC,EAChC,iBAAwB,EACxB,SAAc,EACd,KAAyB,EACzB,IAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,2CAyBb"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { LoaderProps } from './LoaderProps';
|
|
2
|
+
export declare function FulfillingBouncingCircleLoader({ animationDuration, className, color, size, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=FulfillingBouncingCircleLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FulfillingBouncingCircleLoader.d.ts","sourceRoot":"","sources":["../../../src/elements/Loader/FulfillingBouncingCircleLoader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,wBAAgB,8BAA8B,CAAC,EAC7C,iBAAwB,EACxB,SAAc,EACd,KAAyB,EACzB,IAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,2CAeb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoaderProps.d.ts","sourceRoot":"","sources":["../../../src/elements/Loader/LoaderProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA"}
|
package/index.d.ts
CHANGED
|
@@ -16,7 +16,6 @@ export { Dropdown } from './components/Dropdown';
|
|
|
16
16
|
export { NewWindow } from './components/NewWindow';
|
|
17
17
|
export { NotificationEvent, Notifier } from './components/Notifier';
|
|
18
18
|
export { SideMenu } from './components/SideMenu';
|
|
19
|
-
export { SingleTag } from './elements/SingleTag';
|
|
20
19
|
export { MapMenuDialog } from './components/MapMenuDialog';
|
|
21
20
|
export { Message } from './components/Message';
|
|
22
21
|
export { Banner } from './components/Banner';
|
|
@@ -24,12 +23,15 @@ export { Button } from './elements/Button';
|
|
|
24
23
|
export { Field } from './elements/Field';
|
|
25
24
|
export { Fieldset } from './elements/Fieldset';
|
|
26
25
|
export { FieldError } from './elements/FieldError';
|
|
26
|
+
export { FingerprintLoader } from './elements/Loader/FingerprintLoader';
|
|
27
27
|
export { Figure } from './elements/Figure';
|
|
28
|
+
export { FulfillingBouncingCircleLoader } from './elements/Loader/FulfillingBouncingCircleLoader';
|
|
28
29
|
export { IconButton } from './elements/IconButton';
|
|
29
30
|
export { LinkButton } from './elements/LinkButton';
|
|
30
31
|
export { Label } from './elements/Label';
|
|
31
32
|
export { Legend } from './elements/Legend';
|
|
32
33
|
export { Link } from './elements/Link';
|
|
34
|
+
export { SingleTag } from './elements/SingleTag';
|
|
33
35
|
export { Tag } from './elements/Tag';
|
|
34
36
|
export { TagGroup } from './elements/TagGroup';
|
|
35
37
|
export { Checkbox } from './fields/Checkbox';
|
|
@@ -134,6 +136,7 @@ export type { ButtonProps } from './elements/Button';
|
|
|
134
136
|
export type { FieldProps } from './elements/Field';
|
|
135
137
|
export type { FieldsetProps } from './elements/Fieldset';
|
|
136
138
|
export type { FieldErrorProps } from './elements/FieldError';
|
|
139
|
+
export type { LoaderProps } from './elements/Loader/LoaderProps';
|
|
137
140
|
export type { FigureProps } from './elements/Figure';
|
|
138
141
|
export type { IconButtonProps } from './elements/IconButton';
|
|
139
142
|
export type { LabelProps } from './elements/Label';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,2BAA2B,CAAA;AAClC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,2BAA2B,CAAA;AAClC,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAM/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -54141,132 +54141,6 @@ const SideMenu = Object.assign(Menu, {
|
|
|
54141
54141
|
Button: Button$1
|
|
54142
54142
|
});
|
|
54143
54143
|
|
|
54144
|
-
function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...nativeProps }) {
|
|
54145
|
-
// TODO Remove `Component-SingleTag` in a next major/breaking version.
|
|
54146
|
-
const controlledClassName = classnames('Component-SingleTag', 'Element-SingleTag', className);
|
|
54147
|
-
const handleDelete = useCallback(()=>{
|
|
54148
|
-
if (onDelete) {
|
|
54149
|
-
onDelete();
|
|
54150
|
-
}
|
|
54151
|
-
}, [
|
|
54152
|
-
onDelete
|
|
54153
|
-
]);
|
|
54154
|
-
switch(accent){
|
|
54155
|
-
case Accent.SECONDARY:
|
|
54156
|
-
return /*#__PURE__*/ jsxs(Box$d, {
|
|
54157
|
-
className: controlledClassName,
|
|
54158
|
-
...nativeProps,
|
|
54159
|
-
children: [
|
|
54160
|
-
/*#__PURE__*/ jsx(SecondaryText, {
|
|
54161
|
-
children: children
|
|
54162
|
-
}),
|
|
54163
|
-
/*#__PURE__*/ jsx(SecondaryIconButton, {
|
|
54164
|
-
onClick: handleDelete,
|
|
54165
|
-
children: /*#__PURE__*/ jsx(Close, {
|
|
54166
|
-
size: 10
|
|
54167
|
-
})
|
|
54168
|
-
})
|
|
54169
|
-
]
|
|
54170
|
-
});
|
|
54171
|
-
case Accent.PRIMARY:
|
|
54172
|
-
default:
|
|
54173
|
-
return /*#__PURE__*/ jsxs(Box$d, {
|
|
54174
|
-
className: controlledClassName,
|
|
54175
|
-
...nativeProps,
|
|
54176
|
-
children: [
|
|
54177
|
-
/*#__PURE__*/ jsx(PrimaryText, {
|
|
54178
|
-
children: children
|
|
54179
|
-
}),
|
|
54180
|
-
/*#__PURE__*/ jsx(PrimaryIconButton, {
|
|
54181
|
-
onClick: handleDelete,
|
|
54182
|
-
children: /*#__PURE__*/ jsx(Close, {
|
|
54183
|
-
size: 10
|
|
54184
|
-
})
|
|
54185
|
-
})
|
|
54186
|
-
]
|
|
54187
|
-
});
|
|
54188
|
-
}
|
|
54189
|
-
}
|
|
54190
|
-
const Box$d = styled.div`
|
|
54191
|
-
align-items: center;
|
|
54192
|
-
display: inline-flex;
|
|
54193
|
-
max-width: 100%;
|
|
54194
|
-
`;
|
|
54195
|
-
const BaseIconButton = styled.button`
|
|
54196
|
-
align-items: center;
|
|
54197
|
-
display: flex;
|
|
54198
|
-
justify-content: center;
|
|
54199
|
-
line-height: 18px;
|
|
54200
|
-
margin-left: 1px;
|
|
54201
|
-
padding: 8px;
|
|
54202
|
-
`;
|
|
54203
|
-
const PrimaryText = styled.span`
|
|
54204
|
-
background-color: ${(p)=>p.theme.color.lightGray};
|
|
54205
|
-
color: ${(p)=>p.theme.color.gunMetal};
|
|
54206
|
-
font-size: 13px;
|
|
54207
|
-
line-height: 1.3846;
|
|
54208
|
-
padding: 2px 8px 6px;
|
|
54209
|
-
overflow: hidden;
|
|
54210
|
-
text-overflow: ellipsis;
|
|
54211
|
-
white-space: nowrap;
|
|
54212
|
-
`;
|
|
54213
|
-
const PrimaryIconButton = styled(BaseIconButton)`
|
|
54214
|
-
background-color: ${(p)=>p.theme.color.lightGray};
|
|
54215
|
-
border-color: ${(p)=>p.theme.color.lightGray};
|
|
54216
|
-
color: ${(p)=>p.theme.color.charcoal};
|
|
54217
|
-
|
|
54218
|
-
&:hover,
|
|
54219
|
-
&._hover {
|
|
54220
|
-
background-color: ${(p)=>p.theme.color.lightGray};
|
|
54221
|
-
border-color: ${(p)=>p.theme.color.lightGray};
|
|
54222
|
-
color: ${(p)=>p.theme.color.blueYonder};
|
|
54223
|
-
}
|
|
54224
|
-
|
|
54225
|
-
&:active,
|
|
54226
|
-
&._active {
|
|
54227
|
-
background-color: ${(p)=>p.theme.color.lightGray};
|
|
54228
|
-
border-color: ${(p)=>p.theme.color.lightGray};
|
|
54229
|
-
color: ${(p)=>p.theme.color.blueGray};
|
|
54230
|
-
}
|
|
54231
|
-
|
|
54232
|
-
&:disabled,
|
|
54233
|
-
&._disabled {
|
|
54234
|
-
background-color: ${(p)=>p.theme.color.lightGray};
|
|
54235
|
-
border-color: ${(p)=>p.theme.color.lightGray};
|
|
54236
|
-
color: ${(p)=>p.theme.color.lightGray};
|
|
54237
|
-
}
|
|
54238
|
-
`;
|
|
54239
|
-
const SecondaryText = styled(PrimaryText)`
|
|
54240
|
-
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
54241
|
-
color: ${(p)=>p.theme.color.white};
|
|
54242
|
-
`;
|
|
54243
|
-
const SecondaryIconButton = styled(BaseIconButton)`
|
|
54244
|
-
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
54245
|
-
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
54246
|
-
color: ${(p)=>p.theme.color.white};
|
|
54247
|
-
|
|
54248
|
-
&:hover,
|
|
54249
|
-
&._hover {
|
|
54250
|
-
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
54251
|
-
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
54252
|
-
color: ${(p)=>p.theme.color.blueYonder25};
|
|
54253
|
-
}
|
|
54254
|
-
|
|
54255
|
-
&:active,
|
|
54256
|
-
&._active {
|
|
54257
|
-
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
54258
|
-
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
54259
|
-
color: ${(p)=>p.theme.color.blueYonder25};
|
|
54260
|
-
}
|
|
54261
|
-
|
|
54262
|
-
&:disabled,
|
|
54263
|
-
&._disabled {
|
|
54264
|
-
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
54265
|
-
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
54266
|
-
color: ${(p)=>p.theme.color.blueYonder25};
|
|
54267
|
-
}
|
|
54268
|
-
`;
|
|
54269
|
-
|
|
54270
54144
|
const Container = styled.div`
|
|
54271
54145
|
background-color: ${(p)=>p.theme.color.white};
|
|
54272
54146
|
box-shadow: 0px 3px 6px ${(p)=>p.theme.color.slateGray};
|
|
@@ -54382,7 +54256,7 @@ function Message({ children, className, Icon, iconColor, level = Level.INFO, wit
|
|
|
54382
54256
|
const controlledClassName = classnames('Component-Message', className);
|
|
54383
54257
|
const ControlledIcon = Icon ?? DEFAUT_ICON[level];
|
|
54384
54258
|
const controlledIconColor = iconColor ?? DEFAULT_ICON_COLOR[level];
|
|
54385
|
-
return /*#__PURE__*/ jsxs(Box$
|
|
54259
|
+
return /*#__PURE__*/ jsxs(Box$d, {
|
|
54386
54260
|
$level: level,
|
|
54387
54261
|
className: controlledClassName,
|
|
54388
54262
|
...nativeProps,
|
|
@@ -54403,7 +54277,7 @@ const ChildrenContainer = styled.div`
|
|
|
54403
54277
|
flex-direction: column;
|
|
54404
54278
|
flex: 1;
|
|
54405
54279
|
`;
|
|
54406
|
-
const Box$
|
|
54280
|
+
const Box$d = styled.div`
|
|
54407
54281
|
${getStyledCssFromLevel()}
|
|
54408
54282
|
|
|
54409
54283
|
display: flex;
|
|
@@ -54863,7 +54737,7 @@ function Fieldset({ children, className, hasBorder = false, hasError = false, is
|
|
|
54863
54737
|
const hasLegend = useMemo(()=>Boolean(legend), [
|
|
54864
54738
|
legend
|
|
54865
54739
|
]);
|
|
54866
|
-
return /*#__PURE__*/ jsxs(Box$
|
|
54740
|
+
return /*#__PURE__*/ jsxs(Box$c, {
|
|
54867
54741
|
className: classnames('Element-Fieldset', className),
|
|
54868
54742
|
...nativeProps,
|
|
54869
54743
|
children: [
|
|
@@ -54884,7 +54758,7 @@ function Fieldset({ children, className, hasBorder = false, hasError = false, is
|
|
|
54884
54758
|
]
|
|
54885
54759
|
});
|
|
54886
54760
|
}
|
|
54887
|
-
const Box$
|
|
54761
|
+
const Box$c = styled.fieldset`
|
|
54888
54762
|
align-items: flex-start;
|
|
54889
54763
|
border: 0;
|
|
54890
54764
|
display: flex;
|
|
@@ -54913,12 +54787,224 @@ const FieldError = styled.p.attrs((props)=>({
|
|
|
54913
54787
|
margin: 4px 0 0 0;
|
|
54914
54788
|
`;
|
|
54915
54789
|
|
|
54790
|
+
function FingerprintLoader({ animationDuration = 1500, className = '', color = THEME.color.white, size = 100, ...props }) {
|
|
54791
|
+
const controlledClassName = classnames('Element-FingerprintLoader', className);
|
|
54792
|
+
const ringsNum = 9;
|
|
54793
|
+
const containerPadding = 2;
|
|
54794
|
+
const outerRingSize = size - containerPadding * 2;
|
|
54795
|
+
const ringBase = outerRingSize / ringsNum;
|
|
54796
|
+
function generateRings(num) {
|
|
54797
|
+
return Array.from({
|
|
54798
|
+
length: num
|
|
54799
|
+
}).map((value)=>/*#__PURE__*/ jsx("div", {
|
|
54800
|
+
className: "spinner-ring"
|
|
54801
|
+
}, value));
|
|
54802
|
+
}
|
|
54803
|
+
return /*#__PURE__*/ jsx(RingLoader, {
|
|
54804
|
+
$animationDuration: animationDuration,
|
|
54805
|
+
$color: color,
|
|
54806
|
+
$containerPadding: containerPadding,
|
|
54807
|
+
$ringBase: ringBase,
|
|
54808
|
+
$size: size,
|
|
54809
|
+
className: controlledClassName,
|
|
54810
|
+
...props,
|
|
54811
|
+
children: generateRings(ringsNum)
|
|
54812
|
+
});
|
|
54813
|
+
}
|
|
54814
|
+
const RingLoader = styled.div`
|
|
54815
|
+
height: ${(p)=>p.$size}px;
|
|
54816
|
+
width: ${(p)=>p.$size}px;
|
|
54817
|
+
padding: ${(p)=>p.$containerPadding}px;
|
|
54818
|
+
overflow: hidden;
|
|
54819
|
+
position: relative;
|
|
54820
|
+
|
|
54821
|
+
.spinner-ring {
|
|
54822
|
+
position: absolute;
|
|
54823
|
+
border-radius: 50%;
|
|
54824
|
+
border: 2px solid transparent;
|
|
54825
|
+
border-top-color: ${(p)=>p.$color};
|
|
54826
|
+
animation: fingerprint-spinner-animation ${(p)=>p.$animationDuration}ms cubic-bezier(0.68, -0.75, 0.265, 1.75)
|
|
54827
|
+
infinite forwards;
|
|
54828
|
+
margin: auto;
|
|
54829
|
+
bottom: 0;
|
|
54830
|
+
left: 0;
|
|
54831
|
+
right: 0;
|
|
54832
|
+
top: 0;
|
|
54833
|
+
}
|
|
54834
|
+
.spinner-ring:nth-child(1) {
|
|
54835
|
+
height: ${(p)=>p.$ringBase + 0 * p.$ringBase}px;
|
|
54836
|
+
width: ${(p)=>p.$ringBase + 0 * p.$ringBase}px;
|
|
54837
|
+
animation-delay: calc(50ms * 1);
|
|
54838
|
+
}
|
|
54839
|
+
.spinner-ring:nth-child(2) {
|
|
54840
|
+
height: ${(p)=>p.$ringBase + 1 * p.$ringBase}px;
|
|
54841
|
+
width: ${(p)=>p.$ringBase + 1 * p.$ringBase}px;
|
|
54842
|
+
animation-delay: calc(50ms * 2);
|
|
54843
|
+
}
|
|
54844
|
+
.spinner-ring:nth-child(3) {
|
|
54845
|
+
height: ${(p)=>p.$ringBase + 2 * p.$ringBase}px;
|
|
54846
|
+
width: ${(p)=>p.$ringBase + 2 * p.$ringBase}px;
|
|
54847
|
+
animation-delay: calc(50ms * 3);
|
|
54848
|
+
}
|
|
54849
|
+
.spinner-ring:nth-child(4) {
|
|
54850
|
+
height: ${(p)=>p.$ringBase + 3 * p.$ringBase}px;
|
|
54851
|
+
width: ${(p)=>p.$ringBase + 3 * p.$ringBase}px;
|
|
54852
|
+
animation-delay: calc(50ms * 4);
|
|
54853
|
+
}
|
|
54854
|
+
.spinner-ring:nth-child(5) {
|
|
54855
|
+
height: ${(p)=>p.$ringBase + 4 * p.$ringBase}px;
|
|
54856
|
+
width: ${(p)=>p.$ringBase + 4 * p.$ringBase}px;
|
|
54857
|
+
animation-delay: calc(50ms * 5);
|
|
54858
|
+
}
|
|
54859
|
+
.spinner-ring:nth-child(6) {
|
|
54860
|
+
height: ${(p)=>p.$ringBase + 5 * p.$ringBase}px;
|
|
54861
|
+
width: ${(p)=>p.$ringBase + 5 * p.$ringBase}px;
|
|
54862
|
+
animation-delay: calc(50ms * 6);
|
|
54863
|
+
}
|
|
54864
|
+
.spinner-ring:nth-child(7) {
|
|
54865
|
+
height: ${(p)=>p.$ringBase + 6 * p.$ringBase}px;
|
|
54866
|
+
width: ${(p)=>p.$ringBase + 6 * p.$ringBase}px;
|
|
54867
|
+
animation-delay: calc(50ms * 7);
|
|
54868
|
+
}
|
|
54869
|
+
.spinner-ring:nth-child(8) {
|
|
54870
|
+
height: ${(p)=>p.$ringBase + 7 * p.$ringBase}px;
|
|
54871
|
+
width: ${(p)=>p.$ringBase + 7 * p.$ringBase}px;
|
|
54872
|
+
animation-delay: calc(50ms * 8);
|
|
54873
|
+
}
|
|
54874
|
+
.spinner-ring:nth-child(9) {
|
|
54875
|
+
height: ${(p)=>p.$ringBase + 8 * p.$ringBase}px;
|
|
54876
|
+
width: ${(p)=>p.$ringBase + 8 * p.$ringBase}px;
|
|
54877
|
+
animation-delay: calc(50ms * 9);
|
|
54878
|
+
}
|
|
54879
|
+
|
|
54880
|
+
@keyframes fingerprint-spinner-animation {
|
|
54881
|
+
100% {
|
|
54882
|
+
transform: rotate(360deg);
|
|
54883
|
+
}
|
|
54884
|
+
}
|
|
54885
|
+
`;
|
|
54886
|
+
|
|
54916
54887
|
/**
|
|
54917
54888
|
* <Figure /> uses the Open Sans font to render fixed-width digits.
|
|
54918
54889
|
*/ const Figure = styled.span`
|
|
54919
54890
|
font-family: 'Open Sans', monospace;
|
|
54920
54891
|
`;
|
|
54921
54892
|
|
|
54893
|
+
function FulfillingBouncingCircleLoader({ animationDuration = 4000, className = '', color = THEME.color.white, size = 100, ...props }) {
|
|
54894
|
+
const controlledClassName = classnames('Element-FulfillingBouncingCircleLoader', className);
|
|
54895
|
+
return /*#__PURE__*/ jsxs(BouncingCircle, {
|
|
54896
|
+
$animationDuration: animationDuration,
|
|
54897
|
+
$color: color,
|
|
54898
|
+
$size: size,
|
|
54899
|
+
className: controlledClassName,
|
|
54900
|
+
...props,
|
|
54901
|
+
children: [
|
|
54902
|
+
/*#__PURE__*/ jsx("div", {
|
|
54903
|
+
className: "circle"
|
|
54904
|
+
}),
|
|
54905
|
+
/*#__PURE__*/ jsx("div", {
|
|
54906
|
+
className: "orbit"
|
|
54907
|
+
})
|
|
54908
|
+
]
|
|
54909
|
+
});
|
|
54910
|
+
}
|
|
54911
|
+
const BouncingCircle = styled.div`
|
|
54912
|
+
height: ${(p)=>p.$size}px;
|
|
54913
|
+
width: ${(p)=>p.$size}px;
|
|
54914
|
+
position: relative;
|
|
54915
|
+
animation: fulfilling-bouncing-circle-spinner-animation infinite ${(p)=>p.$animationDuration}ms ease;
|
|
54916
|
+
|
|
54917
|
+
.orbit {
|
|
54918
|
+
height: ${(p)=>p.$size}px;
|
|
54919
|
+
width: ${(p)=>p.$size}px;
|
|
54920
|
+
position: absolute;
|
|
54921
|
+
top: 0;
|
|
54922
|
+
left: 0;
|
|
54923
|
+
border-radius: 50%;
|
|
54924
|
+
border: calc(${(p)=>p.$size}px * 0.03) solid ${(p)=>p.$color};
|
|
54925
|
+
animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite ${(p)=>p.$animationDuration}ms ease;
|
|
54926
|
+
}
|
|
54927
|
+
.circle {
|
|
54928
|
+
height: ${(p)=>p.$size}px;
|
|
54929
|
+
width: ${(p)=>p.$size}px;
|
|
54930
|
+
color: ${(p)=>p.$color};
|
|
54931
|
+
display: block;
|
|
54932
|
+
border-radius: 50%;
|
|
54933
|
+
position: relative;
|
|
54934
|
+
border: calc(${(p)=>p.$size}px * 0.1) solid ${(p)=>p.$color};
|
|
54935
|
+
animation: fulfilling-bouncing-circle-spinner-circle-animation infinite ${(p)=>p.$animationDuration}ms ease;
|
|
54936
|
+
transform: rotate(0deg) scale(1);
|
|
54937
|
+
}
|
|
54938
|
+
@keyframes fulfilling-bouncing-circle-spinner-animation {
|
|
54939
|
+
0% {
|
|
54940
|
+
transform: rotate(0deg);
|
|
54941
|
+
}
|
|
54942
|
+
100% {
|
|
54943
|
+
transform: rotate(360deg);
|
|
54944
|
+
}
|
|
54945
|
+
}
|
|
54946
|
+
@keyframes fulfilling-bouncing-circle-spinner-orbit-animation {
|
|
54947
|
+
0% {
|
|
54948
|
+
transform: scale(1);
|
|
54949
|
+
}
|
|
54950
|
+
50% {
|
|
54951
|
+
transform: scale(1);
|
|
54952
|
+
}
|
|
54953
|
+
62.5% {
|
|
54954
|
+
transform: scale(0.8);
|
|
54955
|
+
}
|
|
54956
|
+
75% {
|
|
54957
|
+
transform: scale(1);
|
|
54958
|
+
}
|
|
54959
|
+
87.5% {
|
|
54960
|
+
transform: scale(0.8);
|
|
54961
|
+
}
|
|
54962
|
+
100% {
|
|
54963
|
+
transform: scale(1);
|
|
54964
|
+
}
|
|
54965
|
+
}
|
|
54966
|
+
@keyframes fulfilling-bouncing-circle-spinner-circle-animation {
|
|
54967
|
+
0% {
|
|
54968
|
+
transform: scale(1);
|
|
54969
|
+
border-color: transparent;
|
|
54970
|
+
border-top-color: inherit;
|
|
54971
|
+
}
|
|
54972
|
+
16.7% {
|
|
54973
|
+
border-color: transparent;
|
|
54974
|
+
border-top-color: initial;
|
|
54975
|
+
border-right-color: initial;
|
|
54976
|
+
}
|
|
54977
|
+
33.4% {
|
|
54978
|
+
border-color: transparent;
|
|
54979
|
+
border-top-color: inherit;
|
|
54980
|
+
border-right-color: inherit;
|
|
54981
|
+
border-bottom-color: inherit;
|
|
54982
|
+
}
|
|
54983
|
+
50% {
|
|
54984
|
+
border-color: inherit;
|
|
54985
|
+
transform: scale(1);
|
|
54986
|
+
}
|
|
54987
|
+
62.5% {
|
|
54988
|
+
border-color: inherit;
|
|
54989
|
+
transform: scale(1.4);
|
|
54990
|
+
}
|
|
54991
|
+
75% {
|
|
54992
|
+
border-color: inherit;
|
|
54993
|
+
transform: scale(1);
|
|
54994
|
+
opacity: 1;
|
|
54995
|
+
}
|
|
54996
|
+
87.5% {
|
|
54997
|
+
border-color: inherit;
|
|
54998
|
+
transform: scale(1.4);
|
|
54999
|
+
}
|
|
55000
|
+
100% {
|
|
55001
|
+
border-color: transparent;
|
|
55002
|
+
border-top-color: inherit;
|
|
55003
|
+
transform: scale(1);
|
|
55004
|
+
}
|
|
55005
|
+
}
|
|
55006
|
+
`;
|
|
55007
|
+
|
|
54922
55008
|
const Label = styled.label.attrs((props)=>({
|
|
54923
55009
|
className: classnames('Element-Label', props.className)
|
|
54924
55010
|
}))`
|
|
@@ -54978,6 +55064,132 @@ const Link$1 = styled.a`
|
|
|
54978
55064
|
`;
|
|
54979
55065
|
Link$1.displayName = 'Link';
|
|
54980
55066
|
|
|
55067
|
+
function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...nativeProps }) {
|
|
55068
|
+
// TODO Remove `Component-SingleTag` in a next major/breaking version.
|
|
55069
|
+
const controlledClassName = classnames('Component-SingleTag', 'Element-SingleTag', className);
|
|
55070
|
+
const handleDelete = useCallback(()=>{
|
|
55071
|
+
if (onDelete) {
|
|
55072
|
+
onDelete();
|
|
55073
|
+
}
|
|
55074
|
+
}, [
|
|
55075
|
+
onDelete
|
|
55076
|
+
]);
|
|
55077
|
+
switch(accent){
|
|
55078
|
+
case Accent.SECONDARY:
|
|
55079
|
+
return /*#__PURE__*/ jsxs(Box$b, {
|
|
55080
|
+
className: controlledClassName,
|
|
55081
|
+
...nativeProps,
|
|
55082
|
+
children: [
|
|
55083
|
+
/*#__PURE__*/ jsx(SecondaryText, {
|
|
55084
|
+
children: children
|
|
55085
|
+
}),
|
|
55086
|
+
/*#__PURE__*/ jsx(SecondaryIconButton, {
|
|
55087
|
+
onClick: handleDelete,
|
|
55088
|
+
children: /*#__PURE__*/ jsx(Close, {
|
|
55089
|
+
size: 10
|
|
55090
|
+
})
|
|
55091
|
+
})
|
|
55092
|
+
]
|
|
55093
|
+
});
|
|
55094
|
+
case Accent.PRIMARY:
|
|
55095
|
+
default:
|
|
55096
|
+
return /*#__PURE__*/ jsxs(Box$b, {
|
|
55097
|
+
className: controlledClassName,
|
|
55098
|
+
...nativeProps,
|
|
55099
|
+
children: [
|
|
55100
|
+
/*#__PURE__*/ jsx(PrimaryText, {
|
|
55101
|
+
children: children
|
|
55102
|
+
}),
|
|
55103
|
+
/*#__PURE__*/ jsx(PrimaryIconButton, {
|
|
55104
|
+
onClick: handleDelete,
|
|
55105
|
+
children: /*#__PURE__*/ jsx(Close, {
|
|
55106
|
+
size: 10
|
|
55107
|
+
})
|
|
55108
|
+
})
|
|
55109
|
+
]
|
|
55110
|
+
});
|
|
55111
|
+
}
|
|
55112
|
+
}
|
|
55113
|
+
const Box$b = styled.div`
|
|
55114
|
+
align-items: center;
|
|
55115
|
+
display: inline-flex;
|
|
55116
|
+
max-width: 100%;
|
|
55117
|
+
`;
|
|
55118
|
+
const BaseIconButton = styled.button`
|
|
55119
|
+
align-items: center;
|
|
55120
|
+
display: flex;
|
|
55121
|
+
justify-content: center;
|
|
55122
|
+
line-height: 18px;
|
|
55123
|
+
margin-left: 1px;
|
|
55124
|
+
padding: 8px;
|
|
55125
|
+
`;
|
|
55126
|
+
const PrimaryText = styled.span`
|
|
55127
|
+
background-color: ${(p)=>p.theme.color.lightGray};
|
|
55128
|
+
color: ${(p)=>p.theme.color.gunMetal};
|
|
55129
|
+
font-size: 13px;
|
|
55130
|
+
line-height: 1.3846;
|
|
55131
|
+
padding: 2px 8px 6px;
|
|
55132
|
+
overflow: hidden;
|
|
55133
|
+
text-overflow: ellipsis;
|
|
55134
|
+
white-space: nowrap;
|
|
55135
|
+
`;
|
|
55136
|
+
const PrimaryIconButton = styled(BaseIconButton)`
|
|
55137
|
+
background-color: ${(p)=>p.theme.color.lightGray};
|
|
55138
|
+
border-color: ${(p)=>p.theme.color.lightGray};
|
|
55139
|
+
color: ${(p)=>p.theme.color.charcoal};
|
|
55140
|
+
|
|
55141
|
+
&:hover,
|
|
55142
|
+
&._hover {
|
|
55143
|
+
background-color: ${(p)=>p.theme.color.lightGray};
|
|
55144
|
+
border-color: ${(p)=>p.theme.color.lightGray};
|
|
55145
|
+
color: ${(p)=>p.theme.color.blueYonder};
|
|
55146
|
+
}
|
|
55147
|
+
|
|
55148
|
+
&:active,
|
|
55149
|
+
&._active {
|
|
55150
|
+
background-color: ${(p)=>p.theme.color.lightGray};
|
|
55151
|
+
border-color: ${(p)=>p.theme.color.lightGray};
|
|
55152
|
+
color: ${(p)=>p.theme.color.blueGray};
|
|
55153
|
+
}
|
|
55154
|
+
|
|
55155
|
+
&:disabled,
|
|
55156
|
+
&._disabled {
|
|
55157
|
+
background-color: ${(p)=>p.theme.color.lightGray};
|
|
55158
|
+
border-color: ${(p)=>p.theme.color.lightGray};
|
|
55159
|
+
color: ${(p)=>p.theme.color.lightGray};
|
|
55160
|
+
}
|
|
55161
|
+
`;
|
|
55162
|
+
const SecondaryText = styled(PrimaryText)`
|
|
55163
|
+
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
55164
|
+
color: ${(p)=>p.theme.color.white};
|
|
55165
|
+
`;
|
|
55166
|
+
const SecondaryIconButton = styled(BaseIconButton)`
|
|
55167
|
+
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
55168
|
+
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
55169
|
+
color: ${(p)=>p.theme.color.white};
|
|
55170
|
+
|
|
55171
|
+
&:hover,
|
|
55172
|
+
&._hover {
|
|
55173
|
+
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
55174
|
+
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
55175
|
+
color: ${(p)=>p.theme.color.blueYonder25};
|
|
55176
|
+
}
|
|
55177
|
+
|
|
55178
|
+
&:active,
|
|
55179
|
+
&._active {
|
|
55180
|
+
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
55181
|
+
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
55182
|
+
color: ${(p)=>p.theme.color.blueYonder25};
|
|
55183
|
+
}
|
|
55184
|
+
|
|
55185
|
+
&:disabled,
|
|
55186
|
+
&._disabled {
|
|
55187
|
+
background-color: ${(p)=>p.theme.color.blueYonder};
|
|
55188
|
+
border-color: ${(p)=>p.theme.color.blueYonder};
|
|
55189
|
+
color: ${(p)=>p.theme.color.blueYonder25};
|
|
55190
|
+
}
|
|
55191
|
+
`;
|
|
55192
|
+
|
|
54981
55193
|
function Tag({ accent, backgroundColor, borderColor, children, className, color, Icon, iconColor, isLight = false, withCircleIcon = false, ...nativeProps }) {
|
|
54982
55194
|
const commonChildren = useMemo(()=>{
|
|
54983
55195
|
const defaultColor = color ?? THEME.color.gunMetal;
|
|
@@ -76102,4 +76314,4 @@ const undefineObjectProps = (record)=>Object.fromEntries(Object.entries(record).
|
|
|
76102
76314
|
return value;
|
|
76103
76315
|
}
|
|
76104
76316
|
|
|
76105
|
-
export { Accent, Banner, Button, CheckPicker, CheckTreePicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dot, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FormikCheckPicker, FormikCheckTreePicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikPhoneInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, Link$1 as Link, LinkButton, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, PhoneInput, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };
|
|
76317
|
+
export { Accent, Banner, Button, CheckPicker, CheckTreePicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dot, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FingerprintLoader, FormikCheckPicker, FormikCheckTreePicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikPhoneInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, FulfillingBouncingCircleLoader, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, Link$1 as Link, LinkButton, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, PhoneInput, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mtes-mct/monitor-ui",
|
|
3
3
|
"description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
|
|
4
|
-
"version": "24.
|
|
4
|
+
"version": "24.22.0",
|
|
5
5
|
"license": "AGPL-3.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"engines": {
|