@mtes-mct/monitor-ui 1.14.0 → 2.1.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 +27 -0
- package/elements/Fieldset.d.ts +5 -3
- package/elements/IconBox.d.ts +5 -2
- package/elements/IconButton.d.ts +1 -1
- package/fields/DatePicker/index.d.ts +2 -1
- package/fields/DateRangePicker/DateInput.d.ts +2 -0
- package/fields/DateRangePicker/TimeInput.d.ts +2 -0
- package/fields/DateRangePicker/index.d.ts +2 -1
- package/fields/MultiCheckbox.d.ts +2 -1
- package/fields/MultiRadio.d.ts +2 -1
- package/fields/MultiSelect.d.ts +1 -1
- package/fields/MultiZoneEditor/index.d.ts +15 -0
- package/index.d.ts +2 -0
- package/index.js +443 -350
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +1 -1
package/index.js
CHANGED
|
@@ -1145,6 +1145,35 @@ _curry2(function reject(pred, filterable) {
|
|
|
1145
1145
|
return filter(_complement(pred), filterable);
|
|
1146
1146
|
});
|
|
1147
1147
|
|
|
1148
|
+
/**
|
|
1149
|
+
* Removes the sub-list of `list` starting at index `start` and containing
|
|
1150
|
+
* `count` elements. _Note that this is not destructive_: it returns a copy of
|
|
1151
|
+
* the list with the changes.
|
|
1152
|
+
* <small>No lists have been harmed in the application of this function.</small>
|
|
1153
|
+
*
|
|
1154
|
+
* @func
|
|
1155
|
+
* @memberOf R
|
|
1156
|
+
* @since v0.2.2
|
|
1157
|
+
* @category List
|
|
1158
|
+
* @sig Number -> Number -> [a] -> [a]
|
|
1159
|
+
* @param {Number} start The position to start removing elements
|
|
1160
|
+
* @param {Number} count The number of elements to remove
|
|
1161
|
+
* @param {Array} list The list to remove from
|
|
1162
|
+
* @return {Array} A new Array with `count` elements from `start` removed.
|
|
1163
|
+
* @see R.without
|
|
1164
|
+
* @example
|
|
1165
|
+
*
|
|
1166
|
+
* R.remove(2, 3, [1,2,3,4,5,6,7,8]); //=> [1,2,6,7,8]
|
|
1167
|
+
*/
|
|
1168
|
+
|
|
1169
|
+
var remove =
|
|
1170
|
+
/*#__PURE__*/
|
|
1171
|
+
_curry3(function remove(start, count, list) {
|
|
1172
|
+
var result = Array.prototype.slice.call(list, 0);
|
|
1173
|
+
result.splice(start, count);
|
|
1174
|
+
return result;
|
|
1175
|
+
});
|
|
1176
|
+
|
|
1148
1177
|
/**
|
|
1149
1178
|
* Creates a new object with the own properties of the two provided objects. If
|
|
1150
1179
|
* a key exists in both objects, the provided function is applied to the key
|
|
@@ -1312,7 +1341,7 @@ const StyledDropdownItem = styled(Dropdown$1.Item) `
|
|
|
1312
1341
|
display: flex;
|
|
1313
1342
|
font-size: 13px;
|
|
1314
1343
|
line-height: 1;
|
|
1315
|
-
padding:
|
|
1344
|
+
padding: 12px;
|
|
1316
1345
|
padding: ${p => (p.$hasIcon ? '9px' : '12.5px')} 12px;
|
|
1317
1346
|
|
|
1318
1347
|
&:not(:last-child) {
|
|
@@ -1356,7 +1385,7 @@ const StyledDropdown = styled(Dropdown$1) `
|
|
|
1356
1385
|
|
|
1357
1386
|
/* SVG Icon Components are wrapped within a <div /> */
|
|
1358
1387
|
> div {
|
|
1359
|
-
margin-right:
|
|
1388
|
+
margin-right: 8px;
|
|
1360
1389
|
}
|
|
1361
1390
|
|
|
1362
1391
|
> svg {
|
|
@@ -1379,13 +1408,13 @@ const Dropdown = Object.assign(RawDropdown, {
|
|
|
1379
1408
|
Item
|
|
1380
1409
|
});
|
|
1381
1410
|
|
|
1382
|
-
const ICON_SIZE
|
|
1411
|
+
const ICON_SIZE = {
|
|
1383
1412
|
[Size.LARGE]: 1.25,
|
|
1384
1413
|
[Size.NORMAL]: 1.25,
|
|
1385
1414
|
[Size.SMALL]: 0.75
|
|
1386
1415
|
};
|
|
1387
1416
|
function Button({ accent = Accent.PRIMARY, children, Icon, isFullWidth = false, size = Size.NORMAL, type = 'button', ...nativeProps }) {
|
|
1388
|
-
const commonChildren = useMemo(() => (jsxs(Fragment, { children: [Icon && jsx(Icon, { size: ICON_SIZE
|
|
1417
|
+
const commonChildren = useMemo(() => (jsxs(Fragment, { children: [Icon && jsx(Icon, { size: ICON_SIZE[size] }), children] })), [children, Icon, size]);
|
|
1389
1418
|
const commonProps = useMemo(() => ({
|
|
1390
1419
|
as: StyledButton$1,
|
|
1391
1420
|
children: commonChildren,
|
|
@@ -1511,24 +1540,47 @@ const Field$2 = styled.div `
|
|
|
1511
1540
|
flex-direction: column;
|
|
1512
1541
|
`;
|
|
1513
1542
|
|
|
1514
|
-
|
|
1515
|
-
|
|
1543
|
+
const Label = styled.label `
|
|
1544
|
+
color: ${p => p.theme.color.slateGray};
|
|
1545
|
+
display: ${p => (p.isHidden ? 'none' : 'table')};
|
|
1546
|
+
font-size: 13px;
|
|
1547
|
+
line-height: 1.4;
|
|
1548
|
+
margin-bottom: 8px;
|
|
1549
|
+
`;
|
|
1550
|
+
|
|
1551
|
+
function Legend({ isHidden = false, ...nativeProps }) {
|
|
1552
|
+
return jsx(StyledLabel, { as: "legend", isHidden: isHidden, ...nativeProps });
|
|
1516
1553
|
}
|
|
1517
|
-
const
|
|
1518
|
-
|
|
1554
|
+
const StyledLabel = styled(Label) `
|
|
1555
|
+
padding: 0;
|
|
1556
|
+
`;
|
|
1519
1557
|
|
|
1558
|
+
function Fieldset({ children, hasBorder = false, isHidden = false, isLight = false, legend, ...nativeProps }) {
|
|
1559
|
+
const hasLegend = useMemo(() => Boolean(legend), [legend]);
|
|
1560
|
+
return (jsxs(StyledField, { as: "fieldset", ...nativeProps, children: [legend && jsx(Legend, { isHidden: isHidden, children: legend }), jsx(Box$8, { "$hasBorder": hasBorder, "$hasLegend": hasLegend, "$isLight": isLight, children: children })] }));
|
|
1561
|
+
}
|
|
1562
|
+
const StyledField = styled(Field$2) `
|
|
1520
1563
|
border: 0;
|
|
1521
1564
|
margin: 0;
|
|
1522
|
-
padding:
|
|
1565
|
+
padding: 0;
|
|
1523
1566
|
`;
|
|
1567
|
+
const Box$8 = styled.div `
|
|
1568
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : 'transparent')};
|
|
1569
|
+
padding: ${p => (p.$hasBorder || p.$isLight ? '16px' : 0)};
|
|
1524
1570
|
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1571
|
+
${p => p.$hasBorder &&
|
|
1572
|
+
css `
|
|
1573
|
+
border: solid 1px ${p.$isLight ? p.theme.color.white : p.theme.color.gainsboro};
|
|
1574
|
+
`}
|
|
1575
|
+
`;
|
|
1576
|
+
|
|
1577
|
+
const ICON_SIZE_IN_PX = {
|
|
1578
|
+
[Size.LARGE]: 26,
|
|
1579
|
+
[Size.NORMAL]: 20,
|
|
1580
|
+
[Size.SMALL]: 14
|
|
1529
1581
|
};
|
|
1530
1582
|
function IconButton({ accent = Accent.PRIMARY, color, Icon, iconSize, size = Size.NORMAL, type = 'button', ...nativeProps }) {
|
|
1531
|
-
const children = useMemo(() => jsx(Icon, { color: color, size: iconSize ||
|
|
1583
|
+
const children = useMemo(() => jsx(Icon, { color: color, size: iconSize || ICON_SIZE_IN_PX[size] }), [color, Icon, iconSize, size]);
|
|
1532
1584
|
const commonProps = useMemo(() => ({
|
|
1533
1585
|
children,
|
|
1534
1586
|
size,
|
|
@@ -1582,21 +1634,6 @@ const TertiaryButton = styled.button `
|
|
|
1582
1634
|
}
|
|
1583
1635
|
`;
|
|
1584
1636
|
|
|
1585
|
-
const Label = styled.label `
|
|
1586
|
-
color: ${p => p.theme.color.slateGray};
|
|
1587
|
-
display: ${p => (p.isHidden ? 'none' : 'table')};
|
|
1588
|
-
font-size: 13px;
|
|
1589
|
-
line-height: 1.4;
|
|
1590
|
-
margin-bottom: 0.5rem;
|
|
1591
|
-
`;
|
|
1592
|
-
|
|
1593
|
-
function Legend({ isHidden = false, ...nativeProps }) {
|
|
1594
|
-
return jsx(StyledLabel, { as: "legend", isHidden: isHidden, ...nativeProps });
|
|
1595
|
-
}
|
|
1596
|
-
const StyledLabel = styled(Label) `
|
|
1597
|
-
padding: 0;
|
|
1598
|
-
`;
|
|
1599
|
-
|
|
1600
1637
|
var TagBullet;
|
|
1601
1638
|
(function (TagBullet) {
|
|
1602
1639
|
TagBullet["DISK"] = "DISK";
|
|
@@ -2249,11 +2286,11 @@ const StyledCheckbox = styled(Checkbox$1) `
|
|
|
2249
2286
|
> .rs-checkbox-checker {
|
|
2250
2287
|
min-height: 0;
|
|
2251
2288
|
padding-left: 28px;
|
|
2252
|
-
padding-top:
|
|
2289
|
+
padding-top: 0;
|
|
2253
2290
|
|
|
2254
2291
|
.rs-checkbox-wrapper {
|
|
2255
2292
|
left: 2px;
|
|
2256
|
-
top:
|
|
2293
|
+
top: 2px !important;
|
|
2257
2294
|
}
|
|
2258
2295
|
}
|
|
2259
2296
|
`;
|
|
@@ -2841,7 +2878,7 @@ function NumberInputWithRef({ defaultValue, max, min, onBack, onClick, onFilled,
|
|
|
2841
2878
|
onBack();
|
|
2842
2879
|
}
|
|
2843
2880
|
}, [onBack, onNext, onPrevious]);
|
|
2844
|
-
return (jsx(StyledNumberInput, { ref: inputRef, defaultValue: defaultValue, maxLength: size, onClick: handleClick, onFocus: handleFocus, onInput: handleInput, onKeyDown: handleKeyDown, pattern: "\\d*", placeholder: placeholder,
|
|
2881
|
+
return (jsx(StyledNumberInput, { ref: inputRef, "$size": size, defaultValue: defaultValue, maxLength: size, onClick: handleClick, onFocus: handleFocus, onInput: handleInput, onKeyDown: handleKeyDown, pattern: "\\d*", placeholder: placeholder, type: "text", ...nativeProps }, String(defaultValue)));
|
|
2845
2882
|
}
|
|
2846
2883
|
const NumberInput = forwardRef(NumberInputWithRef);
|
|
2847
2884
|
const StyledNumberInput = styled.input `
|
|
@@ -2851,8 +2888,8 @@ const StyledNumberInput = styled.input `
|
|
|
2851
2888
|
outline: none;
|
|
2852
2889
|
padding: 0;
|
|
2853
2890
|
text-align: center;
|
|
2854
|
-
/* 1 digit =
|
|
2855
|
-
width: ${p => p
|
|
2891
|
+
/* 1 digit = 8px */
|
|
2892
|
+
width: ${p => p.$size * 0.5}rem;
|
|
2856
2893
|
|
|
2857
2894
|
::placeholder {
|
|
2858
2895
|
color: ${p => p.theme.color.slateGray};
|
|
@@ -2927,7 +2964,7 @@ function getTimeTupleFromDate(date) {
|
|
|
2927
2964
|
return [formatNumberAsDoubleDigit(date.getHours()), formatNumberAsDoubleDigit(date.getMinutes())];
|
|
2928
2965
|
}
|
|
2929
2966
|
|
|
2930
|
-
function DateInputWithRef({ defaultValue, isEndDate = false, isForcedFocused, isStartDate = false, onBack, onChange, onClick, onNext, onPrevious }, ref) {
|
|
2967
|
+
function DateInputWithRef({ defaultValue, isEndDate = false, isForcedFocused, isLight, isStartDate = false, onBack, onChange, onClick, onNext, onPrevious }, ref) {
|
|
2931
2968
|
const boxSpanRef = useRef();
|
|
2932
2969
|
const dayInputRef = useRef();
|
|
2933
2970
|
const monthInputRef = useRef();
|
|
@@ -2983,18 +3020,18 @@ function DateInputWithRef({ defaultValue, isEndDate = false, isForcedFocused, is
|
|
|
2983
3020
|
];
|
|
2984
3021
|
onChange(nextDateTuple);
|
|
2985
3022
|
}, [onChange]);
|
|
2986
|
-
return (jsxs(Box$6, { ref: boxSpanRef, hasError: hasFormatError || hasValidationError, isFocused: isForcedFocused || isFocused, children: [isStartDate && 'Du ', isEndDate && 'Au ', jsx(NumberInput, { ref: dayInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-day`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput, { ref: monthInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-month`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput, { ref: yearInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-year`, defaultValue: defaultValue && defaultValue[0], max: currentUtcYear, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }));
|
|
3023
|
+
return (jsxs(Box$6, { ref: boxSpanRef, "$hasError": hasFormatError || hasValidationError, "$isFocused": isForcedFocused || isFocused, "$isLight": isLight, children: [isStartDate && 'Du ', isEndDate && 'Au ', jsx(NumberInput, { ref: dayInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-day`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput, { ref: monthInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-month`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput, { ref: yearInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-year`, defaultValue: defaultValue && defaultValue[0], max: currentUtcYear, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }));
|
|
2987
3024
|
}
|
|
2988
3025
|
const DateInput = forwardRef(DateInputWithRef);
|
|
2989
3026
|
const Box$6 = styled.span `
|
|
2990
|
-
background-color: ${p => p.theme.color.gainsboro};
|
|
2991
|
-
box-shadow: ${p => p
|
|
2992
|
-
? `inset 0px 0px 0px 1px ${p
|
|
3027
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
3028
|
+
box-shadow: ${p => p.$hasError || p.$isFocused
|
|
3029
|
+
? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
|
|
2993
3030
|
: 'none'};
|
|
2994
3031
|
color: ${p => p.theme.color.slateGray};
|
|
2995
3032
|
display: inline-block;
|
|
2996
3033
|
font-size: inherit;
|
|
2997
|
-
padding:
|
|
3034
|
+
padding: 5px 8px 7px;
|
|
2998
3035
|
user-select: none;
|
|
2999
3036
|
|
|
3000
3037
|
:hover {
|
|
@@ -3552,7 +3589,7 @@ const Box$5 = styled.div `
|
|
|
3552
3589
|
.rs-picker-daterange-menu {
|
|
3553
3590
|
border: solid 1px ${p => p.theme.color.lightGray};
|
|
3554
3591
|
border-radius: 0;
|
|
3555
|
-
margin-top:
|
|
3592
|
+
margin-top: 4px;
|
|
3556
3593
|
|
|
3557
3594
|
.rs-picker-daterange-header,
|
|
3558
3595
|
.rs-calendar-header-time-toolbar,
|
|
@@ -3570,7 +3607,7 @@ const Box$5 = styled.div `
|
|
|
3570
3607
|
|
|
3571
3608
|
.rs-calendar-header {
|
|
3572
3609
|
border-bottom: solid 1px ${p => p.theme.color.lightGray};
|
|
3573
|
-
padding:
|
|
3610
|
+
padding: 8px;
|
|
3574
3611
|
|
|
3575
3612
|
.rs-calendar-header-month-toolbar {
|
|
3576
3613
|
align-items: center;
|
|
@@ -3594,10 +3631,10 @@ const Box$5 = styled.div `
|
|
|
3594
3631
|
}
|
|
3595
3632
|
|
|
3596
3633
|
.rs-calendar-view {
|
|
3597
|
-
padding:
|
|
3634
|
+
padding: 12px 8px 0;
|
|
3598
3635
|
|
|
3599
3636
|
.rs-calendar-table-cell {
|
|
3600
|
-
padding: 0 0
|
|
3637
|
+
padding: 0 0 4px 0;
|
|
3601
3638
|
width: 33px;
|
|
3602
3639
|
|
|
3603
3640
|
&.rs-calendar-table-cell-in-range:before {
|
|
@@ -3684,20 +3721,20 @@ const Box$4 = styled.div `
|
|
|
3684
3721
|
display: flex;
|
|
3685
3722
|
flex-direction: column;
|
|
3686
3723
|
left: -1px;
|
|
3687
|
-
max-height:
|
|
3724
|
+
max-height: 160px;
|
|
3688
3725
|
overflow: auto;
|
|
3689
3726
|
position: absolute;
|
|
3690
3727
|
/* Non-WebKit Firefox Compatibility */
|
|
3691
3728
|
scrollbar-color: ${p => p.theme.color.lightGray};
|
|
3692
3729
|
scrollbar-width: thin;
|
|
3693
|
-
top:
|
|
3730
|
+
top: 36px;
|
|
3694
3731
|
z-index: 9999;
|
|
3695
3732
|
|
|
3696
3733
|
::-webkit-scrollbar {
|
|
3697
3734
|
-webkit-appearance: none;
|
|
3698
3735
|
}
|
|
3699
3736
|
::-webkit-scrollbar:vertical {
|
|
3700
|
-
width:
|
|
3737
|
+
width: 5px;
|
|
3701
3738
|
}
|
|
3702
3739
|
::-webkit-scrollbar-thumb {
|
|
3703
3740
|
border: 0;
|
|
@@ -3719,7 +3756,7 @@ const Option = styled.div `
|
|
|
3719
3756
|
}
|
|
3720
3757
|
`;
|
|
3721
3758
|
|
|
3722
|
-
function TimeInputWithRef({ defaultValue, isStartDate = false, minutesRange = 15, onBack, onChange, onFocus, onNext, onPrevious }, ref) {
|
|
3759
|
+
function TimeInputWithRef({ defaultValue, isLight, isStartDate = false, minutesRange = 15, onBack, onChange, onFocus, onNext, onPrevious }, ref) {
|
|
3723
3760
|
const boxSpanRef = useRef();
|
|
3724
3761
|
const hourInputRef = useRef();
|
|
3725
3762
|
const minuteInputRef = useRef();
|
|
@@ -3806,18 +3843,18 @@ function TimeInputWithRef({ defaultValue, isStartDate = false, minutesRange = 15
|
|
|
3806
3843
|
const nextTimeTuple = [hourInputRef.current.value, minuteInputRef.current.value];
|
|
3807
3844
|
onChange(nextTimeTuple);
|
|
3808
3845
|
}, [closeRangedTimePicker, onChange]);
|
|
3809
|
-
return (jsxs(Box$3, { ref: boxSpanRef, hasError: hasFormatError || hasValidationError, isFocused: isFocused, children: [jsxs(Fragment, { children: [jsx(NumberInput, { ref: hourInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-hour`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput, { ref: minuteInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-minute`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
|
|
3846
|
+
return (jsxs(Box$3, { ref: boxSpanRef, "$hasError": hasFormatError || hasValidationError, "$isFocused": isFocused, "$isLight": isLight, children: [jsxs(Fragment, { children: [jsx(NumberInput, { ref: hourInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-hour`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput, { ref: minuteInputRef, "data-cy": `date-range-picker-${isStartDate ? 'start' : 'end'}-minute`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
|
|
3810
3847
|
}
|
|
3811
3848
|
const TimeInput = forwardRef(TimeInputWithRef);
|
|
3812
3849
|
const Box$3 = styled.span `
|
|
3813
|
-
background-color: ${p => p.theme.color.gainsboro};
|
|
3814
|
-
box-shadow: ${p => p
|
|
3815
|
-
? `inset 0px 0px 0px 1px ${p
|
|
3850
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
3851
|
+
box-shadow: ${p => p.$hasError || p.$isFocused
|
|
3852
|
+
? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
|
|
3816
3853
|
: 'none'};
|
|
3817
3854
|
color: ${p => p.theme.color.slateGray};
|
|
3818
3855
|
display: inline-block;
|
|
3819
3856
|
font-size: inherit;
|
|
3820
|
-
padding:
|
|
3857
|
+
padding: 5px 8px 7px;
|
|
3821
3858
|
position: relative;
|
|
3822
3859
|
user-select: none;
|
|
3823
3860
|
|
|
@@ -3832,7 +3869,7 @@ var DateRangePosition;
|
|
|
3832
3869
|
DateRangePosition["START"] = "START";
|
|
3833
3870
|
})(DateRangePosition || (DateRangePosition = {}));
|
|
3834
3871
|
|
|
3835
|
-
function DateRangePicker({ defaultValue, isHistorical = false, isLabelHidden = false, label, minutesRange = 15, onChange, withTime = false }) {
|
|
3872
|
+
function DateRangePicker({ defaultValue, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false }) {
|
|
3836
3873
|
const startDateInputRef = useRef();
|
|
3837
3874
|
const startTimeInputRef = useRef();
|
|
3838
3875
|
const endDateInputRef = useRef();
|
|
@@ -3981,7 +4018,7 @@ function DateRangePicker({ defaultValue, isHistorical = false, isLabelHidden = f
|
|
|
3981
4018
|
window.document.removeEventListener('click', handleClickOutside);
|
|
3982
4019
|
};
|
|
3983
4020
|
}, [handleClickOutside]);
|
|
3984
|
-
return (jsxs(Fieldset, { className: "DateRangePicker", children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box$2, { children: [jsx(Field$1, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedStartDateTupleRef.current, isForcedFocused: isRangeCalendarPickerOpenRef.current, isStartDate: true, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.START, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, defaultValue: selectedStartTimeTupleRef.current, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field$1, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedEndDateTupleRef.current, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, onBack: handleEndDateInputPrevious, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.END, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, defaultValue: selectedEndTimeTupleRef.current, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), isRangeCalendarPickerOpenRef.current && (jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleRangeCalendarPickerChange }))] }));
|
|
4021
|
+
return (jsxs(Fieldset, { className: "DateRangePicker", children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box$2, { children: [jsx(Field$1, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedStartDateTupleRef.current, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.START, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, defaultValue: selectedStartTimeTupleRef.current, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field$1, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedEndDateTupleRef.current, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.END, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, defaultValue: selectedEndTimeTupleRef.current, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), isRangeCalendarPickerOpenRef.current && (jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleRangeCalendarPickerChange }))] }));
|
|
3985
4022
|
}
|
|
3986
4023
|
const Box$2 = styled.div `
|
|
3987
4024
|
* {
|
|
@@ -3997,9 +4034,9 @@ const Field$1 = styled.span `
|
|
|
3997
4034
|
font-size: inherit;
|
|
3998
4035
|
margin-left: ${p => {
|
|
3999
4036
|
if (p.isEndDateField) {
|
|
4000
|
-
return '
|
|
4037
|
+
return '10px';
|
|
4001
4038
|
}
|
|
4002
|
-
return p.isTimeField ? '
|
|
4039
|
+
return p.isTimeField ? '2px' : 0;
|
|
4003
4040
|
}};
|
|
4004
4041
|
`;
|
|
4005
4042
|
|
|
@@ -4044,7 +4081,7 @@ const Box$1 = styled.div `
|
|
|
4044
4081
|
.rs-picker-date-menu {
|
|
4045
4082
|
border: solid 1px ${p => p.theme.color.lightGray};
|
|
4046
4083
|
border-radius: 0;
|
|
4047
|
-
margin-top:
|
|
4084
|
+
margin-top: 4px;
|
|
4048
4085
|
|
|
4049
4086
|
.rs-picker-date-header,
|
|
4050
4087
|
.rs-calendar-header-time-toolbar,
|
|
@@ -4062,7 +4099,7 @@ const Box$1 = styled.div `
|
|
|
4062
4099
|
|
|
4063
4100
|
.rs-calendar-header {
|
|
4064
4101
|
border-bottom: solid 1px ${p => p.theme.color.lightGray};
|
|
4065
|
-
padding:
|
|
4102
|
+
padding: 8px;
|
|
4066
4103
|
|
|
4067
4104
|
.rs-calendar-header-month-toolbar {
|
|
4068
4105
|
align-items: center;
|
|
@@ -4086,10 +4123,10 @@ const Box$1 = styled.div `
|
|
|
4086
4123
|
}
|
|
4087
4124
|
|
|
4088
4125
|
.rs-calendar-view {
|
|
4089
|
-
padding:
|
|
4126
|
+
padding: 12px 8px 0;
|
|
4090
4127
|
|
|
4091
4128
|
.rs-calendar-table-cell {
|
|
4092
|
-
padding: 0 0
|
|
4129
|
+
padding: 0 0 4px 0;
|
|
4093
4130
|
width: 33px;
|
|
4094
4131
|
|
|
4095
4132
|
&.rs-calendar-table-cell-in-range:before {
|
|
@@ -4129,7 +4166,7 @@ const Box$1 = styled.div `
|
|
|
4129
4166
|
}
|
|
4130
4167
|
`;
|
|
4131
4168
|
|
|
4132
|
-
function DatePicker({ defaultValue, isHistorical = false, isLabelHidden = false, label, minutesRange = 15, onChange, withTime = false }) {
|
|
4169
|
+
function DatePicker({ defaultValue, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false }) {
|
|
4133
4170
|
const dateInputRef = useRef();
|
|
4134
4171
|
const timeInputRef = useRef();
|
|
4135
4172
|
const isCalendarPickerOpenRef = useRef(false);
|
|
@@ -4218,7 +4255,7 @@ function DatePicker({ defaultValue, isHistorical = false, isLabelHidden = false,
|
|
|
4218
4255
|
window.document.removeEventListener('click', handleClickOutside);
|
|
4219
4256
|
};
|
|
4220
4257
|
}, [handleClickOutside]);
|
|
4221
|
-
return (jsxs(Fieldset, { className: "DateRangePicker", children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box, { children: [jsx(Field, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedDateTupleRef.current, isForcedFocused: isCalendarPickerOpenRef.current, onChange: handleDateInputFilled, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: timeInputRef, defaultValue: selectedTimeTupleRef.current, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), isCalendarPickerOpenRef.current && (jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleCalendarPickerChange }))] }));
|
|
4258
|
+
return (jsxs(Fieldset, { className: "DateRangePicker", children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box, { children: [jsx(Field, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedDateTupleRef.current, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputFilled, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, defaultValue: selectedTimeTupleRef.current, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), isCalendarPickerOpenRef.current && (jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleCalendarPickerChange }))] }));
|
|
4222
4259
|
}
|
|
4223
4260
|
const Box = styled.div `
|
|
4224
4261
|
* {
|
|
@@ -4232,15 +4269,10 @@ const Box = styled.div `
|
|
|
4232
4269
|
`;
|
|
4233
4270
|
const Field = styled.span `
|
|
4234
4271
|
font-size: inherit;
|
|
4235
|
-
margin-left: ${p =>
|
|
4236
|
-
if (p.isEndDateField) {
|
|
4237
|
-
return '0.625rem';
|
|
4238
|
-
}
|
|
4239
|
-
return p.isTimeField ? '0.125rem' : 0;
|
|
4240
|
-
}};
|
|
4272
|
+
margin-left: ${p => (p.$isTimeField ? '2px' : 0)};
|
|
4241
4273
|
`;
|
|
4242
4274
|
|
|
4243
|
-
function MultiCheckbox({ defaultValue = [], isInline = false, isLabelHidden = false, label, name, onChange, options }) {
|
|
4275
|
+
function MultiCheckbox({ defaultValue = [], isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
|
|
4244
4276
|
const checkedOptionValues = useRef(defaultValue);
|
|
4245
4277
|
const key = useMemo(() => `${name}-${JSON.stringify(defaultValue)}`, [defaultValue, name]);
|
|
4246
4278
|
const handleChange = useCallback((nextOptionValue, isChecked) => {
|
|
@@ -4253,9 +4285,9 @@ function MultiCheckbox({ defaultValue = [], isInline = false, isLabelHidden = fa
|
|
|
4253
4285
|
onChange(normalizedNextValue);
|
|
4254
4286
|
}
|
|
4255
4287
|
}, [onChange]);
|
|
4256
|
-
return (
|
|
4257
|
-
|
|
4258
|
-
|
|
4288
|
+
return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox$1, { "$isInline": isInline, children: options.map((option, index) => (jsx(Checkbox
|
|
4289
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
4290
|
+
, { defaultChecked: defaultValue.includes(option.value), label: option.label, name: `${name}${index}`, onChange: (isChecked) => handleChange(option.value, isChecked) }, `${name}-${index}`))) }) }, key));
|
|
4259
4291
|
}
|
|
4260
4292
|
const ChecboxesBox$1 = styled.div `
|
|
4261
4293
|
color: ${p => p.theme.color.gunMetal};
|
|
@@ -4265,14 +4297,14 @@ const ChecboxesBox$1 = styled.div `
|
|
|
4265
4297
|
${p => !p.$isInline &&
|
|
4266
4298
|
css `
|
|
4267
4299
|
> .rs-checkbox:not(:first-child) {
|
|
4268
|
-
margin-top:
|
|
4300
|
+
margin-top: 8px;
|
|
4269
4301
|
}
|
|
4270
4302
|
`}
|
|
4271
4303
|
|
|
4272
4304
|
${p => p.$isInline &&
|
|
4273
4305
|
css `
|
|
4274
4306
|
> .rs-checkbox:not(:first-child) {
|
|
4275
|
-
margin-left:
|
|
4307
|
+
margin-left: 12px;
|
|
4276
4308
|
}
|
|
4277
4309
|
`}
|
|
4278
4310
|
`;
|
|
@@ -4295,7 +4327,7 @@ searchable = false, ...originalProps }) {
|
|
|
4295
4327
|
const StyledTagPicker = styled(TagPicker) `
|
|
4296
4328
|
border: 0;
|
|
4297
4329
|
cursor: pointer;
|
|
4298
|
-
width: ${p => p.$fixedWidth}
|
|
4330
|
+
width: ${p => p.$fixedWidth}px;
|
|
4299
4331
|
|
|
4300
4332
|
> .rs-picker-toggle {
|
|
4301
4333
|
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
|
|
@@ -4303,7 +4335,7 @@ const StyledTagPicker = styled(TagPicker) `
|
|
|
4303
4335
|
}
|
|
4304
4336
|
`;
|
|
4305
4337
|
|
|
4306
|
-
function MultiRadio({ defaultValue, isInline = false, isLabelHidden = false, label, name, onChange, options }) {
|
|
4338
|
+
function MultiRadio({ defaultValue, isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
|
|
4307
4339
|
const [checkedOptionValue, setCheckedOptionValue] = useState(undefined);
|
|
4308
4340
|
const key = useMemo(() => `${name}-${String(checkedOptionValue)}}`, [checkedOptionValue, name]);
|
|
4309
4341
|
const handleChange = useCallback((nextOptionValue, isChecked) => {
|
|
@@ -4320,9 +4352,9 @@ function MultiRadio({ defaultValue, isInline = false, isLabelHidden = false, lab
|
|
|
4320
4352
|
useEffect(() => {
|
|
4321
4353
|
setCheckedOptionValue(defaultValue);
|
|
4322
4354
|
}, [defaultValue]);
|
|
4323
|
-
return (
|
|
4324
|
-
|
|
4325
|
-
|
|
4355
|
+
return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox, { "$isInline": isInline, children: options.map((option, index) => (jsx(Radio
|
|
4356
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
4357
|
+
, { defaultChecked: option.value === checkedOptionValue, name: name, onChange: (_, isChecked) => handleChange(option.value, isChecked), children: option.label }, `${name}-${index}`))) }) }, key));
|
|
4326
4358
|
}
|
|
4327
4359
|
const ChecboxesBox = styled.div `
|
|
4328
4360
|
color: ${p => p.theme.color.gunMetal};
|
|
@@ -4333,7 +4365,7 @@ const ChecboxesBox = styled.div `
|
|
|
4333
4365
|
> .rs-radio {
|
|
4334
4366
|
> .rs-radio-checker {
|
|
4335
4367
|
min-height: 0;
|
|
4336
|
-
padding:
|
|
4368
|
+
padding: 0 0 0 28px;
|
|
4337
4369
|
|
|
4338
4370
|
.rs-radio-wrapper {
|
|
4339
4371
|
left: 2px;
|
|
@@ -4352,476 +4384,279 @@ const ChecboxesBox = styled.div `
|
|
|
4352
4384
|
${p => p.$isInline &&
|
|
4353
4385
|
css `
|
|
4354
4386
|
> .rs-radio:not(:first-child) {
|
|
4355
|
-
margin-left:
|
|
4387
|
+
margin-left: 12px;
|
|
4356
4388
|
}
|
|
4357
4389
|
`}
|
|
4358
4390
|
`;
|
|
4359
4391
|
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4363
|
-
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4364
|
-
const handleChange = useCallback((nextValue) => {
|
|
4365
|
-
if (!onChange) {
|
|
4366
|
-
return;
|
|
4367
|
-
}
|
|
4368
|
-
const normalizedNextValue = nextValue ?? undefined;
|
|
4369
|
-
onChange(normalizedNextValue);
|
|
4370
|
-
}, [onChange]);
|
|
4371
|
-
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledSelectPicker, { "$isLight": isLight, data: options, id: originalProps.name,
|
|
4372
|
-
// The `unknown` type from Rsuite library is wrong. It should be inferred from `data` prop type.
|
|
4373
|
-
// `onChange: ((value: unknown, event: React.SyntheticEvent<Element, Event>) => void) | undefined`
|
|
4374
|
-
onChange: handleChange, searchable: searchable, ...originalProps }, key)] }));
|
|
4375
|
-
}
|
|
4376
|
-
const StyledSelectPicker = styled(SelectPicker) `
|
|
4377
|
-
> .rs-picker-toggle {
|
|
4378
|
-
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
|
|
4379
|
-
border: 0;
|
|
4380
|
-
}
|
|
4381
|
-
`;
|
|
4382
|
-
|
|
4383
|
-
function Textarea({ isLabelHidden = false, isLight = false, label, onChange, rows = 3, ...originalProps }) {
|
|
4384
|
-
const inputRef = useRef();
|
|
4385
|
-
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4386
|
-
const handleChange = useCallback(() => {
|
|
4387
|
-
if (!onChange) {
|
|
4388
|
-
return;
|
|
4389
|
-
}
|
|
4390
|
-
const nextValue = inputRef.current.value.trim();
|
|
4391
|
-
const normalizedNextValue = nextValue.length ? nextValue : undefined;
|
|
4392
|
-
onChange(normalizedNextValue);
|
|
4393
|
-
}, [onChange]);
|
|
4394
|
-
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledInput$1, { ref: inputRef, "$isLight": isLight, as: "textarea", id: originalProps.name, onChange: handleChange, rows: rows, ...originalProps }, key)] }));
|
|
4395
|
-
}
|
|
4396
|
-
const StyledInput$1 = styled(Input) `
|
|
4397
|
-
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
4398
|
-
border: 0;
|
|
4399
|
-
font-size: 13px;
|
|
4400
|
-
padding: 7px 11px;
|
|
4401
|
-
width: 100%;
|
|
4402
|
-
`;
|
|
4403
|
-
|
|
4404
|
-
function TextInput({ isLabelHidden = false, isLight = false, label, onChange, ...originalProps }) {
|
|
4405
|
-
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4406
|
-
const handleChange = useCallback((nextValue) => {
|
|
4407
|
-
if (!onChange) {
|
|
4408
|
-
return;
|
|
4409
|
-
}
|
|
4410
|
-
const normalizedNextValue = nextValue && nextValue.trim().length ? nextValue : undefined;
|
|
4411
|
-
onChange(normalizedNextValue);
|
|
4412
|
-
}, [onChange]);
|
|
4413
|
-
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledInput, { "$isLight": isLight, id: originalProps.name, onChange: handleChange, ...originalProps }, key)] }));
|
|
4414
|
-
}
|
|
4415
|
-
const StyledInput = styled(Input) `
|
|
4416
|
-
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
4417
|
-
border: 0;
|
|
4418
|
-
font-size: 13px;
|
|
4419
|
-
width: 100%;
|
|
4420
|
-
`;
|
|
4421
|
-
|
|
4422
|
-
function FormikAutoComplete({ name, ...originalProps }) {
|
|
4423
|
-
const [field, , helpers] = useField(name);
|
|
4424
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
|
|
4425
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4426
|
-
const handleChange = useCallback((nextValue) => {
|
|
4427
|
-
helpers.setValue(nextValue);
|
|
4428
|
-
},
|
|
4429
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4430
|
-
[]);
|
|
4431
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4432
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4433
|
-
return jsx(AutoComplete, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4434
|
-
}
|
|
4435
|
-
|
|
4436
|
-
function FormikCheckbox({ name, ...originalProps }) {
|
|
4437
|
-
const [field, , helpers] = useField(name);
|
|
4438
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
|
|
4439
|
-
const defaultChecked = useMemo(() => Boolean(field.value), []);
|
|
4440
|
-
const handleChange = useCallback((isChecked) => {
|
|
4441
|
-
helpers.setValue(isChecked);
|
|
4442
|
-
},
|
|
4443
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4444
|
-
[]);
|
|
4445
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4446
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4447
|
-
return jsx(Checkbox, { defaultChecked: defaultChecked, name: name, onChange: handleChange, ...originalProps });
|
|
4448
|
-
}
|
|
4449
|
-
|
|
4450
|
-
function FormikDatePicker({ name, ...originalProps }) {
|
|
4451
|
-
const [field, , helpers] = useField(name);
|
|
4452
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4453
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4454
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4455
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4456
|
-
return jsx(DatePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
|
|
4457
|
-
}
|
|
4458
|
-
|
|
4459
|
-
function FormikDateRangePicker({ name, ...originalProps }) {
|
|
4460
|
-
const [field, , helpers] = useField(name);
|
|
4461
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4462
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4463
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4464
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4465
|
-
return jsx(DateRangePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
|
|
4466
|
-
}
|
|
4467
|
-
|
|
4468
|
-
function FormikEffect({ onChange }) {
|
|
4469
|
-
const { values } = useFormikContext();
|
|
4470
|
-
useEffect(() => {
|
|
4471
|
-
onChange(values);
|
|
4472
|
-
}, [onChange, values]);
|
|
4473
|
-
return jsx(Fragment, {});
|
|
4474
|
-
}
|
|
4475
|
-
|
|
4476
|
-
function FormikMultiCheckbox({ name, ...originalProps }) {
|
|
4477
|
-
const [field, , helpers] = useField(name);
|
|
4478
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4479
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4480
|
-
const handleChange = useCallback((nextValue) => {
|
|
4481
|
-
helpers.setValue(nextValue);
|
|
4482
|
-
},
|
|
4483
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4484
|
-
[]);
|
|
4485
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4486
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4487
|
-
return jsx(MultiCheckbox, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4488
|
-
}
|
|
4489
|
-
|
|
4490
|
-
function FormikMultiSelect({ name, ...originalProps }) {
|
|
4491
|
-
const [field, , helpers] = useField(name);
|
|
4492
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4493
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4494
|
-
const handleChange = useCallback((nextValue) => {
|
|
4495
|
-
helpers.setValue(nextValue);
|
|
4496
|
-
},
|
|
4497
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4498
|
-
[]);
|
|
4499
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4500
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4501
|
-
return jsx(MultiSelect, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4502
|
-
}
|
|
4503
|
-
|
|
4504
|
-
function FormikMultiRadio({ name, ...originalProps }) {
|
|
4505
|
-
const [field, , helpers] = useField(name);
|
|
4506
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4507
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4508
|
-
const handleChange = useCallback((nextValue) => {
|
|
4509
|
-
helpers.setValue(nextValue);
|
|
4510
|
-
},
|
|
4511
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4512
|
-
[]);
|
|
4513
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4514
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4515
|
-
return jsx(MultiRadio, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4516
|
-
}
|
|
4517
|
-
|
|
4518
|
-
function FormikSelect({ name, ...originalProps }) {
|
|
4519
|
-
const [field, , helpers] = useField(name);
|
|
4520
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4521
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4522
|
-
const handleChange = useCallback((nextValue) => {
|
|
4523
|
-
helpers.setValue(nextValue);
|
|
4524
|
-
},
|
|
4525
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4526
|
-
[]);
|
|
4527
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4528
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4529
|
-
return jsx(Select, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4530
|
-
}
|
|
4531
|
-
|
|
4532
|
-
function FormikTextarea({ name, ...originalProps }) {
|
|
4533
|
-
const [field, , helpers] = useField(name);
|
|
4534
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4535
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4536
|
-
const handleChange = useCallback((nextValue) => {
|
|
4537
|
-
helpers.setValue(nextValue);
|
|
4538
|
-
},
|
|
4539
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4540
|
-
[]);
|
|
4541
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4542
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4543
|
-
return jsx(Textarea, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4544
|
-
}
|
|
4545
|
-
|
|
4546
|
-
function FormikTextInput({ name, ...originalProps }) {
|
|
4547
|
-
const [field, , helpers] = useField(name);
|
|
4548
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4549
|
-
const defaultValue = useMemo(() => field.value, []);
|
|
4550
|
-
const handleChange = useCallback((nextValue) => {
|
|
4551
|
-
helpers.setValue(nextValue);
|
|
4552
|
-
},
|
|
4553
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4554
|
-
[]);
|
|
4555
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4556
|
-
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4557
|
-
return jsx(TextInput, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4558
|
-
}
|
|
4559
|
-
|
|
4392
|
+
/**
|
|
4393
|
+
* Internal component used to wrap SVG icon components
|
|
4394
|
+
*/
|
|
4560
4395
|
const IconBox = styled.div `
|
|
4561
4396
|
display: inline-block;
|
|
4562
|
-
color: ${p => p
|
|
4397
|
+
color: ${p => p.$color ?? 'inherit'};
|
|
4563
4398
|
|
|
4564
4399
|
> svg {
|
|
4565
4400
|
display: block;
|
|
4566
|
-
height: ${p => p.$size ??
|
|
4567
|
-
width: ${p => p.$size ??
|
|
4401
|
+
height: ${p => p.$size ?? 16}px;
|
|
4402
|
+
width: ${p => p.$size ?? 16}px;
|
|
4568
4403
|
}
|
|
4569
4404
|
`;
|
|
4570
4405
|
|
|
4571
4406
|
function ActivityFeed({ color, size, ...nativeProps }) {
|
|
4572
|
-
return (jsx(IconBox, { "$
|
|
4407
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-22 44) rotate(90)", children: [jsx("rect", { height: "11", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "9", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-25 50) rotate(90)", children: [jsx("rect", { height: "8", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "6", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-23 56) rotate(90)", children: [jsx("rect", { height: "10", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "8", x: "1", y: "1" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-34,51a1.994,1.994,0,0,0-1-1.723V46.723A1.994,1.994,0,0,0-34,45a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,51a1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,57a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.994,1.994,0,0,0-1-1.723V52.723A1.994,1.994,0,0,0-34,51Z", stroke: "none" }), jsx("path", { d: "M -36 43 C -34.89500045776367 43 -34 43.89500045776367 -34 45 C -34 45.73799896240234 -34.40499877929688 46.37599945068359 -35 46.72299957275391 L -35 49.27700042724609 C -34.40499877929688 49.62400054931641 -34 50.26200103759766 -34 51 C -34 51.73799896240234 -34.40499877929688 52.37599945068359 -35 52.72299957275391 L -35 55.27700042724609 C -34.40499877929688 55.62400054931641 -34 56.26200103759766 -34 57 C -34 58.10499954223633 -34.89500045776367 59 -36 59 C -37.10499954223633 59 -38 58.10499954223633 -38 57 C -38 56.26200103759766 -37.59500122070313 55.62400054931641 -37 55.27700042724609 L -37 52.72299957275391 C -37.59500122070313 52.37599945068359 -38 51.73799896240234 -38 51 C -38 50.26200103759766 -37.59500122070313 49.62400054931641 -37 49.27700042724609 L -37 46.72299957275391 C -37.59500122070313 46.37599945068359 -38 45.73799896240234 -38 45 C -38 43.89500045776367 -37.10499954223633 43 -36 43 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
|
|
4573
4408
|
}
|
|
4574
4409
|
|
|
4575
4410
|
function Alert({ color, size, ...nativeProps }) {
|
|
4576
|
-
return (jsx(IconBox, { "$
|
|
4411
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-220 -208)", children: [jsx("path", { d: "M295,13V8a5,5,0,0,0-4-4.9V1h-2V3.1A5,5,0,0,0,285,8v5l-2,2v2h4.5a2.5,2.5,0,0,0,5,0H297V15Zm-5,5a1,1,0,0,1-1-1h2A1,1,0,0,1,290,18Zm1.486-3H285l2-2V8a3,3,0,0,1,6,0v5l2,2Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(220 208)", width: "20" })] }) }) }));
|
|
4577
4412
|
}
|
|
4578
4413
|
|
|
4579
4414
|
function Anchor({ color, size, ...nativeProps }) {
|
|
4580
|
-
return (jsx(IconBox, { "$
|
|
4415
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M14.6,12.7l1.395,1.4A7.258,7.258,0,0,1,11,17.128V10h3V8H11V6.816a3,3,0,1,0-2,0V8H6v2H9v7.087A7.2,7.2,0,0,1,4.2,14.1L5.6,12.7,2,10v2.7C2,16.192,6.428,19,10.1,19s8.1-2.808,8.1-6.3V10ZM10,3A1,1,0,1,1,9,4,1,1,0,0,1,10,3Z", fill: "currentColor" })] }) }));
|
|
4581
4416
|
}
|
|
4582
4417
|
|
|
4583
4418
|
function Archive({ color, size, ...nativeProps }) {
|
|
4584
|
-
return (jsx(IconBox, { "$
|
|
4419
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M138,2H122V8h1V18h14V8h1ZM124,4h12V6H124Zm11,12H125V8h10Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(128 10)", children: [jsx("rect", { height: "2", stroke: "none", width: "4" }), jsx("rect", { fill: "none", width: "2", x: "1", y: "1" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
|
|
4585
4420
|
}
|
|
4586
4421
|
|
|
4587
4422
|
function Attention({ color, size, ...nativeProps }) {
|
|
4588
|
-
return (jsx(IconBox, { "$
|
|
4423
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-190,99Z", stroke: "none" }), jsx("path", { d: "M -190 83 C -185.0290069580078 83 -181 87.02899932861328 -181 92 C -181 96.97100067138672 -185.0290069580078 101 -190 101 C -194.9709930419922 101 -199 96.97100067138672 -199 92 C -199 87.02899932861328 -194.9709930419922 83 -190 83 Z M -190 99 C -186.1340026855469 99 -183 95.86599731445313 -183 92 C -183 88.13400268554688 -186.1340026855469 85 -190 85 C -193.8659973144531 85 -197 88.13400268554688 -197 92 C -197 95.86599731445313 -193.8659973144531 99 -190 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 93) rotate(180)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 96) rotate(180)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
|
|
4589
4424
|
}
|
|
4590
4425
|
|
|
4591
4426
|
function Calendar({ color, size, ...nativeProps }) {
|
|
4592
|
-
return (jsx(IconBox, { "$
|
|
4427
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-266,44V42h-2v2h-4V42h-2v2h-4V59h16V44Zm2,13h-12V50h12Zm0-9h-12V46h12Z", stroke: "none" }), jsx("path", { d: "M -274 42 L -272 42 L -272 44 L -268 44 L -268 42 L -266 42 L -266 44 L -262 44 L -262 59 L -278 59 L -278 44 L -274 44 L -274 42 Z M -264 48 L -264 46 L -276 46 L -276 48 L -264 48 Z M -264 57 L -264 50 L -276 50 L -276 57 L -264 57 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-274 52)", children: [jsx("rect", { height: "3", stroke: "none", width: "4" }), jsx("rect", { fill: "none", height: "1", width: "2", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 41)", width: "20" })] }) }) }));
|
|
4593
4428
|
}
|
|
4594
4429
|
|
|
4595
4430
|
function Check({ color, size, ...nativeProps }) {
|
|
4596
|
-
return (jsx(IconBox, { "$
|
|
4431
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-23.99,86.7l-7.778,7.778-4.243-4.243-1.414,1.414,4.243,4.243,1.414,1.414,9.192-9.192Z", stroke: "none" }), jsx("path", { d: "M -23.98955917358398 86.69669342041016 L -22.57537841796875 88.11093139648438 L -31.76775932312012 97.30330657958984 L -37.42462158203125 91.64644622802734 L -36.01044082641602 90.23220825195313 L -31.76775932312012 94.47487640380859 L -23.98955917358398 86.69669342041016 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 82)", width: "20" })] }) }) }));
|
|
4597
4432
|
}
|
|
4598
4433
|
|
|
4599
4434
|
function Chevron({ color, size, ...nativeProps }) {
|
|
4600
|
-
return (jsx(IconBox, { "$
|
|
4435
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,87.293,10,93.878,3.415,87.293,2,88.707l6.585,6.585L10,96.707l1.415-1.415L18,88.707Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 87.29266357421875 L 10 93.87799072265625 L 16.58533096313477 87.29266357421875 L 18 88.70733642578125 L 10 96.70733642578125 L 2 88.70733642578125 L 3.414670944213867 87.29266357421875 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 82)", width: "20" })] }) }) }));
|
|
4601
4436
|
}
|
|
4602
4437
|
|
|
4603
4438
|
function Clock({ color, size, ...nativeProps }) {
|
|
4604
|
-
return (jsx(IconBox, { "$
|
|
4439
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,42Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,58Z", stroke: "none" }), jsx("path", { d: "M -230 42 C -225.0290069580078 42 -221 46.02899932861328 -221 51 C -221 55.97100067138672 -225.0290069580078 60 -230 60 C -234.9709930419922 60 -239 55.97100067138672 -239 51 C -239 46.02899932861328 -234.9709930419922 42 -230 42 Z M -230 58 C -226.1340026855469 58 -223 54.86600112915039 -223 51 C -223 47.13399887084961 -226.1340026855469 44 -230 44 C -233.8659973144531 44 -237 47.13399887084961 -237 51 C -237 54.86600112915039 -233.8659973144531 58 -230 58 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-229,50V46h-2v6h6V50Z", stroke: "none" }), jsx("path", { d: "M -225 52 L -231 52 L -231 46 L -229 46 L -229 50 L -225 50 L -225 52 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
|
|
4605
4440
|
}
|
|
4606
4441
|
|
|
4607
4442
|
function Close({ color, size, ...nativeProps }) {
|
|
4608
|
-
return (jsx(IconBox, { "$
|
|
4443
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-142,85.415-143.415,84-150,90.585-156.585,84-158,85.415-151.415,92-158,98.585l1.415,1.415L-150,93.415l6.585,6.585L-142,98.585-148.585,92Z", stroke: "none" }), jsx("path", { d: "M -156.5853271484375 84 L -150 90.5853271484375 L -143.4146728515625 84 L -142 85.4146728515625 L -148.5853271484375 92 L -142 98.5853271484375 L -143.4146728515625 100 L -150 93.4146728515625 L -156.5853271484375 100 L -158 98.5853271484375 L -151.4146728515625 92 L -158 85.4146728515625 L -156.5853271484375 84 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
|
|
4609
4444
|
}
|
|
4610
4445
|
|
|
4611
4446
|
function Confirm({ color, size, ...nativeProps }) {
|
|
4612
|
-
return (jsx(IconBox, { "$
|
|
4447
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsx("path", { d: "M50,1a9,9,0,1,0,9,9A9,9,0,0,0,50,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,50,17Z", fill: "currentColor" }), jsx("path", { d: "M53.382,6.529l-4.243,4.243L47.018,8.65,45.6,10.064l2.121,2.121h0L49.139,13.6,54.8,7.943Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
|
|
4613
4448
|
}
|
|
4614
4449
|
|
|
4615
4450
|
function Control({ color, size, ...nativeProps }) {
|
|
4616
|
-
return (jsx(IconBox, { "$
|
|
4451
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104 58) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsx("path", { d: "M-107.694,47l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-116,57h12l-1.721-10.325A2,2,0,0,0-107.7,45Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-110.75 41.75)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104.061 43) rotate(45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-117 44.061) rotate(-45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] })] }) }));
|
|
4617
4452
|
}
|
|
4618
4453
|
|
|
4619
4454
|
function Delete({ color, size, ...nativeProps }) {
|
|
4620
|
-
return (jsx(IconBox, { "$
|
|
4455
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-23.798 -14.096)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "6", transform: "translate(31.548 22.096)", width: "1.5" }), jsx("rect", { fill: "currentColor", height: "6", transform: "translate(34.548 22.096)", width: "1.5" }), jsx("path", { d: "M41.8,17.6h-4V16.1h-8v1.5h-4v2h1.5V31.1a1,1,0,0,0,1,1h11a1,1,0,0,0,1-1V19.6h1.5ZM38.3,30.1h-9V19.6h9Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(23.798 14.096)", width: "20" })] }) }) }));
|
|
4621
4456
|
}
|
|
4622
4457
|
|
|
4623
4458
|
function Display({ color, size, ...nativeProps }) {
|
|
4624
|
-
return (jsx(IconBox, { "$
|
|
4459
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -40)", children: [jsxs("g", { children: [jsx("path", { d: "M10,44a9.674,9.674,0,0,0-9,6,9.674,9.674,0,0,0,9,6,9.674,9.674,0,0,0,9-6A9.674,9.674,0,0,0,10,44Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,10,54Z", fill: "currentColor" }), jsx("circle", { cx: "2.25", cy: "2.25", fill: "currentColor", r: "2.25", transform: "translate(7.75 47.75)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 40)", width: "20" })] }) }) }));
|
|
4625
4460
|
}
|
|
4626
4461
|
|
|
4627
4462
|
function DoubleChevron({ color, size, ...nativeProps }) {
|
|
4628
|
-
return (jsx(IconBox, { "$
|
|
4463
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,3.085,10,9.671,3.415,3.085,2,4.5l6.585,6.585L10,12.5l1.415-1.415L18,4.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 3.085323333740234 L 10 9.670653343200684 L 16.58533096313477 3.085323333740234 L 18 4.500003814697266 L 10 12.50000381469727 L 2 4.500003814697266 L 3.414670944213867 3.085323333740234 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,8.085,10,14.671,3.415,8.085,2,9.5l6.585,6.585L10,17.5l1.415-1.415L18,9.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 8.085323333740234 L 10 14.67065334320068 L 16.58533096313477 8.085323333740234 L 18 9.500003814697266 L 10 17.50000381469727 L 2 9.500003814697266 L 3.414670944213867 8.085323333740234 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4629
4464
|
}
|
|
4630
4465
|
|
|
4631
4466
|
function Download({ color, size, ...nativeProps }) {
|
|
4632
|
-
return (jsx(IconBox, { "$
|
|
4467
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "2", transform: "translate(84 16)", width: "12" }), jsx("path", { d: "M93,9V2H87V9H84l6,6,6-6Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
|
|
4633
4468
|
}
|
|
4634
4469
|
|
|
4635
4470
|
function Drapeau({ color, size, ...nativeProps }) {
|
|
4636
|
-
return (jsx(IconBox, { "$
|
|
4471
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "#000091", height: "12", transform: "translate(1 4)", width: "6" }), jsx("rect", { fill: "#e1000f", height: "12", transform: "translate(13 4)", width: "6" }), jsx("rect", { fill: "#fff", height: "12", transform: "translate(7 4)", width: "6" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M19,4V16H1V4H19m1-1H0V17H20V3Z", fill: "#e5e5eb" })] }) }));
|
|
4637
4472
|
}
|
|
4638
4473
|
|
|
4639
4474
|
function Duplicate({ color, size, ...nativeProps }) {
|
|
4640
|
-
return (jsx(IconBox, { "$
|
|
4475
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M6,2V5H3V18H14V15h3V2Zm6,14H5V7h7Zm3-3H14V5H8V4h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4641
4476
|
}
|
|
4642
4477
|
|
|
4643
4478
|
function Edit({ color, size, ...nativeProps }) {
|
|
4644
|
-
return (jsx(IconBox, { "$
|
|
4479
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
|
|
4645
4480
|
}
|
|
4646
4481
|
|
|
4647
4482
|
function EditBis({ color, size, ...nativeProps }) {
|
|
4648
|
-
return (jsx(IconBox, { "$
|
|
4483
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
|
|
4649
4484
|
}
|
|
4650
4485
|
|
|
4651
4486
|
function Favorite({ color, size, ...nativeProps }) {
|
|
4652
|
-
return (jsx(IconBox, { "$
|
|
4487
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-300 -208)", children: [jsx("path", { d: "M370,5.015l1.763,3.568,3.936.571-2.848,2.773.673,3.919L370,13.995l-3.524,1.851.673-3.919L364.3,9.154l3.936-.571L370,5.015M370,.5l-3.09,6.254-6.91,1,5,4.869L363.82,19.5,370,16.254l6.18,3.246L375,12.626l5-4.869-6.91-1L370,.5Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(300 208)", width: "20" })] }) }) }));
|
|
4653
4488
|
}
|
|
4654
4489
|
|
|
4655
4490
|
function FilledArrow({ color, size, ...nativeProps }) {
|
|
4656
|
-
return (jsx(IconBox, { "$
|
|
4491
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -41)", children: [jsx("path", { d: "M-313,43V59l8-8Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 41)", width: "20" })] }) }) }));
|
|
4657
4492
|
}
|
|
4658
4493
|
|
|
4659
4494
|
function Filter({ color, size, ...nativeProps }) {
|
|
4660
|
-
return (jsx(IconBox, { "$
|
|
4495
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-930 -294)", children: [jsx("path", { d: "M2,2V4l5,7.592V18h6V11.592L18,4h0V2Zm9,9v5H9V11H9L4.394,4H15.606Z", fill: "currentColor", transform: "translate(930 294)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(930 294)", width: "20" })] }) }) }));
|
|
4661
4496
|
}
|
|
4662
4497
|
|
|
4663
4498
|
function FilterBis({ color, size, ...nativeProps }) {
|
|
4664
|
-
return (jsx(IconBox, { "$
|
|
4499
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("g", { children: jsx("rect", { fill: "none", height: "20", width: "20" }) }), jsxs("g", { children: [jsx("path", { d: "M18,3.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18ZM6.5,5.5a1,1,0,1,1,1-1A1,1,0,0,1,6.5,5.5Z", fill: "currentColor" }), jsx("path", { d: "M18,9H15.789a2.5,2.5,0,0,0-4.578,0H2v2h9.211a2.5,2.5,0,0,0,4.578,0H18Zm-4.5,2a1,1,0,1,1,1-1A1,1,0,0,1,13.5,11Z", fill: "currentColor" }), jsx("path", { d: "M18,14.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18Zm-11.5,2a1,1,0,1,1,1-1A1,1,0,0,1,6.5,16.5Z", fill: "currentColor" })] })] }) }));
|
|
4665
4500
|
}
|
|
4666
4501
|
|
|
4667
4502
|
function Fishery({ color, size, ...nativeProps }) {
|
|
4668
|
-
return (jsx(IconBox, { "$
|
|
4503
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsx("g", { children: jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(-67 49.5)" }) }), jsx("path", { d: "M-70.092,59a1.713,1.713,0,0,1-.533-.07c-.865-.292-.854-1.258-.846-1.964,0-.141,0-.344,0-.494a18.923,18.923,0,0,1-3.218-2.157l-2.7,2.621a1.682,1.682,0,0,1-2.146-.378,2.072,2.072,0,0,1-.34-2.007l1.225-3.545-1.228-3.555a2.06,2.06,0,0,1,.338-1.99,1.68,1.68,0,0,1,2.152-.384l.174.134L-74.69,47.7a19,19,0,0,1,3.214-2.171c.008-.149.006-.352,0-.492-.008-.706-.019-1.673.844-1.965,1.093-.37,4.183.766,5.6,1.454l.091.045c2.717,1.3,4.323,3.052,4.771,5.193A4.455,4.455,0,0,1-60,51h0a4.7,4.7,0,0,1-.184,1.3c-.433,2.078-2.039,3.825-4.757,5.129l-.09.045A14.905,14.905,0,0,1-70.092,59Zm-4.626-6.671a1.261,1.261,0,0,1,.885.359,17.173,17.173,0,0,0,3.482,2.355c.714.425.7,1.231.7,1.941,0,.064,0,.141,0,.22a16.9,16.9,0,0,0,3.812-1.322l.1-.048c.815-.392,3.295-1.583,3.792-3.953a3.177,3.177,0,0,0,.131-.88,2.962,2.962,0,0,0-.115-.816c-.513-2.434-2.993-3.625-3.808-4.016l-.1-.049a16.147,16.147,0,0,0-3.814-1.305c0,.073,0,.144,0,.2.007.713.016,1.521-.649,1.914a17.441,17.441,0,0,0-3.559,2.416,1.19,1.19,0,0,1-.8.335,1.264,1.264,0,0,1-.9-.32l-2.616-2.577a.3.3,0,0,0,.018.084l1.429,4.136-1.425,4.126a.34.34,0,0,0-.021.092l2.573-2.537A1.271,1.271,0,0,1-74.718,52.329Zm-.339-4.316a.543.543,0,0,0-.081.072Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
|
|
4669
4504
|
}
|
|
4670
4505
|
|
|
4671
4506
|
function FishingEngine({ color, size, ...nativeProps }) {
|
|
4672
|
-
return (jsx(IconBox, { "$
|
|
4507
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -41)", children: [jsx("path", { d: "M11,53h2v1a3,3,0,0,1-6,0V47.789a2.5,2.5,0,1,0-2,0V54a5,5,0,0,0,10,0V48ZM6,46.5a1,1,0,1,1,1-1A1,1,0,0,1,6,46.5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 41)", width: "20" })] }) }) }));
|
|
4673
4508
|
}
|
|
4674
4509
|
|
|
4675
4510
|
function FleetSegment({ color, size, ...nativeProps }) {
|
|
4676
|
-
return (jsx(IconBox, { "$
|
|
4511
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-262,92l-2-.5V88a2,2,0,0,0-2-2h-2V84h-4v2h-2a2,2,0,0,0-2,2v3.5l-2,.5,1.5,6H-278v2h1.6a5.963,5.963,0,0,0,3.2-.99,5.776,5.776,0,0,0,6.4,0,5.879,5.879,0,0,0,3.2.99h1.6V98h-1.5Zm-12-4h8v3l-4-1-4,1Zm.8,8.68a5.751,5.751,0,0,1-1.35.875l-1.025-4.1L-270,92.062l5.575,1.393-1.025,4.1a5.751,5.751,0,0,1-1.35-.875A4.633,4.633,0,0,1-273.2,96.68Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
|
|
4677
4512
|
}
|
|
4678
4513
|
|
|
4679
4514
|
function Focus({ color, size, ...nativeProps }) {
|
|
4680
|
-
return (jsx(IconBox, { "$
|
|
4515
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-319,83v7h2V85h5V83Z", stroke: "none" }), jsx("path", { d: "M -319 83 L -312 83 L -312 85 L -317 85 L -317 90 L -319 90 L -319 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-317,94h-2v7h7V99h-5Z", stroke: "none" }), jsx("path", { d: "M -319 94 L -317 94 L -317 99 L -312 99 L -312 101 L -319 101 L -319 94 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-308,83v2h5v5h2V83Z", stroke: "none" }), jsx("path", { d: "M -308 83 L -301 83 L -301 90 L -303 90 L -303 85 L -308 85 L -308 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-303,99h-5v2h7V94h-2Z", stroke: "none" }), jsx("path", { d: "M -301 101 L -308 101 L -308 99 L -303 99 L -303 94 L -301 94 L -301 101 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 82)", width: "20" })] }) }) }));
|
|
4681
4516
|
}
|
|
4682
4517
|
|
|
4683
4518
|
function FocusVessel({ color, size, ...nativeProps }) {
|
|
4684
|
-
return (jsx(IconBox, { "$
|
|
4519
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M8.666,14.994a.138.138,0,0,1-.054-.034.142.142,0,0,1-.04-.081l-.4-3.05-3.05-.4a.139.139,0,0,1-.114-.094.137.137,0,0,1,.033-.144L9.3,6.934A.139.139,0,0,1,9.351,6.9l5.463-1.893a.14.14,0,0,1,.178.178L13.1,10.649a.139.139,0,0,1-.033.053L8.809,14.959a.141.141,0,0,1-.1.041A.161.161,0,0,1,8.666,14.994Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
|
|
4685
4520
|
}
|
|
4686
4521
|
|
|
4687
4522
|
function FocusZones({ color, size, ...nativeProps }) {
|
|
4688
|
-
return (jsx(IconBox, { "$
|
|
4523
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsx("path", { d: "M10,5.333A7.524,7.524,0,0,0,3,10a7.583,7.583,0,0,0,14,0A7.524,7.524,0,0,0,10,5.333Zm0,7.778A3.111,3.111,0,1,1,13.111,10,3.111,3.111,0,0,1,10,13.111Z", fill: "currentColor" }), jsx("circle", { cx: "1.75", cy: "1.75", fill: "currentColor", r: "1.75", transform: "translate(8.25 8.25)" })] }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
|
|
4689
4524
|
}
|
|
4690
4525
|
|
|
4691
4526
|
function Hide({ color, size, ...nativeProps }) {
|
|
4692
|
-
return (jsx(IconBox, { "$
|
|
4527
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M15.635,5.779l2.143-2.143L16.364,2.222l-2.55,2.55A9.786,9.786,0,0,0,10,4a9.674,9.674,0,0,0-9,6,9.532,9.532,0,0,0,3.365,4.22L2.222,16.364l1.414,1.414,2.55-2.55A9.786,9.786,0,0,0,10,16a9.674,9.674,0,0,0,9-6A9.541,9.541,0,0,0,15.635,5.779ZM6,10a4,4,0,0,1,4-4,3.96,3.96,0,0,1,2.02.566L10.71,7.875A2.225,2.225,0,0,0,10,7.75,2.25,2.25,0,0,0,7.75,10a2.225,2.225,0,0,0,.125.71L6.566,12.02A3.96,3.96,0,0,1,6,10Zm4,4a3.96,3.96,0,0,1-2.02-.566l1.31-1.309a2.225,2.225,0,0,0,.71.125A2.25,2.25,0,0,0,12.25,10a2.225,2.225,0,0,0-.125-.71l1.309-1.31A3.96,3.96,0,0,1,14,10,4,4,0,0,1,10,14Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4693
4528
|
}
|
|
4694
4529
|
|
|
4695
4530
|
function Info({ color, size, ...nativeProps }) {
|
|
4696
|
-
return (jsx(IconBox, { "$
|
|
4531
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,99Z", stroke: "none" }), jsx("path", { d: "M -230 83 C -225.0290069580078 83 -221 87.02899932861328 -221 92 C -221 96.97100067138672 -225.0290069580078 101 -230 101 C -234.9709930419922 101 -239 96.97100067138672 -239 92 C -239 87.02899932861328 -234.9709930419922 83 -230 83 Z M -230 99 C -226.1340026855469 99 -223 95.86599731445313 -223 92 C -223 88.13400268554688 -226.1340026855469 85 -230 85 C -233.8659973144531 85 -237 88.13400268554688 -237 92 C -237 95.86599731445313 -233.8659973144531 99 -230 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 91)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 88)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
|
|
4697
4532
|
}
|
|
4698
4533
|
|
|
4699
4534
|
function Infringement({ color, size, ...nativeProps }) {
|
|
4700
|
-
return (jsx(IconBox, { "$
|
|
4535
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsx("path", { d: "M-30,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-30,42Zm7,9a6.962,6.962,0,0,1-1.4,4.186L-34.186,45.4A6.962,6.962,0,0,1-30,44,7,7,0,0,1-23,51Zm-14,0a6.962,6.962,0,0,1,1.4-4.186l9.787,9.787A6.962,6.962,0,0,1-30,58,7,7,0,0,1-37,51Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
|
|
4701
4536
|
}
|
|
4702
4537
|
|
|
4703
4538
|
function Landmark({ color, size, ...nativeProps }) {
|
|
4704
|
-
return (jsx(IconBox, { "$
|
|
4539
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("rect", { fill: "currentColor", height: "15", transform: "translate(-114 99) rotate(180)", width: "2" }), jsx("path", { d: "M-113,84V94l12-5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
|
|
4705
4540
|
}
|
|
4706
4541
|
|
|
4707
4542
|
function List({ color, size, ...nativeProps }) {
|
|
4708
|
-
return (jsx(IconBox, { "$
|
|
4543
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 45) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 50) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 55) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 44.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 49.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 54.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
|
|
4709
4544
|
}
|
|
4710
4545
|
|
|
4711
4546
|
function MapLayers({ color, size, ...nativeProps }) {
|
|
4712
|
-
return (jsx(IconBox, { "$
|
|
4547
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M10,2.332,16.113,6,10,9.668,3.887,6,10,2.332M10,0,0,6l10,6L20,6,10,0Z", fill: "currentColor" }), jsx("path", { d: "M1.913,8.815,0,10l10,6,10-6L18.056,8.834,10,13.668Z", fill: "currentColor" }), jsx("path", { d: "M1.913,12.815,0,14l10,6,10-6-1.944-1.166L10,17.668Z", fill: "currentColor" })] })] }) }));
|
|
4713
4548
|
}
|
|
4714
4549
|
|
|
4715
4550
|
function MeasureAngle({ color, size, ...nativeProps }) {
|
|
4716
|
-
return (jsx(IconBox, { "$
|
|
4551
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsx("path", { d: "M-183.361,98a14.79,14.79,0,0,0-.559-2.434l-1.9.618A12.726,12.726,0,0,1-185.394,98H-196V87.514a12.554,12.554,0,0,1,2.139.507l.649-1.893A14.771,14.771,0,0,0-196,85.471V84h-2v16h16V98Z", fill: "currentColor" }), jsx("path", { d: "M-186.509,94.491l1.795-.883a14.792,14.792,0,0,0-2.029-3.081l-1.52,1.3A12.726,12.726,0,0,1-186.509,94.491Z", fill: "currentColor" }), jsx("path", { d: "M-188.223,89.024a14.915,14.915,0,0,0-3.048-2.073l-.911,1.781a12.857,12.857,0,0,1,2.638,1.794Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
|
|
4717
4552
|
}
|
|
4718
4553
|
|
|
4719
4554
|
function MeasureBrokenLine({ color, size, ...nativeProps }) {
|
|
4720
|
-
return (jsx(IconBox, { "$
|
|
4555
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsx("path", { d: "M-222.5,87a2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-227,93.071a1.974,1.974,0,0,0-.5-.071,1.974,1.974,0,0,0-.5.071l-2.691-3.229A1.978,1.978,0,0,0-230.5,89a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-237,93.071a1.974,1.974,0,0,0-.5-.071,2,2,0,0,0-2,2,2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-233,90.929a1.974,1.974,0,0,0,.5.071,1.974,1.974,0,0,0,.5-.071l2.691,3.229A1.978,1.978,0,0,0-229.5,95a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-223,90.929a1.974,1.974,0,0,0,.5.071,2,2,0,0,0,2-2A2,2,0,0,0-222.5,87Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
|
|
4721
4556
|
}
|
|
4722
4557
|
|
|
4723
4558
|
function MeasureCircle({ color, size, ...nativeProps }) {
|
|
4724
|
-
return (jsx(IconBox, { "$
|
|
4559
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsx("path", { d: "M-150,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-150,83Zm0,16a7.008,7.008,0,0,1-7-7,7.008,7.008,0,0,1,7-7,6.953,6.953,0,0,1,4.184,1.4l-1.43,1.43A4.964,4.964,0,0,0-150,87a5,5,0,0,0-5,5,5,5,0,0,0,5,5,5,5,0,0,0,5-5,4.964,4.964,0,0,0-.832-2.754l1.43-1.43A6.953,6.953,0,0,1-143,92,7.008,7.008,0,0,1-150,99Zm3-7a3,3,0,0,1-3,3,3,3,0,0,1-3-3,3,3,0,0,1,3-3,2.965,2.965,0,0,1,1.285.3l-1.992,1.992,1.414,1.414,1.992-1.992A2.965,2.965,0,0,1-147,92Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
|
|
4725
4560
|
}
|
|
4726
4561
|
|
|
4727
4562
|
function MeasureLine({ color, size, ...nativeProps }) {
|
|
4728
|
-
return (jsx(IconBox, { "$
|
|
4563
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-260,87h-20V97h20Zm-1.818,8.333h-16.363V88.667h1.818V92h1.818V88.667h1.818V92h1.818V88.667h1.819V92h1.818V88.667h1.818V92h1.819V88.667h1.818Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
|
|
4729
4564
|
}
|
|
4730
4565
|
|
|
4731
4566
|
function Minus({ color, size, ...nativeProps }) {
|
|
4732
|
-
return (jsx(IconBox, { "$
|
|
4567
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "currentColor", height: "14", transform: "translate(3 11) rotate(-90)", width: "2" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4733
4568
|
}
|
|
4734
4569
|
|
|
4735
4570
|
function More({ color, size, ...nativeProps }) {
|
|
4736
|
-
return (jsx(IconBox, { "$
|
|
4571
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-232 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-239 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-225 49)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
|
|
4737
4572
|
}
|
|
4738
4573
|
|
|
4739
4574
|
function Note({ color, size, ...nativeProps }) {
|
|
4740
|
-
return (jsx(IconBox, { "$
|
|
4575
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M2,2V18H12l6-6V2ZM4,16V4H16v6H10v6Zm8-.828V12h3.172Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4741
4576
|
}
|
|
4742
4577
|
|
|
4743
4578
|
function Observation({ color, size, ...nativeProps }) {
|
|
4744
|
-
return (jsx(IconBox, { "$
|
|
4579
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { fill: "currentColor", strokeMiterlimit: "10", children: [jsx("path", { d: "M 15.5 17 C 13.57009029388428 17 12 15.42990970611572 12 13.5 L 12 12.11200046539307 L 12 11.31332969665527 L 11.22109985351563 11.13675022125244 C 10.82866764068604 11.0477819442749 10.42606067657471 11.0018138885498 10.02403163909912 11.0000524520874 C 10.30024242401123 11.00124073028564 10.57746124267578 11.0228853225708 10.8484001159668 11.06443977355957 L 12 11.24106979370117 L 12 10.07600021362305 L 12 9.093000411987305 L 12 8.244170188903809 L 11.16244983673096 8.106280326843262 C 10.85622978210449 8.055870056152344 10.44736003875732 7.998000144958496 10 7.998000144958496 C 9.552639961242676 7.998000144958496 9.143770217895508 8.055870056152344 8.837550163269043 8.106280326843262 L 8 8.244170188903809 L 8 9.093000411987305 L 8 10.07699966430664 L 8 11.2455997467041 L 9.154560089111328 11.06497955322266 C 9.42243480682373 11.02307319641113 9.698649406433105 11.00124740600586 9.975924491882324 11.0000524520874 C 9.573919296264648 11.0018196105957 9.171308517456055 11.0477876663208 8.778900146484375 11.13675022125244 L 8 11.31332969665527 L 8 12.11200046539307 L 8 13.5 C 8 15.42990970611572 6.429910182952881 17 4.5 17 C 2.570090055465698 17 1 15.42990970611572 1 13.5 C 1 13.03215980529785 1.091449975967407 12.57750988006592 1.27180004119873 12.1486701965332 L 1.28702437877655 12.11246967315674 L 5.101890087127686 3.952510118484497 L 5.178922653198242 3.78773832321167 C 5.439716339111328 3.304912328720093 5.943906784057617 3 6.5 3 C 7.327099800109863 3 8 3.672899961471558 8 4.5 L 8 5.061999797821045 L 8 6.183760166168213 L 9.114399909973145 6.055439949035645 C 9.454680442810059 6.016250133514404 9.736089706420898 5.998000144958496 10 5.998000144958496 C 10.26076984405518 5.998000144958496 10.54312038421631 6.016039848327637 10.88858032226563 6.054769992828369 L 12 6.179389953613281 L 12 5.060999870300293 L 12 4.5 C 12 3.672899961471558 12.67290019989014 3 13.5 3 C 14.06018733978271 3 14.56766128540039 3.309339284896851 14.82675552368164 3.798352241516113 L 14.89809036254883 3.952470064163208 L 18.64599990844727 11.97018814086914 L 18.64599990844727 11.98406982421875 L 18.72974967956543 12.15236186981201 C 18.90907287597656 12.58011913299561 19 13.03350162506104 19 13.5 C 19 15.42990970611572 17.42991065979004 17 15.5 17 Z M 15.5 10.25 C 13.70794010162354 10.25 12.25 11.70794010162354 12.25 13.5 C 12.25 15.29205989837646 13.70794010162354 16.75 15.5 16.75 C 17.29206085205078 16.75 18.75 15.29205989837646 18.75 13.5 C 18.75 11.70794010162354 17.29206085205078 10.25 15.5 10.25 Z M 4.5 10.25 C 2.707940101623535 10.25 1.25 11.70794010162354 1.25 13.5 C 1.25 15.29205989837646 2.707940101623535 16.75 4.5 16.75 C 6.292059898376465 16.75 7.75 15.29205989837646 7.75 13.5 C 7.75 11.70794010162354 6.292059898376465 10.25 4.5 10.25 Z", stroke: "none" }), jsx("path", { d: "M 13 10.06495571136475 C 13.70204067230225 9.552577972412109 14.56627750396729 9.25 15.5 9.25 C 15.77562522888184 9.25 16.04530715942383 9.276392936706543 16.30645370483398 9.326748847961426 L 13.9340877532959 4.251050472259521 C 13.86002540588379 4.125204086303711 13.71336269378662 4 13.5 4 C 13.22430038452148 4 13 4.224299907684326 13 4.5 L 13 7.297770023345947 L 11.10828113555908 7.085675716400146 C 11.18476295471191 7.096925735473633 11.25709533691406 7.108408451080322 11.32489013671875 7.119569778442383 L 13 7.395349979400635 L 13 10.06495571136475 M 7 10.06495571136475 L 7 7.395349979400635 L 8.67510986328125 7.119569778442383 C 8.725531578063965 7.111268520355225 8.778477668762207 7.102787971496582 8.833767890930176 7.094357490539551 L 7 7.305520057678223 L 7 4.5 C 7 4.224299907684326 6.775700092315674 4 6.5 4 C 6.287984848022461 4 6.141829490661621 4.123627662658691 6.067324161529541 4.248665809631348 L 3.69323992729187 9.326807975769043 C 3.954513072967529 9.276401519775391 4.224231719970703 9.25 4.5 9.25 C 5.433722496032715 9.25 6.297959804534912 9.552577972412109 7 10.06495571136475 M 15.5 18 C 13.01500034332275 18 11 15.98499965667725 11 13.5 L 11 12.11200046539307 C 10.67800045013428 12.03899955749512 10.3430004119873 12 10 12 C 9.656000137329102 12 9.321999549865723 12.03899955749512 9 12.11200046539307 L 9 13.5 C 9 15.98499965667725 6.985000133514404 18 4.5 18 C 2.015000104904175 18 0 15.98499965667725 0 13.5 C 0 12.88300037384033 0.125 12.29599952697754 0.3499999940395355 11.76099967956543 L 0.3479999899864197 11.76099967956543 L 0.3540000021457672 11.74699974060059 L 4.196000099182129 3.526999950408936 C 4.576000213623047 2.630000114440918 5.464000225067139 2 6.5 2 C 7.88100004196167 2 9 3.11899995803833 9 4.5 L 9 5.061999797821045 C 9.329999923706055 5.02400016784668 9.661999702453613 4.998000144958496 10 4.998000144958496 C 10.33800029754639 4.998000144958496 10.67000007629395 5.02400016784668 11 5.060999870300293 L 11 4.5 C 11 3.11899995803833 12.11900043487549 2 13.5 2 C 14.53600025177002 2 15.42399978637695 2.630000114440918 15.80399990081787 3.526999950408936 L 15.80399990081787 3.529000043869019 L 19.65200042724609 11.76099967956543 L 19.64999961853027 11.76099967956543 C 19.875 12.29599952697754 20 12.88300037384033 20 13.5 C 20 15.98499965667725 17.98500061035156 18 15.5 18 Z M 15.5 11.25 C 14.25899982452393 11.25 13.25 12.25899982452393 13.25 13.5 C 13.25 14.74100017547607 14.25899982452393 15.75 15.5 15.75 C 16.74099922180176 15.75 17.75 14.74100017547607 17.75 13.5 C 17.75 12.25899982452393 16.74099922180176 11.25 15.5 11.25 Z M 4.5 11.25 C 3.259000062942505 11.25 2.25 12.25899982452393 2.25 13.5 C 2.25 14.74100017547607 3.259000062942505 15.75 4.5 15.75 C 5.741000175476074 15.75 6.75 14.74100017547607 6.75 13.5 C 6.75 12.25899982452393 5.741000175476074 11.25 4.5 11.25 Z M 10 8.998000144958496 C 9.659999847412109 8.998000144958496 9.328000068664551 9.038999557495117 9 9.093000411987305 L 9 10.07699966430664 C 9.326000213623047 10.02600002288818 9.659999847412109 10 10 10 C 10.34000015258789 10 10.67399978637695 10.02600002288818 11 10.07600021362305 L 11 9.093000411987305 C 10.67199993133545 9.038999557495117 10.34000015258789 8.998000144958496 10 8.998000144958496 Z", fill: "currentColor", stroke: "none" })] })] }) }));
|
|
4745
4580
|
}
|
|
4746
4581
|
|
|
4747
4582
|
function Pin({ color, size, ...nativeProps }) {
|
|
4748
|
-
return (jsx(IconBox, { "$
|
|
4583
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-240)", children: [jsx("path", { d: "M250.94,2l-1.412,1.412.706.707L246.7,7.65h-2.824l-1.412,1.413,3.518,3.52-3.985,4L243.413,18l3.985-4,3.54,3.542,1.413-1.412V13.3l3.531-3.531.706.706L258,9.064Zm0,9.888v2.825l-5.648-5.651h2.824l3.531-3.531,2.824,2.825Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(240)", width: "20" })] }) }) }));
|
|
4749
4584
|
}
|
|
4750
4585
|
|
|
4751
4586
|
function Pinpoint({ color, size, ...nativeProps }) {
|
|
4752
|
-
return (jsx(IconBox, { "$
|
|
4587
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M164,8c0,5,6,10,6,10", fill: "currentColor" }), jsx("path", { d: "M170,2a5.961,5.961,0,0,0-5.944,6.777c.016.135.038.27.062.4l.011.055C164.964,13.792,170,18,170,18s5.036-4.208,5.871-8.763l.011-.055c.024-.135.046-.27.062-.4A5.961,5.961,0,0,0,170,2Zm0,9a3,3,0,1,1,3-3A3,3,0,0,1,170,11Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
|
|
4753
4588
|
}
|
|
4754
4589
|
|
|
4755
4590
|
function PinpointHide({ color, size, ...nativeProps }) {
|
|
4756
|
-
return (jsx(IconBox, { "$
|
|
4591
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-8.128 -10.447)", children: [jsx("rect", { fill: "none", height: "20", transform: "translate(8.128 10.447)", width: "20" }), jsx("path", { d: "M24.88,13.109l-1.415-1.414L21.6,13.56a5.976,5.976,0,0,0-9.416,5.663c.016.136.038.27.061.405l.012.056a9.7,9.7,0,0,0,.811,2.408l-2.139,2.14,1.414,1.414L14.1,23.893a23.842,23.842,0,0,0,4.032,4.554S23.163,24.239,24,19.684l.011-.056c.024-.135.046-.269.062-.405a5.87,5.87,0,0,0-1.057-4.249Zm-9.752,5.338a2.982,2.982,0,0,1,4.286-2.7l-3.986,3.986A2.969,2.969,0,0,1,15.128,18.447Zm6,0a3,3,0,0,1-3,3,2.965,2.965,0,0,1-1.286-.3l3.986-3.986A2.983,2.983,0,0,1,21.128,18.447Z", fill: "currentColor" })] }) }) }));
|
|
4757
4592
|
}
|
|
4758
4593
|
|
|
4759
4594
|
function Plane({ color, size, ...nativeProps }) {
|
|
4760
|
-
return (jsx(IconBox, { "$
|
|
4595
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,13.6V11.8L11.342,7.3V2.35a1.342,1.342,0,1,0-2.684,0V7.3L1.5,11.8v1.8l7.158-2.25V16.3l-1.79,1.35V19L10,18.1l3.132.9V17.65l-1.79-1.35V11.35Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4761
4596
|
}
|
|
4762
4597
|
|
|
4763
4598
|
function Plus({ color, size, ...nativeProps }) {
|
|
4764
|
-
return (jsx(IconBox, { "$
|
|
4599
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("path", { d: "M-102,91h-7V84h-2v7h-7v2h7v7h2V93h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
|
|
4765
4600
|
}
|
|
4766
4601
|
|
|
4767
4602
|
function Reject({ color, size, ...nativeProps }) {
|
|
4768
|
-
return (jsx(IconBox, { "$
|
|
4603
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M90,1a9,9,0,1,0,9,9A9,9,0,0,0,90,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,90,17Z", fill: "currentColor" }), jsx("path", { d: "M94,7.455,92.545,6,90,8.545,87.455,6,86,7.455,88.545,10,86,12.545,87.455,14,90,11.455,92.545,14,94,12.545,91.455,10Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
|
|
4769
4604
|
}
|
|
4770
4605
|
|
|
4771
4606
|
function Save({ color, size, ...nativeProps }) {
|
|
4772
|
-
return (jsx(IconBox, { "$
|
|
4607
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M14.444,2H2V18H18V5.556ZM10,16.222a2.667,2.667,0,1,1,2.667-2.667h0a2.663,2.663,0,0,1-2.659,2.667Zm2.667-8.889H3.778V3.778h8.889Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
|
|
4773
4608
|
}
|
|
4774
4609
|
|
|
4775
4610
|
function Search({ color, size, ...nativeProps }) {
|
|
4776
|
-
return (jsx(IconBox, { "$
|
|
4611
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -41)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-181.262,58.262l-5.111-5.111A6.958,6.958,0,0,0-185,49a7,7,0,0,0-7-7,7,7,0,0,0-7,7,7,7,0,0,0,7,7,6.958,6.958,0,0,0,4.151-1.373l5.111,5.111ZM-197,49a5.006,5.006,0,0,1,5-5,5.006,5.006,0,0,1,5,5,5.006,5.006,0,0,1-5,5A5.006,5.006,0,0,1-197,49Z", stroke: "none" }), jsx("path", { d: "M -182.7380065917969 59.73799896240234 L -187.8489990234375 54.62699890136719 C -189.0110015869141 55.48600006103516 -190.4440002441406 56 -192 56 C -195.8659973144531 56 -199 52.86600112915039 -199 49 C -199 45.13399887084961 -195.8659973144531 42 -192 42 C -188.1340026855469 42 -185 45.13399887084961 -185 49 C -185 50.55599975585938 -185.5140075683594 51.98899841308594 -186.3730010986328 53.1510009765625 L -181.2619934082031 58.26200103759766 L -182.7380065917969 59.73799896240234 Z M -192 44 C -194.7570037841797 44 -197 46.24300003051758 -197 49 C -197 51.75699996948242 -194.7570037841797 54 -192 54 C -189.2429962158203 54 -187 51.75699996948242 -187 49 C -187 46.24300003051758 -189.2429962158203 44 -192 44 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 41)", width: "20" })] }) }) }));
|
|
4777
4612
|
}
|
|
4778
4613
|
|
|
4779
4614
|
function SelectCircle({ color, size, ...nativeProps }) {
|
|
4780
|
-
return (jsx(IconBox, { "$size": size, color: color, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsx("path", { d: "M10,0H8.35l-.007,0h-.08l-.012,0H8.142l-.007,0h0l-.012,0H8.094l-.013,0h0l-.008,0H8.065l-.008,0h0l-.014,0h0l-.013,0H8.017L8,.2H8L7.989.2h0L7.98.2h0l-.013,0h0l-.014,0h0l-.008,0H7.936l-.009,0h0l-.014,0h0L7.9.22H7.9l-.008,0h0l-.013,0h0L7.86.23h0l-.024,0h0l-.014,0h0L7.8.243h0l-.014,0h0L7.707.264h0l-.014,0h0A9.947,9.947,0,0,0,5.2,1.222l.961,1.755A8,8,0,0,1,10,2V0ZM3.558,2.351c-.2.172-.4.353-.592.541h0l-.021.021h0l0,0h0l-.015.015h0l-.005,0h0l-.02.02h0l-.005.005h0l-.016.016h0l0,0h0L2.856,3h0l-.005,0v0l0,0h0L2.83,3.03h0l0,0v0l-.014.014h0l0,0h0l0,0h0l-.009.01h0l0,0,0,0,0,0h0L2.762,3.1v0l0,0,0,0-.013.014,0,0,0,0,0,0,0,0,0,0-.007.008h0l0,0,0,0,0,0h0L2.7,3.17l0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0-.007.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0L2.484,3.4v0l-.006.006,0,0,0,0,0,0,0,0v0l-.006.006,0,0,0,.005,0,0,0,0,0,0-.006.007h0l0,.007h0l0,.005,0,0,0,.006h0l-.006.007h0l0,.006v0l0,.005h0l-.006.007h0l-.006.006v0l-.005,0v0l-.012.014h0l-.005.006h0l-.006.007h0l-.006.007h0l0,.006v0l0,.006h0l-.012.014h0l0,.006h0l-.012.014h0l0,.006v0l-.018.021h0l0,.007h0l-.012.015h0l-.006.006h0l-.011.015h0l0,.007h0L2.232,3.7h0l-.012.015h0l-.006.007h0L2.2,3.74h0l0,.007h0l-.018.023h0l-.018.023h0L2.153,3.8h0l-.018.022h0l-.018.023h0l-.024.031h0L2.075,3.9h0l-.018.023h0l-.023.031h0A9.981,9.981,0,0,0,.744,6.209h0l-.015.036h0l-.011.027h0L.707,6.3h0l-.014.036h0l-.011.028h0l0,.009h0L2.541,7.1A8.047,8.047,0,0,1,4.847,3.88L3.558,2.351ZM.144,8.3l-.016.1h0V8.4h0l0,.024v.065h0l0,.015h0v.007h0v.007h0l0,.031h0A9.867,9.867,0,0,0,0,9.677H0v.007H0v.031H0v.007H0v.007H0v.024H0v.007H0v.006H0V9.8H0v.023H0V9.87H0v.008H0v.03H0v.008H0V10H0v.072H0V10.1H0v.04H0v.041H0v.023H0v.008H0v.031H0v.039H0v.04H0V10.4h0v.031h0v.04h0v.031h0v.039h0v.039h0v.039h0v.022h0v.008h0v.022h0V10.7h0v.022h0v.008h0v.062h0V10.8h0v.022h0v.016h0v.015h0v.007h0v.007h0v.039h0v.022h0l0,.015v.024h0v.008h0v.022h0v.008h0v.024l0,.015h0v.014h0v.007h0l0,.015h0v.022h0v.008h0v.024l0,.015h0v.014h0l0,.015h0V11.2h0v.014h0v.015h0v.007h0v.007h0l0,.023v.008h0v.007h0l0,.016h0v.007h0v.007h0l0,.023h0v.006h0v.007h0l0,.015h0v.007h0v.007h0V11.4h0l0,.016h0v.006h0v.007h0l0,.015h0v.008h0v.007h0l0,.023h0v.007h0V11.5h0l0,.015h0v.015h0l0,.023h0v.007h0v.007h0l0,.023h0V11.6h0l0,.03h0l.012.069h0l.007.038h0l.005.031h0l.006.031h0l.007.038h0c.011.059.022.118.034.176h0a9.873,9.873,0,0,0,.331,1.217l1.893-.646A7.991,7.991,0,0,1,2,10a8.162,8.162,0,0,1,.115-1.364L.144,8.3Zm2.947,5.738L1.365,15.047h0l.015.025h0l.015.024h0l0,.008h0l.01.017h0l0,.008h0l.01.016h0l0,.007h0l0,.008h0l.005.008h0l0,.008v0l0,.006h0l.009.016v0l0,.006v0l0,.007h0l0,.007v0l0,.006v0l0,.006v0l0,.008h0l0,.006,0,0,0,.005v0l0,.008h0l0,.006v0l0,.005,0,0,0,.005v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,.005,0,0,0,0,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,0v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,.005,0,0,0,0v0l.006.009v0l0,.005,0,0,0,.005v0l.011.016,0,0,0,0v0l.011.016v0l0,0,0,0,0,0h0l.007.011h0l0,.005v0l0,.005h0l.011.017v0l0,.005h0l.011.017h0l0,.005v0l.012.018h0l0,.005h0l.016.024h0l0,.005h0l.013.018h0l0,.006h0l.016.023h0l0,.006h0l.013.018h0l0,.006h0l.017.024h0l.017.024h0l.017.024h0l.022.03h0l.018.024h0L2,15.995H2c.045.06.09.12.137.179h0q.081.1.165.2h0l.019.023h0l.043.052h0l.019.023h0L2.4,16.5h0l.025.028h0l.019.023h0l.044.051h0l.019.022h0l.019.022h0l0,0h0l.014.016h0l0,.005h0l.019.021h0l.005.005h0l.014.016h0l0,0,0,0,.014.015h0l.005.005v0l.019.02v0l0,0h0l.014.015v0l0,0h0l.014.015h0l.005,0h0l.014.015h0l0,.005h0l.005,0h0l.013.014,0,0,0,0v0l.014.014h0l0,.005,0,0,0,0h0l.008.009h0l0,0v0l0,0v0l.013.014,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.008.007,0,0,0,0,0,0,0,0,0,0L2.854,17v0l0,0,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.005.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.006.006,0,0,0,0,0,0,0,0,0,0,.006.005,0,0,0,0,0,0,0,0,0,0,.006.006h0l.005,0,0,0,0,0,0,0,.005,0h0l.006.006,0,0,0,0,0,0,0,0,0,0,.007.006h0l.005.005,0,0,0,0,0,0,.007.006h0l.006.006,0,0,.005,0,0,0,.006,0h0l.007.006h0l0,.005,0,0,0,0v0l.007.006h0l.005.005,0,0,0,0,0,0,.007,0h0l.006,0,0,0,0,0,0,0,.006.005h0l.006.006,0,0,0,0,0,0,0,.005h0l.007.006h0l.006,0h0l0,0h0l.007.006h0l.006.006,0,0,.005,0,0,0,.007,0h0l.007.006h0l.006,0h0l.006,0h0l.007.006h0l.007.005h0l.006,0h0l.014.012h0l.006.005v0L3.5,17.6h0L3.5,17.6h0l.006,0h0l.014.012h0l.006.005h0l.015.012h0l.007.006h0l.014.012h0l.006.006h0l.007.005h0l.015.013h0l.006.006h0l.014.012h0l.007.006h0l.022.018h0l.022.018h0l.007.006h0l.015.012h0l.007,0h0l.022.018h0l.023.018h0l.007,0h0l.015.012h0l.007.005h0l.022.018h0l.023.018h0l.03.024h0l.023.018h0l.024.018h0l.031.024h0a9.867,9.867,0,0,0,.9.616l1.033-1.713a8.066,8.066,0,0,1-2.784-2.82Zm4.226,3.5-.671,1.885a9.967,9.967,0,0,0,2.273.518h0l.046.005h0l.04,0H9.02l.026,0h.02l.027,0h.021l.019,0h.022l.025,0h.029l.018,0H9.25l.018,0h1.194a10.415,10.415,0,0,0,1.112-.113L11.262,17.9a8.055,8.055,0,0,1-3.945-.362Zm8.736-2.308A8.04,8.04,0,0,1,12.8,17.5l.7,1.874c.1-.04.209-.081.313-.124h0l.036-.015h0l.027-.011h0l.026-.012h0l.008,0h0l.018-.007h0l.008,0h0l.007,0h0l.009,0h0l.008,0h0l.007,0h0L14,19.169h0l.007,0h0l.007,0h0l.008,0h0l.007,0h0l.006,0h0l.008,0h0l.007,0h0l.005,0h0l.005,0h0l.007,0,0,0,.006,0h0l0,0h0l.008,0h0l.006,0,0,0,.005,0h0l.006,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,.008,0,0,0,.005,0h0l0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0h0l0,0,0,0,.016-.008h0l0,0,0,0,0,0h0l.009,0h0l0,0,0,0,0,0h0l.01-.005h0l0,0,0,0,0,0h0L14.361,19h0l.006,0h0l.005,0h0l.012-.006h0l.006,0h0l.005,0h0l.018-.009h0l.006,0h0l.019-.01h0l.006,0h0l.006,0h0l.019-.009h0l.007,0h0l.02-.01h0l.007,0h0l.026-.013h0l.006,0h0l.02-.01h0l.006,0h0l.026-.014h0l.026-.014h0a10.018,10.018,0,0,0,1.446-.923h0l.1-.078h0l.006,0h0l.076-.061h0l.023-.019h0l.022-.018h0l0,0h0l.017-.013h0l0,0h0l.022-.018h0l0,0h0l.016-.013h0l0,0h0l.017-.014h0l.005,0h0l.006,0h0l.016-.013h0l0,0v0l.016-.013h0l.005-.005h0l.016-.013h0l0,0h0l0,0h0l.015-.013,0,0,0,0h0l.015-.013h0l0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0h0l.015-.013v0l.005,0,0,0,0,0h0l.009-.009h0l0,0,0,0,0,0,0,0,.01-.009h0l0,0,0,0,0,0,0,0,.014-.012,0,0,0,0,0,0,0,0,0,0,.007-.007,0,0,0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,.006-.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006-.006h0l0-.005,0,0,0,0,0,0,.006-.006h0l.005-.005,0,0,0,0,0,0,.005,0v0l.006-.006h0l.005,0,0,0,.005,0v0l.007-.006h0l.005,0,0,0,.005,0v0l.013-.012h0L17,17.143v0l.006-.006h0l.006-.007h0l.006-.005v0l.006-.005h0l.006-.006h0l.006-.006h0l.005-.005h0l.013-.013h0l.005-.006h0l.013-.013h0l.006-.007h0l.006-.006h0l.014-.014h0l.006-.005h0l.013-.014h0L17.137,17h0L17.144,17h0l.013-.013h0l.006-.006h0l.014-.013h0l.006-.006h0l.02-.02h0l.02-.02h0l.007-.006h0l.02-.021h0q.16-.168.313-.345l-1.512-1.309ZM18,10.1a8.007,8.007,0,0,1-1.026,3.821l1.742.983a10.02,10.02,0,0,0,.523-1.072h0l.023-.056h0l.006-.014h0l0-.014h0l0-.007h0l.006-.014h0l0-.007h0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.006h0l0-.006v0l0-.006h0l0-.005v0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.005h0l0-.006v-.007h0l0-.006v0l0-.006h0l0-.005v0l0-.006v0l0,0v0l0-.006v-.006l0,0v-.007l0-.005v0l0,0v0l0-.006v0l0,0v0l0-.005v-.007l0,0v-.006l0-.005V13.5l0,0v-.01l0-.005v0l0,0v0l0,0v0l0,0v0l0,0v0l0-.006v0l0,0h0l0-.006v0l0-.011v0l0-.006V13.4l0-.006v-.007l0-.007v0l0-.006v-.008l0-.006V13.35h0l0-.007v0l0-.007h0v-.006l0-.007h0l0,0v0l0-.006v0l0-.012v0l0-.007h0v-.006l0-.007h0l0-.013h0l0-.008h0v0h0l0-.007v0l0,0h0l0-.009h0l0-.013h0l0-.008h0V13.19h0l0-.008h0l.005-.013h0l0-.008h0v0h0l0-.009h0l0-.014h0l0-.013h0l.007-.023h0l.005-.013h0l0-.013h0l0-.009h0l0-.014h0c.014-.041.027-.083.039-.124h0c.026-.083.05-.167.073-.251h0l0-.014h0l0-.014h0l0-.01h0l.014-.051h0l.023-.09h0l.01-.037h0l.009-.037h0l0-.014h0l0-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.013h0l0-.014h0l0-.009h0v0h0l0-.01h0l0-.014h0l.009-.038h0l0-.014h0l.006-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.014h0l0-.014h0v-.008h0l0-.013v0l0-.013h0l0-.009h0v-.005h0l0-.009h0l0-.013v-.01h0v-.013h0l0-.014h0l0-.014h0v-.009h0v0h0v-.01l0-.013h0l0-.008h0v-.006l0-.007v0l0-.013v-.336h0v-.038h0v-.015h0v-.022h0v-.015h0v-.006h0v-.015h0v-.015h0v-.007h0v-.007h0V11.43h0v-.008h0l0-.014h0V11.4h0v-.007h0v-.008h0l0-.014h0l0-.015h0v-.008h0v-.008h0v-.008h0l0-.015h0l0-.024h0l0-.015h0l0-.039h0A10.3,10.3,0,0,0,20,10.13L18,10.1Zm-.267-6.446L16.186,4.927A7.989,7.989,0,0,1,17.862,8.51l1.965-.37a9.834,9.834,0,0,0-.545-1.867h0l-.011-.027h0l-.014-.036h0l-.015-.036h0l-.054-.126h0l-.011-.026h0l-.027-.062h0l-.015-.035h0L19.122,5.9h0l-.016-.036h0l-.012-.026h0l0-.008h0L19.077,5.8h0l-.012-.026h0l0-.008h0l-.008-.018h0l0-.008h0l-.012-.026h0l0-.009h0l-.012-.026h0L19,5.64h0l-.013-.026h0l0-.008h0l-.009-.018h0l0-.008h0l-.013-.026h0l-.013-.026h0l0-.008h0l-.013-.026h0l0-.008h0l-.009-.017h0l0-.008h0L18.9,5.431h0L18.88,5.4h0l-.014-.025h0l-.018-.035h0l-.013-.025h0l-.019-.034h0l-.032-.059h0l-.014-.026h0l-.019-.033h0l-.019-.033h0L18.718,5.1h0L18.7,5.064h0l-.014-.025h0c-.023-.039-.046-.078-.068-.117h0L18.6,4.889h0a10,10,0,0,0-.865-1.231ZM11.829.167l-.363,1.967A7.982,7.982,0,0,1,15.053,3.8l1.265-1.55a10,10,0,0,0-3.042-1.7h0l-.027-.01h0L13.22.53h0l-.009,0h0L13.183.517h0l-.009,0h0L13.155.508h0l-.008,0h0l-.009,0h0L13.118.5h0l-.008,0h0L13.089.486h0l-.007,0h0l-.008,0h0l-.009,0h0l-.008,0h0l-.007,0h0L13.024.465h0l-.007,0h0l-.007,0h0l-.009,0h0l-.008,0h0l-.007,0h0l-.009,0h0l-.009,0h0l-.007,0h0l-.007,0h0l-.009,0h0l-.007,0h-.012l-.006,0h0l-.008,0h0l-.005,0h0l-.005,0h0l-.009,0h0l-.006,0h-.012l-.006,0h0l-.008,0h0l-.006,0h-.012L12.8.4h0l-.005,0h0l-.005,0h-.013l-.007,0-.005,0h-.017l-.005,0-.006,0h-.013l-.005,0H12.7l-.012,0h0l-.005,0h-.012l-.01,0h-.019l-.005,0h0l-.012,0H12.61l-.006,0h0l-.012,0h-.018l-.019,0h-.018l-.02,0h-.01l-.02-.005h0l-.007,0h0l-.007,0h0L12.447.3h-.008L12.41.292h0l-.03-.007h0q-.273-.068-.55-.118Z", fill: "currentColor" })] }) }));
|
|
4615
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsx("path", { d: "M10,0H8.35l-.007,0h-.08l-.012,0H8.142l-.007,0h0l-.012,0H8.094l-.013,0h0l-.008,0H8.065l-.008,0h0l-.014,0h0l-.013,0H8.017L8,.2H8L7.989.2h0L7.98.2h0l-.013,0h0l-.014,0h0l-.008,0H7.936l-.009,0h0l-.014,0h0L7.9.22H7.9l-.008,0h0l-.013,0h0L7.86.23h0l-.024,0h0l-.014,0h0L7.8.243h0l-.014,0h0L7.707.264h0l-.014,0h0A9.947,9.947,0,0,0,5.2,1.222l.961,1.755A8,8,0,0,1,10,2V0ZM3.558,2.351c-.2.172-.4.353-.592.541h0l-.021.021h0l0,0h0l-.015.015h0l-.005,0h0l-.02.02h0l-.005.005h0l-.016.016h0l0,0h0L2.856,3h0l-.005,0v0l0,0h0L2.83,3.03h0l0,0v0l-.014.014h0l0,0h0l0,0h0l-.009.01h0l0,0,0,0,0,0h0L2.762,3.1v0l0,0,0,0-.013.014,0,0,0,0,0,0,0,0,0,0-.007.008h0l0,0,0,0,0,0h0L2.7,3.17l0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0-.007.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0L2.484,3.4v0l-.006.006,0,0,0,0,0,0,0,0v0l-.006.006,0,0,0,.005,0,0,0,0,0,0-.006.007h0l0,.007h0l0,.005,0,0,0,.006h0l-.006.007h0l0,.006v0l0,.005h0l-.006.007h0l-.006.006v0l-.005,0v0l-.012.014h0l-.005.006h0l-.006.007h0l-.006.007h0l0,.006v0l0,.006h0l-.012.014h0l0,.006h0l-.012.014h0l0,.006v0l-.018.021h0l0,.007h0l-.012.015h0l-.006.006h0l-.011.015h0l0,.007h0L2.232,3.7h0l-.012.015h0l-.006.007h0L2.2,3.74h0l0,.007h0l-.018.023h0l-.018.023h0L2.153,3.8h0l-.018.022h0l-.018.023h0l-.024.031h0L2.075,3.9h0l-.018.023h0l-.023.031h0A9.981,9.981,0,0,0,.744,6.209h0l-.015.036h0l-.011.027h0L.707,6.3h0l-.014.036h0l-.011.028h0l0,.009h0L2.541,7.1A8.047,8.047,0,0,1,4.847,3.88L3.558,2.351ZM.144,8.3l-.016.1h0V8.4h0l0,.024v.065h0l0,.015h0v.007h0v.007h0l0,.031h0A9.867,9.867,0,0,0,0,9.677H0v.007H0v.031H0v.007H0v.007H0v.024H0v.007H0v.006H0V9.8H0v.023H0V9.87H0v.008H0v.03H0v.008H0V10H0v.072H0V10.1H0v.04H0v.041H0v.023H0v.008H0v.031H0v.039H0v.04H0V10.4h0v.031h0v.04h0v.031h0v.039h0v.039h0v.039h0v.022h0v.008h0v.022h0V10.7h0v.022h0v.008h0v.062h0V10.8h0v.022h0v.016h0v.015h0v.007h0v.007h0v.039h0v.022h0l0,.015v.024h0v.008h0v.022h0v.008h0v.024l0,.015h0v.014h0v.007h0l0,.015h0v.022h0v.008h0v.024l0,.015h0v.014h0l0,.015h0V11.2h0v.014h0v.015h0v.007h0v.007h0l0,.023v.008h0v.007h0l0,.016h0v.007h0v.007h0l0,.023h0v.006h0v.007h0l0,.015h0v.007h0v.007h0V11.4h0l0,.016h0v.006h0v.007h0l0,.015h0v.008h0v.007h0l0,.023h0v.007h0V11.5h0l0,.015h0v.015h0l0,.023h0v.007h0v.007h0l0,.023h0V11.6h0l0,.03h0l.012.069h0l.007.038h0l.005.031h0l.006.031h0l.007.038h0c.011.059.022.118.034.176h0a9.873,9.873,0,0,0,.331,1.217l1.893-.646A7.991,7.991,0,0,1,2,10a8.162,8.162,0,0,1,.115-1.364L.144,8.3Zm2.947,5.738L1.365,15.047h0l.015.025h0l.015.024h0l0,.008h0l.01.017h0l0,.008h0l.01.016h0l0,.007h0l0,.008h0l.005.008h0l0,.008v0l0,.006h0l.009.016v0l0,.006v0l0,.007h0l0,.007v0l0,.006v0l0,.006v0l0,.008h0l0,.006,0,0,0,.005v0l0,.008h0l0,.006v0l0,.005,0,0,0,.005v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,.005,0,0,0,0,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,0v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,.005,0,0,0,0v0l.006.009v0l0,.005,0,0,0,.005v0l.011.016,0,0,0,0v0l.011.016v0l0,0,0,0,0,0h0l.007.011h0l0,.005v0l0,.005h0l.011.017v0l0,.005h0l.011.017h0l0,.005v0l.012.018h0l0,.005h0l.016.024h0l0,.005h0l.013.018h0l0,.006h0l.016.023h0l0,.006h0l.013.018h0l0,.006h0l.017.024h0l.017.024h0l.017.024h0l.022.03h0l.018.024h0L2,15.995H2c.045.06.09.12.137.179h0q.081.1.165.2h0l.019.023h0l.043.052h0l.019.023h0L2.4,16.5h0l.025.028h0l.019.023h0l.044.051h0l.019.022h0l.019.022h0l0,0h0l.014.016h0l0,.005h0l.019.021h0l.005.005h0l.014.016h0l0,0,0,0,.014.015h0l.005.005v0l.019.02v0l0,0h0l.014.015v0l0,0h0l.014.015h0l.005,0h0l.014.015h0l0,.005h0l.005,0h0l.013.014,0,0,0,0v0l.014.014h0l0,.005,0,0,0,0h0l.008.009h0l0,0v0l0,0v0l.013.014,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.008.007,0,0,0,0,0,0,0,0,0,0L2.854,17v0l0,0,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.005.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.006.006,0,0,0,0,0,0,0,0,0,0,.006.005,0,0,0,0,0,0,0,0,0,0,.006.006h0l.005,0,0,0,0,0,0,0,.005,0h0l.006.006,0,0,0,0,0,0,0,0,0,0,.007.006h0l.005.005,0,0,0,0,0,0,.007.006h0l.006.006,0,0,.005,0,0,0,.006,0h0l.007.006h0l0,.005,0,0,0,0v0l.007.006h0l.005.005,0,0,0,0,0,0,.007,0h0l.006,0,0,0,0,0,0,0,.006.005h0l.006.006,0,0,0,0,0,0,0,.005h0l.007.006h0l.006,0h0l0,0h0l.007.006h0l.006.006,0,0,.005,0,0,0,.007,0h0l.007.006h0l.006,0h0l.006,0h0l.007.006h0l.007.005h0l.006,0h0l.014.012h0l.006.005v0L3.5,17.6h0L3.5,17.6h0l.006,0h0l.014.012h0l.006.005h0l.015.012h0l.007.006h0l.014.012h0l.006.006h0l.007.005h0l.015.013h0l.006.006h0l.014.012h0l.007.006h0l.022.018h0l.022.018h0l.007.006h0l.015.012h0l.007,0h0l.022.018h0l.023.018h0l.007,0h0l.015.012h0l.007.005h0l.022.018h0l.023.018h0l.03.024h0l.023.018h0l.024.018h0l.031.024h0a9.867,9.867,0,0,0,.9.616l1.033-1.713a8.066,8.066,0,0,1-2.784-2.82Zm4.226,3.5-.671,1.885a9.967,9.967,0,0,0,2.273.518h0l.046.005h0l.04,0H9.02l.026,0h.02l.027,0h.021l.019,0h.022l.025,0h.029l.018,0H9.25l.018,0h1.194a10.415,10.415,0,0,0,1.112-.113L11.262,17.9a8.055,8.055,0,0,1-3.945-.362Zm8.736-2.308A8.04,8.04,0,0,1,12.8,17.5l.7,1.874c.1-.04.209-.081.313-.124h0l.036-.015h0l.027-.011h0l.026-.012h0l.008,0h0l.018-.007h0l.008,0h0l.007,0h0l.009,0h0l.008,0h0l.007,0h0L14,19.169h0l.007,0h0l.007,0h0l.008,0h0l.007,0h0l.006,0h0l.008,0h0l.007,0h0l.005,0h0l.005,0h0l.007,0,0,0,.006,0h0l0,0h0l.008,0h0l.006,0,0,0,.005,0h0l.006,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,.008,0,0,0,.005,0h0l0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0h0l0,0,0,0,.016-.008h0l0,0,0,0,0,0h0l.009,0h0l0,0,0,0,0,0h0l.01-.005h0l0,0,0,0,0,0h0L14.361,19h0l.006,0h0l.005,0h0l.012-.006h0l.006,0h0l.005,0h0l.018-.009h0l.006,0h0l.019-.01h0l.006,0h0l.006,0h0l.019-.009h0l.007,0h0l.02-.01h0l.007,0h0l.026-.013h0l.006,0h0l.02-.01h0l.006,0h0l.026-.014h0l.026-.014h0a10.018,10.018,0,0,0,1.446-.923h0l.1-.078h0l.006,0h0l.076-.061h0l.023-.019h0l.022-.018h0l0,0h0l.017-.013h0l0,0h0l.022-.018h0l0,0h0l.016-.013h0l0,0h0l.017-.014h0l.005,0h0l.006,0h0l.016-.013h0l0,0v0l.016-.013h0l.005-.005h0l.016-.013h0l0,0h0l0,0h0l.015-.013,0,0,0,0h0l.015-.013h0l0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0h0l.015-.013v0l.005,0,0,0,0,0h0l.009-.009h0l0,0,0,0,0,0,0,0,.01-.009h0l0,0,0,0,0,0,0,0,.014-.012,0,0,0,0,0,0,0,0,0,0,.007-.007,0,0,0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,.006-.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006-.006h0l0-.005,0,0,0,0,0,0,.006-.006h0l.005-.005,0,0,0,0,0,0,.005,0v0l.006-.006h0l.005,0,0,0,.005,0v0l.007-.006h0l.005,0,0,0,.005,0v0l.013-.012h0L17,17.143v0l.006-.006h0l.006-.007h0l.006-.005v0l.006-.005h0l.006-.006h0l.006-.006h0l.005-.005h0l.013-.013h0l.005-.006h0l.013-.013h0l.006-.007h0l.006-.006h0l.014-.014h0l.006-.005h0l.013-.014h0L17.137,17h0L17.144,17h0l.013-.013h0l.006-.006h0l.014-.013h0l.006-.006h0l.02-.02h0l.02-.02h0l.007-.006h0l.02-.021h0q.16-.168.313-.345l-1.512-1.309ZM18,10.1a8.007,8.007,0,0,1-1.026,3.821l1.742.983a10.02,10.02,0,0,0,.523-1.072h0l.023-.056h0l.006-.014h0l0-.014h0l0-.007h0l.006-.014h0l0-.007h0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.006h0l0-.006v0l0-.006h0l0-.005v0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.005h0l0-.006v-.007h0l0-.006v0l0-.006h0l0-.005v0l0-.006v0l0,0v0l0-.006v-.006l0,0v-.007l0-.005v0l0,0v0l0-.006v0l0,0v0l0-.005v-.007l0,0v-.006l0-.005V13.5l0,0v-.01l0-.005v0l0,0v0l0,0v0l0,0v0l0,0v0l0-.006v0l0,0h0l0-.006v0l0-.011v0l0-.006V13.4l0-.006v-.007l0-.007v0l0-.006v-.008l0-.006V13.35h0l0-.007v0l0-.007h0v-.006l0-.007h0l0,0v0l0-.006v0l0-.012v0l0-.007h0v-.006l0-.007h0l0-.013h0l0-.008h0v0h0l0-.007v0l0,0h0l0-.009h0l0-.013h0l0-.008h0V13.19h0l0-.008h0l.005-.013h0l0-.008h0v0h0l0-.009h0l0-.014h0l0-.013h0l.007-.023h0l.005-.013h0l0-.013h0l0-.009h0l0-.014h0c.014-.041.027-.083.039-.124h0c.026-.083.05-.167.073-.251h0l0-.014h0l0-.014h0l0-.01h0l.014-.051h0l.023-.09h0l.01-.037h0l.009-.037h0l0-.014h0l0-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.013h0l0-.014h0l0-.009h0v0h0l0-.01h0l0-.014h0l.009-.038h0l0-.014h0l.006-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.014h0l0-.014h0v-.008h0l0-.013v0l0-.013h0l0-.009h0v-.005h0l0-.009h0l0-.013v-.01h0v-.013h0l0-.014h0l0-.014h0v-.009h0v0h0v-.01l0-.013h0l0-.008h0v-.006l0-.007v0l0-.013v-.336h0v-.038h0v-.015h0v-.022h0v-.015h0v-.006h0v-.015h0v-.015h0v-.007h0v-.007h0V11.43h0v-.008h0l0-.014h0V11.4h0v-.007h0v-.008h0l0-.014h0l0-.015h0v-.008h0v-.008h0v-.008h0l0-.015h0l0-.024h0l0-.015h0l0-.039h0A10.3,10.3,0,0,0,20,10.13L18,10.1Zm-.267-6.446L16.186,4.927A7.989,7.989,0,0,1,17.862,8.51l1.965-.37a9.834,9.834,0,0,0-.545-1.867h0l-.011-.027h0l-.014-.036h0l-.015-.036h0l-.054-.126h0l-.011-.026h0l-.027-.062h0l-.015-.035h0L19.122,5.9h0l-.016-.036h0l-.012-.026h0l0-.008h0L19.077,5.8h0l-.012-.026h0l0-.008h0l-.008-.018h0l0-.008h0l-.012-.026h0l0-.009h0l-.012-.026h0L19,5.64h0l-.013-.026h0l0-.008h0l-.009-.018h0l0-.008h0l-.013-.026h0l-.013-.026h0l0-.008h0l-.013-.026h0l0-.008h0l-.009-.017h0l0-.008h0L18.9,5.431h0L18.88,5.4h0l-.014-.025h0l-.018-.035h0l-.013-.025h0l-.019-.034h0l-.032-.059h0l-.014-.026h0l-.019-.033h0l-.019-.033h0L18.718,5.1h0L18.7,5.064h0l-.014-.025h0c-.023-.039-.046-.078-.068-.117h0L18.6,4.889h0a10,10,0,0,0-.865-1.231ZM11.829.167l-.363,1.967A7.982,7.982,0,0,1,15.053,3.8l1.265-1.55a10,10,0,0,0-3.042-1.7h0l-.027-.01h0L13.22.53h0l-.009,0h0L13.183.517h0l-.009,0h0L13.155.508h0l-.008,0h0l-.009,0h0L13.118.5h0l-.008,0h0L13.089.486h0l-.007,0h0l-.008,0h0l-.009,0h0l-.008,0h0l-.007,0h0L13.024.465h0l-.007,0h0l-.007,0h0l-.009,0h0l-.008,0h0l-.007,0h0l-.009,0h0l-.009,0h0l-.007,0h0l-.007,0h0l-.009,0h0l-.007,0h-.012l-.006,0h0l-.008,0h0l-.005,0h0l-.005,0h0l-.009,0h0l-.006,0h-.012l-.006,0h0l-.008,0h0l-.006,0h-.012L12.8.4h0l-.005,0h0l-.005,0h-.013l-.007,0-.005,0h-.017l-.005,0-.006,0h-.013l-.005,0H12.7l-.012,0h0l-.005,0h-.012l-.01,0h-.019l-.005,0h0l-.012,0H12.61l-.006,0h0l-.012,0h-.018l-.019,0h-.018l-.02,0h-.01l-.02-.005h0l-.007,0h0l-.007,0h0L12.447.3h-.008L12.41.292h0l-.03-.007h0q-.273-.068-.55-.118Z", fill: "currentColor" })] }) }));
|
|
4781
4616
|
}
|
|
4782
4617
|
|
|
4783
4618
|
function SelectPolygon({ color, size, ...nativeProps }) {
|
|
4784
|
-
return (jsx(IconBox, { "$
|
|
4619
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M-114.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-117.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-116.974,54.383l-2.266-2.192,1.1-2.956,1.875.7-.643,1.731,1.326,1.284Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.664", transform: "matrix(0.695, -0.719, 0.719, 0.695, -116.207, 55.124)", width: "2" }), jsx("path", { d: "M-111.067,60.1l-2.459-2.379,1.391-1.437,1.135,1.1,1.185-1.041,1.32,1.5Z", fill: "currentColor" }), jsx("path", { d: "M-107.521,56.983l-1.318-1.5,1.4-1.174,1.559-.7.822,1.822-1.423.643Z", fill: "currentColor" }), jsx("path", { d: "M-103.869,54.893l-.82-1.824,1.57-.707-.3-1.7,1.971-.346.565,3.229Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.862", transform: "translate(-104.11 46.717) rotate(-9.96)", width: "2.001" }), jsx("path", { d: "M-104.308,45.589l-.287-1.635h-1.66v-2h3.34l.578,3.289Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-110.911 41.954)", width: "3.326" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] }) }) }));
|
|
4785
4620
|
}
|
|
4786
4621
|
|
|
4787
4622
|
function SelectRectangle({ color, size, ...nativeProps }) {
|
|
4788
|
-
return (jsx(IconBox, { "$
|
|
4623
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 44) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 60) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-159 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-143 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-159,42v5h2V44h3V42Z", stroke: "none" }), jsx("path", { d: "M -159 42 L -154 42 L -154 44 L -157 44 L -157 47 L -159 47 L -159 42 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-146,42v2h3v3h2V42Z", stroke: "none" }), jsx("path", { d: "M -146 42 L -141 42 L -141 47 L -143 47 L -143 44 L -146 44 L -146 42 Z", fill: "currentColor", stroke: "none" })] })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-157,55h-2v5h5V58h-3Z", stroke: "none" }), jsx("path", { d: "M -159 55 L -157 55 L -157 58 L -154 58 L -154 60 L -159 60 L -159 55 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-143,55v3h-3v2h5V55Z", stroke: "none" }), jsx("path", { d: "M -143 55 L -141 55 L -141 60 L -146 60 L -146 58 L -143 58 L -143 55 Z", fill: "currentColor", stroke: "none" })] })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
|
|
4789
4624
|
}
|
|
4790
4625
|
|
|
4791
4626
|
function SelectZone({ color, size, ...nativeProps }) {
|
|
4792
|
-
return (jsx(IconBox, { "$
|
|
4627
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsxs("g", { children: [jsxs("g", { children: [jsx("path", { d: "M-74.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-77.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-77.377,54.526-79.2,52.089l1.06-2.854,1.875.7-.681,1.833,1.172,1.564Z", fill: "currentColor" }), jsx("path", { d: "M-74.679,58.132l-1.9-2.534,1.6-1.2,1.1,1.47,1.779-.445.486,1.939Z", fill: "currentColor" }), jsx("path", { d: "M-62.532,51.889l-1.66-1.115,1.122-1.67-.63-1.91,1.9-.625.935,2.838Z", fill: "currentColor" }), jsx("path", { d: "M-64.211,45.641l-.556-1.687h-1.776v-2h3.224l1.009,3.062Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-70.975 41.954)", width: "3.166" })] }), jsx("path", { d: "M-67.806,56.455l2.689,3.869,2.328-1.612-2.687-3.877,2.71-1.872L-72.02,47.9-70.5,58.35Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
|
|
4793
4628
|
}
|
|
4794
4629
|
|
|
4795
4630
|
function ShowErsMessages({ color, size, ...nativeProps }) {
|
|
4796
|
-
return (jsx(IconBox, { "$
|
|
4631
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M50,42.667a5,5,0,0,0-5,5,4.926,4.926,0,0,0,.047.647c.013.113.031.225.051.337l.01.047C45.8,52.493,50,56,50,56s4.2-3.507,4.892-7.3l.01-.047c.02-.112.038-.224.051-.337A4.926,4.926,0,0,0,55,47.667,5,5,0,0,0,50,42.667Zm0,7.5a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,50,50.167Z", fill: "currentColor" }), jsxs("g", { fill: "#fff", strokeMiterlimit: "10", children: [jsx("path", { d: "M 50 57.97749710083008 C 49.69147872924805 57.97749710083008 49.38210678100586 57.94551086425781 49.07577133178711 57.88271331787109 C 49.38035202026367 57.93568420410156 49.6889762878418 57.96249771118164 50 57.96249771118164 C 50.3110237121582 57.96249771118164 50.61964797973633 57.93568420410156 50.92422866821289 57.88271331787109 C 50.61789321899414 57.94551086425781 50.30852127075195 57.97749710083008 50 57.97749710083008 Z", stroke: "none" }), jsx("path", { d: "M 46.79999923706055 55.67999649047852 C 48.75200271606445 57.38999557495117 51.24799728393555 57.38999557495117 53.20000076293945 55.67999649047852 C 54.17599868774414 56.52999877929688 55.28799819946289 56.99999618530273 56.40000152587891 56.99999618530273 L 58 56.99999618530273 L 58 58.99999618530273 L 56.40000152587891 58.99999618530273 C 55.29600143432617 58.99999618530273 54.20800018310547 58.65999603271484 53.20000076293945 58.0099983215332 C 51.18400192260742 59.29999923706055 48.81599807739258 59.29999923706055 46.79999923706055 58.0099983215332 C 45.79199981689453 58.64999771118164 44.70399856567383 58.99999618530273 43.59999847412109 58.99999618530273 L 42 58.99999618530273 L 42 56.99999618530273 L 43.59999847412109 56.99999618530273 C 44.71200180053711 56.99999618530273 45.82400131225586 56.52999877929688 46.79999923706055 55.67999649047852 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40 41)", width: "20" })] }) }) }));
|
|
4797
4632
|
}
|
|
4798
4633
|
|
|
4799
4634
|
function ShowXml({ color, size, ...nativeProps }) {
|
|
4800
|
-
return (jsx(IconBox, { "$
|
|
4635
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M136.646,2H123.354A3.354,3.354,0,0,0,120,5.354v9.292A3.354,3.354,0,0,0,123.354,18h13.292A3.354,3.354,0,0,0,140,14.646V5.354A3.354,3.354,0,0,0,136.646,2ZM125.607,12.863l-1.269-1.98-1.274,1.98h-1.386l1.957-2.988-1.774-2.738h1.352l1.148,1.84,1.125-1.84h1.34l-1.781,2.781L127,12.863Zm7.5,0h-1.074V8.355L130.9,12.863h-1.113l-1.133-4.508v4.508H127.58V7.137h1.731l1.039,3.906,1.027-3.906h1.734Zm5.211,0h-4.031V7.184h1.156V11.9h2.875Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
|
|
4801
4636
|
}
|
|
4802
4637
|
|
|
4803
4638
|
function SortingArrows({ color, size, ...nativeProps }) {
|
|
4804
|
-
return (jsx(IconBox, { "$
|
|
4639
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M57.536,11.636,55,14.172V2H53V14.172l-2.536-2.536L49.05,13.05,54,18l4.95-4.95Z", stroke: "none" }), jsx("path", { d: "M 54 18 L 49.05022811889648 13.05023002624512 L 50.46448135375977 11.6360502243042 L 53 14.17156982421875 L 53 2 L 55 2 L 55 14.17156982421875 L 57.53551864624023 11.6360502243042 L 58.94977188110352 13.05023002624512 L 54 18 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M50.95,6.95,46,2,41.05,6.95l1.414,1.414L45,5.828V18h2V5.828l2.536,2.536Z", stroke: "none" }), jsx("path", { d: "M 46 2 L 50.94977188110352 6.949709892272949 L 49.53551864624023 8.363949775695801 L 47 5.828370094299316 L 47 18 L 45 18 L 45 5.828370094299316 L 42.46448135375977 8.363949775695801 L 41.05022811889648 6.949709892272949 L 46 2 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
|
|
4805
4640
|
}
|
|
4806
4641
|
|
|
4807
4642
|
function Summary({ color, size, ...nativeProps }) {
|
|
4808
|
-
return (jsx(IconBox, { "$
|
|
4643
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(-200)", children: [jsx("path", { d: "M216,4V16H204V4h12M202,2V18h16V2Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 6)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 9.25)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 12.5)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(200)", width: "20" })] })] }) }));
|
|
4809
4644
|
}
|
|
4810
4645
|
|
|
4811
4646
|
function Tag({ color, size, ...nativeProps }) {
|
|
4812
|
-
return (jsx(IconBox, { "$
|
|
4647
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M173.063,6l3.334,4-3.334,4H164V6h9.063M174,4H162V16h12l5-6-5-6Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(170.5 8.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
|
|
4813
4648
|
}
|
|
4814
4649
|
|
|
4815
4650
|
function Unlock({ color, size, ...nativeProps }) {
|
|
4816
|
-
return (jsx(IconBox, { "$
|
|
4651
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(8.5 11.5)" }), jsx("path", { d: "M14.471,7V5.456a4.471,4.471,0,0,0-8.942,0H7.765a2.235,2.235,0,1,1,4.47,0V7H3V19H17V7ZM15,17H5V9H15Z", fill: "currentColor" })] })] })] }) }));
|
|
4817
4652
|
}
|
|
4818
4653
|
|
|
4819
4654
|
function Vessel({ color, size, ...nativeProps }) {
|
|
4820
|
-
return (jsx(IconBox, { "$
|
|
4655
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-260 -208)", children: [jsx("path", { d: "M327.865,17.99a.226.226,0,0,1-.15-.184l-.64-4.879-4.88-.64a.225.225,0,0,1-.129-.382l6.81-6.811a.222.222,0,0,1,.085-.053L337.7,2.013a.224.224,0,0,1,.285.285l-3.028,8.741a.222.222,0,0,1-.053.085l-6.811,6.81a.225.225,0,0,1-.159.066A.244.244,0,0,1,327.865,17.99Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(260 208)", width: "20" })] }) }) }));
|
|
4821
4656
|
}
|
|
4822
4657
|
|
|
4823
4658
|
function ViewOnMap({ color, size, ...nativeProps }) {
|
|
4824
|
-
return (jsx(IconBox, { "$
|
|
4659
|
+
return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,1.523l-6,2.4-5-2-6,2.4V18.477l6-2.4,5,2,6-2.4ZM3.5,5.677l3-1.2v9.846l-3,1.2Zm5,8.646V4.477l3,1.2v9.846Zm8,0-3,1.2V5.677l3-1.2Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0)", width: "20" })] }) }));
|
|
4825
4660
|
}
|
|
4826
4661
|
|
|
4827
4662
|
var index = /*#__PURE__*/Object.freeze({
|
|
@@ -4892,5 +4727,263 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
4892
4727
|
ViewOnMap: ViewOnMap
|
|
4893
4728
|
});
|
|
4894
4729
|
|
|
4895
|
-
|
|
4730
|
+
function MultiZoneEditor({ addButtonLabel, defaultValue = [], initialZone, isLabelHidden = false, isLight = false, label, labelPropName, onAdd, onCenter, onDelete, onEdit }) {
|
|
4731
|
+
const prevDefaultValueRef = useRef(defaultValue);
|
|
4732
|
+
const [zones, setZones] = useState(defaultValue);
|
|
4733
|
+
const addZone = useCallback(() => {
|
|
4734
|
+
const nextZones = [...zones, initialZone];
|
|
4735
|
+
if (onAdd) {
|
|
4736
|
+
onAdd(nextZones, nextZones.length);
|
|
4737
|
+
}
|
|
4738
|
+
setZones(nextZones);
|
|
4739
|
+
}, [initialZone, onAdd, zones]);
|
|
4740
|
+
const centerZone = useCallback((zone) => {
|
|
4741
|
+
if (onCenter) {
|
|
4742
|
+
onCenter(zone);
|
|
4743
|
+
}
|
|
4744
|
+
}, [onCenter]);
|
|
4745
|
+
const deleteZone = useCallback((index) => {
|
|
4746
|
+
const nextZones = remove(index, 1, zones);
|
|
4747
|
+
setZones(nextZones);
|
|
4748
|
+
if (onDelete) {
|
|
4749
|
+
onDelete(nextZones);
|
|
4750
|
+
}
|
|
4751
|
+
}, [onDelete, zones]);
|
|
4752
|
+
const editZone = useCallback((index, zone) => {
|
|
4753
|
+
if (onEdit) {
|
|
4754
|
+
onEdit(zone, index);
|
|
4755
|
+
}
|
|
4756
|
+
}, [onEdit]);
|
|
4757
|
+
useEffect(() => {
|
|
4758
|
+
if (equals(defaultValue, prevDefaultValueRef.current)) {
|
|
4759
|
+
return;
|
|
4760
|
+
}
|
|
4761
|
+
setZones(defaultValue);
|
|
4762
|
+
}, [defaultValue]);
|
|
4763
|
+
return (jsxs(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: [jsx(Button, { accent: Accent.SECONDARY, Icon: Plus, isFullWidth: true, onClick: addZone, children: addButtonLabel }), jsx(Fragment, { children: zones.map((zone, index) => (
|
|
4764
|
+
// eslint-disable-next-line react/no-array-index-key
|
|
4765
|
+
jsxs(Row, { children: [jsxs(ZoneWrapper, { children: [zone[labelPropName], jsxs("a", { onClick: () => centerZone(zone), style: {
|
|
4766
|
+
cursor: 'pointer'
|
|
4767
|
+
}, children: [jsx(SelectRectangle, {}), " Centrer sur la carte"] })] }), jsx(IconButton, { accent: Accent.SECONDARY, Icon: Edit, onClick: () => editZone(index, zone) }), jsx(IconButton, { accent: Accent.SECONDARY, "aria-label": "Supprimer cette zone", Icon: Delete, onClick: () => deleteZone(index) })] }, `zone-${index}`))) })] }));
|
|
4768
|
+
}
|
|
4769
|
+
const Row = styled.div `
|
|
4770
|
+
align-items: center;
|
|
4771
|
+
display: flex;
|
|
4772
|
+
margin: 8px 0 0;
|
|
4773
|
+
|
|
4774
|
+
> button {
|
|
4775
|
+
margin: 0 0 0 8px;
|
|
4776
|
+
}
|
|
4777
|
+
`;
|
|
4778
|
+
const ZoneWrapper = styled.div `
|
|
4779
|
+
background-color: ${p => p.theme.color.gainsboro};
|
|
4780
|
+
display: flex;
|
|
4781
|
+
flex-grow: 1;
|
|
4782
|
+
font-size: 13px;
|
|
4783
|
+
line-height: 1.5;
|
|
4784
|
+
justify-content: space-between;
|
|
4785
|
+
padding: 6px 12px 6px;
|
|
4786
|
+
`;
|
|
4787
|
+
|
|
4788
|
+
function Select({ isLabelHidden = false, isLight = false, label, onChange, options,
|
|
4789
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
4790
|
+
searchable = false, ...originalProps }) {
|
|
4791
|
+
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4792
|
+
const handleChange = useCallback((nextValue) => {
|
|
4793
|
+
if (!onChange) {
|
|
4794
|
+
return;
|
|
4795
|
+
}
|
|
4796
|
+
const normalizedNextValue = nextValue ?? undefined;
|
|
4797
|
+
onChange(normalizedNextValue);
|
|
4798
|
+
}, [onChange]);
|
|
4799
|
+
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledSelectPicker, { "$isLight": isLight, data: options, id: originalProps.name,
|
|
4800
|
+
// The `unknown` type from Rsuite library is wrong. It should be inferred from `data` prop type.
|
|
4801
|
+
// `onChange: ((value: unknown, event: React.SyntheticEvent<Element, Event>) => void) | undefined`
|
|
4802
|
+
onChange: handleChange, searchable: searchable, ...originalProps }, key)] }));
|
|
4803
|
+
}
|
|
4804
|
+
const StyledSelectPicker = styled(SelectPicker) `
|
|
4805
|
+
> .rs-picker-toggle {
|
|
4806
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
|
|
4807
|
+
border: 0;
|
|
4808
|
+
}
|
|
4809
|
+
`;
|
|
4810
|
+
|
|
4811
|
+
function Textarea({ isLabelHidden = false, isLight = false, label, onChange, rows = 3, ...originalProps }) {
|
|
4812
|
+
const inputRef = useRef();
|
|
4813
|
+
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4814
|
+
const handleChange = useCallback(() => {
|
|
4815
|
+
if (!onChange) {
|
|
4816
|
+
return;
|
|
4817
|
+
}
|
|
4818
|
+
const nextValue = inputRef.current.value.trim();
|
|
4819
|
+
const normalizedNextValue = nextValue.length ? nextValue : undefined;
|
|
4820
|
+
onChange(normalizedNextValue);
|
|
4821
|
+
}, [onChange]);
|
|
4822
|
+
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledInput$1, { ref: inputRef, "$isLight": isLight, as: "textarea", id: originalProps.name, onChange: handleChange, rows: rows, ...originalProps }, key)] }));
|
|
4823
|
+
}
|
|
4824
|
+
const StyledInput$1 = styled(Input) `
|
|
4825
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
4826
|
+
border: 0;
|
|
4827
|
+
font-size: 13px;
|
|
4828
|
+
padding: 7px 11px;
|
|
4829
|
+
width: 100%;
|
|
4830
|
+
`;
|
|
4831
|
+
|
|
4832
|
+
function TextInput({ isLabelHidden = false, isLight = false, label, onChange, ...originalProps }) {
|
|
4833
|
+
const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
|
|
4834
|
+
const handleChange = useCallback((nextValue) => {
|
|
4835
|
+
if (!onChange) {
|
|
4836
|
+
return;
|
|
4837
|
+
}
|
|
4838
|
+
const normalizedNextValue = nextValue && nextValue.trim().length ? nextValue : undefined;
|
|
4839
|
+
onChange(normalizedNextValue);
|
|
4840
|
+
}, [onChange]);
|
|
4841
|
+
return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledInput, { "$isLight": isLight, id: originalProps.name, onChange: handleChange, ...originalProps }, key)] }));
|
|
4842
|
+
}
|
|
4843
|
+
const StyledInput = styled(Input) `
|
|
4844
|
+
background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
|
|
4845
|
+
border: 0;
|
|
4846
|
+
font-size: 13px;
|
|
4847
|
+
width: 100%;
|
|
4848
|
+
`;
|
|
4849
|
+
|
|
4850
|
+
function FormikAutoComplete({ name, ...originalProps }) {
|
|
4851
|
+
const [field, , helpers] = useField(name);
|
|
4852
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
|
|
4853
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4854
|
+
const handleChange = useCallback((nextValue) => {
|
|
4855
|
+
helpers.setValue(nextValue);
|
|
4856
|
+
},
|
|
4857
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4858
|
+
[]);
|
|
4859
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4860
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4861
|
+
return jsx(AutoComplete, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4862
|
+
}
|
|
4863
|
+
|
|
4864
|
+
function FormikCheckbox({ name, ...originalProps }) {
|
|
4865
|
+
const [field, , helpers] = useField(name);
|
|
4866
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
|
|
4867
|
+
const defaultChecked = useMemo(() => Boolean(field.value), []);
|
|
4868
|
+
const handleChange = useCallback((isChecked) => {
|
|
4869
|
+
helpers.setValue(isChecked);
|
|
4870
|
+
},
|
|
4871
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4872
|
+
[]);
|
|
4873
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4874
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4875
|
+
return jsx(Checkbox, { defaultChecked: defaultChecked, name: name, onChange: handleChange, ...originalProps });
|
|
4876
|
+
}
|
|
4877
|
+
|
|
4878
|
+
function FormikDatePicker({ name, ...originalProps }) {
|
|
4879
|
+
const [field, , helpers] = useField(name);
|
|
4880
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4881
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4882
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4883
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4884
|
+
return jsx(DatePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
|
|
4885
|
+
}
|
|
4886
|
+
|
|
4887
|
+
function FormikDateRangePicker({ name, ...originalProps }) {
|
|
4888
|
+
const [field, , helpers] = useField(name);
|
|
4889
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4890
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4891
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4892
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4893
|
+
return jsx(DateRangePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
|
|
4894
|
+
}
|
|
4895
|
+
|
|
4896
|
+
function FormikEffect({ onChange }) {
|
|
4897
|
+
const { values } = useFormikContext();
|
|
4898
|
+
useEffect(() => {
|
|
4899
|
+
onChange(values);
|
|
4900
|
+
}, [onChange, values]);
|
|
4901
|
+
return jsx(Fragment, {});
|
|
4902
|
+
}
|
|
4903
|
+
|
|
4904
|
+
function FormikMultiCheckbox({ name, ...originalProps }) {
|
|
4905
|
+
const [field, , helpers] = useField(name);
|
|
4906
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4907
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4908
|
+
const handleChange = useCallback((nextValue) => {
|
|
4909
|
+
helpers.setValue(nextValue);
|
|
4910
|
+
},
|
|
4911
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4912
|
+
[]);
|
|
4913
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4914
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4915
|
+
return jsx(MultiCheckbox, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4916
|
+
}
|
|
4917
|
+
|
|
4918
|
+
function FormikMultiSelect({ name, ...originalProps }) {
|
|
4919
|
+
const [field, , helpers] = useField(name);
|
|
4920
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4921
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4922
|
+
const handleChange = useCallback((nextValue) => {
|
|
4923
|
+
helpers.setValue(nextValue);
|
|
4924
|
+
},
|
|
4925
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4926
|
+
[]);
|
|
4927
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4928
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4929
|
+
return jsx(MultiSelect, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4930
|
+
}
|
|
4931
|
+
|
|
4932
|
+
function FormikMultiRadio({ name, ...originalProps }) {
|
|
4933
|
+
const [field, , helpers] = useField(name);
|
|
4934
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4935
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4936
|
+
const handleChange = useCallback((nextValue) => {
|
|
4937
|
+
helpers.setValue(nextValue);
|
|
4938
|
+
},
|
|
4939
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4940
|
+
[]);
|
|
4941
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4942
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4943
|
+
return jsx(MultiRadio, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4944
|
+
}
|
|
4945
|
+
|
|
4946
|
+
function FormikSelect({ name, ...originalProps }) {
|
|
4947
|
+
const [field, , helpers] = useField(name);
|
|
4948
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4949
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4950
|
+
const handleChange = useCallback((nextValue) => {
|
|
4951
|
+
helpers.setValue(nextValue);
|
|
4952
|
+
},
|
|
4953
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4954
|
+
[]);
|
|
4955
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4956
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4957
|
+
return jsx(Select, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4958
|
+
}
|
|
4959
|
+
|
|
4960
|
+
function FormikTextarea({ name, ...originalProps }) {
|
|
4961
|
+
const [field, , helpers] = useField(name);
|
|
4962
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4963
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4964
|
+
const handleChange = useCallback((nextValue) => {
|
|
4965
|
+
helpers.setValue(nextValue);
|
|
4966
|
+
},
|
|
4967
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4968
|
+
[]);
|
|
4969
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4970
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4971
|
+
return jsx(Textarea, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4972
|
+
}
|
|
4973
|
+
|
|
4974
|
+
function FormikTextInput({ name, ...originalProps }) {
|
|
4975
|
+
const [field, , helpers] = useField(name);
|
|
4976
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4977
|
+
const defaultValue = useMemo(() => field.value, []);
|
|
4978
|
+
const handleChange = useCallback((nextValue) => {
|
|
4979
|
+
helpers.setValue(nextValue);
|
|
4980
|
+
},
|
|
4981
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4982
|
+
[]);
|
|
4983
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
4984
|
+
useEffect(() => () => helpers.setValue(undefined), []);
|
|
4985
|
+
return jsx(TextInput, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
|
|
4986
|
+
}
|
|
4987
|
+
|
|
4988
|
+
export { Accent, AutoComplete, Button, Checkbox, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, Select, Size, THEME, Tag$1 as Tag, TextInput, Textarea, ThemeProvider };
|
|
4896
4989
|
//# sourceMappingURL=index.js.map
|