@transferwise/components 46.26.2 → 46.28.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/build/i18n/th.json +2 -2
- package/build/i18n/zh-CN.json +5 -5
- package/build/index.js +410 -645
- package/build/index.js.map +1 -1
- package/build/index.mjs +411 -646
- package/build/index.mjs.map +1 -1
- package/build/logo/svg/flag-platform-white.svg +1 -0
- package/build/logo/svg/flag-platform.svg +1 -0
- package/build/logo/svg/logo-platform-white.svg +1 -0
- package/build/logo/svg/logo-platform.svg +1 -0
- package/build/main.css +0 -16
- package/build/styles/logo/Logo.css +0 -16
- package/build/styles/main.css +0 -16
- package/build/types/alert/Alert.d.ts +47 -58
- package/build/types/alert/Alert.d.ts.map +1 -1
- package/build/types/alert/index.d.ts +2 -1
- package/build/types/alert/index.d.ts.map +1 -1
- package/build/types/button/Button.d.ts +7 -9
- package/build/types/button/Button.d.ts.map +1 -1
- package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts +1 -1
- package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts.map +1 -1
- package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts +1 -1
- package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts.map +1 -1
- package/build/types/common/propsValues/sentiment.d.ts +0 -1
- package/build/types/common/propsValues/sentiment.d.ts.map +1 -1
- package/build/types/dateLookup/DateLookup.d.ts +75 -28
- package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
- package/build/types/dateLookup/DateLookup.messages.d.ts +42 -63
- package/build/types/dateLookup/DateLookup.messages.d.ts.map +1 -1
- package/build/types/dateLookup/dateHeader/DateHeader.d.ts +9 -22
- package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
- package/build/types/dateLookup/dateHeader/index.d.ts +1 -1
- package/build/types/dateLookup/dateHeader/index.d.ts.map +1 -1
- package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +13 -31
- package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts.map +1 -1
- package/build/types/dateLookup/dateTrigger/index.d.ts +1 -1
- package/build/types/dateLookup/dateTrigger/index.d.ts.map +1 -1
- package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts +19 -2
- package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts.map +1 -1
- package/build/types/dateLookup/dayCalendar/index.d.ts +1 -1
- package/build/types/dateLookup/dayCalendar/index.d.ts.map +1 -1
- package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts +12 -2
- package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +1 -1
- package/build/types/dateLookup/dayCalendar/table/index.d.ts +1 -1
- package/build/types/dateLookup/dayCalendar/table/index.d.ts.map +1 -1
- package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts +1 -1
- package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts.map +1 -1
- package/build/types/dateLookup/getStartOfDay/index.d.ts +1 -1
- package/build/types/dateLookup/getStartOfDay/index.d.ts.map +1 -1
- package/build/types/dateLookup/index.d.ts +2 -1
- package/build/types/dateLookup/index.d.ts.map +1 -1
- package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts +17 -2
- package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts.map +1 -1
- package/build/types/dateLookup/monthCalendar/index.d.ts +1 -1
- package/build/types/dateLookup/monthCalendar/index.d.ts.map +1 -1
- package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts +10 -26
- package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts.map +1 -1
- package/build/types/dateLookup/monthCalendar/table/index.d.ts +1 -1
- package/build/types/dateLookup/monthCalendar/table/index.d.ts.map +1 -1
- package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +15 -2
- package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map +1 -1
- package/build/types/dateLookup/yearCalendar/index.d.ts +1 -1
- package/build/types/dateLookup/yearCalendar/index.d.ts.map +1 -1
- package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts +10 -26
- package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map +1 -1
- package/build/types/dateLookup/yearCalendar/table/index.d.ts +1 -1
- package/build/types/dateLookup/yearCalendar/table/index.d.ts.map +1 -1
- package/build/types/index.d.ts +2 -1
- package/build/types/index.d.ts.map +1 -1
- package/build/types/inlineAlert/InlineAlert.d.ts +2 -4
- package/build/types/inlineAlert/InlineAlert.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
- package/build/types/inputs/_Popover.d.ts.map +1 -1
- package/build/types/instructionsList/InstructionsList.d.ts +1 -1
- package/build/types/instructionsList/InstructionsList.d.ts.map +1 -1
- package/build/types/logo/Logo.d.ts +1 -1
- package/build/types/logo/Logo.d.ts.map +1 -1
- package/build/types/logo/logoTypes.d.ts +2 -1
- package/build/types/logo/logoTypes.d.ts.map +1 -1
- package/build/types/markdown/Markdown.d.ts +1 -0
- package/build/types/markdown/Markdown.d.ts.map +1 -1
- package/build/types/statusIcon/StatusIcon.d.ts +1 -1
- package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/alert/{Alert.spec.js → Alert.spec.tsx} +43 -40
- package/src/alert/Alert.story.tsx +1 -2
- package/src/alert/Alert.tsx +218 -0
- package/src/alert/index.ts +2 -0
- package/src/button/Button.tsx +6 -10
- package/src/common/dateUtils/isWithinRange/isWithinRange.spec.ts +21 -0
- package/src/common/dateUtils/isWithinRange/isWithinRange.ts +2 -2
- package/src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts +8 -4
- package/src/common/propsValues/sentiment.ts +0 -10
- package/src/dateLookup/DateLookup.state.spec.js +7 -0
- package/src/dateLookup/{DateLookup.story.js → DateLookup.story.tsx} +13 -14
- package/src/dateLookup/DateLookup.tests.story.tsx +70 -0
- package/src/dateLookup/{DateLookup.js → DateLookup.tsx} +115 -81
- package/src/dateLookup/dateHeader/{DateHeader.js → DateHeader.tsx} +15 -15
- package/src/dateLookup/dateTrigger/DateTrigger.spec.js +0 -22
- package/src/dateLookup/dateTrigger/{DateTrigger.js → DateTrigger.tsx} +15 -32
- package/src/dateLookup/dayCalendar/{DayCalendar.js → DayCalendar.tsx} +14 -21
- package/src/dateLookup/dayCalendar/table/{DayCalendarTable.js → DayCalendarTable.tsx} +26 -37
- package/src/dateLookup/getStartOfDay/{getStartOfDay.js → getStartOfDay.tsx} +1 -1
- package/src/dateLookup/index.ts +2 -0
- package/src/dateLookup/monthCalendar/{MonthCalendar.js → MonthCalendar.tsx} +19 -22
- package/src/dateLookup/monthCalendar/table/{MonthCalendarTable.js → MonthCalendarTable.tsx} +31 -30
- package/src/dateLookup/yearCalendar/{YearCalendar.js → YearCalendar.tsx} +18 -21
- package/src/dateLookup/yearCalendar/table/{YearCalendarTable.js → YearCalendarTable.tsx} +26 -28
- package/src/i18n/th.json +2 -2
- package/src/i18n/zh-CN.json +5 -5
- package/src/index.ts +2 -1
- package/src/inlineAlert/InlineAlert.spec.tsx +0 -7
- package/src/inlineAlert/InlineAlert.tsx +19 -47
- package/src/inputs/InputGroup.tsx +3 -3
- package/src/inputs/SelectInput.tsx +1 -0
- package/src/inputs/_BottomSheet.tsx +44 -54
- package/src/inputs/_Popover.tsx +20 -23
- package/src/instructionsList/InstructionsList.spec.tsx +5 -0
- package/src/instructionsList/InstructionsList.story.tsx +1 -0
- package/src/instructionsList/InstructionsList.tsx +3 -2
- package/src/logo/Logo.css +0 -16
- package/src/logo/Logo.js +27 -5
- package/src/logo/Logo.less +0 -16
- package/src/logo/Logo.spec.js +15 -1
- package/src/logo/__snapshots__/Logo.spec.js.snap +45 -71
- package/src/logo/logoTypes.ts +1 -0
- package/src/logo/svg/flag-platform-white.svg +1 -0
- package/src/logo/svg/flag-platform.svg +1 -0
- package/src/logo/svg/logo-platform-white.svg +1 -0
- package/src/logo/svg/logo-platform.svg +1 -0
- package/src/main.css +0 -16
- package/src/markdown/Markdown.spec.tsx +16 -0
- package/src/markdown/Markdown.tsx +6 -1
- package/src/statusIcon/StatusIcon.tsx +14 -14
- package/build/types/alert/withArrow/alertArrowPositions.d.ts +0 -9
- package/build/types/alert/withArrow/alertArrowPositions.d.ts.map +0 -1
- package/build/types/alert/withArrow/index.d.ts +0 -3
- package/build/types/alert/withArrow/index.d.ts.map +0 -1
- package/build/types/alert/withArrow/withArrow.d.ts +0 -11
- package/build/types/alert/withArrow/withArrow.d.ts.map +0 -1
- package/src/alert/Alert.js +0 -196
- package/src/alert/index.js +0 -1
- package/src/alert/withArrow/alertArrowPositions.ts +0 -9
- package/src/alert/withArrow/index.js +0 -2
- package/src/alert/withArrow/withArrow.js +0 -50
- package/src/alert/withArrow/withArrow.spec.js +0 -51
- package/src/dateLookup/index.js +0 -1
- /package/src/dateLookup/{DateLookup.messages.js → DateLookup.messages.ts} +0 -0
- /package/src/dateLookup/dateHeader/{index.js → index.ts} +0 -0
- /package/src/dateLookup/dateTrigger/{index.js → index.ts} +0 -0
- /package/src/dateLookup/dayCalendar/{index.js → index.ts} +0 -0
- /package/src/dateLookup/dayCalendar/table/{index.js → index.ts} +0 -0
- /package/src/dateLookup/getStartOfDay/{index.js → index.ts} +0 -0
- /package/src/dateLookup/monthCalendar/{index.js → index.ts} +0 -0
- /package/src/dateLookup/monthCalendar/table/{index.js → index.ts} +0 -0
- /package/src/dateLookup/yearCalendar/{index.js → index.ts} +0 -0
- /package/src/dateLookup/yearCalendar/table/{index.js → index.ts} +0 -0
package/build/index.mjs
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import React__default, { forwardRef, cloneElement, useState, useRef, useMemo,
|
|
4
|
+
import React__default, { forwardRef, cloneElement, useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
|
|
5
5
|
import { useId } from '@radix-ui/react-id';
|
|
6
|
-
import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$
|
|
6
|
+
import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$1, ClockBorderless, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, CrossCircle, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
|
|
7
7
|
import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
|
+
import commonmark from 'commonmark';
|
|
9
10
|
import { useTheme, ThemeProvider } from '@wise/components-theming';
|
|
10
11
|
import { formatDate, formatNumber, formatMoney, formatAmount } from '@transferwise/formatting';
|
|
11
12
|
import { Transition, Listbox } from '@headlessui/react';
|
|
12
13
|
import mergeProps from 'merge-props';
|
|
13
14
|
import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
|
|
14
15
|
import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, offset, flip, shift, size, autoUpdate } from '@floating-ui/react';
|
|
15
|
-
import { FocusScope } from '@react-aria/focus';
|
|
16
16
|
import { usePreventScroll } from '@react-aria/overlays';
|
|
17
17
|
import { CSSTransition } from 'react-transition-group';
|
|
18
|
+
import { isUndefined, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
|
|
19
|
+
import { createPortal } from 'react-dom';
|
|
20
|
+
import { FocusScope } from '@react-aria/focus';
|
|
18
21
|
import { usePopper } from 'react-popper';
|
|
19
22
|
import throttle from 'lodash.throttle';
|
|
20
|
-
import { createPortal } from 'react-dom';
|
|
21
|
-
import { isUndefined, isKey, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
|
|
22
|
-
import commonmark from 'commonmark';
|
|
23
23
|
import { Flag, Illustration } from '@wise/art';
|
|
24
24
|
import clamp$2 from 'lodash.clamp';
|
|
25
25
|
import debounce from 'lodash.debounce';
|
|
@@ -775,22 +775,22 @@ const Link = ({
|
|
|
775
775
|
});
|
|
776
776
|
};
|
|
777
777
|
|
|
778
|
+
const iconTypeMap = {
|
|
779
|
+
positive: Check,
|
|
780
|
+
neutral: Info$1,
|
|
781
|
+
warning: Alert$1,
|
|
782
|
+
negative: Cross,
|
|
783
|
+
pending: ClockBorderless,
|
|
784
|
+
info: Info$1,
|
|
785
|
+
error: Cross,
|
|
786
|
+
success: Check
|
|
787
|
+
};
|
|
778
788
|
const StatusIcon = ({
|
|
779
|
-
sentiment =
|
|
780
|
-
size =
|
|
789
|
+
sentiment = 'neutral',
|
|
790
|
+
size = 'md'
|
|
781
791
|
}) => {
|
|
782
|
-
const iconTypeMap = {
|
|
783
|
-
[Sentiment.POSITIVE]: Check,
|
|
784
|
-
[Sentiment.NEUTRAL]: Info$1,
|
|
785
|
-
[Sentiment.WARNING]: Alert$2,
|
|
786
|
-
[Sentiment.NEGATIVE]: Cross,
|
|
787
|
-
[Sentiment.PENDING]: ClockBorderless,
|
|
788
|
-
[Sentiment.INFO]: Info$1,
|
|
789
|
-
[Sentiment.ERROR]: Cross,
|
|
790
|
-
[Sentiment.SUCCESS]: Check
|
|
791
|
-
};
|
|
792
|
-
const iconColor = [Sentiment.WARNING, Sentiment.PENDING].includes(sentiment) ? 'dark' : 'light';
|
|
793
792
|
const Icon = iconTypeMap[sentiment];
|
|
793
|
+
const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
|
|
794
794
|
return /*#__PURE__*/jsx("span", {
|
|
795
795
|
"data-testid": "status-icon",
|
|
796
796
|
className: classNames('status-circle', 'status-circle-' + size, sentiment),
|
|
@@ -800,7 +800,7 @@ const StatusIcon = ({
|
|
|
800
800
|
});
|
|
801
801
|
};
|
|
802
802
|
|
|
803
|
-
function logActionRequired
|
|
803
|
+
function logActionRequired(message) {
|
|
804
804
|
if (['development', 'test'].includes(process?.env?.NODE_ENV)) {
|
|
805
805
|
// eslint-disable-next-line no-console
|
|
806
806
|
console.warn(message);
|
|
@@ -808,48 +808,10 @@ function logActionRequired$1(message) {
|
|
|
808
808
|
}
|
|
809
809
|
function logActionRequiredIf(message, conditional) {
|
|
810
810
|
if (conditional) {
|
|
811
|
-
logActionRequired
|
|
811
|
+
logActionRequired(message);
|
|
812
812
|
}
|
|
813
813
|
}
|
|
814
814
|
|
|
815
|
-
const deprecatedMessage = ({
|
|
816
|
-
component,
|
|
817
|
-
propName,
|
|
818
|
-
message,
|
|
819
|
-
expiryDate
|
|
820
|
-
}) => {
|
|
821
|
-
const messages = [`${component} has deprecated the use of ${propName}.`];
|
|
822
|
-
if (message) {
|
|
823
|
-
messages.push(message);
|
|
824
|
-
}
|
|
825
|
-
if (expiryDate) {
|
|
826
|
-
messages.push(`${propName} will be removed on or after ${expiryDate.toLocaleString('en-GB', {
|
|
827
|
-
year: 'numeric',
|
|
828
|
-
month: 'numeric',
|
|
829
|
-
day: 'numeric'
|
|
830
|
-
})}`);
|
|
831
|
-
}
|
|
832
|
-
return messages.join(' ');
|
|
833
|
-
};
|
|
834
|
-
const deprecated = (validator, {
|
|
835
|
-
component,
|
|
836
|
-
message = '',
|
|
837
|
-
newProp: newProperty = null,
|
|
838
|
-
expiryDate = null
|
|
839
|
-
}) => (props, propertyName, ...rest) => {
|
|
840
|
-
const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
|
|
841
|
-
if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
|
|
842
|
-
logActionRequired$1(deprecatedMessage({
|
|
843
|
-
component,
|
|
844
|
-
propName: propertyName,
|
|
845
|
-
message: newPropertyMessage,
|
|
846
|
-
expiryDate
|
|
847
|
-
}));
|
|
848
|
-
}
|
|
849
|
-
return validator(props, propertyName, ...rest);
|
|
850
|
-
};
|
|
851
|
-
var deprecated$1 = deprecated;
|
|
852
|
-
|
|
853
815
|
const reader = new commonmark.Parser();
|
|
854
816
|
const writer = new commonmark.HtmlRenderer({
|
|
855
817
|
safe: true
|
|
@@ -867,8 +829,9 @@ function Markdown({
|
|
|
867
829
|
return null;
|
|
868
830
|
}
|
|
869
831
|
const linkTarget = config?.link?.target ?? '_self';
|
|
832
|
+
const paragraphClass = config?.paragraph?.className ?? '';
|
|
870
833
|
if (allowList != null && blockList != null) {
|
|
871
|
-
logActionRequired
|
|
834
|
+
logActionRequired('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
|
|
872
835
|
}
|
|
873
836
|
const parser = nodes => {
|
|
874
837
|
const parsed = reader.parse(nodes);
|
|
@@ -880,7 +843,7 @@ function Markdown({
|
|
|
880
843
|
};
|
|
881
844
|
const createMarkup = () => {
|
|
882
845
|
const parsed = parser(children);
|
|
883
|
-
return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`);
|
|
846
|
+
return writer.render(parsed).replace(/<a href="/g, `<a target="${linkTarget}" href="`).replace(/<p>/g, `<p class="${paragraphClass}">`);
|
|
884
847
|
};
|
|
885
848
|
return /*#__PURE__*/jsx(Element, {
|
|
886
849
|
className: className,
|
|
@@ -929,146 +892,98 @@ InlineMarkdown.defaultProps = {
|
|
|
929
892
|
};
|
|
930
893
|
var InlineMarkdown$1 = InlineMarkdown;
|
|
931
894
|
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
};
|
|
952
|
-
AlertWithArrow.defaultProps = {
|
|
953
|
-
className: undefined
|
|
954
|
-
};
|
|
955
|
-
return AlertWithArrow;
|
|
895
|
+
var AlertArrowPosition;
|
|
896
|
+
(function (AlertArrowPosition) {
|
|
897
|
+
AlertArrowPosition["TOP_LEFT"] = "up-left";
|
|
898
|
+
AlertArrowPosition["TOP"] = "up-center";
|
|
899
|
+
AlertArrowPosition["TOP_RIGHT"] = "up-right";
|
|
900
|
+
AlertArrowPosition["BOTTOM_LEFT"] = "down-left";
|
|
901
|
+
AlertArrowPosition["BOTTOM"] = "down-center";
|
|
902
|
+
AlertArrowPosition["BOTTOM_RIGHT"] = "down-right";
|
|
903
|
+
})(AlertArrowPosition || (AlertArrowPosition = {}));
|
|
904
|
+
function resolveType(type) {
|
|
905
|
+
switch (type) {
|
|
906
|
+
case 'success':
|
|
907
|
+
return 'positive';
|
|
908
|
+
case 'info':
|
|
909
|
+
return 'neutral';
|
|
910
|
+
case 'error':
|
|
911
|
+
return 'negative';
|
|
912
|
+
}
|
|
913
|
+
return type;
|
|
956
914
|
}
|
|
957
|
-
function
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
return classes.concat('arrow-bottom', 'arrow-right');
|
|
975
|
-
case TOP:
|
|
976
|
-
return classes.concat('arrow-center');
|
|
977
|
-
case TOP_RIGHT:
|
|
978
|
-
return classes.concat('arrow-right');
|
|
979
|
-
case TOP_LEFT:
|
|
980
|
-
default:
|
|
981
|
-
return classes;
|
|
915
|
+
function Alert({
|
|
916
|
+
arrow,
|
|
917
|
+
action,
|
|
918
|
+
children,
|
|
919
|
+
className,
|
|
920
|
+
dismissible,
|
|
921
|
+
icon,
|
|
922
|
+
onDismiss,
|
|
923
|
+
message,
|
|
924
|
+
size,
|
|
925
|
+
title,
|
|
926
|
+
type = 'neutral',
|
|
927
|
+
variant = 'desktop'
|
|
928
|
+
}) {
|
|
929
|
+
useEffect(() => {
|
|
930
|
+
if (arrow !== undefined) {
|
|
931
|
+
logActionRequired("Alert component doesn't support 'arrow' anymore, use 'InlineAlert' instead.");
|
|
982
932
|
}
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
const deprecatedTypeMap$1 = {
|
|
988
|
-
[Sentiment.SUCCESS]: Sentiment.POSITIVE,
|
|
989
|
-
[Sentiment.INFO]: Sentiment.NEUTRAL,
|
|
990
|
-
[Sentiment.ERROR]: Sentiment.NEGATIVE
|
|
991
|
-
};
|
|
992
|
-
const Alert = props => {
|
|
993
|
-
const {
|
|
994
|
-
isModern
|
|
995
|
-
} = useTheme();
|
|
996
|
-
const iconTypeMap = {
|
|
997
|
-
[Sentiment.POSITIVE]: CheckCircle,
|
|
998
|
-
[Sentiment.NEUTRAL]: InfoCircle,
|
|
999
|
-
[Sentiment.WARNING]: Warning,
|
|
1000
|
-
[Sentiment.NEGATIVE]: CrossCircle,
|
|
1001
|
-
[Sentiment.PENDING]: Clock
|
|
1002
|
-
};
|
|
1003
|
-
const [shouldFire, setShouldFire] = useState(false);
|
|
1004
|
-
const {
|
|
1005
|
-
arrow,
|
|
1006
|
-
action,
|
|
1007
|
-
children,
|
|
1008
|
-
className,
|
|
1009
|
-
icon,
|
|
1010
|
-
onDismiss,
|
|
1011
|
-
message,
|
|
1012
|
-
title,
|
|
1013
|
-
type,
|
|
1014
|
-
variant
|
|
1015
|
-
} = props;
|
|
1016
|
-
const closeButtonReference = useRef(null);
|
|
1017
|
-
if (arrow) {
|
|
1018
|
-
const AlertWithArrow = withArrow(Alert, arrow);
|
|
1019
|
-
return /*#__PURE__*/jsx(AlertWithArrow, {
|
|
1020
|
-
...props
|
|
1021
|
-
});
|
|
1022
|
-
}
|
|
1023
|
-
logActionRequired(props);
|
|
1024
|
-
const mappedType = deprecatedTypeMap$1[type] || type;
|
|
1025
|
-
const Icon = iconTypeMap[mappedType];
|
|
1026
|
-
function generateIcon() {
|
|
1027
|
-
if (icon) {
|
|
1028
|
-
return /*#__PURE__*/jsx("div", {
|
|
1029
|
-
className: "alert__icon",
|
|
1030
|
-
children: icon
|
|
1031
|
-
});
|
|
933
|
+
}, [arrow]);
|
|
934
|
+
useEffect(() => {
|
|
935
|
+
if (children !== undefined) {
|
|
936
|
+
logActionRequired("Alert component doesn't support 'children' anymore, use 'message' instead.");
|
|
1032
937
|
}
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
});
|
|
1038
|
-
} else {
|
|
1039
|
-
return /*#__PURE__*/jsx(Icon, {
|
|
1040
|
-
size: 24
|
|
1041
|
-
});
|
|
938
|
+
}, [children]);
|
|
939
|
+
useEffect(() => {
|
|
940
|
+
if (dismissible !== undefined) {
|
|
941
|
+
logActionRequired("Alert component doesn't support 'dismissible' anymore, use 'onDismiss' instead.");
|
|
1042
942
|
}
|
|
1043
|
-
}
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
943
|
+
}, [dismissible]);
|
|
944
|
+
useEffect(() => {
|
|
945
|
+
if (size !== undefined) {
|
|
946
|
+
logActionRequired("Alert component doesn't support 'size' anymore, please remove that prop.");
|
|
947
|
+
}
|
|
948
|
+
}, [size]);
|
|
949
|
+
const resolvedType = resolveType(type);
|
|
950
|
+
useEffect(() => {
|
|
951
|
+
if (resolvedType !== type) {
|
|
952
|
+
logActionRequired(`Alert component has deprecated '${type}' value for the 'type' prop. Please use '${resolvedType}' instead.`);
|
|
953
|
+
}
|
|
954
|
+
}, [resolvedType, type]);
|
|
955
|
+
const [shouldFire, setShouldFire] = useState(false);
|
|
956
|
+
const closeButtonReference = useRef(null);
|
|
957
|
+
return /*#__PURE__*/jsxs("div", {
|
|
958
|
+
className: classNames('alert d-flex', `alert-${resolvedType}`, arrow != null && alertArrowClassNames(arrow), className),
|
|
959
|
+
"data-testid": "alert",
|
|
960
|
+
onTouchStart: () => setShouldFire(true),
|
|
961
|
+
onTouchEnd: event => {
|
|
962
|
+
if (shouldFire && action &&
|
|
1048
963
|
// Check if current event is triggered from closeButton
|
|
1049
|
-
|
|
1050
|
-
if (action
|
|
1051
|
-
window.top
|
|
964
|
+
event.target instanceof Node && closeButtonReference.current && !closeButtonReference.current.contains(event.target)) {
|
|
965
|
+
if (action.target === '_blank') {
|
|
966
|
+
window.top?.open(action.href);
|
|
1052
967
|
} else {
|
|
1053
|
-
window.top
|
|
968
|
+
window.top?.location.assign(action.href);
|
|
1054
969
|
}
|
|
1055
970
|
}
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
return /*#__PURE__*/jsxs("div", {
|
|
1060
|
-
className: classNames('alert d-flex', `alert-${mappedType}`, className),
|
|
1061
|
-
"data-testid": "alert",
|
|
1062
|
-
onTouchStart: handleTouchStart,
|
|
1063
|
-
onTouchEnd: handleTouchEnd,
|
|
1064
|
-
onTouchMove: handleTouchMove,
|
|
971
|
+
setShouldFire(false);
|
|
972
|
+
},
|
|
973
|
+
onTouchMove: () => setShouldFire(false),
|
|
1065
974
|
children: [/*#__PURE__*/jsxs("div", {
|
|
1066
975
|
className: classNames('alert__content', 'd-flex', 'flex-grow-1', variant),
|
|
1067
976
|
"data-testid": variant,
|
|
1068
|
-
children: [
|
|
977
|
+
children: [icon ? /*#__PURE__*/jsx("div", {
|
|
978
|
+
className: "alert__icon",
|
|
979
|
+
children: icon
|
|
980
|
+
}) : /*#__PURE__*/jsx(StatusIcon, {
|
|
981
|
+
size: Size.LARGE,
|
|
982
|
+
sentiment: resolvedType
|
|
983
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
1069
984
|
className: "alert__message",
|
|
1070
985
|
children: [/*#__PURE__*/jsxs("div", {
|
|
1071
|
-
role: Sentiment.NEGATIVE ===
|
|
986
|
+
role: Sentiment.NEGATIVE === resolvedType ? 'alert' : 'status',
|
|
1072
987
|
children: [title && /*#__PURE__*/jsx(Title, {
|
|
1073
988
|
className: "m-b-1",
|
|
1074
989
|
type: Typography.TITLE_BODY,
|
|
@@ -1096,72 +1011,24 @@ const Alert = props => {
|
|
|
1096
1011
|
onClick: onDismiss
|
|
1097
1012
|
})]
|
|
1098
1013
|
});
|
|
1099
|
-
};
|
|
1100
|
-
const deprecatedTypeMapMessage$1 = {
|
|
1101
|
-
[Sentiment.SUCCESS]: 'Sentiment.POSITIVE',
|
|
1102
|
-
[Sentiment.INFO]: 'Sentiment.NEUTRAL',
|
|
1103
|
-
[Sentiment.ERROR]: 'Sentiment.NEGATIVE'
|
|
1104
|
-
};
|
|
1105
|
-
const deprecatedTypes$1 = Object.keys(deprecatedTypeMap$1);
|
|
1106
|
-
function logActionRequired({
|
|
1107
|
-
size,
|
|
1108
|
-
type
|
|
1109
|
-
}) {
|
|
1110
|
-
logActionRequiredIf('Alert no longer supports any possible variations in size. Please remove the `size` prop.', !!size);
|
|
1111
|
-
logActionRequiredIf(`Alert has deprecated the ${type} value for the \`type\` prop. Please update to ${deprecatedTypeMapMessage$1[type]}.`, deprecatedTypes$1.includes(type));
|
|
1112
1014
|
}
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
/** The presence of the onDismiss handler will trigger the visibility of the close button */
|
|
1131
|
-
onDismiss: PropTypes.func,
|
|
1132
|
-
/** The type dictates which icon and colour will be used */
|
|
1133
|
-
type: PropTypes.oneOf(['negative', 'neutral', 'positive', 'warning', 'info', 'error', 'success']),
|
|
1134
|
-
variant: PropTypes.oneOf(['desktop', 'mobile']),
|
|
1135
|
-
/** @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component */
|
|
1136
|
-
arrow: deprecated$1(PropTypes.oneOf(['up-left', 'up-center', 'up-right', 'down-left', 'down-center', 'down-right']), {
|
|
1137
|
-
component: 'Alert',
|
|
1138
|
-
expiryDate: new Date('03-01-2021')
|
|
1139
|
-
}),
|
|
1140
|
-
/** @deprecated use `message` property instead */
|
|
1141
|
-
children: deprecated$1(requiredIf(PropTypes.node, ({
|
|
1142
|
-
message
|
|
1143
|
-
}) => !message), {
|
|
1144
|
-
component: 'Alert',
|
|
1145
|
-
message: 'You should now use the `message` prop. Be aware `message` only accepts plain text or text with **bold** markdown.',
|
|
1146
|
-
expiryDate: new Date('03-01-2021')
|
|
1147
|
-
}),
|
|
1148
|
-
/** @deprecated use `onDismiss` instead */
|
|
1149
|
-
dismissible: deprecated$1(PropTypes.bool, {
|
|
1150
|
-
component: 'Alert',
|
|
1151
|
-
message: 'The Alert will now be considered dismissible if an `onDismiss` hander is present.',
|
|
1152
|
-
expiryDate: new Date('03-01-2021')
|
|
1153
|
-
})
|
|
1154
|
-
};
|
|
1155
|
-
Alert.defaultProps = {
|
|
1156
|
-
action: undefined,
|
|
1157
|
-
arrow: undefined,
|
|
1158
|
-
className: undefined,
|
|
1159
|
-
dismissible: undefined,
|
|
1160
|
-
icon: undefined,
|
|
1161
|
-
type: Sentiment.NEUTRAL,
|
|
1162
|
-
variant: Variant.DESKTOP
|
|
1163
|
-
};
|
|
1164
|
-
var Alert$1 = Alert;
|
|
1015
|
+
function alertArrowClassNames(arrow) {
|
|
1016
|
+
switch (arrow) {
|
|
1017
|
+
case 'down-center':
|
|
1018
|
+
return 'arrow arrow-bottom arrow-center';
|
|
1019
|
+
case 'down-left':
|
|
1020
|
+
return 'arrow arrow-bottom arrow-left';
|
|
1021
|
+
case 'down-right':
|
|
1022
|
+
return 'arrow arrow-bottom arrow-right';
|
|
1023
|
+
case 'up-center':
|
|
1024
|
+
return 'arrow arrow-center';
|
|
1025
|
+
case 'up-right':
|
|
1026
|
+
return 'arrow arrow-right';
|
|
1027
|
+
case 'up-left':
|
|
1028
|
+
default:
|
|
1029
|
+
return 'arrow';
|
|
1030
|
+
}
|
|
1031
|
+
}
|
|
1165
1032
|
|
|
1166
1033
|
// TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
|
|
1167
1034
|
var AvatarType;
|
|
@@ -1387,6 +1254,7 @@ const FocusBoundary = ({
|
|
|
1387
1254
|
})
|
|
1388
1255
|
});
|
|
1389
1256
|
};
|
|
1257
|
+
var FocusBoundary$1 = FocusBoundary;
|
|
1390
1258
|
|
|
1391
1259
|
function withNextPortalWrapper(Component) {
|
|
1392
1260
|
return function (props) {
|
|
@@ -1528,7 +1396,7 @@ const Dimmer = ({
|
|
|
1528
1396
|
onExited: onExited,
|
|
1529
1397
|
children: /*#__PURE__*/jsx(DimmerContentWrapper, {
|
|
1530
1398
|
scrollBody: !transparent,
|
|
1531
|
-
children: /*#__PURE__*/jsx(FocusBoundary, {
|
|
1399
|
+
children: /*#__PURE__*/jsx(FocusBoundary$1, {
|
|
1532
1400
|
children: /*#__PURE__*/jsx("div", {
|
|
1533
1401
|
ref: dimmerReference,
|
|
1534
1402
|
className: classNames('dimmer', {
|
|
@@ -2160,7 +2028,7 @@ var messages$b = defineMessages({
|
|
|
2160
2028
|
}
|
|
2161
2029
|
});
|
|
2162
2030
|
|
|
2163
|
-
const typeClassMap
|
|
2031
|
+
const typeClassMap = {
|
|
2164
2032
|
[ControlType.ACCENT]: 'btn-accent',
|
|
2165
2033
|
[ControlType.POSITIVE]: 'btn-positive',
|
|
2166
2034
|
[ControlType.NEGATIVE]: 'btn-negative'
|
|
@@ -2244,7 +2112,7 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
2244
2112
|
},
|
|
2245
2113
|
// @ts-expect-error fix when refactor `typeClassMap` to TypeScript
|
|
2246
2114
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
2247
|
-
typeClassMap
|
|
2115
|
+
typeClassMap[newType],
|
|
2248
2116
|
// @ts-expect-error fix when refactor `typeClassMap` to TypeScript
|
|
2249
2117
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
2250
2118
|
priorityClassMap[newPriority], className);
|
|
@@ -2629,7 +2497,7 @@ const CircularButton = ({
|
|
|
2629
2497
|
type = ControlType.ACCENT,
|
|
2630
2498
|
...rest
|
|
2631
2499
|
}) => {
|
|
2632
|
-
const classes = classNames('btn np-btn', typeClassMap
|
|
2500
|
+
const classes = classNames('btn np-btn', typeClassMap[type], priorityClassMap[priority]);
|
|
2633
2501
|
const iconElement = Number(icon.props.size) !== 24 ? /*#__PURE__*/cloneElement(icon, {
|
|
2634
2502
|
size: 24
|
|
2635
2503
|
}) : icon;
|
|
@@ -2664,11 +2532,17 @@ function getDayNames(locale, format = 'short') {
|
|
|
2664
2532
|
|
|
2665
2533
|
// Makes sure that date is between min and max dates, returns a cloned min or max
|
|
2666
2534
|
function moveToWithinRange(date, min, max) {
|
|
2667
|
-
|
|
2535
|
+
if (min && date < min) {
|
|
2536
|
+
return new Date(min);
|
|
2537
|
+
}
|
|
2538
|
+
if (max && date > max) {
|
|
2539
|
+
return new Date(max);
|
|
2540
|
+
}
|
|
2541
|
+
return date;
|
|
2668
2542
|
}
|
|
2669
2543
|
|
|
2670
2544
|
function isWithinRange(date, min, max) {
|
|
2671
|
-
return
|
|
2545
|
+
return (!min || date >= min) && (!max || date <= max);
|
|
2672
2546
|
}
|
|
2673
2547
|
|
|
2674
2548
|
const getMonthNames = (locale, format = 'long') => {
|
|
@@ -3192,7 +3066,7 @@ var dateTriggerMessages = defineMessages({
|
|
|
3192
3066
|
|
|
3193
3067
|
const DateTrigger = ({
|
|
3194
3068
|
selectedDate,
|
|
3195
|
-
size,
|
|
3069
|
+
size = Size.MEDIUM,
|
|
3196
3070
|
placeholder,
|
|
3197
3071
|
label,
|
|
3198
3072
|
monthFormat,
|
|
@@ -3204,19 +3078,6 @@ const DateTrigger = ({
|
|
|
3204
3078
|
locale,
|
|
3205
3079
|
formatMessage
|
|
3206
3080
|
} = useIntl();
|
|
3207
|
-
const handleKeyDown = event => {
|
|
3208
|
-
if (isKey({
|
|
3209
|
-
keyType: 'Space',
|
|
3210
|
-
event: event
|
|
3211
|
-
}) || isKey({
|
|
3212
|
-
keyType: 'Enter',
|
|
3213
|
-
event: event
|
|
3214
|
-
})) {
|
|
3215
|
-
event.stopPropagation();
|
|
3216
|
-
event.preventDefault();
|
|
3217
|
-
onClear();
|
|
3218
|
-
}
|
|
3219
|
-
};
|
|
3220
3081
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
3221
3082
|
children: [/*#__PURE__*/jsxs("button", {
|
|
3222
3083
|
className: `btn btn-${size} btn-input np-date-trigger`,
|
|
@@ -3253,29 +3114,12 @@ const DateTrigger = ({
|
|
|
3253
3114
|
event.stopPropagation();
|
|
3254
3115
|
event.preventDefault();
|
|
3255
3116
|
onClear();
|
|
3256
|
-
}
|
|
3257
|
-
onKeyPress: handleKeyDown
|
|
3117
|
+
}
|
|
3258
3118
|
})
|
|
3259
3119
|
})]
|
|
3260
3120
|
}) : null]
|
|
3261
3121
|
});
|
|
3262
3122
|
};
|
|
3263
|
-
DateTrigger.propTypes = {
|
|
3264
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3265
|
-
size: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
3266
|
-
placeholder: PropTypes.string.isRequired,
|
|
3267
|
-
label: PropTypes.string.isRequired,
|
|
3268
|
-
monthFormat: PropTypes.oneOf(['short', 'long']).isRequired,
|
|
3269
|
-
disabled: PropTypes.bool.isRequired,
|
|
3270
|
-
onClick: PropTypes.func,
|
|
3271
|
-
onClear: PropTypes.func
|
|
3272
|
-
};
|
|
3273
|
-
DateTrigger.defaultProps = {
|
|
3274
|
-
selectedDate: null,
|
|
3275
|
-
size: Size.MEDIUM,
|
|
3276
|
-
onClear: undefined
|
|
3277
|
-
};
|
|
3278
|
-
var DateTrigger$1 = DateTrigger;
|
|
3279
3123
|
|
|
3280
3124
|
var messages$8 = defineMessages({
|
|
3281
3125
|
next: {
|
|
@@ -3357,18 +3201,6 @@ const DateHeader = ({
|
|
|
3357
3201
|
})]
|
|
3358
3202
|
});
|
|
3359
3203
|
};
|
|
3360
|
-
DateHeader.propTypes = {
|
|
3361
|
-
label: PropTypes.string,
|
|
3362
|
-
onLabelClick: PropTypes.func,
|
|
3363
|
-
onPreviousClick: PropTypes.func.isRequired,
|
|
3364
|
-
onNextClick: PropTypes.func.isRequired,
|
|
3365
|
-
dateMode: PropTypes.string
|
|
3366
|
-
};
|
|
3367
|
-
DateHeader.defaultProps = {
|
|
3368
|
-
label: null,
|
|
3369
|
-
onLabelClick: () => {}
|
|
3370
|
-
};
|
|
3371
|
-
var DateHeader$1 = DateHeader;
|
|
3372
3204
|
|
|
3373
3205
|
function getFocusableTime(props) {
|
|
3374
3206
|
return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
|
|
@@ -3454,10 +3286,9 @@ class DayCalendarTable extends PureComponent {
|
|
|
3454
3286
|
let week = [];
|
|
3455
3287
|
const weeks = [];
|
|
3456
3288
|
let i;
|
|
3457
|
-
|
|
3458
3289
|
// Pad first week
|
|
3459
3290
|
for (i = 1; i < firstDayOfMonth; i += 1) {
|
|
3460
|
-
week.push(
|
|
3291
|
+
week.push(-1);
|
|
3461
3292
|
}
|
|
3462
3293
|
// Fill in days
|
|
3463
3294
|
for (i = 1; i <= daysInMonth; i += 1) {
|
|
@@ -3470,7 +3301,7 @@ class DayCalendarTable extends PureComponent {
|
|
|
3470
3301
|
if (week.length > 0) {
|
|
3471
3302
|
// Pad last week
|
|
3472
3303
|
for (i = week.length; i < 7; i += 1) {
|
|
3473
|
-
week.push(
|
|
3304
|
+
week.push(-1);
|
|
3474
3305
|
}
|
|
3475
3306
|
weeks.push(week);
|
|
3476
3307
|
}
|
|
@@ -3525,12 +3356,10 @@ class DayCalendarTable extends PureComponent {
|
|
|
3525
3356
|
const {
|
|
3526
3357
|
viewMonth,
|
|
3527
3358
|
viewYear,
|
|
3528
|
-
intl
|
|
3529
|
-
locale
|
|
3530
|
-
}
|
|
3359
|
+
intl
|
|
3531
3360
|
} = this.props;
|
|
3532
3361
|
const weeks = this.getTableStructure();
|
|
3533
|
-
|
|
3362
|
+
const autoFocusDay = this.getAutofocusDay(weeks);
|
|
3534
3363
|
return /*#__PURE__*/jsxs("table", {
|
|
3535
3364
|
className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
|
|
3536
3365
|
children: [/*#__PURE__*/jsx("thead", {
|
|
@@ -3556,12 +3385,12 @@ class DayCalendarTable extends PureComponent {
|
|
|
3556
3385
|
children: weeks.map((week, weekIndex) => /*#__PURE__*/jsx("tr", {
|
|
3557
3386
|
children: week.map((day, dayIndex) => /*#__PURE__*/jsx("td", {
|
|
3558
3387
|
className: dayIndex > 4 ? 'weekend' : '',
|
|
3559
|
-
children: day && /*#__PURE__*/jsx(TableLink, {
|
|
3388
|
+
children: day !== -1 && /*#__PURE__*/jsx(TableLink, {
|
|
3560
3389
|
item: day,
|
|
3561
3390
|
type: "day",
|
|
3562
|
-
title: formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
|
|
3391
|
+
title: formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
|
|
3563
3392
|
autofocus: day === autoFocusDay,
|
|
3564
|
-
longTitle: formatDate(new Date(viewYear, viewMonth, day), locale),
|
|
3393
|
+
longTitle: formatDate(new Date(viewYear, viewMonth, day), intl.locale),
|
|
3565
3394
|
active: this.isActive(day),
|
|
3566
3395
|
disabled: this.isDisabled(day),
|
|
3567
3396
|
today: this.isToday(day),
|
|
@@ -3573,19 +3402,6 @@ class DayCalendarTable extends PureComponent {
|
|
|
3573
3402
|
});
|
|
3574
3403
|
}
|
|
3575
3404
|
}
|
|
3576
|
-
DayCalendarTable.propTypes = {
|
|
3577
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3578
|
-
min: PropTypes.instanceOf(Date),
|
|
3579
|
-
max: PropTypes.instanceOf(Date),
|
|
3580
|
-
viewMonth: PropTypes.number.isRequired,
|
|
3581
|
-
viewYear: PropTypes.number.isRequired,
|
|
3582
|
-
onSelect: PropTypes.func.isRequired
|
|
3583
|
-
};
|
|
3584
|
-
DayCalendarTable.defaultProps = {
|
|
3585
|
-
selectedDate: null,
|
|
3586
|
-
min: null,
|
|
3587
|
-
max: null
|
|
3588
|
-
};
|
|
3589
3405
|
var DayCalendarTable$1 = injectIntl(DayCalendarTable);
|
|
3590
3406
|
|
|
3591
3407
|
class DayCalendar extends PureComponent {
|
|
@@ -3625,7 +3441,7 @@ class DayCalendar extends PureComponent {
|
|
|
3625
3441
|
onSelect
|
|
3626
3442
|
} = this.props;
|
|
3627
3443
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
3628
|
-
children: [/*#__PURE__*/jsx(DateHeader
|
|
3444
|
+
children: [/*#__PURE__*/jsx(DateHeader, {
|
|
3629
3445
|
label: formatDate(new Date(viewYear, viewMonth), locale, {
|
|
3630
3446
|
month: monthFormat,
|
|
3631
3447
|
year: 'numeric'
|
|
@@ -3645,22 +3461,6 @@ class DayCalendar extends PureComponent {
|
|
|
3645
3461
|
});
|
|
3646
3462
|
}
|
|
3647
3463
|
}
|
|
3648
|
-
DayCalendar.propTypes = {
|
|
3649
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3650
|
-
min: PropTypes.instanceOf(Date),
|
|
3651
|
-
max: PropTypes.instanceOf(Date),
|
|
3652
|
-
viewMonth: PropTypes.number.isRequired,
|
|
3653
|
-
viewYear: PropTypes.number.isRequired,
|
|
3654
|
-
monthFormat: PropTypes.oneOf([MonthFormat.LONG, MonthFormat.SHORT]).isRequired,
|
|
3655
|
-
onSelect: PropTypes.func.isRequired,
|
|
3656
|
-
onLabelClick: PropTypes.func.isRequired,
|
|
3657
|
-
onViewDateUpdate: PropTypes.func.isRequired
|
|
3658
|
-
};
|
|
3659
|
-
DayCalendar.defaultProps = {
|
|
3660
|
-
selectedDate: null,
|
|
3661
|
-
min: null,
|
|
3662
|
-
max: null
|
|
3663
|
-
};
|
|
3664
3464
|
var DayCalendar$1 = injectIntl(DayCalendar);
|
|
3665
3465
|
|
|
3666
3466
|
const ROWS$1 = 3;
|
|
@@ -3692,7 +3492,7 @@ const MonthCalendarTable = ({
|
|
|
3692
3492
|
});
|
|
3693
3493
|
};
|
|
3694
3494
|
const isActive = month => {
|
|
3695
|
-
return selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear();
|
|
3495
|
+
return !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear());
|
|
3696
3496
|
};
|
|
3697
3497
|
const isThisMonth = month => {
|
|
3698
3498
|
return viewYear === new Date().getFullYear() && month === new Date().getMonth();
|
|
@@ -3702,7 +3502,9 @@ const MonthCalendarTable = ({
|
|
|
3702
3502
|
return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
|
|
3703
3503
|
};
|
|
3704
3504
|
const autofocusMonth = (() => {
|
|
3705
|
-
const months =
|
|
3505
|
+
const months = Array.from({
|
|
3506
|
+
length: ROWS$1 * COLS$1
|
|
3507
|
+
}, (_, index) => index);
|
|
3706
3508
|
return getFocusableTime({
|
|
3707
3509
|
isActive,
|
|
3708
3510
|
isNow: isThisMonth,
|
|
@@ -3716,33 +3518,23 @@ const MonthCalendarTable = ({
|
|
|
3716
3518
|
className: "sr-only",
|
|
3717
3519
|
children: /*#__PURE__*/jsx("tr", {
|
|
3718
3520
|
children: /*#__PURE__*/jsx("th", {
|
|
3719
|
-
colSpan:
|
|
3521
|
+
colSpan: COLS$1,
|
|
3720
3522
|
children: placeholder
|
|
3721
3523
|
})
|
|
3722
3524
|
})
|
|
3723
3525
|
}), /*#__PURE__*/jsx("tbody", {
|
|
3724
|
-
children:
|
|
3725
|
-
|
|
3526
|
+
children: Array.from({
|
|
3527
|
+
length: ROWS$1
|
|
3528
|
+
}, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
|
|
3529
|
+
children: Array.from({
|
|
3530
|
+
length: COLS$1
|
|
3531
|
+
}, (_, colIndex) => /*#__PURE__*/jsx("td", {
|
|
3726
3532
|
children: getLink(rowIndex * COLS$1 + colIndex)
|
|
3727
3533
|
}, colIndex))
|
|
3728
3534
|
}, rowIndex))
|
|
3729
3535
|
})]
|
|
3730
3536
|
});
|
|
3731
3537
|
};
|
|
3732
|
-
MonthCalendarTable.propTypes = {
|
|
3733
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3734
|
-
min: PropTypes.instanceOf(Date),
|
|
3735
|
-
max: PropTypes.instanceOf(Date),
|
|
3736
|
-
viewYear: PropTypes.number.isRequired,
|
|
3737
|
-
placeholder: PropTypes.string.isRequired,
|
|
3738
|
-
onSelect: PropTypes.func.isRequired
|
|
3739
|
-
};
|
|
3740
|
-
MonthCalendarTable.defaultProps = {
|
|
3741
|
-
selectedDate: null,
|
|
3742
|
-
min: null,
|
|
3743
|
-
max: null
|
|
3744
|
-
};
|
|
3745
|
-
var MonthCalendarTable$1 = MonthCalendarTable;
|
|
3746
3538
|
|
|
3747
3539
|
class MonthCalendar extends PureComponent {
|
|
3748
3540
|
onMonthSelect = month => {
|
|
@@ -3775,7 +3567,7 @@ class MonthCalendar extends PureComponent {
|
|
|
3775
3567
|
onLabelClick
|
|
3776
3568
|
} = this.props;
|
|
3777
3569
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
3778
|
-
children: [/*#__PURE__*/jsx(DateHeader
|
|
3570
|
+
children: [/*#__PURE__*/jsx(DateHeader, {
|
|
3779
3571
|
dateMode: formatMessage(messages$8.year),
|
|
3780
3572
|
label: formatDate(new Date(viewYear, 0), locale, {
|
|
3781
3573
|
year: 'numeric'
|
|
@@ -3783,32 +3575,17 @@ class MonthCalendar extends PureComponent {
|
|
|
3783
3575
|
onLabelClick: onLabelClick,
|
|
3784
3576
|
onPreviousClick: this.selectPreviousYear,
|
|
3785
3577
|
onNextClick: this.selectNextYear
|
|
3786
|
-
}), /*#__PURE__*/jsx(MonthCalendarTable
|
|
3787
|
-
selectedDate,
|
|
3788
|
-
min,
|
|
3789
|
-
max,
|
|
3790
|
-
viewYear,
|
|
3791
|
-
placeholder,
|
|
3578
|
+
}), /*#__PURE__*/jsx(MonthCalendarTable, {
|
|
3579
|
+
selectedDate: selectedDate,
|
|
3580
|
+
min: min,
|
|
3581
|
+
max: max,
|
|
3582
|
+
viewYear: viewYear,
|
|
3583
|
+
placeholder: placeholder,
|
|
3792
3584
|
onSelect: this.onMonthSelect
|
|
3793
3585
|
})]
|
|
3794
3586
|
});
|
|
3795
3587
|
}
|
|
3796
3588
|
}
|
|
3797
|
-
MonthCalendar.propTypes = {
|
|
3798
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3799
|
-
min: PropTypes.instanceOf(Date),
|
|
3800
|
-
max: PropTypes.instanceOf(Date),
|
|
3801
|
-
viewYear: PropTypes.number.isRequired,
|
|
3802
|
-
placeholder: PropTypes.string.isRequired,
|
|
3803
|
-
onSelect: PropTypes.func.isRequired,
|
|
3804
|
-
onLabelClick: PropTypes.func.isRequired,
|
|
3805
|
-
onViewDateUpdate: PropTypes.func.isRequired
|
|
3806
|
-
};
|
|
3807
|
-
MonthCalendar.defaultProps = {
|
|
3808
|
-
selectedDate: null,
|
|
3809
|
-
min: null,
|
|
3810
|
-
max: null
|
|
3811
|
-
};
|
|
3812
3589
|
var MonthCalendar$1 = injectIntl(MonthCalendar);
|
|
3813
3590
|
|
|
3814
3591
|
const ROWS = 5;
|
|
@@ -3850,7 +3627,9 @@ const YearCalendarTable = ({
|
|
|
3850
3627
|
return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
|
|
3851
3628
|
};
|
|
3852
3629
|
const autofocusYear = (() => {
|
|
3853
|
-
const years =
|
|
3630
|
+
const years = Array.from({
|
|
3631
|
+
length: ROWS * COLS
|
|
3632
|
+
}, (_, index) => startYear + index);
|
|
3854
3633
|
return getFocusableTime({
|
|
3855
3634
|
isActive,
|
|
3856
3635
|
isNow: isThisYear,
|
|
@@ -3864,33 +3643,23 @@ const YearCalendarTable = ({
|
|
|
3864
3643
|
className: "sr-only",
|
|
3865
3644
|
children: /*#__PURE__*/jsx("tr", {
|
|
3866
3645
|
children: /*#__PURE__*/jsx("th", {
|
|
3867
|
-
colSpan:
|
|
3646
|
+
colSpan: COLS,
|
|
3868
3647
|
children: placeholder
|
|
3869
3648
|
})
|
|
3870
3649
|
})
|
|
3871
3650
|
}), /*#__PURE__*/jsx("tbody", {
|
|
3872
|
-
children:
|
|
3873
|
-
|
|
3651
|
+
children: Array.from({
|
|
3652
|
+
length: ROWS
|
|
3653
|
+
}, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
|
|
3654
|
+
children: Array.from({
|
|
3655
|
+
length: COLS
|
|
3656
|
+
}, (_, colIndex) => /*#__PURE__*/jsx("td", {
|
|
3874
3657
|
children: getLink(startYear + rowIndex * COLS + colIndex)
|
|
3875
3658
|
}, colIndex))
|
|
3876
3659
|
}, rowIndex))
|
|
3877
3660
|
})]
|
|
3878
3661
|
});
|
|
3879
3662
|
};
|
|
3880
|
-
YearCalendarTable.propTypes = {
|
|
3881
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3882
|
-
min: PropTypes.instanceOf(Date),
|
|
3883
|
-
max: PropTypes.instanceOf(Date),
|
|
3884
|
-
viewYear: PropTypes.number.isRequired,
|
|
3885
|
-
placeholder: PropTypes.string.isRequired,
|
|
3886
|
-
onSelect: PropTypes.func.isRequired
|
|
3887
|
-
};
|
|
3888
|
-
YearCalendarTable.defaultProps = {
|
|
3889
|
-
selectedDate: null,
|
|
3890
|
-
min: null,
|
|
3891
|
-
max: null
|
|
3892
|
-
};
|
|
3893
|
-
var YearCalendarTable$1 = YearCalendarTable;
|
|
3894
3663
|
|
|
3895
3664
|
class YearCalendar extends PureComponent {
|
|
3896
3665
|
onYearSelect = year => {
|
|
@@ -3921,43 +3690,35 @@ class YearCalendar extends PureComponent {
|
|
|
3921
3690
|
}
|
|
3922
3691
|
} = this.props;
|
|
3923
3692
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
3924
|
-
children: [/*#__PURE__*/jsx(DateHeader
|
|
3693
|
+
children: [/*#__PURE__*/jsx(DateHeader, {
|
|
3925
3694
|
dateMode: formatMessage(messages$8.twentyYears),
|
|
3926
3695
|
onPreviousClick: this.selectPreviousYears,
|
|
3927
3696
|
onNextClick: this.selectNextYears
|
|
3928
|
-
}), /*#__PURE__*/jsx(YearCalendarTable
|
|
3929
|
-
selectedDate,
|
|
3930
|
-
min,
|
|
3931
|
-
max,
|
|
3932
|
-
viewYear,
|
|
3933
|
-
placeholder,
|
|
3697
|
+
}), /*#__PURE__*/jsx(YearCalendarTable, {
|
|
3698
|
+
selectedDate: selectedDate,
|
|
3699
|
+
min: min,
|
|
3700
|
+
max: max,
|
|
3701
|
+
viewYear: viewYear,
|
|
3702
|
+
placeholder: placeholder,
|
|
3934
3703
|
onSelect: this.onYearSelect
|
|
3935
3704
|
})]
|
|
3936
3705
|
});
|
|
3937
3706
|
}
|
|
3938
3707
|
}
|
|
3939
|
-
YearCalendar.propTypes = {
|
|
3940
|
-
selectedDate: PropTypes.instanceOf(Date),
|
|
3941
|
-
min: PropTypes.instanceOf(Date),
|
|
3942
|
-
max: PropTypes.instanceOf(Date),
|
|
3943
|
-
viewYear: PropTypes.number.isRequired,
|
|
3944
|
-
placeholder: PropTypes.string.isRequired,
|
|
3945
|
-
onSelect: PropTypes.func.isRequired,
|
|
3946
|
-
onViewDateUpdate: PropTypes.func.isRequired
|
|
3947
|
-
};
|
|
3948
|
-
YearCalendar.defaultProps = {
|
|
3949
|
-
selectedDate: null,
|
|
3950
|
-
min: null,
|
|
3951
|
-
max: null
|
|
3952
|
-
};
|
|
3953
3708
|
var YearCalendar$1 = injectIntl(YearCalendar);
|
|
3954
3709
|
|
|
3955
|
-
const MODE = {
|
|
3956
|
-
DAY: 'day',
|
|
3957
|
-
MONTH: 'month',
|
|
3958
|
-
YEAR: 'year'
|
|
3959
|
-
};
|
|
3960
3710
|
class DateLookup extends PureComponent {
|
|
3711
|
+
static defaultProps = {
|
|
3712
|
+
value: null,
|
|
3713
|
+
min: null,
|
|
3714
|
+
max: null,
|
|
3715
|
+
size: Size.MEDIUM,
|
|
3716
|
+
placeholder: '',
|
|
3717
|
+
label: '',
|
|
3718
|
+
monthFormat: MonthFormat.LONG,
|
|
3719
|
+
disabled: false,
|
|
3720
|
+
clearable: false
|
|
3721
|
+
};
|
|
3961
3722
|
element = /*#__PURE__*/createRef();
|
|
3962
3723
|
dropdown = /*#__PURE__*/createRef();
|
|
3963
3724
|
constructor(props) {
|
|
@@ -3970,7 +3731,7 @@ class DateLookup extends PureComponent {
|
|
|
3970
3731
|
viewMonth: (props.value || new Date()).getMonth(),
|
|
3971
3732
|
viewYear: (props.value || new Date()).getFullYear(),
|
|
3972
3733
|
open: false,
|
|
3973
|
-
mode:
|
|
3734
|
+
mode: 'day',
|
|
3974
3735
|
isMobile: false
|
|
3975
3736
|
};
|
|
3976
3737
|
}
|
|
@@ -3978,20 +3739,20 @@ class DateLookup extends PureComponent {
|
|
|
3978
3739
|
const propsSelected = getStartOfDay(props.value);
|
|
3979
3740
|
const propsMin = getStartOfDay(props.min);
|
|
3980
3741
|
const propsMax = getStartOfDay(props.max);
|
|
3981
|
-
const hasSelectedChanged =
|
|
3982
|
-
const hasMinChanged =
|
|
3983
|
-
const hasMaxChanged =
|
|
3742
|
+
const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
|
|
3743
|
+
const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
|
|
3744
|
+
const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
|
|
3984
3745
|
if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
|
|
3985
3746
|
const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
|
|
3986
3747
|
const min = hasMinChanged ? propsMin : state.min;
|
|
3987
3748
|
const max = hasMaxChanged ? propsMax : state.max;
|
|
3988
|
-
|
|
3989
|
-
if (!isWithinRange(selectedDate, min, max)) {
|
|
3749
|
+
if (selectedDate && !isWithinRange(selectedDate, min, max)) {
|
|
3990
3750
|
props.onChange(moveToWithinRange(selectedDate, min, max));
|
|
3991
3751
|
return null;
|
|
3992
3752
|
}
|
|
3993
|
-
const
|
|
3994
|
-
const
|
|
3753
|
+
const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
|
|
3754
|
+
const viewMonth = viewDateThatIsWithinRange.getMonth();
|
|
3755
|
+
const viewYear = viewDateThatIsWithinRange.getFullYear();
|
|
3995
3756
|
return {
|
|
3996
3757
|
selectedDate,
|
|
3997
3758
|
min,
|
|
@@ -4003,12 +3764,12 @@ class DateLookup extends PureComponent {
|
|
|
4003
3764
|
return null;
|
|
4004
3765
|
}
|
|
4005
3766
|
componentDidUpdate(previousProps) {
|
|
4006
|
-
if (
|
|
3767
|
+
if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {
|
|
4007
3768
|
this.focusOn('.active');
|
|
4008
3769
|
}
|
|
4009
|
-
|
|
3770
|
+
const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
|
|
4010
3771
|
this.setState({
|
|
4011
|
-
isMobile:
|
|
3772
|
+
isMobile: mediaQuery.matches
|
|
4012
3773
|
});
|
|
4013
3774
|
}
|
|
4014
3775
|
componentWillUnmount() {
|
|
@@ -4021,7 +3782,7 @@ class DateLookup extends PureComponent {
|
|
|
4021
3782
|
} = this.props;
|
|
4022
3783
|
this.setState({
|
|
4023
3784
|
open: true,
|
|
4024
|
-
mode:
|
|
3785
|
+
mode: 'day'
|
|
4025
3786
|
});
|
|
4026
3787
|
if (onFocus) {
|
|
4027
3788
|
onFocus();
|
|
@@ -4110,17 +3871,19 @@ class DateLookup extends PureComponent {
|
|
|
4110
3871
|
}
|
|
4111
3872
|
let date;
|
|
4112
3873
|
if (selectedDate) {
|
|
4113
|
-
date = new Date(mode ===
|
|
3874
|
+
date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
|
|
4114
3875
|
} else {
|
|
4115
3876
|
date = getStartOfDay(new Date());
|
|
4116
3877
|
}
|
|
4117
|
-
|
|
4118
|
-
|
|
3878
|
+
if (date) {
|
|
3879
|
+
date = moveToWithinRange(date, min, max);
|
|
3880
|
+
}
|
|
3881
|
+
if (date?.getTime() !== selectedDate?.getTime()) {
|
|
4119
3882
|
this.props.onChange(date);
|
|
4120
3883
|
}
|
|
4121
3884
|
};
|
|
4122
3885
|
focusOn = (preferredElement, fallbackElement) => {
|
|
4123
|
-
const element = this.element.current
|
|
3886
|
+
const element = this.element.current?.querySelector(preferredElement);
|
|
4124
3887
|
if (element) {
|
|
4125
3888
|
element.focus();
|
|
4126
3889
|
} else if (fallbackElement) {
|
|
@@ -4134,9 +3897,9 @@ class DateLookup extends PureComponent {
|
|
|
4134
3897
|
this.focusOn('.active', '.today');
|
|
4135
3898
|
});
|
|
4136
3899
|
};
|
|
4137
|
-
switchToDays = () => this.switchMode(
|
|
4138
|
-
switchToMonths = () => this.switchMode(
|
|
4139
|
-
switchToYears = () => this.switchMode(
|
|
3900
|
+
switchToDays = () => this.switchMode('day');
|
|
3901
|
+
switchToMonths = () => this.switchMode('month');
|
|
3902
|
+
switchToYears = () => this.switchMode('year');
|
|
4140
3903
|
handleSelectedDateUpdate = selectedDate => {
|
|
4141
3904
|
this.setState({
|
|
4142
3905
|
selectedDate
|
|
@@ -4173,31 +3936,31 @@ class DateLookup extends PureComponent {
|
|
|
4173
3936
|
className: classNames({
|
|
4174
3937
|
'p-a-1': !isMobile
|
|
4175
3938
|
}),
|
|
4176
|
-
children: [mode ===
|
|
4177
|
-
selectedDate,
|
|
4178
|
-
min,
|
|
4179
|
-
max,
|
|
4180
|
-
viewMonth,
|
|
4181
|
-
viewYear,
|
|
4182
|
-
monthFormat,
|
|
3939
|
+
children: [mode === 'day' && /*#__PURE__*/jsx(DayCalendar$1, {
|
|
3940
|
+
selectedDate: selectedDate,
|
|
3941
|
+
min: min,
|
|
3942
|
+
max: max,
|
|
3943
|
+
viewMonth: viewMonth,
|
|
3944
|
+
viewYear: viewYear,
|
|
3945
|
+
monthFormat: monthFormat,
|
|
4183
3946
|
onSelect: this.handleSelectedDateUpdate,
|
|
4184
3947
|
onLabelClick: this.switchToYears,
|
|
4185
3948
|
onViewDateUpdate: this.handleViewDateUpdate
|
|
4186
|
-
}), mode ===
|
|
4187
|
-
selectedDate,
|
|
4188
|
-
min,
|
|
4189
|
-
max,
|
|
4190
|
-
viewYear,
|
|
4191
|
-
placeholder,
|
|
3949
|
+
}), mode === 'month' && /*#__PURE__*/jsx(MonthCalendar$1, {
|
|
3950
|
+
selectedDate: selectedDate,
|
|
3951
|
+
min: min,
|
|
3952
|
+
max: max,
|
|
3953
|
+
viewYear: viewYear,
|
|
3954
|
+
placeholder: placeholder,
|
|
4192
3955
|
onSelect: this.switchToDays,
|
|
4193
3956
|
onLabelClick: this.switchToYears,
|
|
4194
3957
|
onViewDateUpdate: this.handleViewDateUpdate
|
|
4195
|
-
}), mode ===
|
|
4196
|
-
selectedDate,
|
|
4197
|
-
min,
|
|
4198
|
-
max,
|
|
4199
|
-
viewYear,
|
|
4200
|
-
placeholder,
|
|
3958
|
+
}), mode === 'year' && /*#__PURE__*/jsx(YearCalendar$1, {
|
|
3959
|
+
selectedDate: selectedDate,
|
|
3960
|
+
min: min,
|
|
3961
|
+
max: max,
|
|
3962
|
+
viewYear: viewYear,
|
|
3963
|
+
placeholder: placeholder,
|
|
4201
3964
|
onSelect: this.switchToMonths,
|
|
4202
3965
|
onViewDateUpdate: this.handleViewDateUpdate
|
|
4203
3966
|
})]
|
|
@@ -4223,21 +3986,20 @@ class DateLookup extends PureComponent {
|
|
|
4223
3986
|
value
|
|
4224
3987
|
} = this.props;
|
|
4225
3988
|
return /*#__PURE__*/jsxs("div", {
|
|
4226
|
-
// eslint-disable-line jsx-a11y/no-static-element-interactions
|
|
4227
3989
|
ref: this.element,
|
|
4228
3990
|
id: this.props.id,
|
|
4229
3991
|
"aria-labelledby": ariaLabelledBy,
|
|
4230
3992
|
className: "input-group",
|
|
4231
3993
|
onKeyDown: this.handleKeyDown,
|
|
4232
|
-
children: [/*#__PURE__*/jsx(DateTrigger
|
|
4233
|
-
selectedDate,
|
|
4234
|
-
size,
|
|
4235
|
-
placeholder,
|
|
4236
|
-
label,
|
|
4237
|
-
monthFormat,
|
|
4238
|
-
disabled,
|
|
3994
|
+
children: [/*#__PURE__*/jsx(DateTrigger, {
|
|
3995
|
+
selectedDate: selectedDate,
|
|
3996
|
+
size: size,
|
|
3997
|
+
placeholder: placeholder,
|
|
3998
|
+
label: label,
|
|
3999
|
+
monthFormat: monthFormat,
|
|
4000
|
+
disabled: disabled || false,
|
|
4239
4001
|
onClick: this.open,
|
|
4240
|
-
onClear: !disabled && clearable && value ? this.handleClear :
|
|
4002
|
+
onClear: !disabled && clearable && value ? this.handleClear : undefined
|
|
4241
4003
|
}), /*#__PURE__*/jsx(ResponsivePanel$1, {
|
|
4242
4004
|
anchorRef: this.element,
|
|
4243
4005
|
open: open,
|
|
@@ -4249,36 +4011,6 @@ class DateLookup extends PureComponent {
|
|
|
4249
4011
|
});
|
|
4250
4012
|
}
|
|
4251
4013
|
}
|
|
4252
|
-
DateLookup.propTypes = {
|
|
4253
|
-
id: PropTypes.string,
|
|
4254
|
-
value: PropTypes.instanceOf(Date),
|
|
4255
|
-
min: PropTypes.instanceOf(Date),
|
|
4256
|
-
max: PropTypes.instanceOf(Date),
|
|
4257
|
-
size: PropTypes.oneOf(['sm', 'md', 'lg']),
|
|
4258
|
-
placeholder: PropTypes.string,
|
|
4259
|
-
label: PropTypes.string,
|
|
4260
|
-
'aria-labelledby': PropTypes.string,
|
|
4261
|
-
monthFormat: PropTypes.oneOf(['long', 'short']),
|
|
4262
|
-
disabled: PropTypes.bool,
|
|
4263
|
-
onChange: PropTypes.func.isRequired,
|
|
4264
|
-
onFocus: PropTypes.func,
|
|
4265
|
-
onBlur: PropTypes.func,
|
|
4266
|
-
clearable: PropTypes.bool
|
|
4267
|
-
};
|
|
4268
|
-
DateLookup.defaultProps = {
|
|
4269
|
-
value: null,
|
|
4270
|
-
min: null,
|
|
4271
|
-
max: null,
|
|
4272
|
-
size: Size.MEDIUM,
|
|
4273
|
-
placeholder: '',
|
|
4274
|
-
label: '',
|
|
4275
|
-
monthFormat: MonthFormat.LONG,
|
|
4276
|
-
disabled: false,
|
|
4277
|
-
onFocus: null,
|
|
4278
|
-
onBlur: null,
|
|
4279
|
-
clearable: false
|
|
4280
|
-
};
|
|
4281
|
-
var DateLookup$1 = DateLookup;
|
|
4282
4014
|
|
|
4283
4015
|
const NavigationOption = /*#__PURE__*/forwardRef(({
|
|
4284
4016
|
as: component = 'button',
|
|
@@ -5175,6 +4907,7 @@ var LogoType;
|
|
|
5175
4907
|
(function (LogoType) {
|
|
5176
4908
|
LogoType["WISE"] = "WISE";
|
|
5177
4909
|
LogoType["WISE_BUSINESS"] = "WISE_BUSINESS";
|
|
4910
|
+
LogoType["WISE_PLATFORM"] = "WISE_PLATFORM";
|
|
5178
4911
|
})(LogoType || (LogoType = {}));
|
|
5179
4912
|
|
|
5180
4913
|
var LogoFlagInverse = function LogoFlagInverse(props) {
|
|
@@ -5192,6 +4925,36 @@ LogoFlagInverse.defaultProps = {
|
|
|
5192
4925
|
height: "24",
|
|
5193
4926
|
fill: "none"
|
|
5194
4927
|
};
|
|
4928
|
+
var LogoFlagPlatformInverse = function LogoFlagPlatformInverse(props) {
|
|
4929
|
+
return /*#__PURE__*/jsx("svg", {
|
|
4930
|
+
...props,
|
|
4931
|
+
children: /*#__PURE__*/jsx("path", {
|
|
4932
|
+
fill: "#fff",
|
|
4933
|
+
d: "M4.887 5.918 0 11.523h8.726l.98-2.642H5.969l2.284-2.593.008-.068-1.486-2.508h6.683L8.276 17.699h3.546L18.079.838H1.916l2.97 5.08Zm17.114 11.799V.791h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.83-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.6h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.791v16.926h-2.518V.791h2.518Zm6.889 17.207c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.716.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.313.775-.09 1.404-.161 1.887-.22.482-.057.834-.152 1.052-.285.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218l-2.366-.528c.28-.772.692-1.395 1.234-1.872a5.034 5.034 0 0 1 1.874-1.042 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46V15.98h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.245a7.313 7.313 0 0 1-.871.19 33.88 33.88 0 0 1-.952.14l-.774.103c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.023v1.984h-7.067V5.023h7.067Zm-5.172-3.04h2.518V13.99c0 .48.074.838.22 1.078a1.1 1.1 0 0 0 .568.488c.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.518 4.518 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.165 3.165 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.983Zm13.846 3.041v1.984h-7.312V5.024h7.312ZM64.2 17.718V3.553c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18A4.615 4.615 0 0 1 68.041 0a6.072 6.072 0 0 1 2.098.338l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29v13.835H64.2Zm12.182.257c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.074c.787 0 1.438-.204 1.954-.612.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.628.52.407 1.176.612 1.967.612Zm8.044 1.817V5.024h2.434V7.04h.135a3.098 3.098 0 0 1 1.25-1.617 3.619 3.619 0 0 1 2.034-.591 10.666 10.666 0 0 1 1.071.058v2.363a5.1 5.1 0 0 0-.538-.095 5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.584-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002Zm8.589 0V5.023h2.418V7.09h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519v-8.28c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.281c0-.69-.219-1.242-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.522Z"
|
|
4934
|
+
})
|
|
4935
|
+
});
|
|
4936
|
+
};
|
|
4937
|
+
LogoFlagPlatformInverse.defaultProps = {
|
|
4938
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4939
|
+
width: "111",
|
|
4940
|
+
height: "18",
|
|
4941
|
+
fill: "none"
|
|
4942
|
+
};
|
|
4943
|
+
var LogoFlagPlatform = function LogoFlagPlatform(props) {
|
|
4944
|
+
return /*#__PURE__*/jsx("svg", {
|
|
4945
|
+
...props,
|
|
4946
|
+
children: /*#__PURE__*/jsx("path", {
|
|
4947
|
+
fill: "#163300",
|
|
4948
|
+
d: "M4.887 5.92 0 11.525h8.726l.98-2.642H5.969L8.252 6.29l.008-.068-1.486-2.508h6.683L8.276 17.7h3.546L18.079.84H1.916l2.97 5.08Zm17.114 11.8V.792h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.829-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.603h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.793v16.926h-2.518V.793h2.518ZM45.712 18c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.717.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.314.775-.088 1.404-.16 1.887-.218.482-.058.834-.153 1.052-.286.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218L41.736 8.1c.28-.772.692-1.395 1.234-1.873a5.034 5.034 0 0 1 1.874-1.041 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46v-1.736h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.244a7.313 7.313 0 0 1-.871.19c-.327.054-.644.1-.952.14l-.774.104c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.025V7.01h-7.067V5.025h7.067Zm-5.172-3.04h2.518v12.008c0 .48.074.838.22 1.078a1.1 1.1 0 0 0 .568.488c.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.53 4.53 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.166 3.166 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.312V5.026h7.312ZM64.2 17.72V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.615 4.615 0 0 1 1.904-.393A6.072 6.072 0 0 1 70.14.34l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29V17.72H64.2Zm12.182.257c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.075c.787 0 1.438-.203 1.954-.611.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.627.52.408 1.176.613 1.967.613Zm8.044 1.818V5.026h2.434v2.016h.135a3.098 3.098 0 0 1 1.25-1.617 3.618 3.618 0 0 1 2.034-.591 10.677 10.677 0 0 1 1.071.058v2.363a5.1 5.1 0 0 0-.538-.095 5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.583-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002Zm8.589 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
|
|
4949
|
+
})
|
|
4950
|
+
});
|
|
4951
|
+
};
|
|
4952
|
+
LogoFlagPlatform.defaultProps = {
|
|
4953
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4954
|
+
width: "111",
|
|
4955
|
+
height: "18",
|
|
4956
|
+
fill: "none"
|
|
4957
|
+
};
|
|
5195
4958
|
var LogoFlag = function LogoFlag(props) {
|
|
5196
4959
|
return /*#__PURE__*/jsx("svg", {
|
|
5197
4960
|
...props,
|
|
@@ -5222,6 +4985,36 @@ LogoWiseInverse.defaultProps = {
|
|
|
5222
4985
|
height: "24",
|
|
5223
4986
|
fill: "none"
|
|
5224
4987
|
};
|
|
4988
|
+
var LogoWisePlatformInverse = function LogoWisePlatformInverse(props) {
|
|
4989
|
+
return /*#__PURE__*/jsx("svg", {
|
|
4990
|
+
...props,
|
|
4991
|
+
children: /*#__PURE__*/jsx("path", {
|
|
4992
|
+
fill: "#fff",
|
|
4993
|
+
d: "M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664L31.747 17.7h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735H83.39ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101a3.5 3.5 0 0 1-.732.942c-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001Zm14.574-10.991V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52Zm12.182.255c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612Zm8.039 1.819V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002Zm8.59 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135a3.62 3.62 0 0 1 1.475-1.624c.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
|
|
4994
|
+
})
|
|
4995
|
+
});
|
|
4996
|
+
};
|
|
4997
|
+
LogoWisePlatformInverse.defaultProps = {
|
|
4998
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4999
|
+
width: "172",
|
|
5000
|
+
height: "18",
|
|
5001
|
+
fill: "none"
|
|
5002
|
+
};
|
|
5003
|
+
var LogoWisePlatform = function LogoWisePlatform(props) {
|
|
5004
|
+
return /*#__PURE__*/jsx("svg", {
|
|
5005
|
+
...props,
|
|
5006
|
+
children: /*#__PURE__*/jsx("path", {
|
|
5007
|
+
fill: "#163300",
|
|
5008
|
+
d: "M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664L31.747 17.7h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735H83.39ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101a3.5 3.5 0 0 1-.732.942c-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001Zm14.574-10.991V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985Zm13.846 3.041V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52Zm12.182.255c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612Zm8.039 1.819V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002Zm8.59 0V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135a3.62 3.62 0 0 1 1.475-1.624c.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z"
|
|
5009
|
+
})
|
|
5010
|
+
});
|
|
5011
|
+
};
|
|
5012
|
+
LogoWisePlatform.defaultProps = {
|
|
5013
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5014
|
+
width: "172",
|
|
5015
|
+
height: "18",
|
|
5016
|
+
fill: "none"
|
|
5017
|
+
};
|
|
5225
5018
|
var LogoWise = function LogoWise(props) {
|
|
5226
5019
|
return /*#__PURE__*/jsx("svg", {
|
|
5227
5020
|
...props,
|
|
@@ -5242,24 +5035,29 @@ const svgPaths = {
|
|
|
5242
5035
|
WISE_BUSINESS: LogoWise,
|
|
5243
5036
|
WISE_INVERSE: LogoWiseInverse,
|
|
5244
5037
|
WISE_BUSINESS_INVERSE: LogoWiseInverse,
|
|
5038
|
+
WISE_PLATFORM: LogoWisePlatform,
|
|
5039
|
+
WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,
|
|
5245
5040
|
WISE_FLAG: LogoFlag,
|
|
5246
|
-
WISE_FLAG_INVERSE: LogoFlagInverse
|
|
5041
|
+
WISE_FLAG_INVERSE: LogoFlagInverse,
|
|
5042
|
+
WISE_FLAG_PLATFORM: LogoFlagPlatform,
|
|
5043
|
+
WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse
|
|
5247
5044
|
};
|
|
5248
5045
|
const Logo = ({
|
|
5249
5046
|
className,
|
|
5250
5047
|
inverse,
|
|
5251
5048
|
type
|
|
5252
5049
|
}) => {
|
|
5253
|
-
const LogoSm = svgPaths[`WISE_FLAG${inverse ? '_INVERSE' : ''}`];
|
|
5050
|
+
const LogoSm = svgPaths[`WISE_FLAG${type === LogoType.WISE_PLATFORM ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];
|
|
5254
5051
|
const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
|
|
5052
|
+
const screenMd = useScreenSize(Breakpoint.MEDIUM);
|
|
5255
5053
|
return /*#__PURE__*/jsxs("span", {
|
|
5256
|
-
"aria-label": type === LogoType.WISE ? 'Wise' : 'Wise
|
|
5054
|
+
"aria-label": type === LogoType.WISE ? 'Wise' : 'Wise Business' | type === LogoType.WISE_PLATFORM ? 'Wise Platform' : 'Wise Business',
|
|
5257
5055
|
role: "img",
|
|
5258
5056
|
className: classNames(className, 'np-logo'),
|
|
5259
|
-
children: [/*#__PURE__*/jsx(LogoSm, {
|
|
5260
|
-
className: "np-logo-svg
|
|
5261
|
-
}), /*#__PURE__*/jsx(LogoMd, {
|
|
5262
|
-
className: "np-logo-svg
|
|
5057
|
+
children: [!screenMd && /*#__PURE__*/jsx(LogoSm, {
|
|
5058
|
+
className: "np-logo-svg"
|
|
5059
|
+
}), screenMd && /*#__PURE__*/jsx(LogoMd, {
|
|
5060
|
+
className: "np-logo-svg"
|
|
5263
5061
|
})]
|
|
5264
5062
|
});
|
|
5265
5063
|
};
|
|
@@ -5269,7 +5067,7 @@ Logo.propTypes = {
|
|
|
5269
5067
|
/** If true, will use dark colours for dark on light theme */
|
|
5270
5068
|
inverse: PropTypes.bool,
|
|
5271
5069
|
/** What type of logo to display */
|
|
5272
|
-
type: PropTypes.oneOf(['WISE', 'WISE_BUSINESS'])
|
|
5070
|
+
type: PropTypes.oneOf(['WISE', 'WISE_BUSINESS', 'WISE_PLATFORM'])
|
|
5273
5071
|
};
|
|
5274
5072
|
Logo.defaultProps = {
|
|
5275
5073
|
className: undefined,
|
|
@@ -5799,7 +5597,7 @@ function Popover$1({
|
|
|
5799
5597
|
const resolvedPlacement = resolvePlacement(preferredPlacement);
|
|
5800
5598
|
useEffect(() => {
|
|
5801
5599
|
if (resolvedPlacement !== preferredPlacement) {
|
|
5802
|
-
logActionRequired
|
|
5600
|
+
logActionRequired(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
|
|
5803
5601
|
}
|
|
5804
5602
|
}, [preferredPlacement, resolvedPlacement]);
|
|
5805
5603
|
const anchorReference = useRef(null);
|
|
@@ -5904,49 +5702,22 @@ const Info = ({
|
|
|
5904
5702
|
});
|
|
5905
5703
|
};
|
|
5906
5704
|
|
|
5907
|
-
|
|
5908
|
-
[Sentiment.ERROR]: 'danger',
|
|
5909
|
-
[Sentiment.NEGATIVE]: 'danger'
|
|
5910
|
-
};
|
|
5911
|
-
const InlineAlert = ({
|
|
5705
|
+
function InlineAlert({
|
|
5912
5706
|
id,
|
|
5913
|
-
type =
|
|
5707
|
+
type = 'neutral',
|
|
5914
5708
|
className,
|
|
5915
5709
|
children
|
|
5916
|
-
})
|
|
5917
|
-
const
|
|
5918
|
-
|
|
5919
|
-
|
|
5920
|
-
|
|
5921
|
-
|
|
5922
|
-
|
|
5923
|
-
role: "alert",
|
|
5924
|
-
id: id,
|
|
5925
|
-
className: classNames('alert alert-detach', typeClass, className),
|
|
5926
|
-
children: [(type === 'error' || type === 'negative') && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
|
|
5927
|
-
children: children
|
|
5928
|
-
})]
|
|
5929
|
-
});
|
|
5930
|
-
}
|
|
5931
|
-
const getAlertContents = ({
|
|
5932
|
-
children,
|
|
5933
|
-
className
|
|
5934
|
-
}) => {
|
|
5935
|
-
return /*#__PURE__*/jsx("div", {
|
|
5936
|
-
role: "alert",
|
|
5937
|
-
id: id,
|
|
5938
|
-
className: classNames('alert alert-detach p-x-2 p-y-1', typeClass, className),
|
|
5710
|
+
}) {
|
|
5711
|
+
const danger = type === 'negative' || type === 'error';
|
|
5712
|
+
return /*#__PURE__*/jsxs("div", {
|
|
5713
|
+
role: "alert",
|
|
5714
|
+
id: id,
|
|
5715
|
+
className: classNames('alert alert-detach', `alert-${danger ? 'danger' : type}`, className),
|
|
5716
|
+
children: [danger && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
|
|
5939
5717
|
children: children
|
|
5940
|
-
})
|
|
5941
|
-
};
|
|
5942
|
-
const AlertWithArrow = withArrow(getAlertContents, ArrowPosition.TOP_LEFT);
|
|
5943
|
-
return /*#__PURE__*/jsx(AlertWithArrow, {
|
|
5944
|
-
id,
|
|
5945
|
-
type,
|
|
5946
|
-
className,
|
|
5947
|
-
children
|
|
5718
|
+
})]
|
|
5948
5719
|
});
|
|
5949
|
-
}
|
|
5720
|
+
}
|
|
5950
5721
|
|
|
5951
5722
|
/*
|
|
5952
5723
|
* Inspired by:
|
|
@@ -6045,9 +5816,9 @@ function InputAddon({
|
|
|
6045
5816
|
const ref = useRef(null);
|
|
6046
5817
|
useResizeObserver(ref, entry => {
|
|
6047
5818
|
// TODO: Remove fallback once most browsers support `borderBoxSize`
|
|
6048
|
-
|
|
6049
|
-
if (
|
|
6050
|
-
setInputPadding(
|
|
5819
|
+
const inlineSize = entry.borderBoxSize?.[0]?.inlineSize;
|
|
5820
|
+
if (inlineSize != null) {
|
|
5821
|
+
setInputPadding(inlineSize);
|
|
6051
5822
|
} else {
|
|
6052
5823
|
const targetStyle = getComputedStyle(entry.target);
|
|
6053
5824
|
setInputPadding(entry.contentRect.width + Number.parseFloat(targetStyle.paddingInlineStart) + Number.parseFloat(targetStyle.paddingInlineEnd));
|
|
@@ -6194,65 +5965,61 @@ function BottomSheet({
|
|
|
6194
5965
|
theme: "personal",
|
|
6195
5966
|
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6196
5967
|
isNotRootProvider: true,
|
|
6197
|
-
children: /*#__PURE__*/
|
|
5968
|
+
children: /*#__PURE__*/jsxs(Transition, {
|
|
6198
5969
|
show: open,
|
|
6199
5970
|
className: "np-bottom-sheet-v2-container",
|
|
6200
5971
|
beforeEnter: () => {
|
|
6201
5972
|
setFloatingKey(prev => prev + 1);
|
|
6202
5973
|
},
|
|
6203
5974
|
afterLeave: onCloseEnd,
|
|
6204
|
-
children: /*#__PURE__*/
|
|
6205
|
-
|
|
6206
|
-
|
|
6207
|
-
|
|
6208
|
-
|
|
6209
|
-
|
|
6210
|
-
|
|
6211
|
-
|
|
6212
|
-
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
|
|
6225
|
-
|
|
6226
|
-
|
|
6227
|
-
|
|
6228
|
-
|
|
6229
|
-
className: "np-bottom-sheet-v2-
|
|
6230
|
-
|
|
6231
|
-
|
|
6232
|
-
|
|
6233
|
-
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
|
|
6238
|
-
|
|
6239
|
-
}),
|
|
6240
|
-
|
|
6241
|
-
|
|
6242
|
-
|
|
6243
|
-
|
|
6244
|
-
|
|
6245
|
-
|
|
6246
|
-
}) : null, /*#__PURE__*/jsx("div", {
|
|
6247
|
-
className: "np-bottom-sheet-v2-body np-text-body-default",
|
|
6248
|
-
children: children
|
|
6249
|
-
})]
|
|
5975
|
+
children: [/*#__PURE__*/jsx(Transition.Child, {
|
|
5976
|
+
enter: "np-bottom-sheet-v2-backdrop-container--enter",
|
|
5977
|
+
enterFrom: "np-bottom-sheet-v2-backdrop-container--enter-from",
|
|
5978
|
+
leave: "np-bottom-sheet-v2-backdrop-container--leave",
|
|
5979
|
+
leaveTo: "np-bottom-sheet-v2-backdrop-container--leave-to",
|
|
5980
|
+
children: /*#__PURE__*/jsx("div", {
|
|
5981
|
+
className: "np-bottom-sheet-v2-backdrop"
|
|
5982
|
+
})
|
|
5983
|
+
}), /*#__PURE__*/jsx("div", {
|
|
5984
|
+
className: "np-bottom-sheet-v2",
|
|
5985
|
+
children: /*#__PURE__*/jsx(Transition.Child, {
|
|
5986
|
+
className: "np-bottom-sheet-v2-content",
|
|
5987
|
+
enter: "np-bottom-sheet-v2-content--enter",
|
|
5988
|
+
enterFrom: "np-bottom-sheet-v2-content--enter-from",
|
|
5989
|
+
leave: "np-bottom-sheet-v2-content--leave",
|
|
5990
|
+
leaveTo: "np-bottom-sheet-v2-content--leave-to",
|
|
5991
|
+
children: /*#__PURE__*/jsx(FloatingFocusManager, {
|
|
5992
|
+
context: context,
|
|
5993
|
+
initialFocus: initialFocusRef,
|
|
5994
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
5995
|
+
// Force inner state invalidation on open
|
|
5996
|
+
ref: refs.setFloating,
|
|
5997
|
+
className: "np-bottom-sheet-v2-content-inner-container",
|
|
5998
|
+
...getFloatingProps(),
|
|
5999
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
6000
|
+
className: "np-bottom-sheet-v2-header",
|
|
6001
|
+
children: /*#__PURE__*/jsx(CloseButton, {
|
|
6002
|
+
size: Size.SMALL,
|
|
6003
|
+
onClick: () => {
|
|
6004
|
+
onClose?.();
|
|
6005
|
+
}
|
|
6006
|
+
})
|
|
6007
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
6008
|
+
className: classNames('np-bottom-sheet-v2-content-inner', title && 'np-bottom-sheet-v2-content-inner--has-title', {
|
|
6009
|
+
'np-bottom-sheet-v2-content-inner--padding-md': padding === 'md'
|
|
6010
|
+
}),
|
|
6011
|
+
children: [title ? /*#__PURE__*/jsx("h2", {
|
|
6012
|
+
className: "np-bottom-sheet-v2-title np-text-title-body",
|
|
6013
|
+
children: title
|
|
6014
|
+
}) : null, /*#__PURE__*/jsx("div", {
|
|
6015
|
+
className: "np-bottom-sheet-v2-body np-text-body-default",
|
|
6016
|
+
children: children
|
|
6250
6017
|
})]
|
|
6251
|
-
}
|
|
6252
|
-
})
|
|
6018
|
+
})]
|
|
6019
|
+
}, floatingKey)
|
|
6253
6020
|
})
|
|
6254
|
-
})
|
|
6255
|
-
})
|
|
6021
|
+
})
|
|
6022
|
+
})]
|
|
6256
6023
|
})
|
|
6257
6024
|
})
|
|
6258
6025
|
})]
|
|
@@ -6350,36 +6117,32 @@ function Popover({
|
|
|
6350
6117
|
setFloatingKey(prev => prev + 1);
|
|
6351
6118
|
},
|
|
6352
6119
|
afterLeave: onCloseEnd,
|
|
6353
|
-
children: /*#__PURE__*/jsx(
|
|
6354
|
-
|
|
6355
|
-
|
|
6356
|
-
|
|
6357
|
-
|
|
6358
|
-
|
|
6359
|
-
|
|
6360
|
-
|
|
6361
|
-
|
|
6362
|
-
|
|
6363
|
-
|
|
6364
|
-
|
|
6365
|
-
|
|
6366
|
-
|
|
6367
|
-
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
|
|
6371
|
-
|
|
6372
|
-
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
|
|
6376
|
-
|
|
6377
|
-
|
|
6378
|
-
|
|
6379
|
-
})]
|
|
6380
|
-
})
|
|
6381
|
-
}, floatingKey)
|
|
6382
|
-
})
|
|
6120
|
+
children: /*#__PURE__*/jsx(FloatingFocusManager, {
|
|
6121
|
+
context: context,
|
|
6122
|
+
children: /*#__PURE__*/jsx("div", {
|
|
6123
|
+
// Force inner state invalidation on open
|
|
6124
|
+
ref: refs.setFloating,
|
|
6125
|
+
className: classNames('np-popover-v2-container', {
|
|
6126
|
+
'np-popover-v2-container--size-md': size$1 === 'md',
|
|
6127
|
+
'np-popover-v2-container--size-lg': size$1 === 'lg'
|
|
6128
|
+
})
|
|
6129
|
+
// eslint-disable-next-line react/forbid-dom-props
|
|
6130
|
+
,
|
|
6131
|
+
style: floatingStyles,
|
|
6132
|
+
...getFloatingProps(),
|
|
6133
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
6134
|
+
className: classNames('np-popover-v2', title && 'np-popover-v2--has-title', {
|
|
6135
|
+
'np-popover-v2--padding-md': padding === 'md'
|
|
6136
|
+
}),
|
|
6137
|
+
children: [title ? /*#__PURE__*/jsx("h2", {
|
|
6138
|
+
className: "np-popover-v2-title np-text-title-body",
|
|
6139
|
+
children: title
|
|
6140
|
+
}) : null, /*#__PURE__*/jsx("div", {
|
|
6141
|
+
className: "np-popover-v2-content np-text-body-default",
|
|
6142
|
+
children: children
|
|
6143
|
+
})]
|
|
6144
|
+
})
|
|
6145
|
+
}, floatingKey)
|
|
6383
6146
|
})
|
|
6384
6147
|
})
|
|
6385
6148
|
})
|
|
@@ -6758,6 +6521,7 @@ function SelectInputOptions({
|
|
|
6758
6521
|
})
|
|
6759
6522
|
}) : null, /*#__PURE__*/jsxs("section", {
|
|
6760
6523
|
ref: listboxContainerRef,
|
|
6524
|
+
tabIndex: -1,
|
|
6761
6525
|
className: classNames('np-select-input-listbox-container', items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
|
|
6762
6526
|
children: [resultsEmpty ? /*#__PURE__*/jsxs("div", {
|
|
6763
6527
|
id: statusId,
|
|
@@ -7310,6 +7074,7 @@ const InputWithDisplayFormat = props => /*#__PURE__*/jsx(WithDisplayFormat, {
|
|
|
7310
7074
|
});
|
|
7311
7075
|
|
|
7312
7076
|
const InstructionsList = ({
|
|
7077
|
+
className,
|
|
7313
7078
|
dos,
|
|
7314
7079
|
donts,
|
|
7315
7080
|
sort = 'dosFirst'
|
|
@@ -7334,7 +7099,7 @@ const InstructionsList = ({
|
|
|
7334
7099
|
children: [dontsInstructions, dosInstructions]
|
|
7335
7100
|
});
|
|
7336
7101
|
return /*#__PURE__*/jsx("ul", {
|
|
7337
|
-
className:
|
|
7102
|
+
className: classNames('tw-instructions', className),
|
|
7338
7103
|
children: orderedInstructions
|
|
7339
7104
|
});
|
|
7340
7105
|
};
|
|
@@ -13982,7 +13747,7 @@ function CriticalCommsBanner({
|
|
|
13982
13747
|
type: AvatarType.ICON,
|
|
13983
13748
|
className: classNames(isModern ? 'm-r-2' : 'm-r-1'),
|
|
13984
13749
|
backgroundColor: isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)',
|
|
13985
|
-
children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$
|
|
13750
|
+
children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$1, {
|
|
13986
13751
|
size: 24
|
|
13987
13752
|
})
|
|
13988
13753
|
}), /*#__PURE__*/jsxs("div", {
|
|
@@ -14766,10 +14531,10 @@ var th = {
|
|
|
14766
14531
|
"neptune.ClearButton.ariaLabel": "ล้าง",
|
|
14767
14532
|
"neptune.CloseButton.ariaLabel": "ปิด",
|
|
14768
14533
|
"neptune.DateInput.day.label": "วัน",
|
|
14769
|
-
"neptune.DateInput.day.placeholder": "
|
|
14534
|
+
"neptune.DateInput.day.placeholder": "วัน",
|
|
14770
14535
|
"neptune.DateInput.month.label": "เดือน",
|
|
14771
14536
|
"neptune.DateInput.year.label": "ปี",
|
|
14772
|
-
"neptune.DateInput.year.placeholder": "
|
|
14537
|
+
"neptune.DateInput.year.placeholder": "ปี",
|
|
14773
14538
|
"neptune.DateLookup.day": "วัน",
|
|
14774
14539
|
"neptune.DateLookup.goTo20YearView": "ไปที่มุมมอง 20 ปี",
|
|
14775
14540
|
"neptune.DateLookup.month": "เดือน",
|
|
@@ -14939,10 +14704,10 @@ var zhCN = {
|
|
|
14939
14704
|
"neptune.ClearButton.ariaLabel": "清除",
|
|
14940
14705
|
"neptune.CloseButton.ariaLabel": "关闭",
|
|
14941
14706
|
"neptune.DateInput.day.label": "日",
|
|
14942
|
-
"neptune.DateInput.day.placeholder": "
|
|
14707
|
+
"neptune.DateInput.day.placeholder": "日",
|
|
14943
14708
|
"neptune.DateInput.month.label": "月",
|
|
14944
14709
|
"neptune.DateInput.year.label": "年",
|
|
14945
|
-
"neptune.DateInput.year.placeholder": "
|
|
14710
|
+
"neptune.DateInput.year.placeholder": "年",
|
|
14946
14711
|
"neptune.DateLookup.day": "日",
|
|
14947
14712
|
"neptune.DateLookup.goTo20YearView": "转到 20 年视图",
|
|
14948
14713
|
"neptune.DateLookup.month": "月",
|
|
@@ -14955,7 +14720,7 @@ var zhCN = {
|
|
|
14955
14720
|
"neptune.Info.ariaLabel": "更多信息",
|
|
14956
14721
|
"neptune.Link.opensInNewTab": "(在新标签页中打开)",
|
|
14957
14722
|
"neptune.MoneyInput.Select.placeholder": "请选择...",
|
|
14958
|
-
"neptune.PhoneNumberInput.SelectInput.placeholder": "
|
|
14723
|
+
"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
|
|
14959
14724
|
"neptune.Select.searchPlaceholder": "搜索",
|
|
14960
14725
|
"neptune.SelectInput.noResultsFound": "找不到结果",
|
|
14961
14726
|
"neptune.Summary.statusDone": "已完成",
|
|
@@ -14964,13 +14729,13 @@ var zhCN = {
|
|
|
14964
14729
|
"neptune.Upload.csButtonText": "上传另一个文件?",
|
|
14965
14730
|
"neptune.Upload.csFailureText": "上传失败。请重试",
|
|
14966
14731
|
"neptune.Upload.csSuccessText": "上传完毕!",
|
|
14967
|
-
"neptune.Upload.csTooLargeMessage": "
|
|
14732
|
+
"neptune.Upload.csTooLargeMessage": "请提供一个小于 {maxSize} MB 的文件",
|
|
14968
14733
|
"neptune.Upload.csWrongTypeMessage": "不支持该文件类型,请试试其他文件",
|
|
14969
14734
|
"neptune.Upload.psButtonText": "取消",
|
|
14970
14735
|
"neptune.Upload.psProcessingText": "正在上传…",
|
|
14971
14736
|
"neptune.Upload.usButtonText": "或选择文件",
|
|
14972
14737
|
"neptune.Upload.usDropMessage": "拖放文件开始上传",
|
|
14973
|
-
"neptune.Upload.usPlaceholder": "
|
|
14738
|
+
"neptune.Upload.usPlaceholder": "拖放一个不超过 {maxSize} MB 的文件",
|
|
14974
14739
|
"neptune.UploadButton.allFileTypes": "所有文件类型",
|
|
14975
14740
|
"neptune.UploadButton.dropFiles": "拖放文件开始上传",
|
|
14976
14741
|
"neptune.UploadButton.instructions": "{fileTypes},小于 {size} MB",
|
|
@@ -15071,5 +14836,5 @@ const translations = {
|
|
|
15071
14836
|
'zh-HK': zhHK
|
|
15072
14837
|
};
|
|
15073
14838
|
|
|
15074
|
-
export { Accordion, ActionButton, ActionOption, Alert
|
|
14839
|
+
export { Accordion, ActionButton, ActionOption, Alert, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
|
|
15075
14840
|
//# sourceMappingURL=index.mjs.map
|