@digigov/react-core 2.0.0-a32ad9b2 → 2.0.0-a402a664
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Button/index.js +1 -0
- package/Button/index.js.map +2 -2
- package/LinkBase/index.js +1 -0
- package/LinkBase/index.js.map +2 -2
- package/Table/index.d.ts +9 -0
- package/Table/index.js +4 -1
- package/Table/index.js.map +2 -2
- package/TableDataCell/index.d.ts +13 -0
- package/TableDataCell/index.js +10 -1
- package/TableDataCell/index.js.map +2 -2
- package/WarningText/index.d.ts +7 -0
- package/WarningText/index.js +10 -2
- package/WarningText/index.js.map +2 -2
- package/cjs/Button/index.js +1 -0
- package/cjs/Button/index.js.map +2 -2
- package/cjs/LinkBase/index.js +1 -0
- package/cjs/LinkBase/index.js.map +2 -2
- package/cjs/Table/index.js +4 -1
- package/cjs/Table/index.js.map +2 -2
- package/cjs/TableDataCell/index.js +10 -1
- package/cjs/TableDataCell/index.js.map +2 -2
- package/cjs/WarningText/index.js +10 -2
- package/cjs/WarningText/index.js.map +2 -2
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +2 -2
- package/cjs/lazy/index.js +0 -1
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +4 -6
- package/cjs/registry.js.map +2 -2
- package/index.d.ts +0 -1
- package/index.js +1 -2
- package/index.js.map +2 -2
- package/lazy/index.js +0 -1
- package/package.json +3 -3
- package/registry/index.js +4 -6
- package/src/Button/index.tsx +1 -0
- package/src/LinkBase/index.tsx +1 -0
- package/src/Table/index.tsx +12 -0
- package/src/TableDataCell/__snapshots__/index.test.tsx.snap +2 -2
- package/src/TableDataCell/index.tsx +23 -1
- package/src/WarningText/__snapshots__/index.test.tsx.snap +26 -0
- package/src/WarningText/index.test.tsx +5 -0
- package/src/WarningText/index.tsx +17 -2
- package/src/index.ts +0 -1
- package/src/lazy.js +0 -1
- package/src/registry.js +4 -6
- package/AutoCompleteInputTypeahead/index.d.ts +0 -11
- package/AutoCompleteInputTypeahead/index.js +0 -25
- package/AutoCompleteInputTypeahead/index.js.map +0 -7
- package/AutoCompleteInputTypeahead/index.test.d.ts +0 -1
- package/AutoCompleteInputTypeahead/package.json +0 -6
- package/cjs/AutoCompleteInputTypeahead/index.js +0 -58
- package/cjs/AutoCompleteInputTypeahead/index.js.map +0 -7
- package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap +0 -16
- package/src/AutoCompleteInputTypeahead/index.test.tsx +0 -8
- package/src/AutoCompleteInputTypeahead/index.tsx +0 -32
|
@@ -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>
|
|
@@ -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
|
-
{
|
|
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}
|
|
@@ -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
|
+
`;
|
|
@@ -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
|
+
});
|
|
@@ -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
|
-
{
|
|
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=
|
|
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';
|
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'] }))),
|
package/src/registry.js
CHANGED
|
@@ -4,9 +4,9 @@ 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
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
7
|
import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
|
|
9
8
|
import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
|
|
9
|
+
import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
|
|
10
10
|
import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
|
|
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";
|
|
@@ -14,12 +14,11 @@ import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeade
|
|
|
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
20
|
import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
|
|
21
21
|
import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
|
|
22
|
-
import * as _digigov_react_core_AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
|
|
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";
|
|
@@ -288,9 +287,9 @@ export default {
|
|
|
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
289
|
'@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
|
|
291
|
-
'@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
|
|
292
290
|
'@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
|
|
293
291
|
'@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
|
|
292
|
+
'@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
|
|
294
293
|
'@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
|
|
295
294
|
'@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
|
|
296
295
|
'@digigov/react-core/AdminContainer': lazyImport(_digigov_react_core_AdminContainer),
|
|
@@ -298,12 +297,11 @@ export default {
|
|
|
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
303
|
'@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
|
|
305
304
|
'@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
|
|
306
|
-
'@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
|
|
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),
|
|
@@ -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;
|
|
@@ -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
|
|
@@ -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
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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
|
|
@@ -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
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
|
-
|
|
3
|
-
exports[`renders the AutoCompleteInputTypeahead with no props 1`] = `
|
|
4
|
-
<body>
|
|
5
|
-
<div>
|
|
6
|
-
<span>
|
|
7
|
-
<input
|
|
8
|
-
class="ds-autocomplete__hint"
|
|
9
|
-
readonly=""
|
|
10
|
-
tabindex="-1"
|
|
11
|
-
type="text"
|
|
12
|
-
/>
|
|
13
|
-
</span>
|
|
14
|
-
</div>
|
|
15
|
-
</body>
|
|
16
|
-
`;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
|
|
4
|
-
import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
|
|
5
|
-
|
|
6
|
-
it('renders the AutoCompleteInputTypeahead with no props', () => {
|
|
7
|
-
expect(render(<AutoCompleteInputTypeahead />).baseElement).toMatchSnapshot();
|
|
8
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import Base, { BaseProps } from '@digigov/react-core/Base';
|
|
4
|
-
|
|
5
|
-
export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}
|
|
6
|
-
/**
|
|
7
|
-
* AutoCompleteInputTypeahead component is used to display the hole search value
|
|
8
|
-
* in the background.
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
export const AutoCompleteInputTypeahead = React.forwardRef<
|
|
12
|
-
HTMLInputElement,
|
|
13
|
-
AutoCompleteInputTypeaheadProps
|
|
14
|
-
>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {
|
|
15
|
-
return (
|
|
16
|
-
<span>
|
|
17
|
-
<Base
|
|
18
|
-
as="input"
|
|
19
|
-
type="text"
|
|
20
|
-
readOnly
|
|
21
|
-
ref={ref}
|
|
22
|
-
tabIndex={-1}
|
|
23
|
-
className={clsx(className, {
|
|
24
|
-
'ds-autocomplete__hint': true,
|
|
25
|
-
})}
|
|
26
|
-
{...props}
|
|
27
|
-
/>
|
|
28
|
-
</span>
|
|
29
|
-
);
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
export default AutoCompleteInputTypeahead;
|