@zealicsolutions/web-ui 1.0.69 → 1.0.71
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/types/moleculeTypes.d.ts +32 -4
- package/dist/cjs/index.js +1568 -1568
- 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/YearViewCalendar.d.ts +1 -3
- 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/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/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/YearViewCalendar.d.ts +1 -3
- package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
- 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/@mui/material/Checkbox/Checkbox.js.map +1 -1
- package/dist/index.d.ts +554 -575
- 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/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
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare type BinaryRadioButtonsProps = {
|
|
4
|
+
moleculeId?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
confirmText?: string;
|
|
7
|
+
rejectText?: string;
|
|
8
|
+
confirmTextColor?: string;
|
|
9
|
+
confirmIconName?: string;
|
|
10
|
+
confirmSelectedIconName?: string;
|
|
11
|
+
confirmIconColor?: string;
|
|
12
|
+
confirmSelectedIconColor?: string;
|
|
13
|
+
rejectIconName?: string;
|
|
14
|
+
rejectSelectedIconName?: string;
|
|
15
|
+
rejectTextColor?: string;
|
|
16
|
+
rejectIconColor?: string;
|
|
17
|
+
rejectSelectedIconColor?: string;
|
|
18
|
+
fontSize?: string;
|
|
19
|
+
fontFamily?: string;
|
|
20
|
+
fontWeight?: string;
|
|
21
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
requiredErrorText?: string;
|
|
25
|
+
validationErrorText?: string;
|
|
26
|
+
iconSize?: 'small' | 'medium' | 'large';
|
|
27
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
|
28
|
+
layout?: 'row' | 'column';
|
|
29
|
+
gap?: string;
|
|
30
|
+
paddingTop?: string;
|
|
31
|
+
paddingRight?: string;
|
|
32
|
+
paddingBottom?: string;
|
|
33
|
+
paddingLeft?: string;
|
|
34
|
+
marginTop?: string;
|
|
35
|
+
marginRight?: string;
|
|
36
|
+
marginBottom?: string;
|
|
37
|
+
marginLeft?: string;
|
|
38
|
+
borderStyle?: string;
|
|
39
|
+
borderWidth?: string;
|
|
40
|
+
borderColor?: string;
|
|
41
|
+
borderRadius?: string;
|
|
42
|
+
backgroundColor?: string;
|
|
43
|
+
sourceDataModelField?: string;
|
|
44
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
|
45
|
+
isDisplayOnly?: boolean;
|
|
46
|
+
};
|
|
47
|
+
export declare const BinaryRadioButtons: FC<BinaryRadioButtonsProps>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { BinaryRadioButtonsProps } from './BinaryRadioButtons';
|
|
2
|
+
/**
|
|
3
|
+
* Note: Icon names should match lucide-react icon names.
|
|
4
|
+
* Common examples:
|
|
5
|
+
* - heart, star, thumbs-up, thumbs-down, x, circle, circle-check, circle-x
|
|
6
|
+
* - For filled variants, lucide-react typically uses the same name but different styling
|
|
7
|
+
* - See full list at: https://lucide.dev/icons/
|
|
8
|
+
*/
|
|
9
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
10
|
+
export default _default;
|
|
11
|
+
/** Default binary radio buttons */
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
13
|
+
/** Required binary radio buttons with validation */
|
|
14
|
+
export declare const Required: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
15
|
+
/** Disabled binary radio buttons */
|
|
16
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
17
|
+
/** Display-only variant */
|
|
18
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
19
|
+
/** Column layout with custom styling */
|
|
20
|
+
export declare const ColumnLayout: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
21
|
+
/** Custom colors */
|
|
22
|
+
export declare const CustomColors: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
23
|
+
/** With border and background */
|
|
24
|
+
export declare const WithBorder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
25
|
+
/** Large size with custom gap */
|
|
26
|
+
export declare const LargeWithGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
27
|
+
/** Small size vertical layout */
|
|
28
|
+
export declare const SmallVertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
29
|
+
/** Label placement variants */
|
|
30
|
+
export declare const LabelStart: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
31
|
+
export declare const LabelTop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
32
|
+
/** Custom icons with different selected/unselected states */
|
|
33
|
+
export declare const DifferentSelectedIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
34
|
+
/** Star rating style with different icons for selected state */
|
|
35
|
+
export declare const StarRating: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
36
|
+
/** Thumbs up/down with different selected states */
|
|
37
|
+
export declare const ThumbsUpDown: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
38
|
+
export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BinaryRadioButtonsProps>;
|
|
@@ -2,6 +2,7 @@ import { ConfigurationItemInfo } from 'containers';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface YearViewCalendarProps {
|
|
4
4
|
events?: any[];
|
|
5
|
+
businessHours?: any;
|
|
5
6
|
monthsPerRow?: number;
|
|
6
7
|
dayMaxEvents?: number;
|
|
7
8
|
yearViewMode?: 'grid' | 'stack' | 'continuous';
|
|
@@ -11,9 +12,6 @@ export interface YearViewCalendarProps {
|
|
|
11
12
|
editable?: boolean;
|
|
12
13
|
droppable?: boolean;
|
|
13
14
|
selectable?: boolean;
|
|
14
|
-
businessHours?: any;
|
|
15
|
-
eventOverlap?: boolean;
|
|
16
|
-
showGridLines?: boolean;
|
|
17
15
|
width?: string | number;
|
|
18
16
|
height?: string | number;
|
|
19
17
|
marginLeft?: string;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ConfigurationItemInfo } from 'containers';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare type CheckboxProps = {
|
|
4
|
+
moleculeId?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
textColor?: string;
|
|
8
|
+
fontSize?: string;
|
|
9
|
+
fontFamily?: string;
|
|
10
|
+
fontWeight?: string;
|
|
11
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
requiredErrorText?: string;
|
|
15
|
+
validationErrorText?: string;
|
|
16
|
+
iconName?: string;
|
|
17
|
+
iconColor?: string;
|
|
18
|
+
checkedIconName?: string;
|
|
19
|
+
checkedIconColor?: string;
|
|
20
|
+
iconSize?: 'small' | 'medium' | 'large';
|
|
21
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
|
22
|
+
paddingTop?: string;
|
|
23
|
+
paddingRight?: string;
|
|
24
|
+
paddingBottom?: string;
|
|
25
|
+
paddingLeft?: string;
|
|
26
|
+
marginTop?: string;
|
|
27
|
+
marginRight?: string;
|
|
28
|
+
marginBottom?: string;
|
|
29
|
+
marginLeft?: string;
|
|
30
|
+
sourceDataModelField?: string;
|
|
31
|
+
configurationItemInfo?: ConfigurationItemInfo;
|
|
32
|
+
isDisplayOnly?: boolean;
|
|
33
|
+
};
|
|
34
|
+
export declare const Checkbox: FC<CheckboxProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CheckboxProps } from './Checkbox';
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
3
|
+
export default _default;
|
|
4
|
+
/** Default checkbox */
|
|
5
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
6
|
+
/** Required checkbox with validation */
|
|
7
|
+
export declare const Required: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
8
|
+
/** Disabled checkbox */
|
|
9
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
10
|
+
/** Display-only variant */
|
|
11
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
12
|
+
/** Custom styled checkbox */
|
|
13
|
+
export declare const CustomStyled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
14
|
+
/** Small size variant */
|
|
15
|
+
export declare const SmallSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
16
|
+
/** Large size variant */
|
|
17
|
+
export declare const LargeSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
18
|
+
/** Label placement variants */
|
|
19
|
+
export declare const LabelTop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
20
|
+
export declare const LabelBottom: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
21
|
+
export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
22
|
+
/** Custom icons with different lucid-react icons */
|
|
23
|
+
export declare const CustomIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
|
|
@@ -1,8 +1,77 @@
|
|
|
1
|
-
|
|
2
|
-
import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("molecules/Consent/Consent").ConsentProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
-
};
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
7
2
|
export default _default;
|
|
8
|
-
|
|
3
|
+
/** Default consent molecule */
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
5
|
+
properties: Partial<{
|
|
6
|
+
consent: Partial<{
|
|
7
|
+
attributeType: "consent";
|
|
8
|
+
consent: ConsentType;
|
|
9
|
+
required: import("../..").BooleanProperties;
|
|
10
|
+
dataCaptureName: string;
|
|
11
|
+
predefinedValue: string;
|
|
12
|
+
}>;
|
|
13
|
+
conditionConfig: import("../..").ConditionConfigProperties;
|
|
14
|
+
}>;
|
|
15
|
+
htmlElementId: string;
|
|
16
|
+
isOnClickDisabled?: boolean | undefined;
|
|
17
|
+
configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
|
|
18
|
+
paddingTop?: string | undefined;
|
|
19
|
+
paddingRight?: string | undefined;
|
|
20
|
+
paddingBottom?: string | undefined;
|
|
21
|
+
paddingLeft?: string | undefined;
|
|
22
|
+
marginTop?: string | undefined;
|
|
23
|
+
marginRight?: string | undefined;
|
|
24
|
+
marginBottom?: string | undefined;
|
|
25
|
+
marginLeft?: string | undefined;
|
|
26
|
+
width?: string | number | undefined;
|
|
27
|
+
}>;
|
|
28
|
+
/** Consent with custom spacing */
|
|
29
|
+
export declare const WithSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
30
|
+
properties: Partial<{
|
|
31
|
+
consent: Partial<{
|
|
32
|
+
attributeType: "consent";
|
|
33
|
+
consent: ConsentType;
|
|
34
|
+
required: import("../..").BooleanProperties;
|
|
35
|
+
dataCaptureName: string;
|
|
36
|
+
predefinedValue: string;
|
|
37
|
+
}>;
|
|
38
|
+
conditionConfig: import("../..").ConditionConfigProperties;
|
|
39
|
+
}>;
|
|
40
|
+
htmlElementId: string;
|
|
41
|
+
isOnClickDisabled?: boolean | undefined;
|
|
42
|
+
configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
|
|
43
|
+
paddingTop?: string | undefined;
|
|
44
|
+
paddingRight?: string | undefined;
|
|
45
|
+
paddingBottom?: string | undefined;
|
|
46
|
+
paddingLeft?: string | undefined;
|
|
47
|
+
marginTop?: string | undefined;
|
|
48
|
+
marginRight?: string | undefined;
|
|
49
|
+
marginBottom?: string | undefined;
|
|
50
|
+
marginLeft?: string | undefined;
|
|
51
|
+
width?: string | number | undefined;
|
|
52
|
+
}>;
|
|
53
|
+
/** Consent with custom width */
|
|
54
|
+
export declare const CustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
55
|
+
properties: Partial<{
|
|
56
|
+
consent: Partial<{
|
|
57
|
+
attributeType: "consent";
|
|
58
|
+
consent: ConsentType;
|
|
59
|
+
required: import("../..").BooleanProperties;
|
|
60
|
+
dataCaptureName: string;
|
|
61
|
+
predefinedValue: string;
|
|
62
|
+
}>;
|
|
63
|
+
conditionConfig: import("../..").ConditionConfigProperties;
|
|
64
|
+
}>;
|
|
65
|
+
htmlElementId: string;
|
|
66
|
+
isOnClickDisabled?: boolean | undefined;
|
|
67
|
+
configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
|
|
68
|
+
paddingTop?: string | undefined;
|
|
69
|
+
paddingRight?: string | undefined;
|
|
70
|
+
paddingBottom?: string | undefined;
|
|
71
|
+
paddingLeft?: string | undefined;
|
|
72
|
+
marginTop?: string | undefined;
|
|
73
|
+
marginRight?: string | undefined;
|
|
74
|
+
marginBottom?: string | undefined;
|
|
75
|
+
marginLeft?: string | undefined;
|
|
76
|
+
width?: string | number | undefined;
|
|
77
|
+
}>;
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import { ConfigurationItemInfo, ConsentFieldMoleculeType } from 'containers';
|
|
2
|
-
import type { AnyObject } from 'typescript';
|
|
3
2
|
declare type ConsentMoleculeProps = {
|
|
4
3
|
properties: ConsentFieldMoleculeType['properties'];
|
|
5
|
-
config: ConsentFieldMoleculeType['config'];
|
|
6
|
-
formData?: AnyObject;
|
|
7
4
|
htmlElementId: string;
|
|
8
5
|
isOnClickDisabled?: boolean;
|
|
9
6
|
configurationItemInfo?: ConfigurationItemInfo;
|
|
7
|
+
paddingTop?: string;
|
|
8
|
+
paddingRight?: string;
|
|
9
|
+
paddingBottom?: string;
|
|
10
|
+
paddingLeft?: string;
|
|
11
|
+
marginTop?: string;
|
|
12
|
+
marginRight?: string;
|
|
13
|
+
marginBottom?: string;
|
|
14
|
+
marginLeft?: string;
|
|
15
|
+
width?: string | number;
|
|
10
16
|
};
|
|
11
|
-
export declare const ConsentMolecule: ({
|
|
17
|
+
export declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, }: ConsentMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
12
18
|
export {};
|
|
@@ -1,29 +1,31 @@
|
|
|
1
|
+
export * from './Alert/Alert';
|
|
2
|
+
export * from './Badge/Badge';
|
|
3
|
+
export * from './BasicTextField/BasicTextField';
|
|
4
|
+
export * from './Button/Button';
|
|
5
|
+
export * from './Checklist/Checklist';
|
|
6
|
+
export * from './Chip/Chip';
|
|
7
|
+
export * from './Consent/ConsentMolecule';
|
|
1
8
|
export * from './CustomValidation/CustomValidation';
|
|
9
|
+
export * from './DatePicker/DatePicker';
|
|
10
|
+
export * from './Divider/Divider';
|
|
2
11
|
export * from './Drawer/Drawer';
|
|
3
|
-
export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
|
|
4
12
|
export * from './Icon';
|
|
5
|
-
export * from './RichText/TextMolecule';
|
|
6
|
-
export * from './ZealUIModal/ZealUIModal';
|
|
7
|
-
export * from './Consent/Consent';
|
|
8
|
-
export * from './Checklist/Checklist';
|
|
9
|
-
export * from './Divider/Divider';
|
|
10
|
-
export * from './Link/Link';
|
|
11
|
-
export * from './Video/Video';
|
|
12
13
|
export * from './Image/Image';
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './Stepper/Stepper';
|
|
15
|
-
export * from './Switch/Switch';
|
|
16
|
-
export * from './Chip/Chip';
|
|
17
|
-
export * from './Badge/Badge';
|
|
18
|
-
export * from './Alert/Alert';
|
|
19
|
-
export * from './BasicTextField/BasicTextField';
|
|
20
|
-
export * from './Rating/Rating';
|
|
21
|
-
export * from './Slider/Slider';
|
|
22
|
-
export * from './DatePicker/DatePicker';
|
|
23
|
-
export * from './Select/Select';
|
|
14
|
+
export * from './Link/Link';
|
|
24
15
|
export * from './PasswordSetup/PasswordSetup';
|
|
25
16
|
export * from './PasswordSetup/types';
|
|
26
17
|
export * from './PasswordSetup/utils';
|
|
18
|
+
export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
|
|
19
|
+
export * from './Rating/Rating';
|
|
20
|
+
export * from './RichText/TextMolecule';
|
|
21
|
+
export * from './Select/Select';
|
|
22
|
+
export * from './Slider/Slider';
|
|
23
|
+
export * from './Stepper/Stepper';
|
|
24
|
+
export * from './Switch/Switch';
|
|
25
|
+
export * from './Video/Video';
|
|
26
|
+
export * from './ZealUIModal/ZealUIModal';
|
|
27
|
+
export * from './BinaryRadioButtons/BinaryRadioButtons';
|
|
28
|
+
export * from './Checkbox/Checkbox';
|
|
29
|
+
export * from './ContentWrapper/ContentWrapper';
|
|
27
30
|
export * from './SpeedDial/SpeedDial';
|
|
28
31
|
export * from './SpeedDial/types';
|
|
29
|
-
export * from './ContentWrapper/ContentWrapper';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e
|
|
1
|
+
import{__makeTemplateObject as e}from"../../node_modules/tslib/tslib.es6.js";import"react/jsx-runtime";import"../../node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js";import"react";import"../../node_modules/stylis/dist/umd/stylis.js";import"../../node_modules/@babel/runtime/helpers/extends.js";import"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js";import t from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{css as n}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import{getSizeStyle as s}from"../../helpers/styles.js";import{TouchableOpacity as o}from"../Buttons/TouchableOpacity.js";import{Icon as i}from"../Icon/Icon.js";import"../../node_modules/slate/dist/index.es.js";import"../../node_modules/slate-react/dist/index.es.js";import"../RichTextViewer/components/EditorElement.js";import"../RichTextViewer/components/Leaf.js";import"../Spacer/Spacer.js";import"../TextWrapper/TextWrapper.js";import"../../theme/theme.js";import"../../theme/provider.js";import"../../theme/toastStyles.js";var r,m,d,p,l;n(r||(r=e(["\n cursor: unset;\n pointer-events: none;\n opacity: 0.6;\n"],["\n cursor: unset;\n pointer-events: none;\n opacity: 0.6;\n"]))),t(o)(m||(m=e(["\n width: fit-content;\n display: flex;\n align-items: center;\n ","\n"],["\n width: fit-content;\n display: flex;\n align-items: center;\n ","\n"])),(function(e){return e.$styles})),t(i)(d||(d=e(["\n display: flex;\n"],["\n display: flex;\n"]))),t.div(l||(l=e(["\n display: flex;\n margin: 8px 0;\n border-width: 1px;\n align-items: center;\n justify-content: center;\n border-style: solid;\n ","\n"],["\n display: flex;\n margin: 8px 0;\n border-width: 1px;\n align-items: center;\n justify-content: center;\n border-style: solid;\n ","\n"])),(function(t){var o=t.theme.sizes,i=t.$styles;return n(p||(p=e(["\n border-radius: ","px;\n ",";\n ","\n "],["\n border-radius: ","px;\n ",";\n ","\n "])),o.XS,s(o.M),i)}));
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["css","templateObject_1","__makeTemplateObject","styled","TouchableOpacity","templateObject_2","_a","$styles","Icon","templateObject_3","div","templateObject_5","sizes","theme","XS","getSizeStyle","M"],"mappings":"ykCAoGsCA,EAAGC,IAAAA,EAAAC,EAAA,CAAA,kEAAA,CAAA,qEAMzBC,EAAOC,EAAPD,CAA0CE,IAAAA,EAAAH,EAAA,CAAA,wEAAA,MAAA,CAAA,wEAI9B,SAAxB,SAACI,GAAgB,OAAPA,EAAAC,OAAO,IAGHJ,EAAOK,EAAPL,CAAYM,IAAAA,EAAAP,EAAA,CAAA,wBAAA,CAAA,2BAIlBC,EAAOO,IAAqBC,IAAAA,EAAAT,EAAA,CAAA,6IAAA,MAAA,CAAA,6IAWrC,SAJC,SAACI,OAAWM,EAAKN,EAAAO,MAAAD,MAAIL,EAAOD,EAAAC,QAAO,OAAAP,kEAAG,wBACb,YACF,UACd,UAFQY,EAAME,GACrBC,EAAaH,EAAMI,GACnBT,EAHiC"}
|