@tactics/lokaal-loket 0.0.102 → 0.0.104
Sign up to get free protection for your applications and to get access to all the features.
- package/build/index.cjs +824 -608
- package/build/index.d.cts +76 -46
- package/build/index.d.ts +76 -46
- package/build/index.js +614 -413
- package/package.json +22 -16
package/build/index.d.cts
CHANGED
@@ -2,8 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
3
3
|
import { TypographyFontKey, TypographyFontsKey, TypographyFontWeightKey, SpacingKey, Color, ColorVariant, ColorVariantKey, ColorKey } from '@tactics/tacky/contract';
|
4
4
|
export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
|
5
|
+
import { Feature as Feature$1, Point, FeatureCollection, LineString } from 'geojson';
|
5
6
|
import { ThemeMode } from '@tactics/tacky';
|
6
|
-
export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight,
|
7
|
+
export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
|
7
8
|
|
8
9
|
declare enum IconContext {
|
9
10
|
STANDARD = "STANDARD",
|
@@ -223,11 +224,6 @@ declare enum ChoiceContext {
|
|
223
224
|
ERROR = "ERROR"
|
224
225
|
}
|
225
226
|
|
226
|
-
declare enum FigureContext {
|
227
|
-
STANDARD = "STANDARD",
|
228
|
-
INVERTED = "INVERTED",
|
229
|
-
ACCENT = "ACCENT"
|
230
|
-
}
|
231
227
|
declare enum FigureSize {
|
232
228
|
SMALL = "SMALL",
|
233
229
|
MEDIUM = "MEDIUM",
|
@@ -277,14 +273,11 @@ declare enum FigureType {
|
|
277
273
|
BUILDING = "BUILDING"
|
278
274
|
}
|
279
275
|
|
280
|
-
interface
|
276
|
+
interface IFigure {
|
281
277
|
size: FigureSize;
|
282
278
|
type: FigureType;
|
283
279
|
screenReaderText: string;
|
284
280
|
}
|
285
|
-
interface IFigure extends IFigureLoad {
|
286
|
-
context?: FigureContext;
|
287
|
-
}
|
288
281
|
|
289
282
|
interface IChoiceBase {
|
290
283
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
|
@@ -527,10 +520,10 @@ interface ITerm {
|
|
527
520
|
|
528
521
|
declare const Term: ({ label, description, frame }: ITerm) => react_jsx_runtime.JSX.Element;
|
529
522
|
|
530
|
-
interface ITerminal {
|
523
|
+
interface ITerminal$1 {
|
531
524
|
}
|
532
525
|
|
533
|
-
declare const Terminal: ({}: ITerminal) => react_jsx_runtime.JSX.Element;
|
526
|
+
declare const Terminal: ({}: ITerminal$1) => react_jsx_runtime.JSX.Element;
|
534
527
|
|
535
528
|
declare enum YesNoContext {
|
536
529
|
STANDARD = "STANDARD",
|
@@ -631,7 +624,7 @@ interface AutoCompleteContextType<T> {
|
|
631
624
|
setHasFocus: SetState<boolean>;
|
632
625
|
}
|
633
626
|
|
634
|
-
declare const Figure: ({ size, type, screenReaderText
|
627
|
+
declare const Figure: ({ size, type, screenReaderText }: IFigure) => react_jsx_runtime.JSX.Element;
|
635
628
|
|
636
629
|
interface AutocompleteI<T> {
|
637
630
|
name: string;
|
@@ -721,20 +714,12 @@ interface LocationI<T, R> {
|
|
721
714
|
optionToDisplay: (option: T) => React$1.ReactNode;
|
722
715
|
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
723
716
|
optionToInputValue: (option: T) => string;
|
724
|
-
radii: R[];
|
725
|
-
radiiDefault: R;
|
726
|
-
radiiToDisplay: (radius: R) => React$1.ReactNode;
|
727
|
-
radiiToDisplayWhenSelected?: (radius: R) => React$1.ReactNode;
|
728
717
|
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
729
718
|
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
730
|
-
onRadiusChange?: (e: LocationRadiusChangeEvent<R>) => void;
|
731
719
|
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
732
720
|
onBlur?: (e: LocationBlurEvent) => void;
|
733
721
|
onFocus?: (e: LocationFocusEvent) => void;
|
734
722
|
}
|
735
|
-
interface LocationRadiusChangeEvent<R> {
|
736
|
-
radius: R;
|
737
|
-
}
|
738
723
|
interface LocationBlurEvent extends AutocompleteBlurEvent {
|
739
724
|
}
|
740
725
|
interface LocationFocusEvent extends AutocompleteFocusEvent {
|
@@ -753,6 +738,7 @@ interface IMaskedImageBase {
|
|
753
738
|
height: number;
|
754
739
|
maskType: MaskType;
|
755
740
|
imagePath: string;
|
741
|
+
withDecorations?: boolean;
|
756
742
|
}
|
757
743
|
|
758
744
|
declare const MaskedImage: (props: IMaskedImage) => react_jsx_runtime.JSX.Element;
|
@@ -778,11 +764,6 @@ interface RouteI<T, R, D> {
|
|
778
764
|
destinationOptionToDisplay: (option: D) => React$1.ReactNode;
|
779
765
|
destinationOptionToDisplayWhenSelected?: (option: D) => React$1.ReactNode;
|
780
766
|
destinationOptionToInputValue: (option: D) => string;
|
781
|
-
travelModes: R[];
|
782
|
-
travelModeDefault: R;
|
783
|
-
travelModeToDisplay: (option: R) => React$1.ReactNode;
|
784
|
-
travelModeToDisplayWhenSelected?: (option: R) => React$1.ReactNode;
|
785
|
-
onTravelModeChange?: (e: SelectChangeEvent<R>) => void;
|
786
767
|
onOriginSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
787
768
|
onOriginInputChange?: (e: AutocompleteChangeEvent) => void;
|
788
769
|
onOriginNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
@@ -834,6 +815,18 @@ interface CloseI {
|
|
834
815
|
|
835
816
|
declare const Close: ({ label, screenReaderText }: CloseI) => react_jsx_runtime.JSX.Element;
|
836
817
|
|
818
|
+
interface IToggle {
|
819
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
820
|
+
value: string;
|
821
|
+
ariaLabel?: string;
|
822
|
+
label: string;
|
823
|
+
name: string;
|
824
|
+
checked?: boolean;
|
825
|
+
defaultChecked?: boolean;
|
826
|
+
}
|
827
|
+
|
828
|
+
declare const Toggle: ({ label, name, value, ariaLabel, checked, defaultChecked, onChange, }: IToggle) => react_jsx_runtime.JSX.Element;
|
829
|
+
|
837
830
|
declare enum CompactNavigationContext {
|
838
831
|
OPEN = "OPEN",
|
839
832
|
CLOSED = "CLOSED"
|
@@ -1064,30 +1057,66 @@ interface IFooter {
|
|
1064
1057
|
|
1065
1058
|
declare const Footer: ({ top, left, right, bottom }: IFooter) => react_jsx_runtime.JSX.Element;
|
1066
1059
|
|
1067
|
-
type
|
1060
|
+
type TerminalType = "ORIGIN" | "DESTINATION";
|
1061
|
+
type PointType = "DAYCARE" | "CHILDMINDER" | "COOPERATIVE";
|
1062
|
+
interface ITerminal {
|
1068
1063
|
key: string;
|
1069
|
-
|
1070
|
-
|
1071
|
-
|
1072
|
-
|
1073
|
-
|
1074
|
-
|
1075
|
-
|
1076
|
-
|
1064
|
+
name: string;
|
1065
|
+
type: TerminalType;
|
1066
|
+
}
|
1067
|
+
interface IPoint {
|
1068
|
+
key: string;
|
1069
|
+
name: string;
|
1070
|
+
address: string;
|
1071
|
+
type: PointType;
|
1072
|
+
overlay: React$1.ReactNode;
|
1073
|
+
}
|
1074
|
+
interface ILine {
|
1075
|
+
index: number;
|
1076
|
+
label: string;
|
1077
1077
|
}
|
1078
|
-
|
1079
|
-
|
1080
|
-
|
1078
|
+
type IOrigin = Feature$1<Point, ITerminal>;
|
1079
|
+
type IDestination = Feature$1<Point, ITerminal>;
|
1080
|
+
type IPoints = FeatureCollection<Point, IPoint>;
|
1081
|
+
type IRoute = FeatureCollection<LineString, ILine>;
|
1082
|
+
type IRoutes = IRoute[];
|
1083
|
+
interface ILocationBasedMap {
|
1084
|
+
points?: IPoints;
|
1085
|
+
showLoader: boolean;
|
1086
|
+
loader?: React$1.ReactNode;
|
1087
|
+
origin: IOrigin;
|
1088
|
+
onRadiusChange?: (r: number) => void;
|
1089
|
+
onZoomChange?: (zoom: number) => void;
|
1090
|
+
onAreaChange?: (center: google.maps.LatLng, bounds: google.maps.LatLngBounds, radius: number) => void;
|
1081
1091
|
}
|
1082
1092
|
interface IDirectionBasedMapBase {
|
1083
|
-
|
1084
|
-
points?:
|
1093
|
+
routes: IRoutes;
|
1094
|
+
points?: IPoints;
|
1095
|
+
showLoader: boolean;
|
1096
|
+
loader?: React$1.ReactNode;
|
1097
|
+
origin: IOrigin;
|
1098
|
+
destination: IDestination;
|
1099
|
+
travelModeLabels: TravelModeLabels;
|
1100
|
+
onTravelModeChange?: (modes: google.maps.TravelMode[]) => void;
|
1101
|
+
onRouteChange?: (index: number, route: IRoute) => void;
|
1102
|
+
onZoomChange?: () => void;
|
1103
|
+
}
|
1104
|
+
interface IMap extends PropsWithChildren {
|
1105
|
+
mapId: string;
|
1106
|
+
defaultCenter: google.maps.LatLngLiteral;
|
1107
|
+
}
|
1108
|
+
interface TravelModeLabels {
|
1109
|
+
BEST_FIT: string;
|
1110
|
+
DRIVING: string;
|
1111
|
+
TRANSIT: string;
|
1112
|
+
WALKING: string;
|
1113
|
+
BICYCLING: string;
|
1085
1114
|
}
|
1086
1115
|
|
1087
1116
|
declare const Map: {
|
1088
|
-
(
|
1089
|
-
Location: ({ points, origin }:
|
1090
|
-
Direction: ({
|
1117
|
+
(props: IMap): react_jsx_runtime.JSX.Element;
|
1118
|
+
Location: ({ points, showLoader, loader, origin, onRadiusChange, onZoomChange, onAreaChange, }: ILocationBasedMap) => react_jsx_runtime.JSX.Element | null;
|
1119
|
+
Direction: ({ routes, origin, destination, travelModeLabels, points, showLoader, loader, onTravelModeChange, onRouteChange, onZoomChange, }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
|
1091
1120
|
};
|
1092
1121
|
|
1093
1122
|
interface IWizard {
|
@@ -1156,7 +1185,7 @@ interface ICard {
|
|
1156
1185
|
swipe?: React$1.ReactNode;
|
1157
1186
|
badge: React$1.ReactElement<IBadge>;
|
1158
1187
|
title: string;
|
1159
|
-
info
|
1188
|
+
info?: React$1.ReactElement<ILabeledIcon>[] | React$1.ReactElement<ILabeledIcon>;
|
1160
1189
|
labels: React$1.ReactElement<ILabel>[];
|
1161
1190
|
features: React$1.ReactElement<IFeatures>;
|
1162
1191
|
action: React$1.ReactElement<IButton>;
|
@@ -1255,6 +1284,7 @@ declare const SearchSectionFilters: (props: ISearchSectionFilters) => react_jsx_
|
|
1255
1284
|
interface IHomeSectionLeftSplit {
|
1256
1285
|
title: string;
|
1257
1286
|
content: React$1.ReactElement;
|
1287
|
+
imagePath: string;
|
1258
1288
|
}
|
1259
1289
|
|
1260
1290
|
declare const HomeSectionLeftSplit: (props: IHomeSectionLeftSplit) => react_jsx_runtime.JSX.Element;
|
@@ -1545,7 +1575,7 @@ declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI)
|
|
1545
1575
|
declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1546
1576
|
declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1547
1577
|
|
1548
|
-
declare const
|
1578
|
+
declare const CardDaycareExample: () => react_jsx_runtime.JSX.Element;
|
1549
1579
|
declare const CardChildminderExample: () => react_jsx_runtime.JSX.Element;
|
1550
1580
|
|
1551
1581
|
declare const RouteLocationExample: ({ CompactAt, onChange, }: {
|
@@ -1555,4 +1585,4 @@ declare const RouteLocationExample: ({ CompactAt, onChange, }: {
|
|
1555
1585
|
|
1556
1586
|
declare const LocationExample: () => react_jsx_runtime.JSX.Element;
|
1557
1587
|
|
1558
|
-
export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample,
|
1588
|
+
export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal$1 as ITerminal, type IToggle, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
|
package/build/index.d.ts
CHANGED
@@ -2,8 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
3
3
|
import { TypographyFontKey, TypographyFontsKey, TypographyFontWeightKey, SpacingKey, Color, ColorVariant, ColorVariantKey, ColorKey } from '@tactics/tacky/contract';
|
4
4
|
export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
|
5
|
+
import { Feature as Feature$1, Point, FeatureCollection, LineString } from 'geojson';
|
5
6
|
import { ThemeMode } from '@tactics/tacky';
|
6
|
-
export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight,
|
7
|
+
export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
|
7
8
|
|
8
9
|
declare enum IconContext {
|
9
10
|
STANDARD = "STANDARD",
|
@@ -223,11 +224,6 @@ declare enum ChoiceContext {
|
|
223
224
|
ERROR = "ERROR"
|
224
225
|
}
|
225
226
|
|
226
|
-
declare enum FigureContext {
|
227
|
-
STANDARD = "STANDARD",
|
228
|
-
INVERTED = "INVERTED",
|
229
|
-
ACCENT = "ACCENT"
|
230
|
-
}
|
231
227
|
declare enum FigureSize {
|
232
228
|
SMALL = "SMALL",
|
233
229
|
MEDIUM = "MEDIUM",
|
@@ -277,14 +273,11 @@ declare enum FigureType {
|
|
277
273
|
BUILDING = "BUILDING"
|
278
274
|
}
|
279
275
|
|
280
|
-
interface
|
276
|
+
interface IFigure {
|
281
277
|
size: FigureSize;
|
282
278
|
type: FigureType;
|
283
279
|
screenReaderText: string;
|
284
280
|
}
|
285
|
-
interface IFigure extends IFigureLoad {
|
286
|
-
context?: FigureContext;
|
287
|
-
}
|
288
281
|
|
289
282
|
interface IChoiceBase {
|
290
283
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
|
@@ -527,10 +520,10 @@ interface ITerm {
|
|
527
520
|
|
528
521
|
declare const Term: ({ label, description, frame }: ITerm) => react_jsx_runtime.JSX.Element;
|
529
522
|
|
530
|
-
interface ITerminal {
|
523
|
+
interface ITerminal$1 {
|
531
524
|
}
|
532
525
|
|
533
|
-
declare const Terminal: ({}: ITerminal) => react_jsx_runtime.JSX.Element;
|
526
|
+
declare const Terminal: ({}: ITerminal$1) => react_jsx_runtime.JSX.Element;
|
534
527
|
|
535
528
|
declare enum YesNoContext {
|
536
529
|
STANDARD = "STANDARD",
|
@@ -631,7 +624,7 @@ interface AutoCompleteContextType<T> {
|
|
631
624
|
setHasFocus: SetState<boolean>;
|
632
625
|
}
|
633
626
|
|
634
|
-
declare const Figure: ({ size, type, screenReaderText
|
627
|
+
declare const Figure: ({ size, type, screenReaderText }: IFigure) => react_jsx_runtime.JSX.Element;
|
635
628
|
|
636
629
|
interface AutocompleteI<T> {
|
637
630
|
name: string;
|
@@ -721,20 +714,12 @@ interface LocationI<T, R> {
|
|
721
714
|
optionToDisplay: (option: T) => React$1.ReactNode;
|
722
715
|
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
723
716
|
optionToInputValue: (option: T) => string;
|
724
|
-
radii: R[];
|
725
|
-
radiiDefault: R;
|
726
|
-
radiiToDisplay: (radius: R) => React$1.ReactNode;
|
727
|
-
radiiToDisplayWhenSelected?: (radius: R) => React$1.ReactNode;
|
728
717
|
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
729
718
|
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
730
|
-
onRadiusChange?: (e: LocationRadiusChangeEvent<R>) => void;
|
731
719
|
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
732
720
|
onBlur?: (e: LocationBlurEvent) => void;
|
733
721
|
onFocus?: (e: LocationFocusEvent) => void;
|
734
722
|
}
|
735
|
-
interface LocationRadiusChangeEvent<R> {
|
736
|
-
radius: R;
|
737
|
-
}
|
738
723
|
interface LocationBlurEvent extends AutocompleteBlurEvent {
|
739
724
|
}
|
740
725
|
interface LocationFocusEvent extends AutocompleteFocusEvent {
|
@@ -753,6 +738,7 @@ interface IMaskedImageBase {
|
|
753
738
|
height: number;
|
754
739
|
maskType: MaskType;
|
755
740
|
imagePath: string;
|
741
|
+
withDecorations?: boolean;
|
756
742
|
}
|
757
743
|
|
758
744
|
declare const MaskedImage: (props: IMaskedImage) => react_jsx_runtime.JSX.Element;
|
@@ -778,11 +764,6 @@ interface RouteI<T, R, D> {
|
|
778
764
|
destinationOptionToDisplay: (option: D) => React$1.ReactNode;
|
779
765
|
destinationOptionToDisplayWhenSelected?: (option: D) => React$1.ReactNode;
|
780
766
|
destinationOptionToInputValue: (option: D) => string;
|
781
|
-
travelModes: R[];
|
782
|
-
travelModeDefault: R;
|
783
|
-
travelModeToDisplay: (option: R) => React$1.ReactNode;
|
784
|
-
travelModeToDisplayWhenSelected?: (option: R) => React$1.ReactNode;
|
785
|
-
onTravelModeChange?: (e: SelectChangeEvent<R>) => void;
|
786
767
|
onOriginSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
787
768
|
onOriginInputChange?: (e: AutocompleteChangeEvent) => void;
|
788
769
|
onOriginNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
@@ -834,6 +815,18 @@ interface CloseI {
|
|
834
815
|
|
835
816
|
declare const Close: ({ label, screenReaderText }: CloseI) => react_jsx_runtime.JSX.Element;
|
836
817
|
|
818
|
+
interface IToggle {
|
819
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
820
|
+
value: string;
|
821
|
+
ariaLabel?: string;
|
822
|
+
label: string;
|
823
|
+
name: string;
|
824
|
+
checked?: boolean;
|
825
|
+
defaultChecked?: boolean;
|
826
|
+
}
|
827
|
+
|
828
|
+
declare const Toggle: ({ label, name, value, ariaLabel, checked, defaultChecked, onChange, }: IToggle) => react_jsx_runtime.JSX.Element;
|
829
|
+
|
837
830
|
declare enum CompactNavigationContext {
|
838
831
|
OPEN = "OPEN",
|
839
832
|
CLOSED = "CLOSED"
|
@@ -1064,30 +1057,66 @@ interface IFooter {
|
|
1064
1057
|
|
1065
1058
|
declare const Footer: ({ top, left, right, bottom }: IFooter) => react_jsx_runtime.JSX.Element;
|
1066
1059
|
|
1067
|
-
type
|
1060
|
+
type TerminalType = "ORIGIN" | "DESTINATION";
|
1061
|
+
type PointType = "DAYCARE" | "CHILDMINDER" | "COOPERATIVE";
|
1062
|
+
interface ITerminal {
|
1068
1063
|
key: string;
|
1069
|
-
|
1070
|
-
|
1071
|
-
|
1072
|
-
|
1073
|
-
|
1074
|
-
|
1075
|
-
|
1076
|
-
|
1064
|
+
name: string;
|
1065
|
+
type: TerminalType;
|
1066
|
+
}
|
1067
|
+
interface IPoint {
|
1068
|
+
key: string;
|
1069
|
+
name: string;
|
1070
|
+
address: string;
|
1071
|
+
type: PointType;
|
1072
|
+
overlay: React$1.ReactNode;
|
1073
|
+
}
|
1074
|
+
interface ILine {
|
1075
|
+
index: number;
|
1076
|
+
label: string;
|
1077
1077
|
}
|
1078
|
-
|
1079
|
-
|
1080
|
-
|
1078
|
+
type IOrigin = Feature$1<Point, ITerminal>;
|
1079
|
+
type IDestination = Feature$1<Point, ITerminal>;
|
1080
|
+
type IPoints = FeatureCollection<Point, IPoint>;
|
1081
|
+
type IRoute = FeatureCollection<LineString, ILine>;
|
1082
|
+
type IRoutes = IRoute[];
|
1083
|
+
interface ILocationBasedMap {
|
1084
|
+
points?: IPoints;
|
1085
|
+
showLoader: boolean;
|
1086
|
+
loader?: React$1.ReactNode;
|
1087
|
+
origin: IOrigin;
|
1088
|
+
onRadiusChange?: (r: number) => void;
|
1089
|
+
onZoomChange?: (zoom: number) => void;
|
1090
|
+
onAreaChange?: (center: google.maps.LatLng, bounds: google.maps.LatLngBounds, radius: number) => void;
|
1081
1091
|
}
|
1082
1092
|
interface IDirectionBasedMapBase {
|
1083
|
-
|
1084
|
-
points?:
|
1093
|
+
routes: IRoutes;
|
1094
|
+
points?: IPoints;
|
1095
|
+
showLoader: boolean;
|
1096
|
+
loader?: React$1.ReactNode;
|
1097
|
+
origin: IOrigin;
|
1098
|
+
destination: IDestination;
|
1099
|
+
travelModeLabels: TravelModeLabels;
|
1100
|
+
onTravelModeChange?: (modes: google.maps.TravelMode[]) => void;
|
1101
|
+
onRouteChange?: (index: number, route: IRoute) => void;
|
1102
|
+
onZoomChange?: () => void;
|
1103
|
+
}
|
1104
|
+
interface IMap extends PropsWithChildren {
|
1105
|
+
mapId: string;
|
1106
|
+
defaultCenter: google.maps.LatLngLiteral;
|
1107
|
+
}
|
1108
|
+
interface TravelModeLabels {
|
1109
|
+
BEST_FIT: string;
|
1110
|
+
DRIVING: string;
|
1111
|
+
TRANSIT: string;
|
1112
|
+
WALKING: string;
|
1113
|
+
BICYCLING: string;
|
1085
1114
|
}
|
1086
1115
|
|
1087
1116
|
declare const Map: {
|
1088
|
-
(
|
1089
|
-
Location: ({ points, origin }:
|
1090
|
-
Direction: ({
|
1117
|
+
(props: IMap): react_jsx_runtime.JSX.Element;
|
1118
|
+
Location: ({ points, showLoader, loader, origin, onRadiusChange, onZoomChange, onAreaChange, }: ILocationBasedMap) => react_jsx_runtime.JSX.Element | null;
|
1119
|
+
Direction: ({ routes, origin, destination, travelModeLabels, points, showLoader, loader, onTravelModeChange, onRouteChange, onZoomChange, }: IDirectionBasedMapBase) => react_jsx_runtime.JSX.Element | null;
|
1091
1120
|
};
|
1092
1121
|
|
1093
1122
|
interface IWizard {
|
@@ -1156,7 +1185,7 @@ interface ICard {
|
|
1156
1185
|
swipe?: React$1.ReactNode;
|
1157
1186
|
badge: React$1.ReactElement<IBadge>;
|
1158
1187
|
title: string;
|
1159
|
-
info
|
1188
|
+
info?: React$1.ReactElement<ILabeledIcon>[] | React$1.ReactElement<ILabeledIcon>;
|
1160
1189
|
labels: React$1.ReactElement<ILabel>[];
|
1161
1190
|
features: React$1.ReactElement<IFeatures>;
|
1162
1191
|
action: React$1.ReactElement<IButton>;
|
@@ -1255,6 +1284,7 @@ declare const SearchSectionFilters: (props: ISearchSectionFilters) => react_jsx_
|
|
1255
1284
|
interface IHomeSectionLeftSplit {
|
1256
1285
|
title: string;
|
1257
1286
|
content: React$1.ReactElement;
|
1287
|
+
imagePath: string;
|
1258
1288
|
}
|
1259
1289
|
|
1260
1290
|
declare const HomeSectionLeftSplit: (props: IHomeSectionLeftSplit) => react_jsx_runtime.JSX.Element;
|
@@ -1545,7 +1575,7 @@ declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI)
|
|
1545
1575
|
declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1546
1576
|
declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1547
1577
|
|
1548
|
-
declare const
|
1578
|
+
declare const CardDaycareExample: () => react_jsx_runtime.JSX.Element;
|
1549
1579
|
declare const CardChildminderExample: () => react_jsx_runtime.JSX.Element;
|
1550
1580
|
|
1551
1581
|
declare const RouteLocationExample: ({ CompactAt, onChange, }: {
|
@@ -1555,4 +1585,4 @@ declare const RouteLocationExample: ({ CompactAt, onChange, }: {
|
|
1555
1585
|
|
1556
1586
|
declare const LocationExample: () => react_jsx_runtime.JSX.Element;
|
1557
1587
|
|
1558
|
-
export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample,
|
1588
|
+
export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BasicPage, BigChoice, BigPick, Blur, BlurContext, BlurProvider, BottomNavigation, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Card, CardChildminderExample, CardDaycareExample, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Cta, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureSize, FigureType, Flip, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Footer, FooterNavigation, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, HeaderAlternate, HeaderBottom, HeaderContext, HeaderTop, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HomeSectionGettingStarted, HomeSectionLeftSplit, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBasicPage, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBottomNavigation, type IBrand, type IBreadcrumb, type IButton, type ICard, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type ICta, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlip, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFooter, type IFooterNavigation, type IFrame, type IHeaderBottom, type IHeaderTop, type IHomeSectionCards, type IHomeSectionFaq, type IHomeSectionGettingStarted, type IHomeSectionLeftSplit, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILabeledIcon, type ILink, type IList, type ILogo, type IMap, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IQuickSearch, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchPage, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type ISearchWithMapPage, type ISharedSectionFooter, type ISharedSectionHeader, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal$1 as ITerminal, type IToggle, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, LabeledIcon, Link, LinkContext, List, ListType, Location, LocationExample, type LocationI, Logo, LogoSize, Map, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingButton, Overlay, OverlayContext, OverlayHeading, OverlayProvider, PageHeading, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, QuickSearch, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, RouteLocationExample, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchPage, SearchProvider, SearchSectionFilters, SearchStep, SearchWithMapPage, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, SharedSectionFooter, SharedSectionHeader, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, Toggle, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
|