@zealicsolutions/web-ui 0.3.22 → 0.3.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +20 -20
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +3 -3
- package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts +1 -1
- package/dist/cjs/src/molecules/Image/Image.d.ts +1 -1
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +1 -1
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +1 -1
- package/dist/cjs/src/molecules/Video/Video.d.ts +1 -1
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +20 -20
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +3 -3
- package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts +1 -1
- package/dist/esm/src/molecules/Image/Image.d.ts +1 -1
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +1 -1
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +1 -1
- package/dist/esm/src/molecules/Video/Video.d.ts +1 -1
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/index.d.ts +22 -22
- package/package.json +1 -1
@@ -6,4 +6,4 @@ export declare const navigateToPage: (url: string) => void;
|
|
6
6
|
export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
|
7
7
|
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
|
8
8
|
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
9
|
-
}) => JSX.Element;
|
9
|
+
}) => JSX.Element | null;
|
@@ -91,45 +91,45 @@ export interface BaseMolecule {
|
|
91
91
|
}
|
92
92
|
export interface ImageMolecule extends BaseMolecule {
|
93
93
|
type: 'image';
|
94
|
-
attributes: {
|
94
|
+
attributes: Partial<{
|
95
95
|
image: ImageAttributes;
|
96
96
|
altText: Omit<TextAttributes, 'isRichText'>;
|
97
97
|
link: LinkAttributes;
|
98
|
-
}
|
98
|
+
}>;
|
99
99
|
config: {
|
100
100
|
props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
|
101
101
|
};
|
102
102
|
}
|
103
103
|
export interface TextMoleculeType extends BaseMolecule {
|
104
104
|
type: 'text';
|
105
|
-
attributes: {
|
105
|
+
attributes: Partial<{
|
106
106
|
text: TextAttributes;
|
107
107
|
seoStyle: SelectAttributes;
|
108
108
|
fontVariant: SelectAttributes;
|
109
|
-
}
|
109
|
+
}>;
|
110
110
|
config: {
|
111
111
|
props?: TextMoleculeProps;
|
112
112
|
};
|
113
113
|
}
|
114
114
|
export interface ButtonMolecule extends BaseMolecule {
|
115
115
|
type: 'button';
|
116
|
-
attributes: {
|
116
|
+
attributes: Partial<{
|
117
117
|
title: TextAttributes;
|
118
118
|
action: ActionAttributes;
|
119
|
-
}
|
119
|
+
}>;
|
120
120
|
config: {
|
121
121
|
props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
|
122
122
|
};
|
123
123
|
}
|
124
124
|
export interface VideoMolecule extends BaseMolecule {
|
125
125
|
type: 'video';
|
126
|
-
attributes: {
|
126
|
+
attributes: Partial<{
|
127
127
|
video: VideoAttributes;
|
128
128
|
altText: Omit<TextAttributes, 'isRichText'>;
|
129
129
|
autoPlayVideo: BooleanAttributes;
|
130
130
|
enableCoverImage: BooleanAttributes;
|
131
131
|
coverImage: ImageAttributes;
|
132
|
-
}
|
132
|
+
}>;
|
133
133
|
config: {
|
134
134
|
props: Partial<{
|
135
135
|
width: number;
|
@@ -147,13 +147,13 @@ export interface TabGroupMolecule extends BaseMolecule {
|
|
147
147
|
}
|
148
148
|
export interface TextInputMolecule extends BaseMolecule {
|
149
149
|
type: 'input_field';
|
150
|
-
attributes: {
|
150
|
+
attributes: Partial<{
|
151
151
|
label: TextAttributes;
|
152
152
|
required: BooleanAttributes;
|
153
153
|
inputType: SelectAttributes;
|
154
154
|
dataModelField: DataConnectionAttributes;
|
155
155
|
conditionConfig: ConditionConfigAttributes;
|
156
|
-
}
|
156
|
+
}>;
|
157
157
|
config: {
|
158
158
|
props?: Partial<{
|
159
159
|
state: 'default' | 'error';
|
@@ -162,13 +162,13 @@ export interface TextInputMolecule extends BaseMolecule {
|
|
162
162
|
}
|
163
163
|
export interface SelectFieldMolecule extends BaseMolecule {
|
164
164
|
type: 'select_field';
|
165
|
-
attributes: {
|
165
|
+
attributes: Partial<{
|
166
166
|
label: TextAttributes;
|
167
167
|
required: BooleanAttributes;
|
168
168
|
options: IterableAttributes;
|
169
169
|
dataModelField: DataConnectionAttributes;
|
170
170
|
conditionConfig: ConditionConfigAttributes;
|
171
|
-
}
|
171
|
+
}>;
|
172
172
|
config: {
|
173
173
|
props?: Partial<{
|
174
174
|
state: 'default' | 'error';
|
@@ -177,13 +177,13 @@ export interface SelectFieldMolecule extends BaseMolecule {
|
|
177
177
|
}
|
178
178
|
export interface RadioButtonFieldMolecule extends BaseMolecule {
|
179
179
|
type: 'radio_button_field';
|
180
|
-
attributes: {
|
180
|
+
attributes: Partial<{
|
181
181
|
label: TextAttributes;
|
182
182
|
required: BooleanAttributes;
|
183
183
|
options: IterableAttributes;
|
184
184
|
dataModelField: DataConnectionAttributes;
|
185
185
|
conditionConfig: ConditionConfigAttributes;
|
186
|
-
}
|
186
|
+
}>;
|
187
187
|
config: {
|
188
188
|
props?: Partial<{
|
189
189
|
state: 'default' | 'error';
|
@@ -192,13 +192,13 @@ export interface RadioButtonFieldMolecule extends BaseMolecule {
|
|
192
192
|
}
|
193
193
|
export interface CheckboxFieldMolecule extends BaseMolecule {
|
194
194
|
type: 'checkbox_field';
|
195
|
-
attributes: {
|
195
|
+
attributes: Partial<{
|
196
196
|
label: TextAttributes;
|
197
197
|
required: BooleanAttributes;
|
198
198
|
options: IterableAttributes;
|
199
199
|
dataModelField: DataConnectionAttributes;
|
200
200
|
conditionConfig: ConditionConfigAttributes;
|
201
|
-
}
|
201
|
+
}>;
|
202
202
|
config: {
|
203
203
|
props?: Partial<{
|
204
204
|
state: 'default' | 'error';
|
@@ -207,13 +207,13 @@ export interface CheckboxFieldMolecule extends BaseMolecule {
|
|
207
207
|
}
|
208
208
|
export interface ConsentFieldMolecule extends BaseMolecule {
|
209
209
|
type: 'consent';
|
210
|
-
attributes: {
|
211
|
-
consent: {
|
210
|
+
attributes: Partial<{
|
211
|
+
consent: Partial<{
|
212
212
|
attributeType: 'consent';
|
213
213
|
consent: Consent;
|
214
214
|
required: BooleanAttributes;
|
215
|
-
}
|
216
|
-
}
|
215
|
+
}>;
|
216
|
+
}>;
|
217
217
|
}
|
218
218
|
export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
|
219
219
|
form?: UseFormReturn<any>;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
3
2
|
import { SelectOption } from 'atoms';
|
4
|
-
import type { StylesType } from 'typescript';
|
5
3
|
import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
|
6
|
-
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
7
4
|
import { ConditionConfig } from 'containers';
|
5
|
+
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
6
|
+
import type { StylesType } from 'typescript';
|
7
|
+
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
8
8
|
export declare type CheckboxesProps = Partial<{
|
9
9
|
checkboxGroupWrapperStyles: StylesType;
|
10
10
|
checkboxFieldWrapperStyles: StylesType;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ConsentFieldMolecule } from 'containers';
|
3
|
-
export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element;
|
3
|
+
export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;
|
@@ -13,4 +13,4 @@ export declare type ImageProps = {
|
|
13
13
|
behaveAs: 'background' | 'regular';
|
14
14
|
styles: StylesType;
|
15
15
|
}>;
|
16
|
-
export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
16
|
+
export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { Image as ImageComponent } from './Image';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
|
6
|
+
component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element | null;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Image: StoryFn<typeof ImageComponent>;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
|
3
|
+
import { ConditionConfig } from 'containers';
|
3
4
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
4
5
|
import type { StylesType } from 'typescript';
|
5
6
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
6
|
-
import { ConditionConfig } from 'containers';
|
7
7
|
export declare type RadioButtonFieldProps<T extends string> = Partial<{
|
8
8
|
name: string;
|
9
9
|
rules: ControllerProps['rules'];
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SelectProps } from 'atoms';
|
3
|
+
import { ConditionConfig } from 'containers';
|
3
4
|
import { Control, ControllerProps } from 'react-hook-form/dist/types';
|
4
5
|
import type { StylesType } from 'typescript';
|
5
6
|
import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
|
6
|
-
import { ConditionConfig } from 'containers';
|
7
7
|
export declare type SelectFieldProps = Partial<{
|
8
8
|
selectProps: SelectProps;
|
9
9
|
labelsProps: FieldLabelsProps;
|
@@ -11,4 +11,4 @@ export declare type VideoProps = {
|
|
11
11
|
style: CSSProperties;
|
12
12
|
template: FeedContentTemplateTypes;
|
13
13
|
}>;
|
14
|
-
export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
|
14
|
+
export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { Video as VideoComponent } from './Video';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
|
6
|
+
component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element | null;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Video: StoryFn<typeof VideoComponent>;
|
package/dist/index.d.ts
CHANGED
@@ -1303,7 +1303,7 @@ declare type VideoProps = {
|
|
1303
1303
|
style: CSSProperties;
|
1304
1304
|
template: FeedContentTemplateTypes$1;
|
1305
1305
|
}>;
|
1306
|
-
declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
|
1306
|
+
declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element | null;
|
1307
1307
|
|
1308
1308
|
declare type ImageProps = {
|
1309
1309
|
src: string;
|
@@ -1318,7 +1318,7 @@ declare type ImageProps = {
|
|
1318
1318
|
behaveAs: 'background' | 'regular';
|
1319
1319
|
styles: StylesType;
|
1320
1320
|
}>;
|
1321
|
-
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
1321
|
+
declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
|
1322
1322
|
|
1323
1323
|
declare type CarouselProps = {
|
1324
1324
|
children: JSX.Element[];
|
@@ -1557,45 +1557,45 @@ interface BaseMolecule {
|
|
1557
1557
|
}
|
1558
1558
|
interface ImageMolecule extends BaseMolecule {
|
1559
1559
|
type: 'image';
|
1560
|
-
attributes: {
|
1560
|
+
attributes: Partial<{
|
1561
1561
|
image: ImageAttributes;
|
1562
1562
|
altText: Omit<TextAttributes, 'isRichText'>;
|
1563
1563
|
link: LinkAttributes;
|
1564
|
-
}
|
1564
|
+
}>;
|
1565
1565
|
config: {
|
1566
1566
|
props?: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
|
1567
1567
|
};
|
1568
1568
|
}
|
1569
1569
|
interface TextMoleculeType extends BaseMolecule {
|
1570
1570
|
type: 'text';
|
1571
|
-
attributes: {
|
1571
|
+
attributes: Partial<{
|
1572
1572
|
text: TextAttributes;
|
1573
1573
|
seoStyle: SelectAttributes;
|
1574
1574
|
fontVariant: SelectAttributes;
|
1575
|
-
}
|
1575
|
+
}>;
|
1576
1576
|
config: {
|
1577
1577
|
props?: TextMoleculeProps$1;
|
1578
1578
|
};
|
1579
1579
|
}
|
1580
1580
|
interface ButtonMolecule extends BaseMolecule {
|
1581
1581
|
type: 'button';
|
1582
|
-
attributes: {
|
1582
|
+
attributes: Partial<{
|
1583
1583
|
title: TextAttributes;
|
1584
1584
|
action: ActionAttributes;
|
1585
|
-
}
|
1585
|
+
}>;
|
1586
1586
|
config: {
|
1587
1587
|
props?: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
|
1588
1588
|
};
|
1589
1589
|
}
|
1590
1590
|
interface VideoMolecule extends BaseMolecule {
|
1591
1591
|
type: 'video';
|
1592
|
-
attributes: {
|
1592
|
+
attributes: Partial<{
|
1593
1593
|
video: VideoAttributes;
|
1594
1594
|
altText: Omit<TextAttributes, 'isRichText'>;
|
1595
1595
|
autoPlayVideo: BooleanAttributes;
|
1596
1596
|
enableCoverImage: BooleanAttributes;
|
1597
1597
|
coverImage: ImageAttributes;
|
1598
|
-
}
|
1598
|
+
}>;
|
1599
1599
|
config: {
|
1600
1600
|
props: Partial<{
|
1601
1601
|
width: number;
|
@@ -1613,13 +1613,13 @@ interface TabGroupMolecule extends BaseMolecule {
|
|
1613
1613
|
}
|
1614
1614
|
interface TextInputMolecule extends BaseMolecule {
|
1615
1615
|
type: 'input_field';
|
1616
|
-
attributes: {
|
1616
|
+
attributes: Partial<{
|
1617
1617
|
label: TextAttributes;
|
1618
1618
|
required: BooleanAttributes;
|
1619
1619
|
inputType: SelectAttributes;
|
1620
1620
|
dataModelField: DataConnectionAttributes;
|
1621
1621
|
conditionConfig: ConditionConfigAttributes;
|
1622
|
-
}
|
1622
|
+
}>;
|
1623
1623
|
config: {
|
1624
1624
|
props?: Partial<{
|
1625
1625
|
state: 'default' | 'error';
|
@@ -1628,13 +1628,13 @@ interface TextInputMolecule extends BaseMolecule {
|
|
1628
1628
|
}
|
1629
1629
|
interface SelectFieldMolecule extends BaseMolecule {
|
1630
1630
|
type: 'select_field';
|
1631
|
-
attributes: {
|
1631
|
+
attributes: Partial<{
|
1632
1632
|
label: TextAttributes;
|
1633
1633
|
required: BooleanAttributes;
|
1634
1634
|
options: IterableAttributes;
|
1635
1635
|
dataModelField: DataConnectionAttributes;
|
1636
1636
|
conditionConfig: ConditionConfigAttributes;
|
1637
|
-
}
|
1637
|
+
}>;
|
1638
1638
|
config: {
|
1639
1639
|
props?: Partial<{
|
1640
1640
|
state: 'default' | 'error';
|
@@ -1643,13 +1643,13 @@ interface SelectFieldMolecule extends BaseMolecule {
|
|
1643
1643
|
}
|
1644
1644
|
interface RadioButtonFieldMolecule extends BaseMolecule {
|
1645
1645
|
type: 'radio_button_field';
|
1646
|
-
attributes: {
|
1646
|
+
attributes: Partial<{
|
1647
1647
|
label: TextAttributes;
|
1648
1648
|
required: BooleanAttributes;
|
1649
1649
|
options: IterableAttributes;
|
1650
1650
|
dataModelField: DataConnectionAttributes;
|
1651
1651
|
conditionConfig: ConditionConfigAttributes;
|
1652
|
-
}
|
1652
|
+
}>;
|
1653
1653
|
config: {
|
1654
1654
|
props?: Partial<{
|
1655
1655
|
state: 'default' | 'error';
|
@@ -1658,13 +1658,13 @@ interface RadioButtonFieldMolecule extends BaseMolecule {
|
|
1658
1658
|
}
|
1659
1659
|
interface CheckboxFieldMolecule extends BaseMolecule {
|
1660
1660
|
type: 'checkbox_field';
|
1661
|
-
attributes: {
|
1661
|
+
attributes: Partial<{
|
1662
1662
|
label: TextAttributes;
|
1663
1663
|
required: BooleanAttributes;
|
1664
1664
|
options: IterableAttributes;
|
1665
1665
|
dataModelField: DataConnectionAttributes;
|
1666
1666
|
conditionConfig: ConditionConfigAttributes;
|
1667
|
-
}
|
1667
|
+
}>;
|
1668
1668
|
config: {
|
1669
1669
|
props?: Partial<{
|
1670
1670
|
state: 'default' | 'error';
|
@@ -1673,13 +1673,13 @@ interface CheckboxFieldMolecule extends BaseMolecule {
|
|
1673
1673
|
}
|
1674
1674
|
interface ConsentFieldMolecule extends BaseMolecule {
|
1675
1675
|
type: 'consent';
|
1676
|
-
attributes: {
|
1677
|
-
consent: {
|
1676
|
+
attributes: Partial<{
|
1677
|
+
consent: Partial<{
|
1678
1678
|
attributeType: 'consent';
|
1679
1679
|
consent: Consent$1;
|
1680
1680
|
required: BooleanAttributes;
|
1681
|
-
}
|
1682
|
-
}
|
1681
|
+
}>;
|
1682
|
+
}>;
|
1683
1683
|
}
|
1684
1684
|
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
|
1685
1685
|
form?: UseFormReturn<any>;
|