@tactics/lokaal-loket 0.0.73 → 0.0.75
Sign up to get free protection for your applications and to get access to all the features.
- package/build/index.cjs +457 -443
- package/build/index.d.cts +75 -2
- package/build/index.d.ts +75 -2
- package/build/index.js +332 -324
- package/package.json +1 -1
package/build/index.d.cts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import React$1, { PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
2
|
+
import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
3
3
|
import { ColorKey, ColorVariantKey, TypographyFontKey, TypographyFontsKey, TypographyFontWeight, TypographyFontWeightKey, RadiusKey, SpacingKey, Color, ColorVariant } from '@tactics/tacky/contract';
|
4
4
|
export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
|
5
5
|
import { ThemeMode } from '@tactics/tacky';
|
@@ -70,6 +70,18 @@ interface IIcon extends IIconLoad {
|
|
70
70
|
context?: IconContext;
|
71
71
|
}
|
72
72
|
|
73
|
+
type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
|
74
|
+
interface AutoCompleteContextType<T> {
|
75
|
+
input: string;
|
76
|
+
setInput: SetState<string>;
|
77
|
+
selected: T | null;
|
78
|
+
setSelected: SetState<T | null>;
|
79
|
+
index: number | null;
|
80
|
+
setIndex: SetState<number | null>;
|
81
|
+
hasFocus: boolean;
|
82
|
+
setHasFocus: SetState<boolean>;
|
83
|
+
}
|
84
|
+
|
73
85
|
declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
|
74
86
|
|
75
87
|
declare enum InputContext {
|
@@ -105,6 +117,18 @@ interface IInputBase {
|
|
105
117
|
interface IInput extends IInputBase {
|
106
118
|
context?: InputContext;
|
107
119
|
}
|
120
|
+
interface InteractiveStyledInputProps {
|
121
|
+
border: string;
|
122
|
+
background: string;
|
123
|
+
color: string;
|
124
|
+
}
|
125
|
+
interface IInputTheme {
|
126
|
+
initial: InteractiveStyledInputProps;
|
127
|
+
hover: InteractiveStyledInputProps;
|
128
|
+
focus: InteractiveStyledInputProps;
|
129
|
+
font: string;
|
130
|
+
radius: string;
|
131
|
+
}
|
108
132
|
|
109
133
|
declare enum FigureContext {
|
110
134
|
STANDARD = "STANDARD",
|
@@ -189,6 +213,31 @@ interface AutocompleteI<T> {
|
|
189
213
|
onFocus?: (e: AutocompleteFocusEvent) => void;
|
190
214
|
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
191
215
|
}
|
216
|
+
interface AutocompleteInputI<T> {
|
217
|
+
name: string;
|
218
|
+
debounceTime: number;
|
219
|
+
placeholder?: string;
|
220
|
+
ariaLabel?: string;
|
221
|
+
withIconBefore?: React$1.ReactElement<IIcon>;
|
222
|
+
withIconAfter?: React$1.ReactElement<IIcon>;
|
223
|
+
theme: IInputTheme;
|
224
|
+
options: T[];
|
225
|
+
optionToInputValue: (option: T) => string;
|
226
|
+
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
227
|
+
onBlur?: (e: AutocompleteBlurEvent) => void;
|
228
|
+
onFocus?: (e: AutocompleteFocusEvent) => void;
|
229
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
230
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
231
|
+
}
|
232
|
+
interface AutocompleteOptionsI<T> {
|
233
|
+
options: T[];
|
234
|
+
optionDefault?: T;
|
235
|
+
optionToDisplay: (option: T) => React$1.ReactNode;
|
236
|
+
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
237
|
+
optionToInputValue: (option: T) => string;
|
238
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
239
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
240
|
+
}
|
192
241
|
interface AutocompleteOptionNavigatedEvent<T> {
|
193
242
|
focussed: T;
|
194
243
|
}
|
@@ -208,6 +257,12 @@ interface AutocompleteFocusEvent {
|
|
208
257
|
event: React$1.FocusEvent<HTMLInputElement>;
|
209
258
|
}
|
210
259
|
|
260
|
+
declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
|
261
|
+
ref?: Ref<HTMLInputElement>;
|
262
|
+
}) => JSX.Element;
|
263
|
+
|
264
|
+
declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
|
265
|
+
|
211
266
|
interface IAutoCompleteBase<T> {
|
212
267
|
options: T[];
|
213
268
|
optionToDisplay: (option: T) => React$1.ReactNode;
|
@@ -652,6 +707,10 @@ interface SelectEvent<T> {
|
|
652
707
|
}
|
653
708
|
interface SelectChangeEvent<T> extends SelectEvent<T> {
|
654
709
|
}
|
710
|
+
interface SelectBlurEvent<T> extends SelectEvent<T> {
|
711
|
+
}
|
712
|
+
interface SelectFocusEvent<T> extends SelectEvent<T> {
|
713
|
+
}
|
655
714
|
|
656
715
|
interface InlineSelectI<T> {
|
657
716
|
options: T[];
|
@@ -1409,4 +1468,18 @@ interface IWizardStepProvider extends PropsWithChildren {
|
|
1409
1468
|
}
|
1410
1469
|
declare const WizardStepProvider: ({ children }: IWizardStepProvider) => react_jsx_runtime.JSX.Element;
|
1411
1470
|
|
1412
|
-
|
1471
|
+
interface InlineSelectOptionI {
|
1472
|
+
label: string;
|
1473
|
+
withIcon?: React$1.ReactElement<IIcon>;
|
1474
|
+
}
|
1475
|
+
interface InlineSelectOptionIconI {
|
1476
|
+
label: string;
|
1477
|
+
withIcon: React$1.ReactElement<IIcon>;
|
1478
|
+
}
|
1479
|
+
|
1480
|
+
declare const InlineSelectLabelAsOption: <T>(args: InlineSelectOptionI) => react_jsx_runtime.JSX.Element;
|
1481
|
+
declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI) => react_jsx_runtime.JSX.Element;
|
1482
|
+
declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1483
|
+
declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1484
|
+
|
1485
|
+
export { Accordeon, AccordeonContext, AutoComplete, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, type AutocompleteOptionNavigatedEvent, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IAutoComplete, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, 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 IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchStep, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, 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, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchContext, SearchProvider, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
|
package/build/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import React$1, { PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
2
|
+
import React$1, { Ref, PropsWithChildren, ReactElement, ReactNode, FC } from 'react';
|
3
3
|
import { ColorKey, ColorVariantKey, TypographyFontKey, TypographyFontsKey, TypographyFontWeight, TypographyFontWeightKey, RadiusKey, SpacingKey, Color, ColorVariant } from '@tactics/tacky/contract';
|
4
4
|
export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, TypographyFont, TypographyFonts } from '@tactics/tacky/contract';
|
5
5
|
import { ThemeMode } from '@tactics/tacky';
|
@@ -70,6 +70,18 @@ interface IIcon extends IIconLoad {
|
|
70
70
|
context?: IconContext;
|
71
71
|
}
|
72
72
|
|
73
|
+
type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
|
74
|
+
interface AutoCompleteContextType<T> {
|
75
|
+
input: string;
|
76
|
+
setInput: SetState<string>;
|
77
|
+
selected: T | null;
|
78
|
+
setSelected: SetState<T | null>;
|
79
|
+
index: number | null;
|
80
|
+
setIndex: SetState<number | null>;
|
81
|
+
hasFocus: boolean;
|
82
|
+
setHasFocus: SetState<boolean>;
|
83
|
+
}
|
84
|
+
|
73
85
|
declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
|
74
86
|
|
75
87
|
declare enum InputContext {
|
@@ -105,6 +117,18 @@ interface IInputBase {
|
|
105
117
|
interface IInput extends IInputBase {
|
106
118
|
context?: InputContext;
|
107
119
|
}
|
120
|
+
interface InteractiveStyledInputProps {
|
121
|
+
border: string;
|
122
|
+
background: string;
|
123
|
+
color: string;
|
124
|
+
}
|
125
|
+
interface IInputTheme {
|
126
|
+
initial: InteractiveStyledInputProps;
|
127
|
+
hover: InteractiveStyledInputProps;
|
128
|
+
focus: InteractiveStyledInputProps;
|
129
|
+
font: string;
|
130
|
+
radius: string;
|
131
|
+
}
|
108
132
|
|
109
133
|
declare enum FigureContext {
|
110
134
|
STANDARD = "STANDARD",
|
@@ -189,6 +213,31 @@ interface AutocompleteI<T> {
|
|
189
213
|
onFocus?: (e: AutocompleteFocusEvent) => void;
|
190
214
|
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
191
215
|
}
|
216
|
+
interface AutocompleteInputI<T> {
|
217
|
+
name: string;
|
218
|
+
debounceTime: number;
|
219
|
+
placeholder?: string;
|
220
|
+
ariaLabel?: string;
|
221
|
+
withIconBefore?: React$1.ReactElement<IIcon>;
|
222
|
+
withIconAfter?: React$1.ReactElement<IIcon>;
|
223
|
+
theme: IInputTheme;
|
224
|
+
options: T[];
|
225
|
+
optionToInputValue: (option: T) => string;
|
226
|
+
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
227
|
+
onBlur?: (e: AutocompleteBlurEvent) => void;
|
228
|
+
onFocus?: (e: AutocompleteFocusEvent) => void;
|
229
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
230
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
231
|
+
}
|
232
|
+
interface AutocompleteOptionsI<T> {
|
233
|
+
options: T[];
|
234
|
+
optionDefault?: T;
|
235
|
+
optionToDisplay: (option: T) => React$1.ReactNode;
|
236
|
+
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
237
|
+
optionToInputValue: (option: T) => string;
|
238
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
239
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
240
|
+
}
|
192
241
|
interface AutocompleteOptionNavigatedEvent<T> {
|
193
242
|
focussed: T;
|
194
243
|
}
|
@@ -208,6 +257,12 @@ interface AutocompleteFocusEvent {
|
|
208
257
|
event: React$1.FocusEvent<HTMLInputElement>;
|
209
258
|
}
|
210
259
|
|
260
|
+
declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
|
261
|
+
ref?: Ref<HTMLInputElement>;
|
262
|
+
}) => JSX.Element;
|
263
|
+
|
264
|
+
declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
|
265
|
+
|
211
266
|
interface IAutoCompleteBase<T> {
|
212
267
|
options: T[];
|
213
268
|
optionToDisplay: (option: T) => React$1.ReactNode;
|
@@ -652,6 +707,10 @@ interface SelectEvent<T> {
|
|
652
707
|
}
|
653
708
|
interface SelectChangeEvent<T> extends SelectEvent<T> {
|
654
709
|
}
|
710
|
+
interface SelectBlurEvent<T> extends SelectEvent<T> {
|
711
|
+
}
|
712
|
+
interface SelectFocusEvent<T> extends SelectEvent<T> {
|
713
|
+
}
|
655
714
|
|
656
715
|
interface InlineSelectI<T> {
|
657
716
|
options: T[];
|
@@ -1409,4 +1468,18 @@ interface IWizardStepProvider extends PropsWithChildren {
|
|
1409
1468
|
}
|
1410
1469
|
declare const WizardStepProvider: ({ children }: IWizardStepProvider) => react_jsx_runtime.JSX.Element;
|
1411
1470
|
|
1412
|
-
|
1471
|
+
interface InlineSelectOptionI {
|
1472
|
+
label: string;
|
1473
|
+
withIcon?: React$1.ReactElement<IIcon>;
|
1474
|
+
}
|
1475
|
+
interface InlineSelectOptionIconI {
|
1476
|
+
label: string;
|
1477
|
+
withIcon: React$1.ReactElement<IIcon>;
|
1478
|
+
}
|
1479
|
+
|
1480
|
+
declare const InlineSelectLabelAsOption: <T>(args: InlineSelectOptionI) => react_jsx_runtime.JSX.Element;
|
1481
|
+
declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI) => react_jsx_runtime.JSX.Element;
|
1482
|
+
declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1483
|
+
declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1484
|
+
|
1485
|
+
export { Accordeon, AccordeonContext, AutoComplete, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, type AutocompleteOptionNavigatedEvent, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IAutoComplete, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, 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 IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchStep, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, 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, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchContext, SearchProvider, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
|