@digigov/react-core 2.0.0-a32ad9b2 → 2.0.0-abd768eb

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 (81) hide show
  1. package/AccordionSectionSummaryHeading/index.d.ts +1 -0
  2. package/AccordionSectionSummaryHeading/index.js +3 -2
  3. package/AccordionSectionSummaryHeading/index.js.map +2 -2
  4. package/Button/index.js +1 -0
  5. package/Button/index.js.map +2 -2
  6. package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
  7. package/{CircularProgress → CircularProgressBase}/index.js +4 -4
  8. package/CircularProgressBase/index.js.map +7 -0
  9. package/{CircularProgress → CircularProgressBase}/package.json +1 -1
  10. package/DetailsContent/index.d.ts +1 -0
  11. package/DetailsContent/index.js +3 -2
  12. package/DetailsContent/index.js.map +2 -2
  13. package/LinkBase/index.js +1 -0
  14. package/LinkBase/index.js.map +2 -2
  15. package/Table/index.d.ts +9 -0
  16. package/Table/index.js +4 -1
  17. package/Table/index.js.map +2 -2
  18. package/TableDataCell/index.d.ts +13 -0
  19. package/TableDataCell/index.js +10 -1
  20. package/TableDataCell/index.js.map +2 -2
  21. package/WarningText/index.d.ts +7 -0
  22. package/WarningText/index.js +10 -2
  23. package/WarningText/index.js.map +2 -2
  24. package/cjs/AccordionSectionSummaryHeading/index.js +3 -2
  25. package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
  26. package/cjs/Button/index.js +1 -0
  27. package/cjs/Button/index.js.map +2 -2
  28. package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
  29. package/cjs/CircularProgressBase/index.js.map +7 -0
  30. package/cjs/DetailsContent/index.js +3 -2
  31. package/cjs/DetailsContent/index.js.map +2 -2
  32. package/cjs/LinkBase/index.js +1 -0
  33. package/cjs/LinkBase/index.js.map +2 -2
  34. package/cjs/Table/index.js +4 -1
  35. package/cjs/Table/index.js.map +2 -2
  36. package/cjs/TableDataCell/index.js +10 -1
  37. package/cjs/TableDataCell/index.js.map +2 -2
  38. package/cjs/WarningText/index.js +10 -2
  39. package/cjs/WarningText/index.js.map +2 -2
  40. package/cjs/index.js +2 -4
  41. package/cjs/index.js.map +2 -2
  42. package/cjs/lazy/index.js +1 -2
  43. package/cjs/lazy.js.map +2 -2
  44. package/cjs/registry/index.js +10 -12
  45. package/cjs/registry.js.map +2 -2
  46. package/index.d.ts +1 -2
  47. package/index.js +2 -3
  48. package/index.js.map +2 -2
  49. package/lazy/index.js +1 -2
  50. package/package.json +3 -3
  51. package/registry/index.js +10 -12
  52. package/src/AccordionSectionSummaryHeading/index.tsx +9 -2
  53. package/src/Button/index.tsx +1 -0
  54. package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
  55. package/src/CircularProgressBase/index.test.tsx +38 -0
  56. package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
  57. package/src/DetailsContent/index.tsx +11 -2
  58. package/src/LinkBase/index.tsx +1 -0
  59. package/src/Table/index.tsx +12 -0
  60. package/src/TableDataCell/__snapshots__/index.test.tsx.snap +2 -2
  61. package/src/TableDataCell/index.tsx +23 -1
  62. package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
  63. package/src/WarningText/index.test.tsx +5 -0
  64. package/src/WarningText/index.tsx +17 -2
  65. package/src/index.ts +1 -2
  66. package/src/lazy.js +1 -2
  67. package/src/registry.js +10 -12
  68. package/AutoCompleteInputTypeahead/index.d.ts +0 -11
  69. package/AutoCompleteInputTypeahead/index.js +0 -25
  70. package/AutoCompleteInputTypeahead/index.js.map +0 -7
  71. package/AutoCompleteInputTypeahead/package.json +0 -6
  72. package/CircularProgress/index.js.map +0 -7
  73. package/CircularProgress/index.test.d.ts +0 -1
  74. package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
  75. package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
  76. package/cjs/CircularProgress/index.js.map +0 -7
  77. package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
  78. package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
  79. package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
  80. package/src/CircularProgress/index.test.tsx +0 -34
  81. /package/{AutoCompleteInputTypeahead → CircularProgressBase}/index.test.d.ts +0 -0
package/src/AccordionSectionSummaryHeading/index.tsx CHANGED
@@ -2,7 +2,13 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
4
 
5
- export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {}
5
+ export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
6
+ /*
7
+ * The type of the icon to be displayed on the right side of the heading.
8
+ * @default 'default'
9
+ */
10
+ variant?: 'default' | 'arrows';
11
+ }
6
12
  /**
7
13
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
8
14
  */
@@ -10,7 +16,7 @@ export const AccordionSectionSummaryHeading = React.forwardRef<
10
16
  HTMLHeadingElement,
11
17
  AccordionSectionSummaryHeadingProps
12
18
  >(function AccordionSectionSummaryHeading(
13
- { className, children, ...props },
19
+ { variant, className, children, ...props },
14
20
  ref
15
21
  ) {
16
22
  return (
@@ -27,6 +33,7 @@ export const AccordionSectionSummaryHeading = React.forwardRef<
27
33
  as="span"
28
34
  className={clsx({
29
35
  'ds-accordion__section-button': true,
36
+ 'ds-accordion__section-button--arrows': variant === 'arrows',
30
37
  })}
31
38
  >
32
39
  {children}
package/src/Button/index.tsx CHANGED
@@ -56,6 +56,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
56
56
  className={clsx(className, {
57
57
  'ds-link': variant === 'link',
58
58
  'ds-link-warning': variant === 'link' && color === 'warning',
59
+ 'ds-link--disabled': variant === 'link' && disabled,
59
60
  'ds-btn': variant === 'button',
60
61
  'ds-btn--dense': dense,
61
62
  'ds-btn-primary': variant === 'button' && color === 'primary',
package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap RENAMED
@@ -1,6 +1,6 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the CircularProgress 1`] = `
3
+ exports[`renders the CircularProgressBase 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
@@ -22,7 +22,7 @@ exports[`renders the CircularProgress 1`] = `
22
22
  </body>
23
23
  `;
24
24
 
25
- exports[`renders the CircularProgress with color=secondary and size lg props 1`] = `
25
+ exports[`renders the CircularProgressBase with color=secondary and size lg props 1`] = `
26
26
  <body>
27
27
  <div>
28
28
  <svg
@@ -44,7 +44,7 @@ exports[`renders the CircularProgress with color=secondary and size lg props 1`]
44
44
  </body>
45
45
  `;
46
46
 
47
- exports[`renders the CircularProgress with color=secondary and size sm props 1`] = `
47
+ exports[`renders the CircularProgressBase with color=secondary and size sm props 1`] = `
48
48
  <body>
49
49
  <div>
50
50
  <svg
@@ -66,7 +66,7 @@ exports[`renders the CircularProgress with color=secondary and size sm props 1`]
66
66
  </body>
67
67
  `;
68
68
 
69
- exports[`renders the CircularProgress with color=secondary prop 1`] = `
69
+ exports[`renders the CircularProgressBase with color=secondary prop 1`] = `
70
70
  <body>
71
71
  <div>
72
72
  <svg
@@ -88,7 +88,7 @@ exports[`renders the CircularProgress with color=secondary prop 1`] = `
88
88
  </body>
89
89
  `;
90
90
 
91
- exports[`renders the CircularProgress with size lg 1`] = `
91
+ exports[`renders the CircularProgressBase with size lg 1`] = `
92
92
  <body>
93
93
  <div>
94
94
  <svg
@@ -110,7 +110,7 @@ exports[`renders the CircularProgress with size lg 1`] = `
110
110
  </body>
111
111
  `;
112
112
 
113
- exports[`renders the CircularProgress with size sm 1`] = `
113
+ exports[`renders the CircularProgressBase with size sm 1`] = `
114
114
  <body>
115
115
  <div>
116
116
  <svg
package/src/CircularProgressBase/index.test.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+
4
+ import CircularProgressBase from '@digigov/react-core/CircularProgressBase';
5
+
6
+ it('renders the CircularProgressBase', () => {
7
+ expect(render(<CircularProgressBase />).baseElement).toMatchSnapshot();
8
+ });
9
+
10
+ it('renders the CircularProgressBase with size sm', () => {
11
+ expect(
12
+ render(<CircularProgressBase size="sm" />).baseElement
13
+ ).toMatchSnapshot();
14
+ });
15
+
16
+ it('renders the CircularProgressBase with size lg', () => {
17
+ expect(
18
+ render(<CircularProgressBase size="lg" />).baseElement
19
+ ).toMatchSnapshot();
20
+ });
21
+
22
+ it('renders the CircularProgressBase with color=secondary prop', () => {
23
+ expect(
24
+ render(<CircularProgressBase color={'secondary'} />).baseElement
25
+ ).toMatchSnapshot();
26
+ });
27
+
28
+ it('renders the CircularProgressBase with color=secondary and size sm props', () => {
29
+ expect(
30
+ render(<CircularProgressBase color={'secondary'} size="sm" />).baseElement
31
+ ).toMatchSnapshot();
32
+ });
33
+
34
+ it('renders the CircularProgressBase with color=secondary and size lg props', () => {
35
+ expect(
36
+ render(<CircularProgressBase color={'secondary'} size="lg" />).baseElement
37
+ ).toMatchSnapshot();
38
+ });
package/src/{CircularProgress → CircularProgressBase}/index.tsx RENAMED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
4
 
5
- export interface CircularProgressProps extends BaseProps<'svg'> {
5
+ export interface CircularProgressBaseProps extends BaseProps<'svg'> {
6
6
  /**
7
7
  * color prop is optional.
8
8
  * color prop is used to change the color of the loader.
@@ -22,12 +22,12 @@ export interface CircularProgressProps extends BaseProps<'svg'> {
22
22
  size?: 'sm' | 'md' | 'lg';
23
23
  }
24
24
  /**
25
- * Use CircularProgress component as an animated loader.
26
- * CircularProgress can be used inside LoaderContainer component.
25
+ * Use CircularProgressBase component as an animated loader.
26
+ * CircularProgressBase can be used inside LoaderContainer component.
27
27
  */
28
- export const CircularProgress = React.forwardRef<
29
- SVGSVGElement,
30
- CircularProgressProps
28
+ export const CircularProgressBase = React.forwardRef<
29
+ SVGElement,
30
+ CircularProgressBaseProps
31
31
  >(function CircularProgress(
32
32
  { color = 'primary', size = 'md', className, ...props },
33
33
  ref
@@ -60,4 +60,4 @@ export const CircularProgress = React.forwardRef<
60
60
  );
61
61
  });
62
62
 
63
- export default CircularProgress;
63
+ export default CircularProgressBase;
package/src/DetailsContent/index.tsx CHANGED
@@ -2,7 +2,15 @@ import React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import Base, { BaseProps } from '@digigov/react-core/Base';
4
4
 
5
- export interface DetailsContentProps extends BaseProps<'div'> {}
5
+ export interface DetailsContentProps extends BaseProps<'div'> {
6
+ /*
7
+ ** color is optional. Default value is 'primary'.
8
+ * @value 'primary'
9
+ * @value 'secondary'
10
+ * @default 'primary'
11
+ * */
12
+ color?: 'primary' | 'secondary';
13
+ }
6
14
  /**
7
15
  *DetailsContent component wraps the content text.
8
16
  *It is used inside Details component as children
@@ -10,13 +18,14 @@ export interface DetailsContentProps extends BaseProps<'div'> {}
10
18
  export const DetailsContent = React.forwardRef<
11
19
  HTMLDivElement,
12
20
  DetailsContentProps
13
- >(function DetailsContent({ className, children, ...props }, ref) {
21
+ >(function DetailsContent({ color, className, children, ...props }, ref) {
14
22
  return (
15
23
  <Base
16
24
  as="div"
17
25
  ref={ref}
18
26
  className={clsx(className, {
19
27
  'ds-details__content': true,
28
+ 'ds-details__content--secondary': color === 'secondary',
20
29
  })}
21
30
  {...props}
22
31
  >
package/src/LinkBase/index.tsx CHANGED
@@ -35,6 +35,7 @@ export const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(
35
35
  'ds-link': defaultStyle,
36
36
  'ds-link--no-underline': !underline,
37
37
  })}
38
+ {...(props.as && { defaultStyle: defaultStyle, underline: underline })}
38
39
  {...props}
39
40
  >
40
41
  {children}
package/src/Table/index.tsx CHANGED
@@ -47,6 +47,15 @@ export interface TableProps extends BaseProps<'table'> {
47
47
  * @default 'default'
48
48
  */
49
49
  variant?: 'zebra' | 'default';
50
+ /**
51
+ * verticalAlign is optional.
52
+ * The verticalAlign property sets vertical alignment of the table-cells.
53
+ * @value 'top'
54
+ * @value 'middle'
55
+ * @value 'bottom'
56
+ * @default 'middle'
57
+ */
58
+ verticalAlign?: 'top' | 'middle' | 'bottom';
50
59
  }
51
60
  /**
52
61
  * Table component is used to wrap the sub components of a table
@@ -59,6 +68,7 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
59
68
  dense = false,
60
69
  verticalBorders = false,
61
70
  stacked = 'never',
71
+ verticalAlign = 'middle',
62
72
  className,
63
73
  children,
64
74
  ...props
@@ -79,6 +89,8 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
79
89
  'ds-table--dense': dense,
80
90
  'ds-table--zebra': variant === 'zebra',
81
91
  'ds-table--vertical-lines': verticalBorders,
92
+ 'ds-table--align-top': verticalAlign === 'top',
93
+ 'ds-table--align-bottom': verticalAlign === 'bottom',
82
94
  })}
83
95
  {...props}
84
96
  >
package/src/TableDataCell/__snapshots__/index.test.tsx.snap CHANGED
@@ -13,7 +13,7 @@ exports[`renders the Table with dataType numeric prop 1`] = `
13
13
  class="ds-table__row"
14
14
  >
15
15
  <td
16
- class="ds-table__cell ds-table__cell--numeric"
16
+ class="ds-table__cell ds-table__cell--border ds-table__cell--numeric"
17
17
  >
18
18
  hello
19
19
  </td>
@@ -37,7 +37,7 @@ exports[`renders the Table with no props 1`] = `
37
37
  class="ds-table__row"
38
38
  >
39
39
  <td
40
- class="ds-table__cell"
40
+ class="ds-table__cell ds-table__cell--border"
41
41
  >
42
42
  hello
43
43
  </td>
package/src/TableDataCell/index.tsx CHANGED
@@ -13,6 +13,19 @@ export interface TableDataCellProps extends BaseProps<'td'> {
13
13
  * @default 'text'
14
14
  */
15
15
  dataType?: 'text' | 'numeric';
16
+ /**
17
+ * variant is optional.
18
+ * Use this prop to control the bottom border of the table-cell.
19
+ * @value 'border'
20
+ * @value 'none'
21
+ * @default 'border'
22
+ */
23
+ variant?: 'border' | 'none';
24
+ /**
25
+ * wordBreak is optional.
26
+ * Use this prop to control the word break of the table-cell contents.
27
+ */
28
+ wordBreak?: 'break-all' | 'none';
16
29
  }
17
30
  /**
18
31
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
@@ -21,7 +34,14 @@ export const TableDataCell = React.forwardRef<
21
34
  HTMLTableCellElement,
22
35
  TableDataCellProps
23
36
  >(function TableDataCell(
24
- { dataType = 'text', className, children, ...props },
37
+ {
38
+ dataType = 'text',
39
+ variant = 'border',
40
+ wordBreak = 'none',
41
+ className,
42
+ children,
43
+ ...props
44
+ },
25
45
  ref
26
46
  ) {
27
47
  return (
@@ -30,6 +50,8 @@ export const TableDataCell = React.forwardRef<
30
50
  ref={ref}
31
51
  className={clsx(className, {
32
52
  'ds-table__cell': true,
53
+ 'ds-table__cell--border': variant === 'border',
54
+ 'ds-table__cell--break-all': wordBreak === 'break-all',
33
55
  'ds-table__cell--numeric': dataType === 'numeric',
34
56
  })}
35
57
  {...props}
package/src/WarningText/__snapshots__/index.test.tsx.snap CHANGED
@@ -77,3 +77,29 @@ exports[`renders the WarningText with no props 1`] = `
77
77
  </div>
78
78
  </body>
79
79
  `;
80
+
81
+ exports[`renders the WarningText with strong=false 1`] = `
82
+ <body>
83
+ <div>
84
+ <div
85
+ class="ds-warning-text"
86
+ >
87
+ <div
88
+ class="ds-warning-text__icon"
89
+ >
90
+ !
91
+ </div>
92
+ <div
93
+ class="ds-warning-text__content"
94
+ >
95
+ <span
96
+ class="ds-warning-text__assistive"
97
+ >
98
+ Προσοχή
99
+ </span>
100
+ hello
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </body>
105
+ `;
package/src/WarningText/index.test.tsx CHANGED
@@ -18,3 +18,8 @@ it('renders the WarningText with dense=true', () => {
18
18
  render(<WarningText dense>hello</WarningText>).baseElement
19
19
  ).toMatchSnapshot();
20
20
  });
21
+ it('renders the WarningText with strong=false', () => {
22
+ expect(
23
+ render(<WarningText strong={false}>hello</WarningText>).baseElement
24
+ ).toMatchSnapshot();
25
+ });
package/src/WarningText/index.tsx CHANGED
@@ -16,6 +16,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
16
16
  * @default false
17
17
  * */
18
18
  dense?: boolean;
19
+ /**
20
+ * strong is optional.
21
+ * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
22
+ * @value false WarningText will be a simple div element.
23
+ * @default true
24
+ * */
25
+ strong?: boolean;
19
26
  }
20
27
  /**
21
28
  * WarningText.
@@ -24,9 +31,17 @@ export interface WarningTextProps extends BaseProps<'div'> {
24
31
  */
25
32
  export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
26
33
  function WarningText(
27
- { className, assistiveText = 'Προσοχή', dense, children, ...props },
34
+ {
35
+ className,
36
+ strong = true,
37
+ assistiveText = 'Προσοχή',
38
+ dense,
39
+ children,
40
+ ...props
41
+ },
28
42
  ref
29
43
  ) {
44
+ const Component = strong ? 'strong' : 'div';
30
45
  return (
31
46
  <Base
32
47
  as="div"
@@ -47,7 +62,7 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
47
62
  </Base>
48
63
 
49
64
  <Base
50
- as="strong"
65
+ as={Component}
51
66
  className={clsx({
52
67
  'ds-warning-text__content': true,
53
68
  })}
package/src/index.ts CHANGED
@@ -151,7 +151,6 @@ export * from '@digigov/react-core/AdminLayout';
151
151
  export * from '@digigov/react-core/AdminMain';
152
152
  export * from '@digigov/react-core/AdminTopSection';
153
153
  export * from '@digigov/react-core/AutoCompleteInputBase';
154
- export * from '@digigov/react-core/AutoCompleteInputTypeahead';
155
154
  export * from '@digigov/react-core/AutoCompleteResultList';
156
155
  export * from '@digigov/react-core/AutoCompleteResultListItem';
157
156
  export * from '@digigov/react-core/AutoCompleteContainer';
@@ -191,7 +190,7 @@ export * from '@digigov/react-core/PaginationList';
191
190
  export * from '@digigov/react-core/PaginationListItem';
192
191
  export * from '@digigov/react-core/PaginationLabelContainer';
193
192
  export * from '@digigov/react-core/LoaderContainer';
194
- export * from '@digigov/react-core/CircularProgress';
193
+ export * from '@digigov/react-core/CircularProgressBase';
195
194
  export * from '@digigov/react-core/FullPageBackground';
196
195
  export * from '@digigov/react-core/StepNavCircleNumber';
197
196
  export * from '@digigov/react-core/StepNav';
package/src/lazy.js CHANGED
@@ -152,7 +152,6 @@ export default {
152
152
  'AdminMain': lazy(() => import('@digigov/react-core/AdminMain').then((module) => ({ default: module['AdminMain'] }))),
153
153
  'AdminTopSection': lazy(() => import('@digigov/react-core/AdminTopSection').then((module) => ({ default: module['AdminTopSection'] }))),
154
154
  'AutoCompleteInputBase': lazy(() => import('@digigov/react-core/AutoCompleteInputBase').then((module) => ({ default: module['AutoCompleteInputBase'] }))),
155
- 'AutoCompleteInputTypeahead': lazy(() => import('@digigov/react-core/AutoCompleteInputTypeahead').then((module) => ({ default: module['AutoCompleteInputTypeahead'] }))),
156
155
  'AutoCompleteResultList': lazy(() => import('@digigov/react-core/AutoCompleteResultList').then((module) => ({ default: module['AutoCompleteResultList'] }))),
157
156
  'AutoCompleteResultListItem': lazy(() => import('@digigov/react-core/AutoCompleteResultListItem').then((module) => ({ default: module['AutoCompleteResultListItem'] }))),
158
157
  'AutoCompleteContainer': lazy(() => import('@digigov/react-core/AutoCompleteContainer').then((module) => ({ default: module['AutoCompleteContainer'] }))),
@@ -192,7 +191,7 @@ export default {
192
191
  'PaginationListItem': lazy(() => import('@digigov/react-core/PaginationListItem').then((module) => ({ default: module['PaginationListItem'] }))),
193
192
  'PaginationLabelContainer': lazy(() => import('@digigov/react-core/PaginationLabelContainer').then((module) => ({ default: module['PaginationLabelContainer'] }))),
194
193
  'LoaderContainer': lazy(() => import('@digigov/react-core/LoaderContainer').then((module) => ({ default: module['LoaderContainer'] }))),
195
- 'CircularProgress': lazy(() => import('@digigov/react-core/CircularProgress').then((module) => ({ default: module['CircularProgress'] }))),
194
+ 'CircularProgressBase': lazy(() => import('@digigov/react-core/CircularProgressBase').then((module) => ({ default: module['CircularProgressBase'] }))),
196
195
  'FullPageBackground': lazy(() => import('@digigov/react-core/FullPageBackground').then((module) => ({ default: module['FullPageBackground'] }))),
197
196
  'StepNavCircleNumber': lazy(() => import('@digigov/react-core/StepNavCircleNumber').then((module) => ({ default: module['StepNavCircleNumber'] }))),
198
197
  'StepNav': lazy(() => import('@digigov/react-core/StepNav').then((module) => ({ default: module['StepNav'] }))),
package/src/registry.js CHANGED
@@ -3,23 +3,22 @@ import * as _digigov_react_core from "@digigov/react-core";
3
3
  import * as _digigov_react_core_Accordion from "@digigov/react-core/Accordion";
4
4
  import * as _digigov_react_core_Accordion_index_web from "@digigov/react-core/Accordion/index.web";
5
5
  import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
6
- import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
7
- import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
8
6
  import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
9
7
  import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
8
+ import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
10
9
  import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
10
+ import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
11
11
  import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
12
12
  import * as _digigov_react_core_AdminContainer from "@digigov/react-core/AdminContainer";
13
13
  import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeader";
14
14
  import * as _digigov_react_core_AdminHeaderContent from "@digigov/react-core/AdminHeaderContent";
15
15
  import * as _digigov_react_core_AdminLayout from "@digigov/react-core/AdminLayout";
16
16
  import * as _digigov_react_core_AdminMain from "@digigov/react-core/AdminMain";
17
- import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
18
17
  import * as _digigov_react_core_AdminTopSection from "@digigov/react-core/AdminTopSection";
18
+ import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
19
19
  import * as _digigov_react_core_AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
20
- import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
21
20
  import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
22
- import * as _digigov_react_core_AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
21
+ import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
23
22
  import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
24
23
  import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
25
24
  import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
@@ -61,7 +60,7 @@ import * as _digigov_react_core_ChipContainer from "@digigov/react-core/ChipCont
61
60
  import * as _digigov_react_core_ChipHeading from "@digigov/react-core/ChipHeading";
62
61
  import * as _digigov_react_core_ChipKeyValue from "@digigov/react-core/ChipKeyValue";
63
62
  import * as _digigov_react_core_ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
64
- import * as _digigov_react_core_CircularProgress from "@digigov/react-core/CircularProgress";
63
+ import * as _digigov_react_core_CircularProgressBase from "@digigov/react-core/CircularProgressBase";
65
64
  import * as _digigov_react_core_CloseButton from "@digigov/react-core/CloseButton";
66
65
  import * as _digigov_react_core_Code from "@digigov/react-core/Code";
67
66
  import * as _digigov_react_core_CodeBlockContainer from "@digigov/react-core/CodeBlockContainer";
@@ -287,23 +286,22 @@ export default {
287
286
  '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
288
287
  '@digigov/react-core/Accordion/index.web': lazyImport(_digigov_react_core_Accordion_index_web),
289
288
  '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
290
- '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
291
- '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
292
289
  '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
293
290
  '@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
291
+ '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
294
292
  '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
293
+ '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
295
294
  '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
296
295
  '@digigov/react-core/AdminContainer': lazyImport(_digigov_react_core_AdminContainer),
297
296
  '@digigov/react-core/AdminHeader': lazyImport(_digigov_react_core_AdminHeader),
298
297
  '@digigov/react-core/AdminHeaderContent': lazyImport(_digigov_react_core_AdminHeaderContent),
299
298
  '@digigov/react-core/AdminLayout': lazyImport(_digigov_react_core_AdminLayout),
300
299
  '@digigov/react-core/AdminMain': lazyImport(_digigov_react_core_AdminMain),
301
- '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
302
300
  '@digigov/react-core/AdminTopSection': lazyImport(_digigov_react_core_AdminTopSection),
301
+ '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
303
302
  '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
304
- '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
305
303
  '@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
306
- '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
304
+ '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
307
305
  '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
308
306
  '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
309
307
  '@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
@@ -345,7 +343,7 @@ export default {
345
343
  '@digigov/react-core/ChipHeading': lazyImport(_digigov_react_core_ChipHeading),
346
344
  '@digigov/react-core/ChipKeyValue': lazyImport(_digigov_react_core_ChipKeyValue),
347
345
  '@digigov/react-core/ChoiceDividerText': lazyImport(_digigov_react_core_ChoiceDividerText),
348
- '@digigov/react-core/CircularProgress': lazyImport(_digigov_react_core_CircularProgress),
346
+ '@digigov/react-core/CircularProgressBase': lazyImport(_digigov_react_core_CircularProgressBase),
349
347
  '@digigov/react-core/CloseButton': lazyImport(_digigov_react_core_CloseButton),
350
348
  '@digigov/react-core/Code': lazyImport(_digigov_react_core_Code),
351
349
  '@digigov/react-core/CodeBlockContainer': lazyImport(_digigov_react_core_CodeBlockContainer),
package/AutoCompleteInputTypeahead/index.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { BaseProps } from '@digigov/react-core/Base';
3
- export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {
4
- }
5
- /**
6
- * AutoCompleteInputTypeahead component is used to display the hole search value
7
- * in the background.
8
- *
9
- */
10
- export declare const AutoCompleteInputTypeahead: React.ForwardRefExoticComponent<Omit<AutoCompleteInputTypeaheadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
11
- export default AutoCompleteInputTypeahead;
package/AutoCompleteInputTypeahead/index.js DELETED
@@ -1,25 +0,0 @@
1
- import React from "react";
2
- import clsx from "clsx";
3
- import Base from "@digigov/react-core/Base";
4
- const AutoCompleteInputTypeahead = React.forwardRef(function AutoCompleteInputTypeahead2({ className, ...props }, ref) {
5
- return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
6
- Base,
7
- {
8
- as: "input",
9
- type: "text",
10
- readOnly: true,
11
- ref,
12
- tabIndex: -1,
13
- className: clsx(className, {
14
- "ds-autocomplete__hint": true
15
- }),
16
- ...props
17
- }
18
- ));
19
- });
20
- var AutoCompleteInputTypeahead_default = AutoCompleteInputTypeahead;
21
- export {
22
- AutoCompleteInputTypeahead,
23
- AutoCompleteInputTypeahead_default as default
24
- };
25
- //# sourceMappingURL=index.js.map
package/AutoCompleteInputTypeahead/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AutoCompleteInputTypeahead/index.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n HTMLInputElement,\n AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n return (\n <span>\n <Base\n as=\"input\"\n type=\"text\"\n readOnly\n ref={ref}\n tabIndex={-1}\n className={clsx(className, {\n 'ds-autocomplete__hint': true,\n })}\n {...props}\n />\n </span>\n );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
6
- "names": ["AutoCompleteInputTypeahead"]
7
- }
package/AutoCompleteInputTypeahead/package.json DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "types": "./index.d.ts",
5
- "main": "../cjs/AutoCompleteInputTypeahead/index.js"
6
- }
package/CircularProgress/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/CircularProgress/index.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressProps extends BaseProps<'svg'> {\n /**\n * color prop is optional.\n * color prop is used to change the color of the loader.\n * @value 'primary' is the default color.\n * @value 'secondary' recommended for dark backgrounds.\n * @default 'primary'\n */\n color?: 'primary' | 'secondary';\n /**\n * size prop is optional.\n * size prop is used to change the size of the loader.\n * @value 'sm'\n * @value 'md'\n * @value 'lg'\n * @default 'md'\n */\n size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgress component as an animated loader.\n * CircularProgress can be used inside LoaderContainer component.\n */\nexport const CircularProgress = React.forwardRef<\n SVGSVGElement,\n CircularProgressProps\n>(function CircularProgress(\n { color = 'primary', size = 'md', className, ...props },\n ref\n) {\n return (\n <Base\n as=\"svg\"\n ref={ref}\n className={clsx(className, {\n 'ds-circular-progress': true,\n 'ds-circular-progress--secondary': color === 'secondary',\n 'ds-circular-progress--sm': size === 'sm',\n 'ds-circular-progress--md': size === 'md',\n 'ds-circular-progress--lg': size === 'lg',\n })}\n focusable=\"false\"\n viewBox=\"0 0 200 200\"\n aria-hidden=\"true\"\n {...props}\n >\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n </Base>\n );\n});\n\nexport default CircularProgress;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyBzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
6
- "names": ["CircularProgress"]
7
- }
package/CircularProgress/index.test.d.ts DELETED
@@ -1 +0,0 @@
1
- export {};
package/cjs/AutoCompleteInputTypeahead/index.js DELETED
@@ -1,58 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var AutoCompleteInputTypeahead_exports = {};
29
- __export(AutoCompleteInputTypeahead_exports, {
30
- AutoCompleteInputTypeahead: () => AutoCompleteInputTypeahead,
31
- default: () => AutoCompleteInputTypeahead_default
32
- });
33
- module.exports = __toCommonJS(AutoCompleteInputTypeahead_exports);
34
- var import_react = __toESM(require("react"));
35
- var import_clsx = __toESM(require("clsx"));
36
- var import_Base = __toESM(require("@digigov/react-core/Base"));
37
- const AutoCompleteInputTypeahead = import_react.default.forwardRef(function AutoCompleteInputTypeahead2({ className, ...props }, ref) {
38
- return /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(
39
- import_Base.default,
40
- {
41
- as: "input",
42
- type: "text",
43
- readOnly: true,
44
- ref,
45
- tabIndex: -1,
46
- className: (0, import_clsx.default)(className, {
47
- "ds-autocomplete__hint": true
48
- }),
49
- ...props
50
- }
51
- ));
52
- });
53
- var AutoCompleteInputTypeahead_default = AutoCompleteInputTypeahead;
54
- // Annotate the CommonJS export names for ESM import in node:
55
- 0 && (module.exports = {
56
- AutoCompleteInputTypeahead
57
- });
58
- //# sourceMappingURL=index.js.map
package/cjs/AutoCompleteInputTypeahead/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/AutoCompleteInputTypeahead/index.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n HTMLInputElement,\n AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n return (\n <span>\n <Base\n as=\"input\"\n type=\"text\"\n readOnly\n ref={ref}\n tabIndex={-1}\n className={clsx(className, {\n 'ds-autocomplete__hint': true,\n })}\n {...props}\n />\n </span>\n );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
6
- "names": ["React", "AutoCompleteInputTypeahead", "Base", "clsx"]
7
- }