@digigov/react-experimental 2.0.0-d57821ba → 2.0.0-daaf7bdf

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.
Files changed (129) hide show
  1. package/index.js +1 -1
  2. package/libs/ui/src/app/Loader/Loader.stories.d.ts +1 -0
  3. package/libs/ui/src/app/Loader/__stories__/FullPageLoader.d.ts +2 -0
  4. package/libs/ui/src/app/Modal/index.d.ts +0 -1
  5. package/libs/ui/src/app/OutdatedBrowserBanner/index.d.ts +0 -1
  6. package/libs/ui/src/content/Accordion/auto.d.ts +2 -2
  7. package/libs/ui/src/content/Accordion/index.d.ts +0 -1
  8. package/libs/ui/src/content/Markdown/Markdown.stories.d.ts +9 -0
  9. package/libs/ui/src/content/Markdown/index.d.ts +1 -1
  10. package/libs/ui/src/content/SafeHTML/SafeHTML.stories.d.ts +9 -0
  11. package/libs/ui/src/{patterns/FilteredResults → content/SafeHTML}/__stories__/Default.d.ts +1 -0
  12. package/libs/ui/src/content/StepNav/auto.d.ts +2 -2
  13. package/libs/ui/src/content/StepNav/index.d.ts +0 -1
  14. package/libs/ui/src/content/SummaryList/SummaryList.stories.d.ts +15 -9
  15. package/libs/ui/src/content/SummaryList/__stories__/SummaryListExample.d.ts +14 -0
  16. package/libs/ui/src/feedback/WarningText/index.d.ts +1 -0
  17. package/libs/ui/src/form/Checkbox/index.d.ts +1 -0
  18. package/libs/ui/src/index.d.ts +0 -1
  19. package/libs/ui/src/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +2 -0
  20. package/libs/ui/src/navigation/Breadcrumbs/__stories__/Auto.d.ts +3 -0
  21. package/libs/ui/src/navigation/Breadcrumbs/__stories__/WithHook.d.ts +3 -0
  22. package/libs/ui/src/navigation/Breadcrumbs/auto.d.ts +16 -0
  23. package/libs/ui/src/navigation/Breadcrumbs/hooks.d.ts +26 -0
  24. package/libs/ui/src/navigation/Breadcrumbs/index.d.ts +1 -0
  25. package/libs/ui/src/navigation/Breadcrumbs/slug.d.ts +1 -0
  26. package/libs/ui/src/navigation/Breadcrumbs/utils.d.ts +1 -0
  27. package/libs/ui/src/navigation/Drawer/index.d.ts +0 -1
  28. package/libs/ui/src/navigation/Pagination/auto.d.ts +2 -2
  29. package/libs/ui/src/navigation/Pagination/index.d.ts +0 -1
  30. package/libs/ui/src/navigation/Tabs/index.d.ts +0 -1
  31. package/libs/ui/src/registry.d.ts +8 -8
  32. package/libs/ui/src/typography/CodeBlock/CodeBlock.stories.d.ts +3 -0
  33. package/libs/ui/src/typography/CodeBlock/__stories__/Highlighted.d.ts +3 -0
  34. package/libs/ui/src/typography/CodeBlock/__stories__/WithCopyToClipboard.d.ts +3 -0
  35. package/libs/ui/src/typography/CodeBlock/__stories__/WithPhaseBanner.d.ts +3 -0
  36. package/libs/ui/src/typography/CodeBlock/index.d.ts +4 -5
  37. package/libs/ui/src/utils/Base/index.d.ts +1 -0
  38. package/libs/ui/src/utils/hooks/useDebounce.d.ts +1 -1
  39. package/libs/ui/src/utils/hooks/useKeypress.d.ts +1 -1
  40. package/libs-ui/react-core/src/Base/index.d.ts +2 -95
  41. package/libs-ui/react-core/src/Base/index.web.d.ts +97 -0
  42. package/libs-ui/react-core/src/Base/utils.d.ts +41 -0
  43. package/libs-ui/react-core/src/CheckboxItemInput/index.d.ts +2 -0
  44. package/libs-ui/react-core/src/CheckboxItemInput/index.web.d.ts +10 -0
  45. package/libs-ui/react-core/src/CodeBlockContainer/index.d.ts +1 -9
  46. package/libs-ui/react-core/src/CodeBlockContent/index.d.ts +1 -1
  47. package/libs-ui/react-core/src/CodeBlockHeader/index.d.ts +1 -1
  48. package/libs-ui/react-core/src/CopyToClipboardContainer/index.d.ts +2 -31
  49. package/libs-ui/react-core/src/CopyToClipboardContainer/index.web.d.ts +31 -0
  50. package/libs-ui/react-core/src/CopyToClipboardMessage/index.d.ts +2 -18
  51. package/libs-ui/react-core/src/CopyToClipboardMessage/index.web.d.ts +18 -0
  52. package/libs-ui/react-core/src/DateInputItem/index.d.ts +2 -26
  53. package/libs-ui/react-core/src/DateInputItem/index.web.d.ts +26 -0
  54. package/libs-ui/react-core/src/Details/index.d.ts +2 -10
  55. package/libs-ui/react-core/src/Details/index.web.d.ts +10 -0
  56. package/libs-ui/react-core/src/NavListItemActionContainer/index.d.ts +2 -10
  57. package/libs-ui/react-core/src/NavListItemActionContainer/index.web.d.ts +10 -0
  58. package/libs-ui/react-core/src/NotificationBannerLink/index.d.ts +2 -11
  59. package/libs-ui/react-core/src/NotificationBannerLink/index.web.d.ts +11 -0
  60. package/libs-ui/react-core/src/PhaseBannerTag/index.d.ts +2 -2
  61. package/libs-ui/react-core/src/SummaryList/index.d.ts +1 -1
  62. package/libs-ui/react-core/src/SummaryListItemKey/index.d.ts +14 -0
  63. package/libs-ui/react-core/src/TextArea/index.d.ts +2 -24
  64. package/libs-ui/react-core/src/TextArea/index.web.d.ts +24 -0
  65. package/libs-ui/react-core/src/TextInput/index.d.ts +2 -46
  66. package/libs-ui/react-core/src/TextInput/index.web.d.ts +46 -0
  67. package/libs-ui/react-core/src/WarningTextAssistive/index.d.ts +15 -0
  68. package/package.json +5 -5
  69. package/libs/form/src/Field/FieldBase.d.ts +0 -3
  70. package/libs/form/src/Field/FieldBaseContainer.d.ts +0 -4
  71. package/libs/form/src/Field/FieldConditional.d.ts +0 -4
  72. package/libs/form/src/Field/index.d.ts +0 -4
  73. package/libs/form/src/Field/types.d.ts +0 -119
  74. package/libs/form/src/Field/utils/calculateField.d.ts +0 -2
  75. package/libs/form/src/Field/utils/evaluateFieldWithConditions.d.ts +0 -2
  76. package/libs/form/src/Field/utils/index.d.ts +0 -3
  77. package/libs/form/src/Field/utils/useField.d.ts +0 -2
  78. package/libs/form/src/FieldArray/index.d.ts +0 -11
  79. package/libs/form/src/FieldObject/index.d.ts +0 -23
  80. package/libs/form/src/Fieldset/index.d.ts +0 -8
  81. package/libs/form/src/Fieldset/types.d.ts +0 -10
  82. package/libs/form/src/FormBuilder/index.d.ts +0 -3
  83. package/libs/form/src/FormContext.d.ts +0 -3
  84. package/libs/form/src/MultiplicityField/add-objects.d.ts +0 -14
  85. package/libs/form/src/MultiplicityField/index.d.ts +0 -15
  86. package/libs/form/src/MultiplicityField/types.d.ts +0 -19
  87. package/libs/form/src/index.d.ts +0 -9
  88. package/libs/form/src/inputs/AutoCompleteInput/index.d.ts +0 -14
  89. package/libs/form/src/inputs/Checkboxes/index.d.ts +0 -13
  90. package/libs/form/src/inputs/DateInput/index.d.ts +0 -14
  91. package/libs/form/src/inputs/FileInput/index.d.ts +0 -14
  92. package/libs/form/src/inputs/ImageInput/index.d.ts +0 -25
  93. package/libs/form/src/inputs/Input/index.d.ts +0 -16
  94. package/libs/form/src/inputs/Label/index.d.ts +0 -21
  95. package/libs/form/src/inputs/OtpInput/index.d.ts +0 -16
  96. package/libs/form/src/inputs/Radio/index.d.ts +0 -13
  97. package/libs/form/src/inputs/Select/index.d.ts +0 -11
  98. package/libs/form/src/internal.d.ts +0 -5
  99. package/libs/form/src/types.d.ts +0 -55
  100. package/libs/form/src/utils.d.ts +0 -8
  101. package/libs/form/src/validators/index.d.ts +0 -9
  102. package/libs/form/src/validators/types.d.ts +0 -2
  103. package/libs/form/src/validators/utils/afm.d.ts +0 -6
  104. package/libs/form/src/validators/utils/file.d.ts +0 -3
  105. package/libs/form/src/validators/utils/iban.d.ts +0 -4
  106. package/libs/form/src/validators/utils/image.d.ts +0 -3
  107. package/libs/form/src/validators/utils/index.d.ts +0 -27
  108. package/libs/form/src/validators/utils/int.d.ts +0 -3
  109. package/libs/form/src/validators/utils/number.d.ts +0 -3
  110. package/libs/form/src/validators/utils/otp.d.ts +0 -4
  111. package/libs/form/src/validators/utils/phone.d.ts +0 -11
  112. package/libs/form/src/validators/utils/postal_code.d.ts +0 -4
  113. package/libs/form/src/validators/utils/text_limit.d.ts +0 -4
  114. package/libs/form/src/validators/utils/uuid4.d.ts +0 -6
  115. package/libs/ui/src/content/SummaryList/__stories__/RowVariations.d.ts +0 -3
  116. package/libs/ui/src/content/SummaryList/__stories__/WithActions.d.ts +0 -3
  117. package/libs/ui/src/content/SummaryList/__stories__/WithKeyAndAction.d.ts +0 -3
  118. package/libs/ui/src/content/SummaryList/__stories__/WithNoLastBorder.d.ts +0 -3
  119. package/libs/ui/src/content/SummaryList/__stories__/WithoutActions.d.ts +0 -3
  120. package/libs/ui/src/content/SummaryList/__stories__/WithoutBorders.d.ts +0 -3
  121. package/libs/ui/src/patterns/FilteredResults/DataTable.d.ts +0 -5
  122. package/libs/ui/src/patterns/FilteredResults/FilterChips.d.ts +0 -3
  123. package/libs/ui/src/patterns/FilteredResults/FilterFields.d.ts +0 -5
  124. package/libs/ui/src/patterns/FilteredResults/FilteredResults.stories.d.ts +0 -8
  125. package/libs/ui/src/patterns/FilteredResults/hooks.d.ts +0 -22
  126. package/libs/ui/src/patterns/FilteredResults/index.d.ts +0 -25
  127. package/libs/ui/src/patterns/index.d.ts +0 -1
  128. package/libs-ui/react-core/src/index.d.ts +0 -218
  129. /package/libs/ui/src/content/{SummaryList → Markdown}/__stories__/Default.d.ts +0 -0
@@ -0,0 +1,41 @@
1
+ export declare const basePropGenerator: ({ display, margin, marginTop, marginBottom, marginLeft, marginRight, m, mt, mb, ml, mr, mx, my, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, p, pt, pb, pr, pl, px, py, printHidden, printVisible, hidden, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden, className, }: {
2
+ display: any;
3
+ margin: any;
4
+ marginTop: any;
5
+ marginBottom: any;
6
+ marginLeft: any;
7
+ marginRight: any;
8
+ m: any;
9
+ mt: any;
10
+ mb: any;
11
+ ml: any;
12
+ mr: any;
13
+ mx: any;
14
+ my: any;
15
+ padding: any;
16
+ paddingTop: any;
17
+ paddingBottom: any;
18
+ paddingLeft: any;
19
+ paddingRight: any;
20
+ p: any;
21
+ pt: any;
22
+ pb: any;
23
+ pr: any;
24
+ pl: any;
25
+ px: any;
26
+ py: any;
27
+ printHidden: any;
28
+ printVisible: any;
29
+ hidden: any;
30
+ xsUpHidden: any;
31
+ smUpHidden: any;
32
+ mdUpHidden: any;
33
+ lgUpHidden: any;
34
+ xlUpHidden: any;
35
+ xsHidden: any;
36
+ smHidden: any;
37
+ mdHidden: any;
38
+ lgHidden: any;
39
+ xlHidden: any;
40
+ className: any;
41
+ }) => string;
@@ -0,0 +1,2 @@
1
+ export * from '@digigov/react-core/CheckboxItemInput/index.web';
2
+ export { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface CheckboxItemInputProps extends BaseProps<'input'> {
4
+ }
5
+ /**
6
+ * Details for the CheckboxItem.
7
+ * CheckboxItemInput component is the input component for CheckboxItem.
8
+ */
9
+ export declare const CheckboxItemInput: React.ForwardRefExoticComponent<Omit<CheckboxItemInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
10
+ export default CheckboxItemInput;
@@ -1,17 +1,9 @@
1
1
  import React from 'react';
2
2
  import { BaseProps } from '@digigov/react-core/Base';
3
3
  export interface CodeBlockContainerProps extends BaseProps<'div'> {
4
- /**
5
- * wrapLines prop is optional.
6
- * wrapLines prop is used to wrap the lines horizontally over the container.
7
- * @value true is used to activate the wrapLines styles.
8
- * @value false is used to deactivate the wrapLines styles.
9
- * @default false
10
- */
11
- wrapLines?: true | false;
12
4
  }
13
5
  /**
14
- * CodeBlockContainer can be used as a colored container for text.
6
+ * CodeBlockContainer is a component for displaying code.
15
7
  *
16
8
  */
17
9
  export declare const CodeBlockContainer: React.ForwardRefExoticComponent<Omit<CodeBlockContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -3,7 +3,7 @@ import { BaseProps } from '@digigov/react-core/Base';
3
3
  export interface CodeBlockContentProps extends BaseProps<'pre'> {
4
4
  }
5
5
  /**
6
- * CodeBlockContent can be used as content inside the CodeBlockContainer
6
+ * CodeBlockContent can be used as content inside the CodeBlockContainer.
7
7
  *
8
8
  */
9
9
  export declare const CodeBlockContent: React.ForwardRefExoticComponent<Omit<CodeBlockContentProps, "ref"> & React.RefAttributes<HTMLPreElement>>;
@@ -9,7 +9,7 @@ export interface CodeBlockHeaderProps extends BaseProps<'div'> {
9
9
  * @value 'spaceBetween' is recommended for two items in header.
10
10
  * @default 'start'
11
11
  */
12
- justify?: 'start' | 'spaceBetween' | 'end';
12
+ justify?: 'start' | 'space-between' | 'end';
13
13
  }
14
14
  /**
15
15
  * CodeBlockHeader can be used as header inside the CodeBlockContainer.
@@ -1,31 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
4
- /**
5
- * @value 'tooltip' is used when you want to show the message inside a tooltip.
6
- * @value 'banner' is used when you want to show the message inside a banner.
7
- * @default 'tooltip'
8
- */
9
- variant?: 'tooltip' | 'banner';
10
- /**
11
- * tooltipAlign is optional.
12
- * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
13
- * @value 'right'
14
- * @value 'left'
15
- * @default 'right'
16
- */
17
- tooltipAlign?: 'right' | 'left';
18
- /**
19
- * dense is optional.
20
- * affects only the density of the tooltip.
21
- * @value true tooltip will be dense.
22
- * @value false
23
- * @default false
24
- * */
25
- dense?: boolean;
26
- }
27
- /**
28
- * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
29
- */
30
- export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
- export default CopyToClipboardContainer;
1
+ export * from '@digigov/react-core/CopyToClipboardContainer/index.web';
2
+ export { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
4
+ /**
5
+ * @value 'tooltip' is used when you want to show the message inside a tooltip.
6
+ * @value 'banner' is used when you want to show the message inside a banner.
7
+ * @default 'tooltip'
8
+ */
9
+ variant?: 'tooltip' | 'banner';
10
+ /**
11
+ * tooltipAlign is optional.
12
+ * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
13
+ * @value 'right'
14
+ * @value 'left'
15
+ * @default 'right'
16
+ */
17
+ tooltipAlign?: 'right' | 'left';
18
+ /**
19
+ * dense is optional.
20
+ * affects only the density of the tooltip.
21
+ * @value true tooltip will be dense.
22
+ * @value false
23
+ * @default false
24
+ * */
25
+ dense?: boolean;
26
+ }
27
+ /**
28
+ * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
29
+ */
30
+ export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
+ export default CopyToClipboardContainer;
@@ -1,18 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
4
- /**
5
- * enabled is a boolean prop passed from the CopyToClipboard component.
6
- * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
7
- * When it's false it resets the animations of the CopyToClipboardMessage.
8
- * @value true
9
- * @value false
10
- */
11
- enabled?: boolean;
12
- }
13
- /**
14
- * CopyToClipboardMessage is used to show a message that a text is being copied.
15
- * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
16
- */
17
- export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- export default CopyToClipboardMessage;
1
+ export * from '@digigov/react-core/CopyToClipboardMessage/index.web';
2
+ export { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
4
+ /**
5
+ * enabled is a boolean prop passed from the CopyToClipboard component.
6
+ * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
7
+ * When it's false it resets the animations of the CopyToClipboardMessage.
8
+ * @value true
9
+ * @value false
10
+ */
11
+ enabled?: boolean;
12
+ }
13
+ /**
14
+ * CopyToClipboardMessage is used to show a message that a text is being copied.
15
+ * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
16
+ */
17
+ export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
+ export default CopyToClipboardMessage;
@@ -1,26 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface DateInputItemProps extends BaseProps<'input'> {
4
- /**
5
- * Width property is optional.
6
- * Use this property for year field to grow width.
7
- * @value 2
8
- * @value 4
9
- * @default 2
10
- */
11
- width?: 2 | 4;
12
- /**
13
- * error is optional. The default value is false.
14
- * Use this prop when there is an error at the input.
15
- * @value true
16
- * @value false
17
- */
18
- error?: boolean;
19
- }
20
- /**
21
- * Details for the DateInputItem.
22
- * DateInputItem component is used for displaying date.
23
- * DateInputItem component must be included inside DateInput component as children component
24
- */
25
- export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
26
- export default DateInputItem;
1
+ export * from '@digigov/react-core/DateInputItem/index.web';
2
+ export { default as default } from '@digigov/react-core/DateInputItem/index.web';
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface DateInputItemProps extends BaseProps<'input'> {
4
+ /**
5
+ * Width property is optional.
6
+ * Use this property for year field to grow width.
7
+ * @value 2
8
+ * @value 4
9
+ * @default 2
10
+ */
11
+ width?: 2 | 4;
12
+ /**
13
+ * error is optional. The default value is false.
14
+ * Use this prop when there is an error at the input.
15
+ * @value true
16
+ * @value false
17
+ */
18
+ error?: boolean;
19
+ }
20
+ /**
21
+ * Details for the DateInputItem.
22
+ * DateInputItem component is used for displaying date.
23
+ * DateInputItem component must be included inside DateInput component as children component
24
+ */
25
+ export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
26
+ export default DateInputItem;
@@ -1,10 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface DetailsProps extends BaseProps<'details'> {
4
- }
5
- /**
6
- * Details is used to make a page easier to scan when it contains information that only some users will need.
7
- * Details component wraps DetailsSummary and DetailsContent as children components
8
- */
9
- export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
10
- export default Details;
1
+ export * from "@digigov/react-core/Details/index.web";
2
+ export { default as default } from "@digigov/react-core/Details/index.web";
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface DetailsProps extends BaseProps<'details'> {
4
+ }
5
+ /**
6
+ * Details is used to make a page easier to scan when it contains information that only some users will need.
7
+ * Details component wraps DetailsSummary and DetailsContent as children components
8
+ */
9
+ export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
10
+ export default Details;
@@ -1,10 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface NavListItemActionContainerProps extends BaseProps<'li'> {
4
- }
5
- /**
6
- * NavListItemActionContainer must be inside the NavList.
7
- * This component has a items of NavListItemLink component inside.
8
- */
9
- export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
10
- export default NavListItemActionContainer;
1
+ export * from '@digigov/react-core/NavListItemActionContainer/index.web';
2
+ export { default as default } from '@digigov/react-core/NavListItemActionContainer/index.web';
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface NavListItemActionContainerProps extends BaseProps<'li'> {
4
+ }
5
+ /**
6
+ * NavListItemActionContainer must be inside the NavList.
7
+ * This component has a items of NavListItemLink component inside.
8
+ */
9
+ export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
10
+ export default NavListItemActionContainer;
@@ -1,11 +1,2 @@
1
- import React from 'react';
2
- import { LinkBaseProps } from '@digigov/react-core/LinkBase';
3
- export interface NotificationBannerLinkProps extends LinkBaseProps {
4
- }
5
- /**
6
- * Details for the NotificationBannerLink.
7
- * NotificationBannerLink allow users to click their way from page to page.
8
- * NotificationBannerLink must be wrapped inside NotificationContent component as children
9
- */
10
- export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
11
- export default NotificationBannerLink;
1
+ export * from '@digigov/react-core/NotificationBannerLink/index.web';
2
+ export { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { LinkBaseProps } from '@digigov/react-core/LinkBase';
3
+ export interface NotificationBannerLinkProps extends LinkBaseProps {
4
+ }
5
+ /**
6
+ * Details for the NotificationBannerLink.
7
+ * NotificationBannerLink allow users to click their way from page to page.
8
+ * NotificationBannerLink must be wrapped inside NotificationContent component as children
9
+ */
10
+ export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
11
+ export default NotificationBannerLink;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { BaseProps } from '@digigov/react-core/Base';
3
- export interface PhaseBannerTagProps extends BaseProps<'strong'> {
3
+ export interface PhaseBannerTagProps extends BaseProps<'span'> {
4
4
  }
5
5
  /**
6
6
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
7
7
  */
8
- export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLElement>>;
8
+ export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
9
9
  export default PhaseBannerTag;
@@ -21,7 +21,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
21
21
  noLastBorder?: boolean;
22
22
  }
23
23
  /**
24
- * SummaryList used as a table with summary informations.
24
+ * SummaryList used as a table with summary information.
25
25
  * It must contain a list of SummaryListItem components.
26
26
  */
27
27
  export declare const SummaryList: React.ForwardRefExoticComponent<Omit<SummaryListProps, "ref"> & React.RefAttributes<HTMLDListElement>>;
@@ -1,7 +1,21 @@
1
1
  import React from 'react';
2
2
  import { BaseProps } from '@digigov/react-core/Base';
3
3
  export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
4
+ /**
5
+ * sm shows the width of the key column for small screens.
6
+ * @default 3
7
+ */
8
+ sm?: WidthValues;
9
+ /**
10
+ * md shows the width of the key column for medium screens.
11
+ */
12
+ md?: WidthValues;
13
+ /**
14
+ * lg shows the width of the key column for large screens.
15
+ */
16
+ lg?: WidthValues;
4
17
  }
18
+ export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
5
19
  /**
6
20
  * SummaryListItemKey is used within the SummaryListItem component.
7
21
  * In this column we place the key information for the row (ex. "Name", "Address", etc).
@@ -1,24 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface TextAreaProps extends BaseProps<'textarea'> {
4
- /**
5
- * error is optional. The default value is false.
6
- * Use this prop when there is an error at the input.
7
- * @value true
8
- * @value false
9
- */
10
- error?: boolean;
11
- /**
12
- * dense is optional.
13
- * @value true TextArea will be dense.
14
- * @value false
15
- * @default false
16
- */
17
- dense?: boolean;
18
- }
19
- /**
20
- * Textarea component is used when you need to let users enter an
21
- * amount of text that’s longer than a single line.
22
- */
23
- export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
24
- export default TextArea;
1
+ export * from '@digigov/react-core/TextArea/index.web';
2
+ export { default as default } from '@digigov/react-core/TextArea/index.web';
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface TextAreaProps extends BaseProps<'textarea'> {
4
+ /**
5
+ * error is optional. The default value is false.
6
+ * Use this prop when there is an error at the input.
7
+ * @value true
8
+ * @value false
9
+ */
10
+ error?: boolean;
11
+ /**
12
+ * dense is optional.
13
+ * @value true TextArea will be dense.
14
+ * @value false
15
+ * @default false
16
+ */
17
+ dense?: boolean;
18
+ }
19
+ /**
20
+ * Textarea component is used when you need to let users enter an
21
+ * amount of text that’s longer than a single line.
22
+ */
23
+ export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
24
+ export default TextArea;
@@ -1,46 +1,2 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface TextInputProps extends BaseProps<'input'> {
4
- /**
5
- * maxWidth is optional.
6
- * @value '2-char';
7
- * @value '3-char';
8
- * @value '4-char';
9
- * @value '5-char';
10
- * @value '10-char';
11
- * @value '20-char';
12
- */
13
- maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
14
- /**
15
- * width is optional.
16
- * Use width prop to define a custom width in your component.
17
- * @value '25%';
18
- * @value '33.3%';
19
- * @value '50%';
20
- * @value '66.6%';
21
- * @value '75%';
22
- * @value '100%';
23
- * @value 'full';
24
- */
25
- width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
26
- /**
27
- * error is optional. The default value is false.
28
- * Use this prop when there is an error at the input.
29
- * @value true
30
- * @value false
31
- */
32
- error?: boolean;
33
- /**
34
- * dense is optional.
35
- * @value true TextInput will be dense.
36
- * @value false
37
- * @default false
38
- */
39
- dense?: boolean;
40
- }
41
- /**
42
- * TextInput component when you need to let users enter text that’s no
43
- * longer than a single line, such as their name or phone number.
44
- */
45
- export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
46
- export default TextInput;
1
+ export * from '@digigov/react-core/TextInput/index.web';
2
+ export { default as default } from '@digigov/react-core/TextInput/index.web';
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface TextInputProps extends BaseProps<'input'> {
4
+ /**
5
+ * maxWidth is optional.
6
+ * @value '2-char';
7
+ * @value '3-char';
8
+ * @value '4-char';
9
+ * @value '5-char';
10
+ * @value '10-char';
11
+ * @value '20-char';
12
+ */
13
+ maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
14
+ /**
15
+ * width is optional.
16
+ * Use width prop to define a custom width in your component.
17
+ * @value '25%';
18
+ * @value '33.3%';
19
+ * @value '50%';
20
+ * @value '66.6%';
21
+ * @value '75%';
22
+ * @value '100%';
23
+ * @value 'full';
24
+ */
25
+ width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
26
+ /**
27
+ * error is optional. The default value is false.
28
+ * Use this prop when there is an error at the input.
29
+ * @value true
30
+ * @value false
31
+ */
32
+ error?: boolean;
33
+ /**
34
+ * dense is optional.
35
+ * @value true TextInput will be dense.
36
+ * @value false
37
+ * @default false
38
+ */
39
+ dense?: boolean;
40
+ }
41
+ /**
42
+ * TextInput component when you need to let users enter text that’s no
43
+ * longer than a single line, such as their name or phone number.
44
+ */
45
+ export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
46
+ export default TextInput;
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ import { BaseProps } from "@digigov/react-core/Base";
3
+ export interface WarningTextAssistiveProps extends BaseProps<"span"> {
4
+ /**
5
+ * assistiveText is optional.
6
+ * Default value is "Προσοχή".
7
+ * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
8
+ */
9
+ assistiveText?: string;
10
+ }
11
+ /**
12
+ * Use the WarningTextAssistive component when you need to warn users about something important.
13
+ */
14
+ export declare const WarningTextAssistive: React.ForwardRefExoticComponent<Omit<WarningTextAssistiveProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
15
+ export default WarningTextAssistive;
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@digigov/react-experimental",
3
- "version": "2.0.0-d57821ba",
3
+ "version": "2.0.0-daaf7bdf",
4
4
  "description": "@digigov react experimental components",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "BSD-2-Clause",
7
7
  "main": "./cjs/index.js",
8
8
  "module": "./index.js",
9
9
  "peerDependencies": {
10
- "@digigov/css": "2.0.0-d57821ba",
11
- "@digigov/react-icons": "2.0.0-d57821ba",
12
- "@digigov/ui": "2.0.0-d57821ba",
13
- "@digigov/react-core": "2.0.0-d57821ba",
10
+ "@digigov/css": "2.0.0-daaf7bdf",
11
+ "@digigov/react-icons": "2.0.0-daaf7bdf",
12
+ "@digigov/ui": "2.0.0-daaf7bdf",
13
+ "@digigov/react-core": "2.0.0-daaf7bdf",
14
14
  "clsx": "1.1.1",
15
15
  "react": ">=16.8.0 <19.0.0",
16
16
  "react-dom": ">=16.8.0 <19.0.0"
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FieldBaseProps } from '@digigov/form/Field/types';
3
- export declare const FieldBase: React.FC<FieldBaseProps>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { FieldContainerProps } from '@digigov/form/Field/types';
3
- export declare const FieldBaseContainer: React.FC<FieldContainerProps>;
4
- export default FieldBaseContainer;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { FieldConditionalProps } from '@digigov/form/Field/types';
3
- export declare const FieldConditional: React.FC<FieldConditionalProps>;
4
- export default FieldConditional;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { FieldProps } from '@digigov/form/Field/types';
3
- export declare const Field: React.FC<FieldProps>;
4
- export default Field;