@netu-si/netu-react-dsf-components 0.0.10 → 0.0.12

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 (47) hide show
  1. package/dist/cjs/components/DSFBackLink/DSFBackLink.d.ts +8 -2
  2. package/dist/cjs/components/DSFButton/DSFButton.d.ts +6 -2
  3. package/dist/cjs/components/DSFDateInput/DSFDateInput.d.ts +28 -3
  4. package/dist/cjs/components/DSFErrorSummary/DSFErrorSummary.d.ts +10 -2
  5. package/dist/cjs/components/DSFFooter/DSFFooter.d.ts +2 -9
  6. package/dist/cjs/components/DSFInputField/DSFInputField.d.ts +12 -2
  7. package/dist/cjs/components/DSFPage/DSFPage.d.ts +6 -2
  8. package/dist/cjs/components/DSFPanel/DSFPanel.d.ts +16 -2
  9. package/dist/cjs/components/DSFSelect/DSFSelect.d.ts +10 -2
  10. package/dist/cjs/index.js +1 -1
  11. package/dist/cjs/index.js.map +1 -1
  12. package/dist/esm/components/DSFBackLink/DSFBackLink.d.ts +8 -2
  13. package/dist/esm/components/DSFButton/DSFButton.d.ts +6 -2
  14. package/dist/esm/components/DSFDateInput/DSFDateInput.d.ts +28 -3
  15. package/dist/esm/components/DSFErrorSummary/DSFErrorSummary.d.ts +10 -2
  16. package/dist/esm/components/DSFFooter/DSFFooter.d.ts +2 -9
  17. package/dist/esm/components/DSFInputField/DSFInputField.d.ts +12 -2
  18. package/dist/esm/components/DSFPage/DSFPage.d.ts +6 -2
  19. package/dist/esm/components/DSFPanel/DSFPanel.d.ts +16 -2
  20. package/dist/esm/components/DSFSelect/DSFSelect.d.ts +10 -2
  21. package/dist/esm/index.js +1 -1
  22. package/dist/esm/index.js.map +1 -1
  23. package/dist/index.d.ts +89 -32
  24. package/package.json +1 -1
  25. package/dist/cjs/assets/index-b6796621.css +0 -16
  26. package/dist/cjs/components/DSFButton/DSFInputField.d.ts +0 -15
  27. package/dist/cjs/components/DSFDateInput/Input.d.ts +0 -49
  28. package/dist/cjs/components/DSFDateInput2/DSFDateInput2.d.ts +0 -56
  29. package/dist/cjs/components/DSFDateInput2/index.d.ts +0 -1
  30. package/dist/cjs/components/DSFTextInput/DSFTextInput.d.ts +0 -13
  31. package/dist/cjs/components/DSFTextInput/index.d.ts +0 -1
  32. package/dist/cjs/stories/Button.d.ts +0 -29
  33. package/dist/cjs/stories/Header.d.ts +0 -13
  34. package/dist/cjs/stories/Page.d.ts +0 -3
  35. package/dist/cjs/stories/Page.stories.d.ts +0 -13
  36. package/dist/esm/assets/index-b6796621.css +0 -16
  37. package/dist/esm/components/DSFButton/DSFInputField.d.ts +0 -15
  38. package/dist/esm/components/DSFDateInput/Input.d.ts +0 -49
  39. package/dist/esm/components/DSFDateInput2/DSFDateInput2.d.ts +0 -56
  40. package/dist/esm/components/DSFDateInput2/index.d.ts +0 -1
  41. package/dist/esm/components/DSFTextInput/DSFTextInput.d.ts +0 -13
  42. package/dist/esm/components/DSFTextInput/index.d.ts +0 -1
  43. package/dist/esm/stories/Button.d.ts +0 -29
  44. package/dist/esm/stories/Header.d.ts +0 -13
  45. package/dist/esm/stories/Page.d.ts +0 -3
  46. package/dist/esm/stories/Page.stories.d.ts +0 -13
  47. package/dist/types.d.ts +0 -16
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * - https://github.com/netu-si/netu-react-dsf-components/tree/main/src/components/DSFBackLink
5
5
  */
6
- import { FC } from 'react';
6
+ import React from 'react';
7
7
  import '../../resources/css/dsf.main.min.css';
8
8
  import { LinkProps } from 'react-router-dom';
9
9
  export interface DSFBackLinkProps extends LinkProps {
@@ -16,5 +16,11 @@ export interface DSFBackLinkProps extends LinkProps {
16
16
  * - https://animated-adventure-ey7gv1m.pages.github.io/?path=/docs/navigation-dsfbacklink--docs
17
17
  * - https://gov-cy.github.io/govcy-design-system-docs/components/back_link
18
18
  */
19
- declare const DSFBackLink: FC<DSFBackLinkProps>;
19
+ declare const DSFBackLink: {
20
+ ({ label, onBackClick, ...props }: DSFBackLinkProps): React.JSX.Element;
21
+ defaultProps: {
22
+ to: string;
23
+ };
24
+ displayName: string;
25
+ };
20
26
  export default DSFBackLink;
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React from 'react';
2
2
  import '../../resources/css/dsf.main.min.css';
3
3
  export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
4
4
  /**
@@ -10,5 +10,9 @@ export interface DSFButtonProps extends React.DetailedHTMLProps<React.ButtonHTML
10
10
  */
11
11
  children: React.ReactNode;
12
12
  }
13
- declare const DSFButton: FC<DSFButtonProps>;
13
+ declare const DSFButton: {
14
+ ({ children, id, type, className, ...props }: DSFButtonProps): React.JSX.Element;
15
+ defaultProps: {};
16
+ displayName: string;
17
+ };
14
18
  export default DSFButton;
@@ -1,7 +1,7 @@
1
+ import React, { RefObject } from 'react';
2
+ import { UseFormRegisterReturn } from 'react-hook-form';
1
3
  import '../../resources/css/dsf.main.min.css';
2
- import React, { RefObject, FC } from 'react';
3
4
  import { DSFInputProps } from '../DSFInput/DSFInput';
4
- import { UseFormRegisterReturn } from 'react-hook-form';
5
5
  interface InputRefObject {
6
6
  day: RefObject<HTMLInputElement>;
7
7
  month: RefObject<HTMLInputElement>;
@@ -81,5 +81,30 @@ export interface DSFDateInputProps {
81
81
  };
82
82
  };
83
83
  }
84
- declare const DSFDateInput: FC<DSFDateInputProps>;
84
+ declare const DSFDateInput: {
85
+ ({ register, id, label, hint, errorText, labels, refs, inputProps, inputs, defaultValues, }: DSFDateInputProps): React.JSX.Element;
86
+ displayName: string;
87
+ defaultProps: {
88
+ inputProps: {};
89
+ hint: undefined;
90
+ errorText: undefined;
91
+ labels: {
92
+ day: string;
93
+ month: string;
94
+ year: string;
95
+ };
96
+ defaultValues: {
97
+ day: undefined;
98
+ month: undefined;
99
+ year: undefined;
100
+ };
101
+ inputs: {
102
+ day: undefined;
103
+ month: undefined;
104
+ year: undefined;
105
+ };
106
+ refs: undefined;
107
+ register: undefined;
108
+ };
109
+ };
85
110
  export default DSFDateInput;
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import React from 'react';
2
2
  import '../../resources/css/dsf.main.min.css';
3
3
  export interface DSFErrorSummaryProps {
4
4
  /** onClick function to scroll the target element into view */
@@ -12,5 +12,13 @@ export interface DSFErrorSummaryProps {
12
12
  }[];
13
13
  isInfo?: boolean;
14
14
  }
15
- declare const DSFErrorSummary: FC<DSFErrorSummaryProps>;
15
+ declare const DSFErrorSummary: {
16
+ ({ onHandleErrorClick, heading, errors, isInfo, }: DSFErrorSummaryProps): React.JSX.Element;
17
+ defaultProps: {
18
+ errors: never[];
19
+ heading: string;
20
+ onHandleErrorClick: undefined;
21
+ isInfo: undefined;
22
+ };
23
+ };
16
24
  export default DSFErrorSummary;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import '../../resources/css/dsf.main.min.css';
3
2
  import '../../resources/css/custom.css';
3
+ import '../../resources/css/dsf.main.min.css';
4
4
  export interface DSFFooterProps {
5
5
  privacyStatementUrl?: string;
6
6
  cookiePolicyUrl?: string;
@@ -11,16 +11,9 @@ export interface DSFFooterProps {
11
11
  cyprusRepublicText?: string;
12
12
  hasScroll?: boolean;
13
13
  newTab?: boolean;
14
- showCoookies: boolean;
15
- cookiesDescription: string;
16
- cookiesMoreUrl: string;
17
- cookiesMoreText: string;
18
- cookiesAcceptText: string;
19
- cookiesAcceptHandler?: () => void;
20
- cookiesNewTab?: boolean;
21
14
  }
22
15
  declare const DSFFooter: {
23
- ({ privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl, privacyStatementText, cookiePolicyText, accessibilityStatementText, cyprusRepublicText, hasScroll, newTab, showCoookies, cookiesDescription, cookiesMoreUrl, cookiesMoreText, cookiesAcceptText, cookiesAcceptHandler, cookiesNewTab, }: DSFFooterProps): React.JSX.Element;
16
+ ({ privacyStatementUrl, cookiePolicyUrl, accessibilityStatementUrl, privacyStatementText, cookiePolicyText, accessibilityStatementText, cyprusRepublicText, hasScroll, newTab, }: DSFFooterProps): React.JSX.Element;
24
17
  defaultProps: {
25
18
  privacyStatementUrl: undefined;
26
19
  cookiePolicyUrl: undefined;
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React from 'react';
2
2
  import '../../resources/css/dsf.main.min.css';
3
3
  import { DSFInputProps } from '../DSFInput/DSFInput';
4
4
  import { UseFormRegisterReturn } from 'react-hook-form';
@@ -17,5 +17,15 @@ export interface DSFInputFieldProps {
17
17
  errorId?: string;
18
18
  register?: UseFormRegisterReturn;
19
19
  }
20
- declare const DSFInputField: FC<DSFInputFieldProps>;
20
+ declare const DSFInputField: {
21
+ ({ meta, label, id, children, hint, inputProps, visualSize, errorId, register, underRadio, ...props }: any): React.JSX.Element;
22
+ defaultProps: {
23
+ hint: undefined;
24
+ errorId: undefined;
25
+ visualSize: undefined;
26
+ inputProps: undefined;
27
+ register: undefined;
28
+ meta: {};
29
+ };
30
+ };
21
31
  export default DSFInputField;
@@ -39,6 +39,10 @@ export interface DSFPageProps {
39
39
  * Page SideBar if any
40
40
  */
41
41
  sideBar?: React.ReactNode;
42
+ /**
43
+ * Override the default page cookies component.
44
+ */
45
+ cookies?: React.ReactNode;
42
46
  }
43
47
  /**
44
48
  * Use the back link component to help users go back to the previous page in a multi-page transaction.
@@ -47,13 +51,13 @@ export interface DSFPageProps {
47
51
  * - https://design-system.service.gov.uk/components/back-link/
48
52
  */
49
53
  declare const DSFPage: {
50
- ({ id, children, header, footer, bodyStartContainer: bodyStartContainerContent, bodyEndContainer: bodyEndContainerContent, beforeMainContainer: beforeChildren, sideBar: sideBar, }: DSFPageProps): React.JSX.Element;
54
+ ({ id, children, header, footer, bodyStartContainer: bodyStartContainerContent, bodyEndContainer: bodyEndContainerContent, beforeMainContainer: beforeChildren, sideBar: sideBar, cookies: cookies, }: DSFPageProps): React.JSX.Element;
51
55
  defaultProps: {
52
56
  children: undefined;
53
57
  id: string;
54
58
  header: React.JSX.Element;
55
59
  footer: undefined;
56
- cookies: undefined;
60
+ cookies: React.JSX.Element;
57
61
  beforeMainContainer: undefined;
58
62
  bodyStartContainer: undefined;
59
63
  bodyEndContainer: undefined;
@@ -1,10 +1,24 @@
1
- import React, { FC } from 'react';
1
+ import React from 'react';
2
2
  import '../../resources/css/dsf.main.min.css';
3
+ export declare enum PanelEnum {
4
+ SUCCESS = "success",
5
+ DANGER = "danger",
6
+ INFO = "info",
7
+ WARNING = "secondary"
8
+ }
3
9
  export interface DSFPanelProps {
4
10
  /** Panel title text */
5
11
  title: string;
12
+ type?: PanelEnum;
6
13
  /** Panel body text */
7
14
  children?: React.ReactNode;
8
15
  }
9
- declare const DSFPanel: FC<DSFPanelProps>;
16
+ declare const DSFPanel: {
17
+ ({ title, type, children, ...props }: DSFPanelProps): React.JSX.Element;
18
+ defaultProps: {
19
+ children: undefined;
20
+ type: PanelEnum;
21
+ };
22
+ displayName: string;
23
+ };
10
24
  export default DSFPanel;
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React from 'react';
2
2
  import '../../resources/css/dsf.main.min.css';
3
3
  export interface DSFSelectProps {
4
4
  label: string;
@@ -12,6 +12,14 @@ export interface DSFSelectProps {
12
12
  children: React.ReactNode;
13
13
  defaultValue?: string | number;
14
14
  defaultLabel?: string;
15
+ visualSize?: number;
15
16
  }
16
- declare const DSFSelect: FC<DSFSelectProps>;
17
+ declare const DSFSelect: {
18
+ ({ children, inputProps, label, hint, id, meta, defaultValue, defaultLabel, visualSize, }: DSFSelectProps): React.JSX.Element;
19
+ defaultProps: {
20
+ inputProps: {};
21
+ meta: {};
22
+ hint: undefined;
23
+ };
24
+ };
17
25
  export default DSFSelect;