@zealicsolutions/web-ui 1.0.68 → 1.0.70
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/containers/Container.stories.d.ts +15 -1
- package/dist/cjs/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/cjs/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
- package/dist/cjs/index.js +1561 -1561
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/cjs/molecules/Calendar/CalendarMolecule.d.ts +87 -31
- package/dist/cjs/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
- package/dist/cjs/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -2
- package/dist/cjs/molecules/Calendar/SimpleCalendar.d.ts +98 -2
- package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +82 -2
- package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
- package/dist/cjs/molecules/Calendar/hooks/useCalendarCore.test.d.ts +1 -0
- package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
- package/dist/cjs/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/cjs/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/cjs/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/cjs/molecules/index.d.ts +22 -20
- package/dist/esm/components/Checkbox/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js.map +1 -1
- package/dist/esm/containers/Container.js +1 -1
- package/dist/esm/containers/Container.js.map +1 -1
- package/dist/esm/containers/Container.stories.d.ts +15 -1
- package/dist/esm/containers/ContainerStoriesComponent.js +1 -1
- package/dist/esm/containers/ContainerStoriesComponent.js.map +1 -1
- package/dist/esm/containers/FormContainer.js +1 -1
- package/dist/esm/containers/FormContainer.js.map +1 -1
- package/dist/esm/containers/FormStepContainer.js +1 -1
- package/dist/esm/containers/FormStepContainer.js.map +1 -1
- package/dist/esm/containers/OrganismItem.js +1 -1
- package/dist/esm/containers/OrganismItem.js.map +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js.map +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js.map +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js.map +1 -1
- package/dist/esm/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js +1 -1
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js.map +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js.map +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js.map +1 -1
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.d.ts +2 -2
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js +1 -1
- package/dist/esm/contexts/OrganismContext/OrganismContextProvider.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js.map +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js.map +1 -1
- package/dist/esm/molecules/BaseMolecule.js +1 -1
- package/dist/esm/molecules/BaseMolecule.js.map +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js.map +1 -1
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js +2 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js.map +1 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/esm/molecules/Calendar/CalendarMolecule.d.ts +87 -31
- package/dist/esm/molecules/Calendar/CalendarMolecule.stories.d.ts +7 -4
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.d.ts +101 -2
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/ResourceTimelineCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/SimpleCalendar.d.ts +98 -2
- package/dist/esm/molecules/Calendar/SimpleCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/SimpleCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.d.ts +82 -2
- package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.d.ts +14 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js +2 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.js.map +1 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarCore.test.d.ts +1 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +229 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +2 -0
- package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -0
- package/dist/esm/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js +2 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/esm/molecules/Checklist/Checklist.js +1 -1
- package/dist/esm/molecules/Checklist/Checklist.js.map +1 -1
- package/dist/esm/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/esm/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/esm/molecules/Consent/ConsentMolecule.js +1 -1
- package/dist/esm/molecules/Consent/ConsentMolecule.js.map +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js.map +1 -1
- package/dist/esm/molecules/Menu/Menu.js +1 -1
- package/dist/esm/molecules/Menu/Menu.js.map +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js.map +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js.map +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js.map +1 -1
- package/dist/esm/molecules/Rating/Rating.js +1 -1
- package/dist/esm/molecules/Rating/Rating.js.map +1 -1
- package/dist/esm/molecules/Select/Select.js +1 -1
- package/dist/esm/molecules/Select/Select.js.map +1 -1
- package/dist/esm/molecules/Slider/Slider.js +1 -1
- package/dist/esm/molecules/Slider/Slider.js.map +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js.map +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js.map +1 -1
- package/dist/esm/molecules/Switch/Switch.js +1 -1
- package/dist/esm/molecules/Switch/Switch.js.map +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js.map +1 -1
- package/dist/esm/molecules/index.d.ts +22 -20
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js +1 -1
- package/dist/esm/node_modules/@fullcalendar/premium-common/index.js.map +1 -1
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js +1 -1
- package/dist/esm/node_modules/@fullcalendar/timeline/internal.js.map +1 -1
- package/dist/esm/node_modules/@mui/material/Checkbox/Checkbox.js.map +1 -1
- package/dist/index.d.ts +686 -651
- package/package.json +3 -3
- package/dist/cjs/molecules/Consent/Consent.d.ts +0 -32
- package/dist/cjs/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/cjs/molecules/Consent/consentMock.d.ts +0 -7
- package/dist/esm/components/Checkbox/helpers.js +0 -2
- package/dist/esm/components/Checkbox/helpers.js.map +0 -1
- package/dist/esm/molecules/Calendar/CalendarMolecule.js +0 -2
- package/dist/esm/molecules/Calendar/CalendarMolecule.js.map +0 -1
- package/dist/esm/molecules/Consent/Consent.d.ts +0 -32
- package/dist/esm/molecules/Consent/Consent.js +0 -2
- package/dist/esm/molecules/Consent/Consent.js.map +0 -1
- package/dist/esm/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/esm/molecules/Consent/ConsentCapture.js +0 -2
- package/dist/esm/molecules/Consent/ConsentCapture.js.map +0 -1
- package/dist/esm/molecules/Consent/consentMock.d.ts +0 -7
- /package/dist/cjs/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/cjs/organisms/Organism/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/esm/containers/{mock-data.d.ts → mockData.d.ts} +0 -0
- /package/dist/esm/organisms/Organism/{mock-data.d.ts → mockData.d.ts} +0 -0
package/dist/index.d.ts
CHANGED
@@ -1,31 +1,29 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import * as _emotion_styled from '@emotion/styled';
|
3
3
|
import * as react from 'react';
|
4
|
-
import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, CSSProperties, KeyboardEvent,
|
4
|
+
import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, InputHTMLAttributes, CSSProperties, KeyboardEvent, MouseEvent } from 'react';
|
5
5
|
import * as _emotion_react from '@emotion/react';
|
6
6
|
import { CSSObject, Theme, Interpolation } from '@emotion/react';
|
7
7
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
8
|
-
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
9
|
-
import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
|
10
8
|
import { RefCallBack } from 'react-hook-form/dist/types';
|
11
|
-
import {
|
9
|
+
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
10
|
+
import { AnyObject as AnyObject$1, StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
|
11
|
+
import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, MetadataType as MetadataType$1, ConsentFieldMoleculeType as ConsentFieldMoleculeType$1, LinkProperties as LinkProperties$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1, TextProperties as TextProperties$1, ContainerProps as ContainerProps$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1 } from 'containers';
|
12
12
|
import { InputFieldTypes } from 'fieldsConfiguration/types';
|
13
13
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
14
|
-
import { BaseButtonProps, PasswordRuleValidation as PasswordRuleValidation$1, BasicTextFieldProps as BasicTextFieldProps$1, CustomValidationRule as CustomValidationRule$1, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, ConsentType
|
14
|
+
import { BaseButtonProps, PasswordRuleValidation as PasswordRuleValidation$1, BasicTextFieldProps as BasicTextFieldProps$1, CustomValidationRule as CustomValidationRule$1, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, ConsentType, StepperProps as StepperProps$1, ChecklistProps as ChecklistProps$1, DividerProps as DividerProps$1, LinkProps as LinkProps$1, VideoProps as VideoProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$2, ChipMoleculeProps as ChipMoleculeProps$1, BadgeMoleculeProps as BadgeMoleculeProps$1, AlertMoleculeProps as AlertMoleculeProps$1, RatingMoleculeProps as RatingMoleculeProps$1, SliderMoleculeProps as SliderMoleculeProps$1, SelectMoleculeProps as SelectMoleculeProps$1, DatePickerMoleculeProps as DatePickerMoleculeProps$1, CheckboxProps, BinaryRadioButtonsProps as BinaryRadioButtonsProps$1 } from 'molecules';
|
15
15
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
16
16
|
import { Descendant } from 'slate';
|
17
17
|
import * as _mui_material from '@mui/material';
|
18
|
-
import {
|
18
|
+
import { TypographyProps, BadgeProps, TextFieldProps, ButtonProps as ButtonProps$1, SxProps, RatingProps, SliderProps as SliderProps$1, SwitchProps, ModalProps } from '@mui/material';
|
19
19
|
import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
|
20
20
|
import { OrganismDTO } from 'organisms/types';
|
21
21
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
22
22
|
import { PasswordRuleValidation as PasswordRuleValidation$2 } from 'molecules/PasswordSetup/PasswordSetup';
|
23
23
|
export * from 'helpers/constants';
|
24
|
-
import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
|
25
24
|
import { IconRendererProps as IconRendererProps$1 } from 'molecules/Icon';
|
26
25
|
import { RegisterOptions, FieldValues, UseFormReturn, ValidationMode } from 'react-hook-form';
|
27
26
|
import { DatePickerProps } from '@mui/x-date-pickers';
|
28
|
-
import { EventInput, ThemeSystem } from '@fullcalendar/react';
|
29
27
|
import * as containers_types_types from 'containers/types/types';
|
30
28
|
import { ContainerProps as ContainerProps$2, ContainerProperties as ContainerProperties$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
|
31
29
|
|
@@ -45,30 +43,6 @@ declare const TouchableOpacity: _emotion_styled.StyledComponent<{
|
|
45
43
|
children?: react.ReactNode;
|
46
44
|
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
47
45
|
|
48
|
-
declare type CheckboxInternalConfigProps = Partial<{
|
49
|
-
selectedCheckboxBackgroundColor: ThemeColors$1 | string;
|
50
|
-
selectedCheckboxIconColor: ThemeColors$1 | string;
|
51
|
-
buttonPadding: number;
|
52
|
-
textPadding: number;
|
53
|
-
styles: StylesType;
|
54
|
-
wrapperStyles: StylesType;
|
55
|
-
buttonOptionSpacing?: SizesTypes$1;
|
56
|
-
}>;
|
57
|
-
|
58
|
-
declare type CheckboxProps = {
|
59
|
-
id: string;
|
60
|
-
onClick: (id: string) => void;
|
61
|
-
label: string;
|
62
|
-
isError?: boolean;
|
63
|
-
disabled?: boolean;
|
64
|
-
isEditMode?: boolean;
|
65
|
-
isSelected?: boolean;
|
66
|
-
isRichText?: boolean;
|
67
|
-
notInteractable?: boolean;
|
68
|
-
internalConfig?: CheckboxInternalConfigProps;
|
69
|
-
};
|
70
|
-
declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
|
71
|
-
|
72
46
|
declare type SelectOption = {
|
73
47
|
id: string;
|
74
48
|
label: string;
|
@@ -559,7 +533,7 @@ declare type ConfigurationItem = {
|
|
559
533
|
entityType: ContainerType$1 | MoleculeTypes$1 | MoleculeItemTypes$2;
|
560
534
|
organismLibraryMoleculeId?: string;
|
561
535
|
};
|
562
|
-
declare type OrganismContextProviderProps = PropsWithChildren<{
|
536
|
+
declare type OrganismContextProviderProps = react__default.PropsWithChildren<{
|
563
537
|
organismId: string;
|
564
538
|
} & Partial<{
|
565
539
|
formId: string;
|
@@ -727,6 +701,199 @@ declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
|
|
727
701
|
|
728
702
|
declare const useLayoutContext: () => LayoutContextType;
|
729
703
|
|
704
|
+
interface AlertMoleculeProps {
|
705
|
+
dismissible?: boolean;
|
706
|
+
width?: string;
|
707
|
+
height?: string;
|
708
|
+
backgroundColor?: string;
|
709
|
+
icon?: IconRendererProps$1['iconName'];
|
710
|
+
iconColor?: string;
|
711
|
+
text?: string;
|
712
|
+
subText?: string;
|
713
|
+
textAlign?: TypographyProps['textAlign'];
|
714
|
+
color?: string;
|
715
|
+
wrap?: boolean;
|
716
|
+
fontSize?: number | string;
|
717
|
+
fontFamily?: TypographyProps['fontFamily'];
|
718
|
+
fontWeight?: number | string;
|
719
|
+
subTextAlign?: TypographyProps['textAlign'];
|
720
|
+
subTextWrap?: boolean;
|
721
|
+
subTextColor?: string;
|
722
|
+
subTextFontSize?: number | string;
|
723
|
+
subTextFontFamily?: TypographyProps['fontFamily'];
|
724
|
+
subTextFontWeight?: number | string;
|
725
|
+
marginLeft?: string;
|
726
|
+
marginTop?: string;
|
727
|
+
marginRight?: string;
|
728
|
+
marginBottom?: string;
|
729
|
+
paddingLeft?: string;
|
730
|
+
paddingTop?: string;
|
731
|
+
paddingRight?: string;
|
732
|
+
paddingBottom?: string;
|
733
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
734
|
+
}
|
735
|
+
declare const AlertMolecule: react__default.FC<AlertMoleculeProps>;
|
736
|
+
|
737
|
+
interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
|
738
|
+
iconColor?: string;
|
739
|
+
color?: string;
|
740
|
+
icon?: string;
|
741
|
+
badgeVariant?: BadgeProps['variant'];
|
742
|
+
marginLeft?: string;
|
743
|
+
marginTop?: string;
|
744
|
+
marginRight?: string;
|
745
|
+
marginBottom?: string;
|
746
|
+
paddingLeft?: string;
|
747
|
+
paddingTop?: string;
|
748
|
+
paddingRight?: string;
|
749
|
+
paddingBottom?: string;
|
750
|
+
configurationItemInfo?: Record<string, unknown>;
|
751
|
+
}
|
752
|
+
declare const BadgeMolecule: react__default.FC<BadgeMoleculeProps>;
|
753
|
+
|
754
|
+
interface BasicTextFieldProps extends TextFieldProps {
|
755
|
+
required?: boolean;
|
756
|
+
requiredErrorText?: string;
|
757
|
+
validationErrorText?: string;
|
758
|
+
backgroundColor?: string;
|
759
|
+
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
760
|
+
color?: string;
|
761
|
+
fontSize?: number | string;
|
762
|
+
fontFamily?: string;
|
763
|
+
fontWeight?: 'normal' | 'bold';
|
764
|
+
inputType?: InputHTMLAttributes<unknown>['type'];
|
765
|
+
borderColor?: string;
|
766
|
+
masked?: boolean;
|
767
|
+
multiLine?: boolean;
|
768
|
+
marginLeft?: string;
|
769
|
+
marginTop?: string;
|
770
|
+
marginRight?: string;
|
771
|
+
marginBottom?: string;
|
772
|
+
paddingLeft?: string;
|
773
|
+
paddingTop?: string;
|
774
|
+
paddingRight?: string;
|
775
|
+
paddingBottom?: string;
|
776
|
+
text?: string;
|
777
|
+
placeholderText?: string;
|
778
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
779
|
+
name: string;
|
780
|
+
rules?: Omit<RegisterOptions<FieldValues, string>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
781
|
+
sourceDataModelField?: string;
|
782
|
+
isDisplayOnly?: boolean;
|
783
|
+
}
|
784
|
+
declare const BasicTextField: react__default.FC<BasicTextFieldProps>;
|
785
|
+
|
786
|
+
interface ButtonProps extends ButtonProps$1 {
|
787
|
+
gap: number | string;
|
788
|
+
moleculeId?: string;
|
789
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
790
|
+
borderRadius?: string | number;
|
791
|
+
endIcon?: IconRendererProps$1['iconName'];
|
792
|
+
startIcon?: IconRendererProps$1['iconName'];
|
793
|
+
text: string;
|
794
|
+
link?: string;
|
795
|
+
wrapText?: boolean;
|
796
|
+
marginTop: string;
|
797
|
+
marginRight: string;
|
798
|
+
marginBottom: string;
|
799
|
+
marginLeft: string;
|
800
|
+
paddingTop: string;
|
801
|
+
paddingRight: string;
|
802
|
+
paddingBottom: string;
|
803
|
+
paddingLeft: string;
|
804
|
+
elevated?: boolean;
|
805
|
+
fontSize?: number | string;
|
806
|
+
fontWeight?: 'normal' | 'bold';
|
807
|
+
fontFamily?: TypographyProps['fontFamily'];
|
808
|
+
textAlign?: TypographyProps['textAlign'];
|
809
|
+
textColor?: string;
|
810
|
+
disabledColor?: string;
|
811
|
+
height?: string;
|
812
|
+
width?: string;
|
813
|
+
}
|
814
|
+
/**
|
815
|
+
* We use `forwardRef` so that the ref passed from parent Component (Menu)
|
816
|
+
* will correctly point to the underlying <MuiButton> element.
|
817
|
+
*/
|
818
|
+
declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react__default.RefAttributes<HTMLButtonElement>>;
|
819
|
+
|
820
|
+
declare type ChecklistItem = {
|
821
|
+
id: string;
|
822
|
+
label: string;
|
823
|
+
textColor: string;
|
824
|
+
fontSize: string;
|
825
|
+
fontFamily: string;
|
826
|
+
fontWeight: string;
|
827
|
+
textAlign: 'left' | 'center' | 'right' | 'justify';
|
828
|
+
interacted: 'checked' | 'unchecked';
|
829
|
+
disabled?: boolean;
|
830
|
+
isSystemDriven?: boolean;
|
831
|
+
iconName?: string;
|
832
|
+
iconColor?: string;
|
833
|
+
checkedIconName?: string;
|
834
|
+
checkedIconColor?: string;
|
835
|
+
};
|
836
|
+
declare type ChecklistProps = {
|
837
|
+
gap?: string;
|
838
|
+
moleculeId?: string;
|
839
|
+
items: ChecklistItem[];
|
840
|
+
iconSize?: 'small' | 'medium' | 'large';
|
841
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
842
|
+
paddingTop?: string;
|
843
|
+
paddingRight?: string;
|
844
|
+
paddingBottom?: string;
|
845
|
+
paddingLeft?: string;
|
846
|
+
marginTop?: string;
|
847
|
+
marginRight?: string;
|
848
|
+
marginBottom?: string;
|
849
|
+
marginLeft?: string;
|
850
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
851
|
+
};
|
852
|
+
declare const Checklist: FC<ChecklistProps>;
|
853
|
+
|
854
|
+
interface ChipMoleculeProps {
|
855
|
+
text: string;
|
856
|
+
variant?: 'outlined' | 'filled';
|
857
|
+
icon?: string;
|
858
|
+
backgroundColor?: string;
|
859
|
+
borderColor?: string;
|
860
|
+
borderWeight?: string;
|
861
|
+
size?: 'small' | 'medium';
|
862
|
+
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
863
|
+
textColor?: string;
|
864
|
+
wrap?: boolean;
|
865
|
+
fontSize?: number | string;
|
866
|
+
fontFamily?: TypographyProps['fontFamily'];
|
867
|
+
fontWeight?: 'normal' | 'bold';
|
868
|
+
marginLeft?: string;
|
869
|
+
marginTop?: string;
|
870
|
+
marginRight?: string;
|
871
|
+
marginBottom?: string;
|
872
|
+
paddingLeft?: string;
|
873
|
+
paddingTop?: string;
|
874
|
+
paddingRight?: string;
|
875
|
+
paddingBottom?: string;
|
876
|
+
configurationItemInfo?: Record<string, unknown>;
|
877
|
+
}
|
878
|
+
declare const ChipMolecule: react__default.FC<ChipMoleculeProps>;
|
879
|
+
|
880
|
+
declare type ConsentMoleculeProps = {
|
881
|
+
properties: ConsentFieldMoleculeType$1['properties'];
|
882
|
+
htmlElementId: string;
|
883
|
+
isOnClickDisabled?: boolean;
|
884
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
885
|
+
paddingTop?: string;
|
886
|
+
paddingRight?: string;
|
887
|
+
paddingBottom?: string;
|
888
|
+
paddingLeft?: string;
|
889
|
+
marginTop?: string;
|
890
|
+
marginRight?: string;
|
891
|
+
marginBottom?: string;
|
892
|
+
marginLeft?: string;
|
893
|
+
width?: string | number;
|
894
|
+
};
|
895
|
+
declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, }: ConsentMoleculeProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
896
|
+
|
730
897
|
declare type CustomValidationRule<T = string> = {
|
731
898
|
text: string;
|
732
899
|
validate: (value?: T) => boolean;
|
@@ -741,6 +908,55 @@ declare type CustomValidationProps<T = string> = {
|
|
741
908
|
};
|
742
909
|
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
|
743
910
|
|
911
|
+
interface DatePickerMoleculeProps extends Omit<DatePickerProps<Date>, 'minDate' | 'maxDate'> {
|
912
|
+
required?: boolean;
|
913
|
+
placeholderText?: string;
|
914
|
+
requiredErrorText?: string;
|
915
|
+
validationErrorText?: string;
|
916
|
+
moleculeId?: string;
|
917
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
918
|
+
text: string;
|
919
|
+
borderColor?: string;
|
920
|
+
fontSize?: string | number;
|
921
|
+
fontFamily?: string;
|
922
|
+
fontWeight?: string | number;
|
923
|
+
textColor?: string;
|
924
|
+
iconColor?: string;
|
925
|
+
minDate?: string;
|
926
|
+
maxDate?: string;
|
927
|
+
backgroundColor?: string;
|
928
|
+
marginLeft?: string;
|
929
|
+
marginTop?: string;
|
930
|
+
marginRight?: string;
|
931
|
+
marginBottom?: string;
|
932
|
+
paddingLeft?: string;
|
933
|
+
paddingTop?: string;
|
934
|
+
paddingRight?: string;
|
935
|
+
paddingBottom?: string;
|
936
|
+
name: string;
|
937
|
+
sourceDataModelField?: string;
|
938
|
+
isDisplayOnly?: boolean;
|
939
|
+
displayFormat?: string;
|
940
|
+
}
|
941
|
+
declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
|
942
|
+
|
943
|
+
interface DividerProps {
|
944
|
+
text?: string;
|
945
|
+
variant?: 'fullWidth' | 'inset' | 'middle';
|
946
|
+
moleculeId?: string;
|
947
|
+
lineWeight?: number;
|
948
|
+
orientation?: 'horizontal' | 'vertical';
|
949
|
+
borderColor?: string;
|
950
|
+
borderRadius?: number;
|
951
|
+
sx?: SxProps;
|
952
|
+
marginTop?: string | number;
|
953
|
+
marginRight?: string | number;
|
954
|
+
marginBottom?: string | number;
|
955
|
+
marginLeft?: string | number;
|
956
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
957
|
+
}
|
958
|
+
declare const Divider: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
959
|
+
|
744
960
|
declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
|
745
961
|
interface BaseDrawerItem {
|
746
962
|
id: string;
|
@@ -871,510 +1087,122 @@ interface DrawerProps {
|
|
871
1087
|
|
872
1088
|
declare const Drawer: react__default.FC<DrawerProps>;
|
873
1089
|
|
874
|
-
declare type
|
875
|
-
|
876
|
-
|
877
|
-
customDocumentStyles?: Partial<{
|
878
|
-
wrapperBackgroundColor: ThemeColors$1 | string;
|
879
|
-
pageNumberColor: ThemeColors$1 | string;
|
880
|
-
pageWidth: number;
|
881
|
-
pageHeight: number;
|
882
|
-
paginationArrowColor: ThemeColors$1 | string;
|
883
|
-
disabledPaginationArrowColor: ThemeColors$1 | string;
|
884
|
-
}>;
|
885
|
-
};
|
886
|
-
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => _emotion_react_jsx_runtime.JSX.Element;
|
887
|
-
|
888
|
-
declare type IconRendererProps = {
|
889
|
-
iconName?: string;
|
890
|
-
size?: number | string;
|
891
|
-
color?: string;
|
892
|
-
borderRadius?: number | string;
|
893
|
-
backgroundColor?: string;
|
894
|
-
} & react__default.SVGProps<SVGSVGElement>;
|
895
|
-
declare const IconRenderer: react__default.ForwardRefExoticComponent<Pick<IconRendererProps, "string" | "backgroundColor" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "borderRadius" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "spacing" | "mode" | "values" | "className" | "style" | "children" | "elevation" | "path" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "in" | "name" | "type" | "href" | "size" | "orientation" | "media" | "target" | "origin" | "min" | "viewBox" | "method" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "iconName"> & react__default.RefAttributes<SVGSVGElement>>;
|
896
|
-
|
897
|
-
declare type TextProps = Partial<{
|
898
|
-
text: string;
|
899
|
-
isRichText: boolean;
|
900
|
-
paddingTop: string;
|
901
|
-
paddingRight: string;
|
902
|
-
paddingBottom: string;
|
903
|
-
paddingLeft: string;
|
904
|
-
marginTop: string;
|
905
|
-
marginRight: string;
|
906
|
-
marginBottom: string;
|
907
|
-
marginLeft: string;
|
908
|
-
htmlElementId: string;
|
909
|
-
configurationItemInfo: ConfigurationItemInfo$1;
|
910
|
-
}>;
|
911
|
-
declare const TextMolecule: FC<TextProps>;
|
912
|
-
|
913
|
-
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
914
|
-
padding?: number | string;
|
915
|
-
wrapperStyles?: CSSProperties;
|
916
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
917
|
-
modalStyles?: CSSProperties;
|
918
|
-
size?: string;
|
919
|
-
popupId: string;
|
920
|
-
onClose: () => void;
|
921
|
-
withCloseIcon?: boolean;
|
922
|
-
};
|
923
|
-
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => _emotion_react_jsx_runtime.JSX.Element;
|
924
|
-
declare const ModalWrapper: _emotion_styled.StyledComponent<{
|
925
|
-
theme?: _emotion_react.Theme | undefined;
|
926
|
-
as?: react__default.ElementType<any> | undefined;
|
927
|
-
} & OverrideStyles, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
928
|
-
declare const IconWrapper: _emotion_styled.StyledComponent<{
|
929
|
-
theme?: _emotion_react.Theme | undefined;
|
930
|
-
as?: react__default.ElementType<any> | undefined;
|
931
|
-
} & {
|
932
|
-
activeOpacity?: number | undefined;
|
933
|
-
withoutOpacityEffect?: boolean | undefined;
|
934
|
-
disabled?: boolean | undefined;
|
935
|
-
} & {
|
936
|
-
children?: react__default.ReactNode;
|
937
|
-
} & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement> & {
|
938
|
-
theme?: _emotion_react.Theme | undefined;
|
939
|
-
}, {}, {}>;
|
940
|
-
|
941
|
-
declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable' | 'color' | 'bgColor' | 'fontSize' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'textAlign';
|
942
|
-
declare type LinkType = 'externalLink' | 'internalLink';
|
943
|
-
declare type CommunicationLinkPayload = {
|
944
|
-
type: LinkType;
|
945
|
-
url: string;
|
946
|
-
};
|
947
|
-
declare type DataModelField = {
|
948
|
-
defaultValue?: string | number | boolean | null;
|
949
|
-
pmiObjectName?: string;
|
950
|
-
dataFieldName?: string;
|
951
|
-
pmiObjectId?: string;
|
952
|
-
dataModelFieldId: string;
|
953
|
-
dataType?: string;
|
954
|
-
format?: {
|
955
|
-
code: string;
|
956
|
-
};
|
957
|
-
};
|
958
|
-
declare type VariablePayload = {
|
959
|
-
id: string;
|
960
|
-
text: string;
|
961
|
-
dataModelField?: DataModelField;
|
962
|
-
};
|
963
|
-
declare type TextFormat = {
|
964
|
-
bold?: boolean;
|
965
|
-
italic?: boolean;
|
966
|
-
underline?: boolean;
|
967
|
-
strikethrough?: boolean;
|
968
|
-
communicationLink?: CommunicationLinkPayload;
|
969
|
-
variable?: VariablePayload;
|
970
|
-
tag?: {
|
971
|
-
id: string;
|
972
|
-
label: string;
|
973
|
-
};
|
974
|
-
listItem?: boolean;
|
975
|
-
numberedList?: boolean;
|
976
|
-
bulletedList?: boolean;
|
977
|
-
color?: string;
|
978
|
-
bgColor?: string;
|
979
|
-
fontSize?: string;
|
980
|
-
fontFamily?: string;
|
981
|
-
letterSpacing?: string;
|
982
|
-
lineHeight?: string;
|
983
|
-
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
984
|
-
};
|
985
|
-
declare type CustomElementType = 'paragraph' | 'listItem' | 'orderedList' | 'unorderedList' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | 'headingThree' | 'blockquote' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'justify' | 'span';
|
986
|
-
declare type CustomText = {
|
987
|
-
text: string;
|
988
|
-
type?: CustomElementType;
|
989
|
-
} & TextFormat;
|
990
|
-
declare type CustomElement = {
|
991
|
-
type: CustomElementType;
|
992
|
-
children: (CustomText | CustomElement)[];
|
993
|
-
href?: string;
|
994
|
-
format?: Format;
|
995
|
-
};
|
996
|
-
declare type CustomDescendant = CustomText | CustomElement;
|
997
|
-
|
998
|
-
declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
|
999
|
-
declare type DefaultSelectionType = 'confirmation' | 'rejection';
|
1000
|
-
declare type ConsentStatus = 'in_use' | 'draft';
|
1001
|
-
declare type ConsentType = {
|
1002
|
-
id: string;
|
1003
|
-
name: string;
|
1004
|
-
acknowledgment: CustomDescendant[];
|
1005
|
-
methodOfCapture: ConsentCaptureMethod;
|
1006
|
-
description: string;
|
1007
|
-
language: CustomDescendant[];
|
1008
|
-
expiration: string;
|
1009
|
-
confirmationButtonText: string;
|
1010
|
-
rejectionButtonText: string;
|
1011
|
-
defaultSelection: DefaultSelectionType;
|
1012
|
-
value?: DefaultSelectionType | boolean;
|
1013
|
-
isRequired?: boolean;
|
1014
|
-
affirmation: boolean;
|
1015
|
-
status: ConsentStatus;
|
1016
|
-
expirationDays: string;
|
1017
|
-
expirationMonths: string;
|
1018
|
-
};
|
1019
|
-
declare type ConsentProps<T extends string = string> = {
|
1020
|
-
text: string;
|
1021
|
-
isRequired?: boolean;
|
1022
|
-
consentCaptureProps: ConsentCaptureProps<T>;
|
1023
|
-
containerStyles?: CSSProperties;
|
1024
|
-
clearStyles?: boolean;
|
1025
|
-
};
|
1026
|
-
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
|
1027
|
-
|
1028
|
-
declare type ChecklistItem = {
|
1029
|
-
id: string;
|
1030
|
-
label: string;
|
1031
|
-
textColor: string;
|
1032
|
-
fontSize: string;
|
1033
|
-
fontFamily: string;
|
1034
|
-
fontWeight: string;
|
1035
|
-
textAlign: 'left' | 'center' | 'right' | 'justify';
|
1036
|
-
interacted: 'checked' | 'unchecked';
|
1037
|
-
disabled?: boolean;
|
1038
|
-
isSystemDriven?: boolean;
|
1039
|
-
iconName?: string;
|
1040
|
-
iconColor?: string;
|
1041
|
-
checkedIconName?: string;
|
1042
|
-
checkedIconColor?: string;
|
1043
|
-
};
|
1044
|
-
declare type ChecklistProps = {
|
1045
|
-
gap?: string;
|
1046
|
-
moleculeId?: string;
|
1047
|
-
items: ChecklistItem[];
|
1048
|
-
iconSize?: 'small' | 'medium' | 'large';
|
1049
|
-
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
1050
|
-
paddingTop?: string;
|
1051
|
-
paddingRight?: string;
|
1052
|
-
paddingBottom?: string;
|
1053
|
-
paddingLeft?: string;
|
1054
|
-
marginTop?: string;
|
1055
|
-
marginRight?: string;
|
1056
|
-
marginBottom?: string;
|
1057
|
-
marginLeft?: string;
|
1058
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1059
|
-
};
|
1060
|
-
declare const Checklist: FC<ChecklistProps>;
|
1061
|
-
|
1062
|
-
interface DividerProps {
|
1063
|
-
text?: string;
|
1064
|
-
variant?: 'fullWidth' | 'inset' | 'middle';
|
1065
|
-
moleculeId?: string;
|
1066
|
-
lineWeight?: number;
|
1067
|
-
orientation?: 'horizontal' | 'vertical';
|
1068
|
-
borderColor?: string;
|
1069
|
-
borderRadius?: number;
|
1070
|
-
sx?: SxProps;
|
1071
|
-
marginTop?: string | number;
|
1072
|
-
marginRight?: string | number;
|
1073
|
-
marginBottom?: string | number;
|
1074
|
-
marginLeft?: string | number;
|
1075
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1076
|
-
}
|
1077
|
-
declare const Divider: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1078
|
-
|
1079
|
-
declare type LinkTypes = 'internalLink' | 'internal_link' | 'externalLink' | 'external_link';
|
1080
|
-
interface LinkProps {
|
1081
|
-
src: string | undefined;
|
1082
|
-
text: string;
|
1083
|
-
type?: LinkTypes;
|
1084
|
-
color?: string;
|
1085
|
-
disabled?: boolean;
|
1086
|
-
disabledColor?: string;
|
1087
|
-
underline?: 'none' | 'always' | 'hover';
|
1088
|
-
variant?: TypographyProps['variant'];
|
1089
|
-
margin?: string;
|
1090
|
-
padding?: string;
|
1091
|
-
moleculeId?: string;
|
1092
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1093
|
-
metadata?: MetadataType$1;
|
1094
|
-
marginTop?: string;
|
1095
|
-
marginRight?: string;
|
1096
|
-
marginBottom?: string;
|
1097
|
-
marginLeft?: string;
|
1098
|
-
paddingTop?: string;
|
1099
|
-
paddingRight?: string;
|
1100
|
-
paddingBottom?: string;
|
1101
|
-
paddingLeft?: string;
|
1102
|
-
fontFamily?: string;
|
1103
|
-
fontWeight?: string;
|
1104
|
-
fontSize?: string;
|
1105
|
-
align?: TypographyProps['align'];
|
1106
|
-
}
|
1107
|
-
declare const Link: FC<LinkProps>;
|
1108
|
-
|
1109
|
-
interface VideoProps {
|
1110
|
-
src: string;
|
1111
|
-
poster?: string;
|
1112
|
-
controls?: boolean;
|
1113
|
-
loop?: boolean;
|
1114
|
-
autoplay?: boolean;
|
1115
|
-
raised?: boolean;
|
1116
|
-
alt?: string;
|
1117
|
-
height?: string | number;
|
1118
|
-
width?: string | number;
|
1119
|
-
borderRadius?: string | number;
|
1120
|
-
margin?: number | string;
|
1121
|
-
padding?: number | string;
|
1122
|
-
moleculeId?: string;
|
1123
|
-
enableCoverImage?: boolean;
|
1124
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1125
|
-
metadata?: MetadataType$1;
|
1126
|
-
marginTop: string;
|
1127
|
-
marginRight: string;
|
1128
|
-
marginBottom: string;
|
1129
|
-
marginLeft: string;
|
1130
|
-
paddingTop: string;
|
1131
|
-
paddingRight: string;
|
1132
|
-
paddingBottom: string;
|
1133
|
-
paddingLeft: string;
|
1134
|
-
}
|
1135
|
-
declare const Video: react__default.FC<VideoProps>;
|
1136
|
-
|
1137
|
-
interface ImageProps {
|
1138
|
-
src: string;
|
1139
|
-
alt?: string;
|
1140
|
-
height?: number | string;
|
1141
|
-
width?: number | string;
|
1142
|
-
rounded?: boolean;
|
1143
|
-
raised?: boolean;
|
1144
|
-
margin?: string;
|
1145
|
-
padding?: string;
|
1146
|
-
moleculeId?: string;
|
1147
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1148
|
-
metadata?: MetadataType$1;
|
1149
|
-
onClick?: () => void;
|
1150
|
-
marginTop: string;
|
1151
|
-
marginRight: string;
|
1152
|
-
marginBottom: string;
|
1153
|
-
marginLeft: string;
|
1154
|
-
paddingTop: string;
|
1155
|
-
paddingRight: string;
|
1156
|
-
paddingBottom: string;
|
1157
|
-
paddingLeft: string;
|
1158
|
-
borderRadius: string | number;
|
1159
|
-
}
|
1160
|
-
declare const Image: FC<ImageProps>;
|
1161
|
-
|
1162
|
-
interface ButtonProps extends ButtonProps$1 {
|
1163
|
-
gap: number | string;
|
1164
|
-
moleculeId?: string;
|
1165
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1166
|
-
borderRadius?: string | number;
|
1167
|
-
endIcon?: IconRendererProps$1['iconName'];
|
1168
|
-
startIcon?: IconRendererProps$1['iconName'];
|
1169
|
-
text: string;
|
1170
|
-
link?: string;
|
1171
|
-
wrapText?: boolean;
|
1172
|
-
marginTop: string;
|
1173
|
-
marginRight: string;
|
1174
|
-
marginBottom: string;
|
1175
|
-
marginLeft: string;
|
1176
|
-
paddingTop: string;
|
1177
|
-
paddingRight: string;
|
1178
|
-
paddingBottom: string;
|
1179
|
-
paddingLeft: string;
|
1180
|
-
elevated?: boolean;
|
1181
|
-
fontSize?: number | string;
|
1182
|
-
fontWeight?: 'normal' | 'bold';
|
1183
|
-
fontFamily?: TypographyProps['fontFamily'];
|
1184
|
-
textAlign?: TypographyProps['textAlign'];
|
1185
|
-
textColor?: string;
|
1186
|
-
disabledColor?: string;
|
1187
|
-
height?: string;
|
1188
|
-
width?: string;
|
1189
|
-
}
|
1190
|
-
/**
|
1191
|
-
* We use `forwardRef` so that the ref passed from parent Component (Menu)
|
1192
|
-
* will correctly point to the underlying <MuiButton> element.
|
1193
|
-
*/
|
1194
|
-
declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react__default.RefAttributes<HTMLButtonElement>>;
|
1195
|
-
|
1196
|
-
declare type StepperOrientation = 'horizontal' | 'vertical';
|
1197
|
-
declare type CustomStep = {
|
1198
|
-
id: string;
|
1199
|
-
title: string;
|
1200
|
-
subText?: string;
|
1201
|
-
iconName?: string;
|
1202
|
-
fontSize?: string;
|
1203
|
-
fontWeight?: string | number;
|
1204
|
-
fontFamily?: string;
|
1205
|
-
color?: string;
|
1206
|
-
subTextColor?: string;
|
1207
|
-
subTextFontSize?: string;
|
1208
|
-
subTextFontWeight?: string | number;
|
1209
|
-
subTextFontFamily?: string;
|
1210
|
-
borderRadius?: string;
|
1211
|
-
iconColor?: string;
|
1212
|
-
iconBorderRadius?: number;
|
1213
|
-
iconBackgroundColor?: string;
|
1214
|
-
};
|
1215
|
-
declare type StepperProps = {
|
1216
|
-
items: CustomStep[];
|
1217
|
-
gap?: string;
|
1218
|
-
stepGap?: string;
|
1219
|
-
iconSize?: string;
|
1220
|
-
isMobile?: boolean;
|
1221
|
-
orientation?: StepperOrientation;
|
1222
|
-
activeStep?: number;
|
1223
|
-
lineColor?: string;
|
1224
|
-
lineWidth?: string;
|
1225
|
-
lineRadius?: string;
|
1226
|
-
moleculeId?: string;
|
1227
|
-
marginTop?: string;
|
1228
|
-
marginRight?: string;
|
1229
|
-
marginBottom?: string;
|
1230
|
-
marginLeft?: string;
|
1231
|
-
paddingTop?: string;
|
1232
|
-
paddingRight?: string;
|
1233
|
-
paddingBottom?: string;
|
1234
|
-
paddingLeft?: string;
|
1235
|
-
borderRadius?: string;
|
1236
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1237
|
-
backgroundColor?: string;
|
1238
|
-
};
|
1239
|
-
declare const Stepper: FC<StepperProps>;
|
1240
|
-
|
1241
|
-
interface SwitchMoleculeProps extends Omit<SwitchProps, 'onChange'> {
|
1242
|
-
/** If true, switch is shown but disabled, with a text next to it that indicates ON/OFF. */
|
1243
|
-
isDisplayOnly?: boolean;
|
1244
|
-
/** If true, we rely on MUI FormControl to show the required asterisk. */
|
1245
|
-
required?: boolean;
|
1246
|
-
requiredErrorText?: string;
|
1247
|
-
validationErrorText?: string;
|
1248
|
-
text?: string;
|
1249
|
-
thumbColor?: string;
|
1250
|
-
thumbCheckedColor?: string;
|
1251
|
-
trackColor?: string;
|
1252
|
-
disabledThumbColor?: string;
|
1253
|
-
/** MUI FormControl label placement with a real label. We'll show the label above by default. */
|
1254
|
-
labelPlacement?: 'top' | 'bottom';
|
1255
|
-
/** Additional MUI styling props if needed */
|
1256
|
-
marginLeft?: string;
|
1257
|
-
marginTop?: string;
|
1258
|
-
marginRight?: string;
|
1259
|
-
marginBottom?: string;
|
1260
|
-
paddingLeft?: string;
|
1261
|
-
paddingTop?: string;
|
1262
|
-
paddingRight?: string;
|
1263
|
-
paddingBottom?: string;
|
1264
|
-
/** For hooking up with react-hook-form */
|
1265
|
-
name: string;
|
1266
|
-
sourceDataModelField?: string;
|
1267
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1268
|
-
}
|
1269
|
-
declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
|
1270
|
-
|
1271
|
-
interface ChipMoleculeProps {
|
1272
|
-
text: string;
|
1273
|
-
variant?: 'outlined' | 'filled';
|
1274
|
-
icon?: string;
|
1275
|
-
backgroundColor?: string;
|
1276
|
-
borderColor?: string;
|
1277
|
-
borderWeight?: string;
|
1278
|
-
size?: 'small' | 'medium';
|
1279
|
-
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
1280
|
-
textColor?: string;
|
1281
|
-
wrap?: boolean;
|
1282
|
-
fontSize?: number | string;
|
1283
|
-
fontFamily?: TypographyProps['fontFamily'];
|
1284
|
-
fontWeight?: 'normal' | 'bold';
|
1285
|
-
marginLeft?: string;
|
1286
|
-
marginTop?: string;
|
1287
|
-
marginRight?: string;
|
1288
|
-
marginBottom?: string;
|
1289
|
-
paddingLeft?: string;
|
1290
|
-
paddingTop?: string;
|
1291
|
-
paddingRight?: string;
|
1292
|
-
paddingBottom?: string;
|
1293
|
-
configurationItemInfo?: Record<string, unknown>;
|
1294
|
-
}
|
1295
|
-
declare const ChipMolecule: react__default.FC<ChipMoleculeProps>;
|
1296
|
-
|
1297
|
-
interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
|
1298
|
-
iconColor?: string;
|
1090
|
+
declare type IconRendererProps = {
|
1091
|
+
iconName?: string;
|
1092
|
+
size?: number | string;
|
1299
1093
|
color?: string;
|
1300
|
-
|
1301
|
-
badgeVariant?: BadgeProps['variant'];
|
1302
|
-
marginLeft?: string;
|
1303
|
-
marginTop?: string;
|
1304
|
-
marginRight?: string;
|
1305
|
-
marginBottom?: string;
|
1306
|
-
paddingLeft?: string;
|
1307
|
-
paddingTop?: string;
|
1308
|
-
paddingRight?: string;
|
1309
|
-
paddingBottom?: string;
|
1310
|
-
configurationItemInfo?: Record<string, unknown>;
|
1311
|
-
}
|
1312
|
-
declare const BadgeMolecule: react__default.FC<BadgeMoleculeProps>;
|
1313
|
-
|
1314
|
-
interface AlertMoleculeProps {
|
1315
|
-
dismissible?: boolean;
|
1316
|
-
width?: string;
|
1317
|
-
height?: string;
|
1094
|
+
borderRadius?: number | string;
|
1318
1095
|
backgroundColor?: string;
|
1319
|
-
|
1320
|
-
|
1321
|
-
|
1322
|
-
|
1323
|
-
|
1324
|
-
|
1325
|
-
|
1326
|
-
|
1327
|
-
|
1328
|
-
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
subTextFontSize?: number | string;
|
1333
|
-
subTextFontFamily?: TypographyProps['fontFamily'];
|
1334
|
-
subTextFontWeight?: number | string;
|
1335
|
-
marginLeft?: string;
|
1336
|
-
marginTop?: string;
|
1337
|
-
marginRight?: string;
|
1338
|
-
marginBottom?: string;
|
1339
|
-
paddingLeft?: string;
|
1340
|
-
paddingTop?: string;
|
1341
|
-
paddingRight?: string;
|
1342
|
-
paddingBottom?: string;
|
1096
|
+
} & react__default.SVGProps<SVGSVGElement>;
|
1097
|
+
declare const IconRenderer: react__default.ForwardRefExoticComponent<Pick<IconRendererProps, "string" | "backgroundColor" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "borderRadius" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "spacing" | "mode" | "values" | "className" | "style" | "children" | "elevation" | "path" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "in" | "name" | "type" | "href" | "size" | "orientation" | "media" | "target" | "origin" | "min" | "viewBox" | "method" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "iconName"> & react__default.RefAttributes<SVGSVGElement>>;
|
1098
|
+
|
1099
|
+
interface ImageProps {
|
1100
|
+
src: string;
|
1101
|
+
alt?: string;
|
1102
|
+
height?: number | string;
|
1103
|
+
width?: number | string;
|
1104
|
+
rounded?: boolean;
|
1105
|
+
raised?: boolean;
|
1106
|
+
margin?: string;
|
1107
|
+
padding?: string;
|
1108
|
+
moleculeId?: string;
|
1343
1109
|
configurationItemInfo?: ConfigurationItemInfo$1;
|
1110
|
+
metadata?: MetadataType$1;
|
1111
|
+
onClick?: () => void;
|
1112
|
+
marginTop: string;
|
1113
|
+
marginRight: string;
|
1114
|
+
marginBottom: string;
|
1115
|
+
marginLeft: string;
|
1116
|
+
paddingTop: string;
|
1117
|
+
paddingRight: string;
|
1118
|
+
paddingBottom: string;
|
1119
|
+
paddingLeft: string;
|
1120
|
+
borderRadius: string | number;
|
1344
1121
|
}
|
1345
|
-
declare const
|
1122
|
+
declare const Image: FC<ImageProps>;
|
1346
1123
|
|
1347
|
-
|
1348
|
-
|
1349
|
-
|
1350
|
-
|
1351
|
-
|
1352
|
-
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
1124
|
+
declare type LinkTypes = 'internalLink' | 'internal_link' | 'externalLink' | 'external_link';
|
1125
|
+
interface LinkProps {
|
1126
|
+
src: string | undefined;
|
1127
|
+
text: string;
|
1128
|
+
type?: LinkTypes;
|
1353
1129
|
color?: string;
|
1354
|
-
|
1355
|
-
|
1356
|
-
|
1357
|
-
|
1358
|
-
|
1359
|
-
|
1360
|
-
|
1361
|
-
|
1130
|
+
disabled?: boolean;
|
1131
|
+
disabledColor?: string;
|
1132
|
+
underline?: 'none' | 'always' | 'hover';
|
1133
|
+
variant?: TypographyProps['variant'];
|
1134
|
+
margin?: string;
|
1135
|
+
padding?: string;
|
1136
|
+
moleculeId?: string;
|
1137
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1138
|
+
metadata?: MetadataType$1;
|
1362
1139
|
marginTop?: string;
|
1363
1140
|
marginRight?: string;
|
1364
1141
|
marginBottom?: string;
|
1365
|
-
|
1142
|
+
marginLeft?: string;
|
1366
1143
|
paddingTop?: string;
|
1367
1144
|
paddingRight?: string;
|
1368
1145
|
paddingBottom?: string;
|
1369
|
-
|
1370
|
-
|
1371
|
-
|
1372
|
-
|
1373
|
-
|
1374
|
-
sourceDataModelField?: string;
|
1375
|
-
isDisplayOnly?: boolean;
|
1146
|
+
paddingLeft?: string;
|
1147
|
+
fontFamily?: string;
|
1148
|
+
fontWeight?: string;
|
1149
|
+
fontSize?: string;
|
1150
|
+
align?: TypographyProps['align'];
|
1376
1151
|
}
|
1377
|
-
declare const
|
1152
|
+
declare const Link: FC<LinkProps>;
|
1153
|
+
|
1154
|
+
declare type SetPasswordRuleValidation = {
|
1155
|
+
label: string;
|
1156
|
+
rule: MaxRuleValidation | MinRuleValidation;
|
1157
|
+
};
|
1158
|
+
declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
|
1159
|
+
declare type MaxRuleValidation = {
|
1160
|
+
MAX: number;
|
1161
|
+
type: CountValidationTypes;
|
1162
|
+
};
|
1163
|
+
declare type MinRuleValidation = {
|
1164
|
+
MIN: number;
|
1165
|
+
type: CountValidationTypes;
|
1166
|
+
};
|
1167
|
+
declare type PasswordRuleValidation = {
|
1168
|
+
label: string;
|
1169
|
+
rule: MaxRuleValidation | MinRuleValidation;
|
1170
|
+
};
|
1171
|
+
declare type PasswordFields = {
|
1172
|
+
password: {
|
1173
|
+
value: string;
|
1174
|
+
};
|
1175
|
+
reenteredPassword?: {
|
1176
|
+
value?: string;
|
1177
|
+
};
|
1178
|
+
};
|
1179
|
+
|
1180
|
+
declare type PasswordSetupProps = {
|
1181
|
+
gap: string;
|
1182
|
+
inputProps: Omit<BasicTextFieldProps$1, 'name'>;
|
1183
|
+
validations: PasswordRuleValidation[];
|
1184
|
+
htmlElementId: string;
|
1185
|
+
validationState: FormStateType$1;
|
1186
|
+
overridesProperties: PasswordSetupMoleculeType$1['properties'];
|
1187
|
+
configurationItemInfo: ConfigurationItemInfo$1;
|
1188
|
+
};
|
1189
|
+
declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, }: PasswordSetupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1190
|
+
|
1191
|
+
declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule$1;
|
1192
|
+
|
1193
|
+
declare type PdfDocumentProps = {
|
1194
|
+
source: string;
|
1195
|
+
isMobile?: boolean;
|
1196
|
+
customDocumentStyles?: Partial<{
|
1197
|
+
wrapperBackgroundColor: ThemeColors$1 | string;
|
1198
|
+
pageNumberColor: ThemeColors$1 | string;
|
1199
|
+
pageWidth: number;
|
1200
|
+
pageHeight: number;
|
1201
|
+
paginationArrowColor: ThemeColors$1 | string;
|
1202
|
+
disabledPaginationArrowColor: ThemeColors$1 | string;
|
1203
|
+
}>;
|
1204
|
+
};
|
1205
|
+
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1378
1206
|
|
1379
1207
|
interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
|
1380
1208
|
text: string;
|
@@ -1409,6 +1237,57 @@ interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
|
|
1409
1237
|
}
|
1410
1238
|
declare const RatingMolecule: react__default.FC<RatingMoleculeProps>;
|
1411
1239
|
|
1240
|
+
declare type TextProps = Partial<{
|
1241
|
+
text: string;
|
1242
|
+
isRichText: boolean;
|
1243
|
+
paddingTop: string;
|
1244
|
+
paddingRight: string;
|
1245
|
+
paddingBottom: string;
|
1246
|
+
paddingLeft: string;
|
1247
|
+
marginTop: string;
|
1248
|
+
marginRight: string;
|
1249
|
+
marginBottom: string;
|
1250
|
+
marginLeft: string;
|
1251
|
+
htmlElementId: string;
|
1252
|
+
configurationItemInfo: ConfigurationItemInfo$1;
|
1253
|
+
}>;
|
1254
|
+
declare const TextMolecule: FC<TextProps>;
|
1255
|
+
|
1256
|
+
interface SelectMoleculeOption {
|
1257
|
+
id: string;
|
1258
|
+
label: string;
|
1259
|
+
value?: string;
|
1260
|
+
}
|
1261
|
+
interface SelectMoleculeProps {
|
1262
|
+
open?: boolean;
|
1263
|
+
text: string;
|
1264
|
+
placeholderText?: string;
|
1265
|
+
required?: boolean;
|
1266
|
+
requiredErrorText?: string;
|
1267
|
+
validationErrorText?: string;
|
1268
|
+
isDisplayOnly?: boolean;
|
1269
|
+
fontSize?: number | string;
|
1270
|
+
fontFamily?: TypographyProps['fontFamily'];
|
1271
|
+
fontWeight?: 'normal' | 'bold' | number;
|
1272
|
+
textColor?: string;
|
1273
|
+
textAlign?: TypographyProps['textAlign'];
|
1274
|
+
borderColor?: string;
|
1275
|
+
color?: string;
|
1276
|
+
backgroundColor?: string;
|
1277
|
+
marginLeft?: string;
|
1278
|
+
marginTop?: string;
|
1279
|
+
marginRight?: string;
|
1280
|
+
marginBottom?: string;
|
1281
|
+
paddingLeft?: string;
|
1282
|
+
paddingTop?: string;
|
1283
|
+
paddingRight?: string;
|
1284
|
+
paddingBottom?: string;
|
1285
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1286
|
+
name: string;
|
1287
|
+
sourceDataModelField?: string;
|
1288
|
+
}
|
1289
|
+
declare const SelectMolecule: react__default.FC<SelectMoleculeProps>;
|
1290
|
+
|
1412
1291
|
interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
|
1413
1292
|
text?: string;
|
1414
1293
|
name?: string;
|
@@ -1440,32 +1319,75 @@ interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
|
|
1440
1319
|
marginTop?: string;
|
1441
1320
|
marginRight?: string;
|
1442
1321
|
marginBottom?: string;
|
1443
|
-
paddingLeft?: string;
|
1322
|
+
paddingLeft?: string;
|
1323
|
+
paddingTop?: string;
|
1324
|
+
paddingRight?: string;
|
1325
|
+
paddingBottom?: string;
|
1326
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1327
|
+
sourceDataModelField?: string;
|
1328
|
+
}
|
1329
|
+
declare const SliderMolecule: react__default.FC<SliderMoleculeProps>;
|
1330
|
+
|
1331
|
+
declare type StepperOrientation = 'horizontal' | 'vertical';
|
1332
|
+
declare type CustomStep = {
|
1333
|
+
id: string;
|
1334
|
+
title: string;
|
1335
|
+
subText?: string;
|
1336
|
+
iconName?: string;
|
1337
|
+
fontSize?: string;
|
1338
|
+
fontWeight?: string | number;
|
1339
|
+
fontFamily?: string;
|
1340
|
+
color?: string;
|
1341
|
+
subTextColor?: string;
|
1342
|
+
subTextFontSize?: string;
|
1343
|
+
subTextFontWeight?: string | number;
|
1344
|
+
subTextFontFamily?: string;
|
1345
|
+
borderRadius?: string;
|
1346
|
+
iconColor?: string;
|
1347
|
+
iconBorderRadius?: number;
|
1348
|
+
iconBackgroundColor?: string;
|
1349
|
+
};
|
1350
|
+
declare type StepperProps = {
|
1351
|
+
items: CustomStep[];
|
1352
|
+
gap?: string;
|
1353
|
+
stepGap?: string;
|
1354
|
+
iconSize?: string;
|
1355
|
+
isMobile?: boolean;
|
1356
|
+
orientation?: StepperOrientation;
|
1357
|
+
activeStep?: number;
|
1358
|
+
lineColor?: string;
|
1359
|
+
lineWidth?: string;
|
1360
|
+
lineRadius?: string;
|
1361
|
+
moleculeId?: string;
|
1362
|
+
marginTop?: string;
|
1363
|
+
marginRight?: string;
|
1364
|
+
marginBottom?: string;
|
1365
|
+
marginLeft?: string;
|
1444
1366
|
paddingTop?: string;
|
1445
1367
|
paddingRight?: string;
|
1446
1368
|
paddingBottom?: string;
|
1369
|
+
paddingLeft?: string;
|
1370
|
+
borderRadius?: string;
|
1447
1371
|
configurationItemInfo?: ConfigurationItemInfo$1;
|
1448
|
-
|
1449
|
-
}
|
1450
|
-
declare const
|
1372
|
+
backgroundColor?: string;
|
1373
|
+
};
|
1374
|
+
declare const Stepper: FC<StepperProps>;
|
1451
1375
|
|
1452
|
-
interface
|
1376
|
+
interface SwitchMoleculeProps extends Omit<SwitchProps, 'onChange'> {
|
1377
|
+
/** If true, switch is shown but disabled, with a text next to it that indicates ON/OFF. */
|
1378
|
+
isDisplayOnly?: boolean;
|
1379
|
+
/** If true, we rely on MUI FormControl to show the required asterisk. */
|
1453
1380
|
required?: boolean;
|
1454
|
-
placeholderText?: string;
|
1455
1381
|
requiredErrorText?: string;
|
1456
1382
|
validationErrorText?: string;
|
1457
|
-
|
1458
|
-
|
1459
|
-
|
1460
|
-
|
1461
|
-
|
1462
|
-
|
1463
|
-
|
1464
|
-
|
1465
|
-
iconColor?: string;
|
1466
|
-
minDate?: string;
|
1467
|
-
maxDate?: string;
|
1468
|
-
backgroundColor?: string;
|
1383
|
+
text?: string;
|
1384
|
+
thumbColor?: string;
|
1385
|
+
thumbCheckedColor?: string;
|
1386
|
+
trackColor?: string;
|
1387
|
+
disabledThumbColor?: string;
|
1388
|
+
/** MUI FormControl label placement with a real label. We'll show the label above by default. */
|
1389
|
+
labelPlacement?: 'top' | 'bottom';
|
1390
|
+
/** Additional MUI styling props if needed */
|
1469
1391
|
marginLeft?: string;
|
1470
1392
|
marginTop?: string;
|
1471
1393
|
marginRight?: string;
|
@@ -1474,86 +1396,123 @@ interface DatePickerMoleculeProps extends Omit<DatePickerProps<Date>, 'minDate'
|
|
1474
1396
|
paddingTop?: string;
|
1475
1397
|
paddingRight?: string;
|
1476
1398
|
paddingBottom?: string;
|
1399
|
+
/** For hooking up with react-hook-form */
|
1477
1400
|
name: string;
|
1478
1401
|
sourceDataModelField?: string;
|
1479
|
-
|
1480
|
-
displayFormat?: string;
|
1402
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1481
1403
|
}
|
1482
|
-
declare const
|
1404
|
+
declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
|
1483
1405
|
|
1484
|
-
interface
|
1485
|
-
|
1486
|
-
|
1487
|
-
|
1406
|
+
interface VideoProps {
|
1407
|
+
src: string;
|
1408
|
+
poster?: string;
|
1409
|
+
controls?: boolean;
|
1410
|
+
loop?: boolean;
|
1411
|
+
autoplay?: boolean;
|
1412
|
+
raised?: boolean;
|
1413
|
+
alt?: string;
|
1414
|
+
height?: string | number;
|
1415
|
+
width?: string | number;
|
1416
|
+
borderRadius?: string | number;
|
1417
|
+
margin?: number | string;
|
1418
|
+
padding?: number | string;
|
1419
|
+
moleculeId?: string;
|
1420
|
+
enableCoverImage?: boolean;
|
1421
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1422
|
+
metadata?: MetadataType$1;
|
1423
|
+
marginTop: string;
|
1424
|
+
marginRight: string;
|
1425
|
+
marginBottom: string;
|
1426
|
+
marginLeft: string;
|
1427
|
+
paddingTop: string;
|
1428
|
+
paddingRight: string;
|
1429
|
+
paddingBottom: string;
|
1430
|
+
paddingLeft: string;
|
1488
1431
|
}
|
1489
|
-
|
1490
|
-
|
1491
|
-
|
1492
|
-
|
1432
|
+
declare const Video: react__default.FC<VideoProps>;
|
1433
|
+
|
1434
|
+
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1435
|
+
padding?: number | string;
|
1436
|
+
wrapperStyles?: CSSProperties;
|
1437
|
+
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1438
|
+
modalStyles?: CSSProperties;
|
1439
|
+
size?: string;
|
1440
|
+
popupId: string;
|
1441
|
+
onClose: () => void;
|
1442
|
+
withCloseIcon?: boolean;
|
1443
|
+
};
|
1444
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1445
|
+
declare const ModalWrapper: _emotion_styled.StyledComponent<{
|
1446
|
+
theme?: _emotion_react.Theme | undefined;
|
1447
|
+
as?: react__default.ElementType<any> | undefined;
|
1448
|
+
} & OverrideStyles, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1449
|
+
declare const IconWrapper: _emotion_styled.StyledComponent<{
|
1450
|
+
theme?: _emotion_react.Theme | undefined;
|
1451
|
+
as?: react__default.ElementType<any> | undefined;
|
1452
|
+
} & {
|
1453
|
+
activeOpacity?: number | undefined;
|
1454
|
+
withoutOpacityEffect?: boolean | undefined;
|
1455
|
+
disabled?: boolean | undefined;
|
1456
|
+
} & {
|
1457
|
+
children?: react__default.ReactNode;
|
1458
|
+
} & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement> & {
|
1459
|
+
theme?: _emotion_react.Theme | undefined;
|
1460
|
+
}, {}, {}>;
|
1461
|
+
|
1462
|
+
declare type BinaryRadioButtonsProps = {
|
1463
|
+
moleculeId?: string;
|
1464
|
+
name: string;
|
1465
|
+
confirmText?: string;
|
1466
|
+
rejectText?: string;
|
1467
|
+
confirmTextColor?: string;
|
1468
|
+
confirmIconName?: string;
|
1469
|
+
confirmSelectedIconName?: string;
|
1470
|
+
confirmIconColor?: string;
|
1471
|
+
confirmSelectedIconColor?: string;
|
1472
|
+
rejectIconName?: string;
|
1473
|
+
rejectSelectedIconName?: string;
|
1474
|
+
rejectTextColor?: string;
|
1475
|
+
rejectIconColor?: string;
|
1476
|
+
rejectSelectedIconColor?: string;
|
1477
|
+
fontSize?: string;
|
1478
|
+
fontFamily?: string;
|
1479
|
+
fontWeight?: string;
|
1480
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
1481
|
+
disabled?: boolean;
|
1493
1482
|
required?: boolean;
|
1494
1483
|
requiredErrorText?: string;
|
1495
1484
|
validationErrorText?: string;
|
1496
|
-
|
1497
|
-
|
1498
|
-
|
1499
|
-
|
1500
|
-
textColor?: string;
|
1501
|
-
textAlign?: TypographyProps['textAlign'];
|
1502
|
-
borderColor?: string;
|
1503
|
-
color?: string;
|
1504
|
-
backgroundColor?: string;
|
1505
|
-
marginLeft?: string;
|
1506
|
-
marginTop?: string;
|
1507
|
-
marginRight?: string;
|
1508
|
-
marginBottom?: string;
|
1509
|
-
paddingLeft?: string;
|
1485
|
+
iconSize?: 'small' | 'medium' | 'large';
|
1486
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
1487
|
+
layout?: 'row' | 'column';
|
1488
|
+
gap?: string;
|
1510
1489
|
paddingTop?: string;
|
1511
1490
|
paddingRight?: string;
|
1512
1491
|
paddingBottom?: string;
|
1513
|
-
|
1514
|
-
|
1492
|
+
paddingLeft?: string;
|
1493
|
+
marginTop?: string;
|
1494
|
+
marginRight?: string;
|
1495
|
+
marginBottom?: string;
|
1496
|
+
marginLeft?: string;
|
1497
|
+
borderStyle?: string;
|
1498
|
+
borderWidth?: string;
|
1499
|
+
borderColor?: string;
|
1500
|
+
borderRadius?: string;
|
1501
|
+
backgroundColor?: string;
|
1515
1502
|
sourceDataModelField?: string;
|
1516
|
-
|
1517
|
-
|
1518
|
-
|
1519
|
-
declare type SetPasswordRuleValidation = {
|
1520
|
-
label: string;
|
1521
|
-
rule: MaxRuleValidation | MinRuleValidation;
|
1522
|
-
};
|
1523
|
-
declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
|
1524
|
-
declare type MaxRuleValidation = {
|
1525
|
-
MAX: number;
|
1526
|
-
type: CountValidationTypes;
|
1527
|
-
};
|
1528
|
-
declare type MinRuleValidation = {
|
1529
|
-
MIN: number;
|
1530
|
-
type: CountValidationTypes;
|
1531
|
-
};
|
1532
|
-
declare type PasswordRuleValidation = {
|
1533
|
-
label: string;
|
1534
|
-
rule: MaxRuleValidation | MinRuleValidation;
|
1535
|
-
};
|
1536
|
-
declare type PasswordFields = {
|
1537
|
-
password: {
|
1538
|
-
value: string;
|
1539
|
-
};
|
1540
|
-
reenteredPassword?: {
|
1541
|
-
value?: string;
|
1542
|
-
};
|
1543
|
-
};
|
1544
|
-
|
1545
|
-
declare type PasswordSetupProps = {
|
1546
|
-
gap: string;
|
1547
|
-
inputProps: Omit<BasicTextFieldProps$1, 'name'>;
|
1548
|
-
validations: PasswordRuleValidation[];
|
1549
|
-
htmlElementId: string;
|
1550
|
-
validationState: FormStateType$1;
|
1551
|
-
overridesProperties: PasswordSetupMoleculeType$1['properties'];
|
1552
|
-
configurationItemInfo: ConfigurationItemInfo$1;
|
1503
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1504
|
+
isDisplayOnly?: boolean;
|
1553
1505
|
};
|
1554
|
-
declare const
|
1506
|
+
declare const BinaryRadioButtons: FC<BinaryRadioButtonsProps>;
|
1555
1507
|
|
1556
|
-
|
1508
|
+
interface ContentWrapperProps {
|
1509
|
+
children: react__default.ReactNode;
|
1510
|
+
className?: string;
|
1511
|
+
marginTop?: string;
|
1512
|
+
marginLeft?: string;
|
1513
|
+
marginRight?: string;
|
1514
|
+
}
|
1515
|
+
declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
|
1557
1516
|
|
1558
1517
|
declare type SpeedDialItemType = 'speed_dial_action_item';
|
1559
1518
|
interface BaseSpeedDialItem {
|
@@ -1617,15 +1576,6 @@ interface SpeedDialProps {
|
|
1617
1576
|
|
1618
1577
|
declare const SpeedDial: react__default.FC<SpeedDialProps>;
|
1619
1578
|
|
1620
|
-
interface ContentWrapperProps {
|
1621
|
-
children: react__default.ReactNode;
|
1622
|
-
className?: string;
|
1623
|
-
marginTop?: string;
|
1624
|
-
marginLeft?: string;
|
1625
|
-
marginRight?: string;
|
1626
|
-
}
|
1627
|
-
declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
|
1628
|
-
|
1629
1579
|
declare const Container: FC<PropsWithChildren<ContainerProps$1> & {
|
1630
1580
|
id: string;
|
1631
1581
|
}>;
|
@@ -1710,35 +1660,35 @@ interface AvatarMoleculeProps {
|
|
1710
1660
|
}
|
1711
1661
|
|
1712
1662
|
interface CalendarMoleculeProps {
|
1713
|
-
events?:
|
1663
|
+
events?: any[];
|
1714
1664
|
resources?: any[];
|
1715
1665
|
initialView?: string;
|
1716
|
-
|
1717
|
-
|
1718
|
-
|
1719
|
-
enableTimeline?: boolean;
|
1720
|
-
enableResourceTimeline?: boolean;
|
1666
|
+
enableDayView?: boolean;
|
1667
|
+
enableWeekView?: boolean;
|
1668
|
+
enableMonthView?: boolean;
|
1721
1669
|
enableYearView?: boolean;
|
1722
|
-
|
1723
|
-
|
1724
|
-
|
1670
|
+
enableDayListView?: boolean;
|
1671
|
+
enableWeekListView?: boolean;
|
1672
|
+
enableGridView?: boolean;
|
1673
|
+
enableTimelineView?: boolean;
|
1674
|
+
enableResourceView?: boolean;
|
1725
1675
|
monthsPerRow?: number;
|
1726
1676
|
dayMaxEvents?: number;
|
1727
1677
|
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
1678
|
+
showPrevButton?: boolean;
|
1679
|
+
showNextButton?: boolean;
|
1680
|
+
showTodayButton?: boolean;
|
1681
|
+
showViewSwitcher?: boolean;
|
1682
|
+
editable?: boolean;
|
1683
|
+
droppable?: boolean;
|
1684
|
+
selectable?: boolean;
|
1728
1685
|
slotDuration?: string;
|
1729
1686
|
snapDuration?: string;
|
1730
1687
|
businessHours?: any;
|
1731
1688
|
eventOverlap?: boolean;
|
1732
1689
|
showGridLines?: boolean;
|
1733
|
-
buttonBorderRadius?: string;
|
1734
|
-
eventFontSize?: string | number;
|
1735
|
-
eventFontFamily?: string;
|
1736
|
-
eventFontWeight?: string | number;
|
1737
|
-
resourceGroupCollapsible?: boolean;
|
1738
1690
|
width?: string | number;
|
1739
1691
|
height?: string | number;
|
1740
|
-
backgroundColor?: string;
|
1741
|
-
themeSystem?: ThemeSystem;
|
1742
1692
|
marginLeft?: string;
|
1743
1693
|
marginTop?: string;
|
1744
1694
|
marginRight?: string;
|
@@ -1747,28 +1697,85 @@ interface CalendarMoleculeProps {
|
|
1747
1697
|
paddingTop?: string;
|
1748
1698
|
paddingRight?: string;
|
1749
1699
|
paddingBottom?: string;
|
1750
|
-
|
1751
|
-
|
1752
|
-
|
1753
|
-
|
1754
|
-
buttonBg?: string;
|
1700
|
+
buttonFontSize?: string | number;
|
1701
|
+
buttonPaddingY?: string;
|
1702
|
+
buttonPaddingX?: string;
|
1703
|
+
buttonColor?: string;
|
1755
1704
|
buttonTextColor?: string;
|
1756
|
-
|
1705
|
+
buttonBorderColor?: string;
|
1706
|
+
buttonFontWeight?: string | number;
|
1707
|
+
buttonElevation?: number;
|
1708
|
+
buttonHeight?: string | number;
|
1709
|
+
buttonMinWidth?: string | number;
|
1710
|
+
buttonMarginY?: string;
|
1711
|
+
buttonMarginX?: string;
|
1712
|
+
buttonBorderRadius?: string;
|
1713
|
+
buttonHoverColor?: string;
|
1714
|
+
buttonHoverTextColor?: string;
|
1715
|
+
buttonHoverBorderColor?: string;
|
1716
|
+
headerBackgroundColor?: string;
|
1717
|
+
headerBorderColor?: string;
|
1718
|
+
headerPadding?: string;
|
1719
|
+
headerHeight?: string | number;
|
1720
|
+
headerFontSize?: string | number;
|
1721
|
+
headerFontWeight?: string | number;
|
1722
|
+
headerTextColor?: string;
|
1757
1723
|
dayHeaderColor?: string;
|
1758
1724
|
dayHeaderFontWeight?: string | number;
|
1759
|
-
|
1760
|
-
slotLabelFontSize?: string | number;
|
1761
|
-
eventBg?: string;
|
1725
|
+
eventBackgroundColor?: string;
|
1762
1726
|
eventBorderColor?: string;
|
1763
1727
|
eventTextColor?: string;
|
1764
|
-
|
1728
|
+
eventBorderRadius?: string;
|
1729
|
+
eventOpacity?: number;
|
1730
|
+
eventElevation?: number;
|
1731
|
+
eventPadding?: string;
|
1732
|
+
eventFontSize?: string | number;
|
1733
|
+
eventFontFamily?: string;
|
1734
|
+
eventFontWeight?: string | number;
|
1735
|
+
cellBackgroundColor?: string;
|
1736
|
+
cellHoverBackgroundColor?: string;
|
1737
|
+
cellTodayBackgroundColor?: string;
|
1738
|
+
cellBorderColor?: string;
|
1739
|
+
cellTextColor?: string;
|
1740
|
+
cellFontSize?: string | number;
|
1741
|
+
cellPadding?: string;
|
1742
|
+
cellHeight?: string | number;
|
1743
|
+
timeGridSlotHeight?: string | number;
|
1744
|
+
timeGridSlotBorderColor?: string;
|
1745
|
+
timeGridNowIndicatorColor?: string;
|
1746
|
+
timeGridLabelFontSize?: string | number;
|
1747
|
+
timeGridLabelColor?: string;
|
1765
1748
|
nowIndicatorColor?: string;
|
1766
|
-
|
1749
|
+
allDaySlot?: boolean;
|
1750
|
+
allDayBackgroundColor?: string;
|
1751
|
+
allDayTextColor?: string;
|
1752
|
+
resourceAreaWidth?: string | number;
|
1753
|
+
resourceBackgroundColor?: string;
|
1767
1754
|
resourceTextColor?: string;
|
1768
1755
|
resourceBorderColor?: string;
|
1769
|
-
|
1770
|
-
|
1771
|
-
|
1756
|
+
resourceFontSize?: string | number;
|
1757
|
+
resourcePadding?: string;
|
1758
|
+
resourceGroupCollapsible?: boolean;
|
1759
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
|
1760
|
+
borderWidth?: string;
|
1761
|
+
borderColor?: string;
|
1762
|
+
borderRadius?: string;
|
1763
|
+
backgroundColor?: string;
|
1764
|
+
fontFamily?: string;
|
1765
|
+
elevation?: number;
|
1766
|
+
overlayColor?: string;
|
1767
|
+
overlayOpacity?: 'none' | 'light' | 'medium' | 'strong';
|
1768
|
+
glassEffect?: 'none' | 'light' | 'medium' | 'strong';
|
1769
|
+
headerLetterSpacing?: 'normal' | 'wide' | 'wider' | 'tight';
|
1770
|
+
textShadowStyle?: 'none' | 'subtle' | 'medium' | 'strong';
|
1771
|
+
enableAnimations?: boolean;
|
1772
|
+
animationSpeed?: 'slow' | 'medium' | 'fast';
|
1773
|
+
hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
|
1774
|
+
customButtons?: Record<string, {
|
1775
|
+
text: string;
|
1776
|
+
click: () => void;
|
1777
|
+
}>;
|
1778
|
+
onEventAdd?: (e: any) => void;
|
1772
1779
|
configurationItemInfo?: ConfigurationItemInfo$1;
|
1773
1780
|
}
|
1774
1781
|
|
@@ -2281,7 +2288,7 @@ declare type ObjectStateProperties = {
|
|
2281
2288
|
pmiObjectId: string | null;
|
2282
2289
|
};
|
2283
2290
|
declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item' | 'divider_item' | 'text_item' | 'speed_dial_action_item';
|
2284
|
-
declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'drawer' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar' | 'visit' | 'simple_calendar' | 'year_view_calendar' | 'resource_timeline_calendar' | 'speed_dial';
|
2291
|
+
declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'drawer' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar' | 'visit' | 'simple_calendar' | 'year_view_calendar' | 'resource_timeline_calendar' | 'speed_dial' | 'checkbox' | 'checkbox_display' | 'binary_radio_buttons' | 'binary_radio_buttons_display';
|
2285
2292
|
/**
|
2286
2293
|
* [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
|
2287
2294
|
*
|
@@ -2318,9 +2325,10 @@ interface ConsentFieldMoleculeType extends BaseMoleculeType {
|
|
2318
2325
|
properties: Partial<{
|
2319
2326
|
consent: Partial<{
|
2320
2327
|
attributeType: 'consent';
|
2321
|
-
consent: ConsentType
|
2328
|
+
consent: ConsentType;
|
2322
2329
|
required: BooleanProperties;
|
2323
2330
|
dataCaptureName: string;
|
2331
|
+
predefinedValue: string;
|
2324
2332
|
}>;
|
2325
2333
|
conditionConfig: ConditionConfigProperties;
|
2326
2334
|
}>;
|
@@ -2661,7 +2669,34 @@ interface SpeedDialMoleculeType extends BaseMoleculeType {
|
|
2661
2669
|
properties: {};
|
2662
2670
|
children: SpeedDialItem[];
|
2663
2671
|
}
|
2664
|
-
|
2672
|
+
interface CheckboxMoleculeType extends BaseMoleculeType {
|
2673
|
+
type: 'checkbox' | 'checkbox_display';
|
2674
|
+
config: {
|
2675
|
+
props: CheckboxProps;
|
2676
|
+
};
|
2677
|
+
properties: {
|
2678
|
+
text: TextProperties;
|
2679
|
+
requiredErrorText: TextProperties;
|
2680
|
+
validationErrorText: TextProperties;
|
2681
|
+
required: BooleanProperties;
|
2682
|
+
dataCapture: DataCaptureProperties;
|
2683
|
+
};
|
2684
|
+
}
|
2685
|
+
interface BinaryRadioButtonsMoleculeType extends BaseMoleculeType {
|
2686
|
+
type: 'binary_radio_buttons' | 'binary_radio_buttons_display';
|
2687
|
+
config: {
|
2688
|
+
props: BinaryRadioButtonsProps$1;
|
2689
|
+
};
|
2690
|
+
properties: {
|
2691
|
+
confirmText: TextProperties;
|
2692
|
+
rejectText: TextProperties;
|
2693
|
+
requiredErrorText: TextProperties;
|
2694
|
+
validationErrorText: TextProperties;
|
2695
|
+
required: BooleanProperties;
|
2696
|
+
dataCapture: DataCaptureProperties;
|
2697
|
+
};
|
2698
|
+
}
|
2699
|
+
declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | DrawerMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | VisitMoleculeType | CalendarMoleculeType | SpeedDialMoleculeType | CheckboxMoleculeType | BinaryRadioButtonsMoleculeType> & Partial<{
|
2665
2700
|
form: UseFormReturn<any>;
|
2666
2701
|
formData: AnyObject$1;
|
2667
2702
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
@@ -2861,4 +2896,4 @@ declare type FormOrganismItemProps = {
|
|
2861
2896
|
};
|
2862
2897
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
2863
2898
|
|
2864
|
-
export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType,
|
2899
|
+
export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BinaryRadioButtons, BinaryRadioButtonsMoleculeType, BinaryRadioButtonsProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, CheckboxMoleculeType, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, ConsentFieldMoleculeType, ConsentMolecule, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };
|