@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.
@@ -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>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.22",
3
+ "version": "0.3.24",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"