@zealicsolutions/web-ui 0.4.52 → 0.4.54
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/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Tab/Tab.d.ts +1 -1
- package/dist/cjs/src/atoms/Tab/Tab.stories.d.ts +1 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +5 -0
- package/dist/cjs/src/containers/OrganismItem.d.ts +2 -0
- package/dist/cjs/src/containers/mock-data.d.ts +457 -0
- package/dist/cjs/src/containers/types/types.d.ts +1 -0
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +3 -0
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/cjs/src/molecules/MenuItems/MenuItem.d.ts +20 -0
- package/dist/cjs/src/molecules/MenuItems/MenuItems.d.ts +7 -7
- package/dist/cjs/src/molecules/MenuItems/MenuItems.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/MenuNavigation/MenuNavigation.d.ts +3 -1
- package/dist/cjs/src/molecules/MenuNavigation/MenuNavigation.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +1 -1
- package/dist/cjs/src/molecules/TabGroup/styles.d.ts +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Tab/Tab.d.ts +1 -1
- package/dist/esm/src/atoms/Tab/Tab.stories.d.ts +1 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +5 -0
- package/dist/esm/src/containers/OrganismItem.d.ts +2 -0
- package/dist/esm/src/containers/mock-data.d.ts +457 -0
- package/dist/esm/src/containers/types/types.d.ts +1 -0
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +3 -0
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/esm/src/molecules/MenuItems/MenuItem.d.ts +20 -0
- package/dist/esm/src/molecules/MenuItems/MenuItems.d.ts +7 -7
- package/dist/esm/src/molecules/MenuItems/MenuItems.stories.d.ts +1 -1
- package/dist/esm/src/molecules/MenuNavigation/MenuNavigation.d.ts +3 -1
- package/dist/esm/src/molecules/MenuNavigation/MenuNavigation.stories.d.ts +1 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +1 -1
- package/dist/esm/src/molecules/TabGroup/styles.d.ts +1 -1
- package/dist/index.d.ts +30 -10
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -15,7 +15,7 @@ import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as
|
|
15
15
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
16
16
|
import * as atoms from 'atoms';
|
17
17
|
import { SelectOption as SelectOption$1, LinkVariant as LinkVariant$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
|
18
|
-
import { ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, ButtonProps as ButtonProps$1, TabGroupProps as TabGroupProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, ConsentType as ConsentType$1, LinkProps as LinkProps$1, AvatarDropdownProps as AvatarDropdownProps$1, AvatarDropdownMenuConfigType as AvatarDropdownMenuConfigType$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem
|
18
|
+
import { ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, ButtonProps as ButtonProps$1, TabGroupProps as TabGroupProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, ConsentType as ConsentType$1, LinkProps as LinkProps$1, AvatarDropdownProps as AvatarDropdownProps$1, AvatarDropdownMenuConfigType as AvatarDropdownMenuConfigType$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, MenuItemsProps as MenuItemsProps$1 } from 'molecules';
|
19
19
|
import * as react_hook_form from 'react-hook-form';
|
20
20
|
import { UseFormReturn, ValidationMode, ControllerProps, DeepPartial, FieldValues, FormState, Control } from 'react-hook-form';
|
21
21
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
@@ -538,6 +538,7 @@ declare type MetadataType = AnyObject$1 & Partial<{
|
|
538
538
|
notEditable: boolean;
|
539
539
|
hasOwnButton: boolean;
|
540
540
|
stateListenerId: string;
|
541
|
+
configurationPath: string;
|
541
542
|
}>;
|
542
543
|
declare type SliderProps = {
|
543
544
|
autoplay?: boolean;
|
@@ -668,6 +669,8 @@ declare type OrganismItemProps = {
|
|
668
669
|
formData?: AnyObject$1;
|
669
670
|
setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
|
670
671
|
isMobile?: boolean;
|
672
|
+
isConfigurationMode?: boolean;
|
673
|
+
onConfigurationItemHandler?: (itemPath: string) => void;
|
671
674
|
};
|
672
675
|
declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
|
673
676
|
|
@@ -1066,7 +1069,7 @@ declare type TabProps<T = string, K = string> = {
|
|
1066
1069
|
vertical: boolean;
|
1067
1070
|
isActive: boolean;
|
1068
1071
|
onClick: (key: T) => void;
|
1069
|
-
options: MenuItem
|
1072
|
+
options: MenuItem<K>[];
|
1070
1073
|
onOptionClick: (optionKey: K) => void;
|
1071
1074
|
tabTheme: TabTheme;
|
1072
1075
|
divider: boolean;
|
@@ -1087,7 +1090,7 @@ declare const Tab: <T, K>(props: {
|
|
1087
1090
|
vertical: boolean;
|
1088
1091
|
isActive: boolean;
|
1089
1092
|
onClick: (key: T) => void;
|
1090
|
-
options: MenuItem
|
1093
|
+
options: MenuItem<K_1>[];
|
1091
1094
|
onOptionClick: (optionKey: K) => void;
|
1092
1095
|
tabTheme: TabTheme;
|
1093
1096
|
divider: boolean;
|
@@ -1514,9 +1517,12 @@ declare type OrganismContextType = {
|
|
1514
1517
|
validations?: PasswordRuleValidation[];
|
1515
1518
|
editable?: boolean;
|
1516
1519
|
isFormInEditMode?: boolean;
|
1520
|
+
isConfigurationMode?: boolean;
|
1517
1521
|
organismMetadata?: {
|
1518
1522
|
stateListenerId?: string;
|
1519
1523
|
} & AnyObject$1;
|
1524
|
+
onConfigurationItemClicked: (itemPath?: string) => void;
|
1525
|
+
selectedConfigurationItemPath?: string;
|
1520
1526
|
};
|
1521
1527
|
declare const OrganismContext: react.Context<OrganismContextType>;
|
1522
1528
|
|
@@ -1531,8 +1537,10 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
1531
1537
|
editable: boolean;
|
1532
1538
|
isFormInEditMode?: boolean;
|
1533
1539
|
organismMetadata?: AnyObject$1;
|
1540
|
+
isConfigurationMode?: boolean;
|
1541
|
+
onConfigurationItemHandler?: (itemPath?: string) => void;
|
1534
1542
|
}>>;
|
1535
|
-
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, }: FormStepContextProviderProps) => JSX.Element;
|
1543
|
+
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, }: FormStepContextProviderProps) => JSX.Element;
|
1536
1544
|
|
1537
1545
|
declare type AccountButtonContextType = Partial<{
|
1538
1546
|
userInitials: string;
|
@@ -1765,17 +1773,28 @@ declare type ColumnItem = {
|
|
1765
1773
|
};
|
1766
1774
|
declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
|
1767
1775
|
|
1768
|
-
declare type
|
1776
|
+
declare type MenuItemType<T> = {
|
1769
1777
|
id: T;
|
1770
1778
|
title: string;
|
1771
|
-
|
1779
|
+
active?: boolean;
|
1780
|
+
onClick: (id: T) => void;
|
1781
|
+
options?: MenuItemType<T>[];
|
1782
|
+
divider?: boolean;
|
1783
|
+
disabled?: boolean;
|
1784
|
+
itemColor?: string;
|
1785
|
+
activeItemColor?: string;
|
1772
1786
|
};
|
1787
|
+
|
1773
1788
|
declare type MenuItemsProps<T> = {
|
1774
1789
|
title?: string;
|
1790
|
+
options?: MenuItemType<T>[];
|
1791
|
+
activeKey?: T;
|
1792
|
+
itemColor?: string;
|
1793
|
+
menuTheme?: 'light' | 'dark';
|
1775
1794
|
onItemPress?: (id: T) => void;
|
1776
|
-
|
1795
|
+
activeItemColor?: string;
|
1777
1796
|
};
|
1778
|
-
declare const MenuItems: <T extends string | number>({ title, onItemPress,
|
1797
|
+
declare const MenuItems: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: MenuItemsProps<T>) => JSX.Element;
|
1779
1798
|
|
1780
1799
|
declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
|
1781
1800
|
declare type AvatarDropdownProps<T = string> = {
|
@@ -1821,8 +1840,9 @@ declare const FieldSection: <T extends object>({ fields, label, isEditMode, cont
|
|
1821
1840
|
|
1822
1841
|
declare type MenuNavigationProps<T> = {
|
1823
1842
|
menuConfig: MenuItemsProps<T>;
|
1843
|
+
customIconType?: IconNames$2;
|
1824
1844
|
};
|
1825
|
-
declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
|
1845
|
+
declare const MenuNavigation: <T extends string | number>({ menuConfig, customIconType, }: MenuNavigationProps<T>) => JSX.Element;
|
1826
1846
|
declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
1827
1847
|
isOpen: boolean;
|
1828
1848
|
}, never>;
|
@@ -2139,4 +2159,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
2139
2159
|
}>;
|
2140
2160
|
declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
|
2141
2161
|
|
2142
|
-
export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition,
|
2162
|
+
export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
|