@digigov/ui 0.26.7 → 0.27.1
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/CHANGELOG.md +23 -1
- package/admin/AutoComplete/__stories__/Default.js +2 -2
- package/admin/AutoComplete/__stories__/WithAutoSelect.js +2 -2
- package/admin/AutoComplete/__stories__/WithDefaultValue.js +2 -2
- package/admin/AutoComplete/__stories__/WithInLine.js +2 -2
- package/admin/AutoComplete/__stories__/WithMinLength.js +2 -2
- package/admin/AutoComplete/__stories__/WithPlaceHolder.js +2 -2
- package/admin/AutoComplete/__stories__/WithShowAllValues.js +2 -2
- package/admin/AutoComplete/__stories__/utils.d.ts +0 -2
- package/admin/AutoComplete/__stories__/utils.js +1 -15
- package/admin/AutoComplete/index.mdx +0 -1
- package/admin/AutoComplete/utils.d.ts +2 -0
- package/admin/AutoComplete/utils.js +15 -2
- package/admin/Drawer/__stories__/Default.js +1 -1
- package/admin/Modal/__stories__/AlertDialog.js +11 -24
- package/admin/Modal/__stories__/Default.js +7 -26
- package/admin/Modal/index.d.ts +13 -1
- package/admin/Modal/index.js +104 -3
- package/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
- package/core/Breadcrumbs/__stories__/Default.js +1 -1
- package/core/Button/Button.stories.d.ts +1 -0
- package/core/Button/Button.stories.js +14 -0
- package/core/Button/Button.stories.playwright.json +22 -0
- package/core/Button/ThemeToggleButton.d.ts +4 -0
- package/core/Button/ThemeToggleButton.js +54 -0
- package/core/Button/__stories__/ThemeToggle.d.ts +2 -0
- package/core/Button/__stories__/ThemeToggle.js +22 -0
- package/core/Button/index.d.ts +1 -0
- package/core/Button/index.js +14 -0
- package/core/Link/Link.stories.d.ts +6 -5
- package/core/Link/Link.stories.js +19 -5
- package/core/Link/__stories__/ExternalLink.d.ts +2 -0
- package/core/Link/__stories__/ExternalLink.js +28 -0
- package/core/SummaryList/SummaryList.stories.d.ts +1 -0
- package/core/SummaryList/SummaryList.stories.js +14 -0
- package/core/SummaryList/__stories__/RowVariations.d.ts +2 -0
- package/core/SummaryList/__stories__/RowVariations.js +58 -0
- package/core/Table/Table.stories.d.ts +1 -0
- package/core/Table/Table.stories.js +14 -0
- package/core/Table/__stories__/DarkVariant.js +3 -3
- package/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +3 -3
- package/core/Table/__stories__/Default.js +2 -2
- package/core/Table/__stories__/DefinedWidth.js +5 -5
- package/core/Table/__stories__/Densed.js +4 -4
- package/core/Table/__stories__/Full.d.ts +2 -0
- package/core/Table/__stories__/Full.js +27 -0
- package/core/Table/__stories__/MultipleProps.js +18 -18
- package/core/Table/__stories__/NoData.js +2 -2
- package/core/Table/__stories__/NumericDataType.js +13 -13
- package/core/Table/__stories__/TableCaptions.js +5 -5
- package/core/Table/__stories__/VerticalBorders.js +3 -3
- package/core/Table/__stories__/VerticalHeaders.js +2 -2
- package/core/Table/__stories__/WithFloatingScroll.js +21 -19
- package/core/Table/__stories__/WithLoader.js +10 -8
- package/core/Table/__stories__/ZebraProp.js +3 -3
- package/core/Table/index.mdx +10 -1
- package/es/admin/AutoComplete/__stories__/Default.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithAutoSelect.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithDefaultValue.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithInLine.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithMinLength.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithPlaceHolder.js +1 -1
- package/es/admin/AutoComplete/__stories__/WithShowAllValues.js +1 -1
- package/es/admin/AutoComplete/__stories__/utils.js +0 -6
- package/es/admin/AutoComplete/index.mdx +0 -1
- package/es/admin/AutoComplete/utils.js +10 -1
- package/es/admin/Drawer/__stories__/Default.js +1 -1
- package/es/admin/Modal/__stories__/AlertDialog.js +13 -26
- package/es/admin/Modal/__stories__/Default.js +10 -29
- package/es/admin/Modal/index.js +83 -1
- package/es/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
- package/es/core/Breadcrumbs/__stories__/Default.js +1 -1
- package/es/core/Button/Button.stories.js +2 -1
- package/es/core/Button/Button.stories.playwright.json +22 -0
- package/es/core/Button/ThemeToggleButton.js +33 -0
- package/es/core/Button/__stories__/ThemeToggle.js +9 -0
- package/es/core/Button/index.js +1 -0
- package/es/core/Link/Link.stories.js +7 -6
- package/es/core/Link/__stories__/ExternalLink.js +14 -0
- package/es/core/SummaryList/SummaryList.stories.js +2 -1
- package/es/core/SummaryList/__stories__/RowVariations.js +37 -0
- package/es/core/Table/Table.stories.js +2 -1
- package/es/core/Table/__stories__/DarkVariant.js +1 -1
- package/es/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
- package/es/core/Table/__stories__/Default.js +1 -1
- package/es/core/Table/__stories__/DefinedWidth.js +1 -1
- package/es/core/Table/__stories__/Densed.js +1 -1
- package/es/core/Table/__stories__/Full.js +14 -0
- package/es/core/Table/__stories__/MultipleProps.js +1 -1
- package/es/core/Table/__stories__/NoData.js +1 -1
- package/es/core/Table/__stories__/NumericDataType.js +1 -1
- package/es/core/Table/__stories__/TableCaptions.js +1 -1
- package/es/core/Table/__stories__/VerticalBorders.js +1 -1
- package/es/core/Table/__stories__/VerticalHeaders.js +1 -1
- package/es/core/Table/__stories__/WithFloatingScroll.js +2 -1
- package/es/core/Table/__stories__/WithLoader.js +2 -1
- package/es/core/Table/__stories__/ZebraProp.js +1 -1
- package/es/core/Table/index.mdx +10 -1
- package/es/govgr/images/govgr-logo-blue-base64.js +1 -0
- package/es/govgr/images/index.js +1 -0
- package/es/hooks/useKeypress.js +20 -0
- package/es/registry.js +6 -0
- package/esm/admin/AutoComplete/__stories__/Default.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithAutoSelect.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithDefaultValue.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithInLine.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithMinLength.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithPlaceHolder.js +1 -1
- package/esm/admin/AutoComplete/__stories__/WithShowAllValues.js +1 -1
- package/esm/admin/AutoComplete/__stories__/utils.js +0 -6
- package/esm/admin/AutoComplete/index.mdx +0 -1
- package/esm/admin/AutoComplete/utils.js +10 -1
- package/esm/admin/Drawer/__stories__/Default.js +1 -1
- package/esm/admin/Modal/__stories__/AlertDialog.js +13 -26
- package/esm/admin/Modal/__stories__/Default.js +10 -29
- package/esm/admin/Modal/index.js +83 -1
- package/esm/core/Breadcrumbs/Breadcrumbs.stories.playwright.json +2 -2
- package/esm/core/Breadcrumbs/__stories__/Default.js +1 -1
- package/esm/core/Button/Button.stories.js +2 -1
- package/esm/core/Button/Button.stories.playwright.json +22 -0
- package/esm/core/Button/ThemeToggleButton.js +33 -0
- package/esm/core/Button/__stories__/ThemeToggle.js +9 -0
- package/esm/core/Button/index.js +1 -0
- package/esm/core/Link/Link.stories.js +7 -6
- package/esm/core/Link/__stories__/ExternalLink.js +14 -0
- package/esm/core/SummaryList/SummaryList.stories.js +2 -1
- package/esm/core/SummaryList/__stories__/RowVariations.js +37 -0
- package/esm/core/Table/Table.stories.js +2 -1
- package/esm/core/Table/__stories__/DarkVariant.js +1 -1
- package/esm/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
- package/esm/core/Table/__stories__/Default.js +1 -1
- package/esm/core/Table/__stories__/DefinedWidth.js +1 -1
- package/esm/core/Table/__stories__/Densed.js +1 -1
- package/esm/core/Table/__stories__/Full.js +14 -0
- package/esm/core/Table/__stories__/MultipleProps.js +1 -1
- package/esm/core/Table/__stories__/NoData.js +1 -1
- package/esm/core/Table/__stories__/NumericDataType.js +1 -1
- package/esm/core/Table/__stories__/TableCaptions.js +1 -1
- package/esm/core/Table/__stories__/VerticalBorders.js +1 -1
- package/esm/core/Table/__stories__/VerticalHeaders.js +1 -1
- package/esm/core/Table/__stories__/WithFloatingScroll.js +2 -1
- package/esm/core/Table/__stories__/WithLoader.js +2 -1
- package/esm/core/Table/__stories__/ZebraProp.js +1 -1
- package/esm/core/Table/index.mdx +10 -1
- package/esm/govgr/images/govgr-logo-blue-base64.js +1 -0
- package/esm/govgr/images/index.js +1 -0
- package/esm/hooks/useKeypress.js +20 -0
- package/esm/index.js +1 -1
- package/esm/registry.js +6 -0
- package/govgr/images/govgr-logo-blue-base64.d.ts +2 -0
- package/govgr/images/govgr-logo-blue-base64.js +8 -0
- package/govgr/images/index.d.ts +1 -0
- package/govgr/images/index.js +13 -0
- package/hooks/useKeypress.d.ts +2 -0
- package/hooks/useKeypress.js +31 -0
- package/package.json +3 -3
- package/registry.d.ts +3 -0
- package/registry.js +9 -0
|
@@ -9,43 +9,43 @@ exports["default"] = exports.MultipleProps = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
|
|
15
15
|
zebra: true,
|
|
16
16
|
variant: "dark",
|
|
17
17
|
verticalBorders: true
|
|
18
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with zebra prop"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
19
19
|
dataType: "numeric"
|
|
20
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
20
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
21
21
|
dataType: "numeric"
|
|
22
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
22
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
23
23
|
dataType: "numeric"
|
|
24
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
24
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
25
25
|
dataType: "numeric"
|
|
26
|
-
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(
|
|
26
|
+
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
27
27
|
dataType: "numeric"
|
|
28
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
28
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
29
29
|
dataType: "numeric"
|
|
30
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
30
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
31
31
|
dataType: "numeric"
|
|
32
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
32
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
33
33
|
dataType: "numeric"
|
|
34
|
-
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(
|
|
34
|
+
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
35
35
|
dataType: "numeric"
|
|
36
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
36
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
37
37
|
dataType: "numeric"
|
|
38
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
38
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
39
39
|
dataType: "numeric"
|
|
40
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
40
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
41
41
|
dataType: "numeric"
|
|
42
|
-
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(
|
|
42
|
+
}, "\u20AC69.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
43
43
|
dataType: "numeric"
|
|
44
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
44
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
45
45
|
dataType: "numeric"
|
|
46
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
46
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
47
47
|
dataType: "numeric"
|
|
48
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
48
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
49
49
|
dataType: "numeric"
|
|
50
50
|
}, "\u20AC69.80")))));
|
|
51
51
|
|
|
@@ -9,9 +9,9 @@ exports["default"] = exports.NoData = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with no data"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableNoDataRow, {
|
|
15
15
|
"aria-colspan": 100
|
|
16
16
|
}, "No data"))));
|
|
17
17
|
|
|
@@ -9,31 +9,31 @@ exports["default"] = exports.NumericDataType = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with dataType numeric"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
|
|
15
15
|
dataType: "numeric"
|
|
16
|
-
}, "Amount"), /*#__PURE__*/_react["default"].createElement(
|
|
16
|
+
}, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
|
|
17
17
|
dataType: "numeric"
|
|
18
|
-
}, "Date"), /*#__PURE__*/_react["default"].createElement(
|
|
18
|
+
}, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
|
|
19
19
|
dataType: "numeric"
|
|
20
|
-
}, "Amount"))), /*#__PURE__*/_react["default"].createElement(
|
|
20
|
+
}, "Amount"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
21
21
|
dataType: "numeric"
|
|
22
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
22
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
23
23
|
dataType: "numeric"
|
|
24
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
24
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
25
25
|
dataType: "numeric"
|
|
26
|
-
}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(
|
|
26
|
+
}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
27
27
|
dataType: "numeric"
|
|
28
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
28
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
29
29
|
dataType: "numeric"
|
|
30
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
30
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
31
31
|
dataType: "numeric"
|
|
32
|
-
}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(
|
|
32
|
+
}, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
33
33
|
dataType: "numeric"
|
|
34
|
-
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(
|
|
34
|
+
}, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
35
35
|
dataType: "numeric"
|
|
36
|
-
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(
|
|
36
|
+
}, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
37
37
|
dataType: "numeric"
|
|
38
38
|
}, "\u20AC109.80")))));
|
|
39
39
|
|
|
@@ -9,15 +9,15 @@ exports["default"] = exports.TableCaptions = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, {
|
|
15
15
|
size: "xl"
|
|
16
|
-
}, "Table Caption Extra Large"), /*#__PURE__*/_react["default"].createElement(
|
|
16
|
+
}, "Table Caption Extra Large"), /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, {
|
|
17
17
|
size: "l"
|
|
18
|
-
}, "Table Caption Large"), /*#__PURE__*/_react["default"].createElement(
|
|
18
|
+
}, "Table Caption Large"), /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, {
|
|
19
19
|
size: "m"
|
|
20
|
-
}, "Table Caption Medium"), /*#__PURE__*/_react["default"].createElement(
|
|
20
|
+
}, "Table Caption Medium"), /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, {
|
|
21
21
|
size: "s"
|
|
22
22
|
}, "Table Caption Small")));
|
|
23
23
|
|
|
@@ -9,11 +9,11 @@ exports["default"] = exports.VerticalBorders = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
|
|
15
15
|
verticalBorders: true
|
|
16
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
16
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with vertical borders"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")))));
|
|
17
17
|
|
|
18
18
|
var VerticalBorders = function VerticalBorders() {
|
|
19
19
|
return _ref;
|
|
@@ -9,9 +9,9 @@ exports["default"] = exports.VerticalHeaders = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with vertical borders"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")))));
|
|
15
15
|
|
|
16
16
|
var VerticalHeaders = function VerticalHeaders() {
|
|
17
17
|
return _ref;
|
|
@@ -9,7 +9,9 @@ exports["default"] = exports.WithFloatingScroll = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
|
+
|
|
14
|
+
var _NavList = require("@digigov/ui/core/NavList");
|
|
13
15
|
|
|
14
16
|
var _admin = require("@digigov/ui/admin");
|
|
15
17
|
|
|
@@ -50,56 +52,56 @@ var data = new Array(20).fill({
|
|
|
50
52
|
last_login_agent: 'Firefox'
|
|
51
53
|
});
|
|
52
54
|
|
|
53
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
55
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
|
|
54
56
|
|
|
55
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(
|
|
57
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, /*#__PURE__*/_react["default"].createElement(_admin.Dropdown, {
|
|
56
58
|
"float": true,
|
|
57
59
|
align: "left",
|
|
58
60
|
placement: "bottom"
|
|
59
61
|
}, /*#__PURE__*/_react["default"].createElement(_admin.DropdownButton, {
|
|
60
62
|
variant: "link"
|
|
61
|
-
}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(
|
|
63
|
+
}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
|
|
62
64
|
href: "#"
|
|
63
|
-
}, "Accept"), /*#__PURE__*/_react["default"].createElement(
|
|
65
|
+
}, "Accept"), /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
|
|
64
66
|
href: "#"
|
|
65
67
|
}, "Dismiss")))));
|
|
66
68
|
|
|
67
|
-
var _ref3 = /*#__PURE__*/_react["default"].createElement(
|
|
69
|
+
var _ref3 = /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
|
|
68
70
|
|
|
69
|
-
var _ref4 = /*#__PURE__*/_react["default"].createElement(
|
|
71
|
+
var _ref4 = /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, /*#__PURE__*/_react["default"].createElement(_admin.Dropdown, {
|
|
70
72
|
"float": true,
|
|
71
73
|
align: "left",
|
|
72
74
|
placement: "bottom"
|
|
73
75
|
}, /*#__PURE__*/_react["default"].createElement(_admin.DropdownButton, {
|
|
74
76
|
variant: "link"
|
|
75
|
-
}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(
|
|
77
|
+
}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
|
|
76
78
|
href: "#"
|
|
77
|
-
}, "Accept"), /*#__PURE__*/_react["default"].createElement(
|
|
79
|
+
}, "Accept"), /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
|
|
78
80
|
href: "#"
|
|
79
81
|
}, "Dismiss")))));
|
|
80
82
|
|
|
81
83
|
var WithFloatingScroll = function WithFloatingScroll() {
|
|
82
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TableFloatingScroll["default"], null, /*#__PURE__*/_react["default"].createElement(
|
|
83
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
84
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TableFloatingScroll["default"], null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, Object.keys(data[0]).map(function (key) {
|
|
85
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
|
|
84
86
|
key: key
|
|
85
87
|
}, labels[key]);
|
|
86
|
-
}), _ref)), /*#__PURE__*/_react["default"].createElement(
|
|
87
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
88
|
+
}), _ref)), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data && data.map(function (dt, index) {
|
|
89
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
|
|
88
90
|
key: index
|
|
89
91
|
}, Object.keys(dt).map(function (key) {
|
|
90
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
92
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
91
93
|
key: key
|
|
92
94
|
}, dt[key]);
|
|
93
95
|
}), _ref2);
|
|
94
|
-
})))), /*#__PURE__*/_react["default"].createElement(
|
|
95
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
96
|
+
})))), /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, Object.keys(data[0]).map(function (key) {
|
|
97
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
|
|
96
98
|
key: key
|
|
97
99
|
}, labels[key]);
|
|
98
|
-
}), _ref3)), /*#__PURE__*/_react["default"].createElement(
|
|
99
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
100
|
+
}), _ref3)), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data && data.map(function (dt, index) {
|
|
101
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
|
|
100
102
|
key: index
|
|
101
103
|
}, Object.keys(dt).map(function (key) {
|
|
102
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
104
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
|
|
103
105
|
key: key
|
|
104
106
|
}, dt[key]);
|
|
105
107
|
}), _ref4);
|
|
@@ -13,7 +13,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
|
|
17
|
+
|
|
18
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
17
19
|
|
|
18
20
|
var _TableLoaderBackground = _interopRequireDefault(require("@digigov/ui/admin/TableLoaderBackground"));
|
|
19
21
|
|
|
@@ -64,13 +66,13 @@ var data = [{
|
|
|
64
66
|
|
|
65
67
|
var _ref = /*#__PURE__*/_react["default"].createElement(_LoaderContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null));
|
|
66
68
|
|
|
67
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(
|
|
69
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table loading test");
|
|
68
70
|
|
|
69
|
-
var _ref3 = /*#__PURE__*/_react["default"].createElement(
|
|
71
|
+
var _ref3 = /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Employee name"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Job"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Years"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Salary")));
|
|
70
72
|
|
|
71
73
|
var _ref4 = /*#__PURE__*/_react["default"].createElement(_TableLoaderBackground["default"], null, /*#__PURE__*/_react["default"].createElement(_LoaderContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null)));
|
|
72
74
|
|
|
73
|
-
var _ref5 = /*#__PURE__*/_react["default"].createElement(
|
|
75
|
+
var _ref5 = /*#__PURE__*/_react["default"].createElement(_Table.TableNoDataRow, null, "No data");
|
|
74
76
|
|
|
75
77
|
var WithLoader = function WithLoader() {
|
|
76
78
|
var _useState = (0, _react.useState)(),
|
|
@@ -88,11 +90,11 @@ var WithLoader = function WithLoader() {
|
|
|
88
90
|
}, 2000);
|
|
89
91
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
90
92
|
className: "example"
|
|
91
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
92
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
93
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, !tableData ? _ref : /*#__PURE__*/_react["default"].createElement(_Table.Table, null, _ref2, _ref3, /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, loading === true && _ref4, tableData && tableData.length > 0 ? tableData.map(function (d, index) {
|
|
94
|
+
return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
|
|
93
95
|
key: index
|
|
94
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
95
|
-
}) : _ref5))), /*#__PURE__*/_react["default"].createElement(
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, d.name), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, d.job), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, d.year), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, d.salary));
|
|
97
|
+
}) : _ref5))), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
96
98
|
onClick: function onClick() {
|
|
97
99
|
setLoading(!loading);
|
|
98
100
|
}
|
|
@@ -9,11 +9,11 @@ exports["default"] = exports.ZebraProp = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Table = require("@digigov/ui/core/Table");
|
|
13
13
|
|
|
14
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(
|
|
14
|
+
var _ref = /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
|
|
15
15
|
zebra: true
|
|
16
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
16
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, "Table with zebra prop"), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, "\u20AC109.80")))));
|
|
17
17
|
|
|
18
18
|
var ZebraProp = function ZebraProp() {
|
|
19
19
|
return _ref;
|
package/core/Table/index.mdx
CHANGED
|
@@ -6,7 +6,16 @@ title: Table
|
|
|
6
6
|
# Table
|
|
7
7
|
|
|
8
8
|
```bash
|
|
9
|
-
import
|
|
9
|
+
import {
|
|
10
|
+
TableContainer,
|
|
11
|
+
Table,
|
|
12
|
+
TableCaption,
|
|
13
|
+
TableHead,
|
|
14
|
+
TableRow,
|
|
15
|
+
TableBody,
|
|
16
|
+
TableHeadCell,
|
|
17
|
+
TableDataCell,
|
|
18
|
+
} from '@digigov/ui/core/Table';
|
|
10
19
|
```
|
|
11
20
|
|
|
12
21
|
## How to use
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
7
7
|
source: suggest,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement("div", {
|
|
7
7
|
className: "govgr-btn govgr-btn-primary"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
7
7
|
source: suggest,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
7
7
|
source: suggest,
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
4
|
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
5
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
5
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
6
6
|
|
|
7
7
|
var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Paragraph, null, "This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)"), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
8
8
|
source: suggest,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
7
7
|
source: suggest,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import suggest from '@digigov/ui/admin/AutoComplete/
|
|
4
|
+
import { suggest } from '@digigov/ui/admin/AutoComplete/utils';
|
|
5
5
|
|
|
6
6
|
var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
7
7
|
source: suggest,
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
|
|
2
|
-
export default function suggest(query, syncResults) {
|
|
3
|
-
syncResults(query ? results.filter(function (result) {
|
|
4
|
-
return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
|
|
5
|
-
}) : []);
|
|
6
|
-
}
|
|
@@ -3,7 +3,6 @@ id: autocomplete
|
|
|
3
3
|
title: AutoComplete
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
|
|
7
6
|
Autocomplete is a feature in which an input field suggests a word based on user input. This allows users to quickly search
|
|
8
7
|
through, select from large collections of options and help services get more consistent data.
|
|
9
8
|
|
|
@@ -16,4 +16,13 @@ export function isPrintableKeyCode(keyCode) {
|
|
|
16
16
|
keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
|
|
17
17
|
keyCode > 218 && keyCode < 223 // [\]' (in order)
|
|
18
18
|
;
|
|
19
|
-
}
|
|
19
|
+
}
|
|
20
|
+
/* Helper Utils for __stories__ */
|
|
21
|
+
|
|
22
|
+
export var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
|
|
23
|
+
export function suggest(query, syncResults) {
|
|
24
|
+
syncResults(query ? results.filter(function (result) {
|
|
25
|
+
return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
|
|
26
|
+
}) : []);
|
|
27
|
+
}
|
|
28
|
+
/* end Helpers Utils __stories__ */
|
|
@@ -71,7 +71,7 @@ export var Default = function Default() {
|
|
|
71
71
|
return toggleDrawer();
|
|
72
72
|
},
|
|
73
73
|
color: "secondary"
|
|
74
|
-
}, _ref2))), /*#__PURE__*/React.createElement(AdminContainer, null,
|
|
74
|
+
}, _ref2))), /*#__PURE__*/React.createElement(AdminContainer, null, /*#__PURE__*/React.createElement(AdminAside, null, _ref3, /*#__PURE__*/React.createElement(Drawer, {
|
|
75
75
|
direction: "left",
|
|
76
76
|
open: open
|
|
77
77
|
}, /*#__PURE__*/React.createElement(DrawerHeading, {
|