@digigov/ui 1.0.0-8ae63a77 → 1.0.0-8bbf3ef2
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/app/Header/Header.stories.playwright.json +1 -1
- package/app/Header/__stories__/WithHeaderNavigation.js +8 -11
- package/app/Header/__stories__/WithNavigation.js +37 -6
- package/app/Modal/Modal.stories.d.ts +1 -0
- package/app/Modal/Modal.stories.js +14 -0
- package/app/Modal/Modal.stories.playwright.json +21 -0
- package/app/Modal/__stories__/Dense.d.ts +2 -0
- package/app/Modal/__stories__/Dense.js +67 -0
- package/app/Modal/index.d.ts +2 -2
- package/es/app/Header/Header.stories.playwright.json +1 -1
- package/es/app/Header/__stories__/WithHeaderNavigation.js +8 -11
- package/es/app/Header/__stories__/WithNavigation.js +28 -6
- package/es/app/Modal/Modal.stories.js +2 -1
- package/es/app/Modal/Modal.stories.playwright.json +21 -0
- package/es/app/Modal/__stories__/Dense.js +43 -0
- package/es/feedback/CopyToClipboard/CopyToClipboard.stories.js +2 -1
- package/es/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
- package/es/feedback/CopyToClipboard/__stories__/Dense.js +20 -0
- package/es/feedback/CopyToClipboard/index.js +3 -1
- package/es/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
- package/es/feedback/ErrorSummary/__stories__/Dense.js +15 -0
- package/es/feedback/NotificationBanner/NotificationBanner.stories.js +2 -1
- package/es/feedback/NotificationBanner/__stories__/Dense.js +13 -0
- package/es/feedback/NotificationBanner/index.js +4 -2
- package/es/feedback/WarningText/WarningText.stories.js +2 -1
- package/es/feedback/WarningText/__stories__/Dense.js +11 -0
- package/es/form/Button/Button.stories.js +1 -0
- package/es/form/Button/__stories__/Dense.js +12 -0
- package/es/form/Checkbox/Checkbox.stories.js +2 -1
- package/es/form/Checkbox/__stories__/Dense.js +26 -0
- package/es/form/DateInputContainer/DateInputContainer.stories.js +2 -1
- package/es/form/DateInputContainer/__stories__/Dense.js +23 -0
- package/es/form/RadioContainer/RadioContainer.stories.js +2 -1
- package/es/form/RadioContainer/__stories__/Dense.js +24 -0
- package/es/form/SelectContainer/SelectContainer.stories.js +2 -1
- package/es/form/SelectContainer/__stories__/Dense.js +23 -0
- package/es/form/TextArea/TextArea.stories.js +2 -1
- package/es/form/TextArea/__stories__/Dense.js +14 -0
- package/es/form/TextInput/TextInput.stories.js +2 -1
- package/es/form/TextInput/__stories__/Dense.js +14 -0
- package/es/navigation/Link/index.js +1 -1
- package/es/navigation/NavList/NavList.stories.js +7 -5
- package/es/navigation/NavList/NavList.stories.playwright.json +24 -4
- package/es/navigation/NavList/NavListAuto/index.js +6 -12
- package/es/navigation/NavList/__stories__/Default.js +16 -26
- package/es/navigation/NavList/__stories__/HorizontalWithDrawer.js +67 -0
- package/{esm/navigation/NavList/__stories__/WithSubMenu.js → es/navigation/NavList/__stories__/HorizontalWithoutDrawer.js} +5 -37
- package/es/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
- package/es/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
- package/es/navigation/NavList/__stories__/NavListWithoutNav.js +19 -0
- package/es/navigation/NavList/__stories__/UsingHeaderButton.js +70 -0
- package/es/navigation/NavList/__stories__/UsingNavListAuto.js +38 -0
- package/es/navigation/NavList/__stories__/Vertical.js +32 -0
- package/{esm/navigation/NavList/__stories__/NavVerticalLayout.js → es/navigation/NavList/__stories__/VerticalWithoutDrawer.js} +6 -38
- package/es/navigation/NavList/index.js +1 -3
- package/es/navigation/NavList/index.mdx +9 -3
- package/es/registry.js +2 -0
- package/es/utils/Typography/index.js +3 -0
- package/esm/app/Header/Header.stories.playwright.json +1 -1
- package/esm/app/Header/__stories__/WithHeaderNavigation.js +8 -11
- package/esm/app/Header/__stories__/WithNavigation.js +28 -6
- package/esm/app/Modal/Modal.stories.js +2 -1
- package/esm/app/Modal/Modal.stories.playwright.json +21 -0
- package/esm/app/Modal/__stories__/Dense.js +43 -0
- package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.js +2 -1
- package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
- package/esm/feedback/CopyToClipboard/__stories__/Dense.js +20 -0
- package/esm/feedback/CopyToClipboard/index.js +3 -1
- package/esm/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
- package/esm/feedback/ErrorSummary/__stories__/Dense.js +15 -0
- package/esm/feedback/NotificationBanner/NotificationBanner.stories.js +2 -1
- package/esm/feedback/NotificationBanner/__stories__/Dense.js +13 -0
- package/esm/feedback/NotificationBanner/index.js +4 -2
- package/esm/feedback/WarningText/WarningText.stories.js +2 -1
- package/esm/feedback/WarningText/__stories__/Dense.js +11 -0
- package/esm/form/Button/Button.stories.js +1 -0
- package/esm/form/Button/__stories__/Dense.js +12 -0
- package/esm/form/Checkbox/Checkbox.stories.js +2 -1
- package/esm/form/Checkbox/__stories__/Dense.js +26 -0
- package/esm/form/DateInputContainer/DateInputContainer.stories.js +2 -1
- package/esm/form/DateInputContainer/__stories__/Dense.js +23 -0
- package/esm/form/RadioContainer/RadioContainer.stories.js +2 -1
- package/esm/form/RadioContainer/__stories__/Dense.js +24 -0
- package/esm/form/SelectContainer/SelectContainer.stories.js +2 -1
- package/esm/form/SelectContainer/__stories__/Dense.js +23 -0
- package/esm/form/TextArea/TextArea.stories.js +2 -1
- package/esm/form/TextArea/__stories__/Dense.js +14 -0
- package/esm/form/TextInput/TextInput.stories.js +2 -1
- package/esm/form/TextInput/__stories__/Dense.js +14 -0
- package/esm/index.js +1 -1
- package/esm/navigation/Link/index.js +1 -1
- package/esm/navigation/NavList/NavList.stories.js +7 -5
- package/esm/navigation/NavList/NavList.stories.playwright.json +24 -4
- package/esm/navigation/NavList/NavListAuto/index.js +6 -12
- package/esm/navigation/NavList/__stories__/Default.js +16 -26
- package/esm/navigation/NavList/__stories__/HorizontalWithDrawer.js +67 -0
- package/{es/navigation/NavList/__stories__/WithSubMenu.js → esm/navigation/NavList/__stories__/HorizontalWithoutDrawer.js} +5 -37
- package/esm/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
- package/esm/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
- package/esm/navigation/NavList/__stories__/NavListWithoutNav.js +19 -0
- package/esm/navigation/NavList/__stories__/UsingHeaderButton.js +70 -0
- package/esm/navigation/NavList/__stories__/UsingNavListAuto.js +38 -0
- package/esm/navigation/NavList/__stories__/Vertical.js +32 -0
- package/{es/navigation/NavList/__stories__/NavVerticalLayout.js → esm/navigation/NavList/__stories__/VerticalWithoutDrawer.js} +6 -38
- package/esm/navigation/NavList/index.js +1 -3
- package/esm/navigation/NavList/index.mdx +9 -3
- package/esm/registry.js +2 -0
- package/esm/utils/Typography/index.js +3 -0
- package/feedback/CopyToClipboard/CopyToClipboard.stories.d.ts +1 -0
- package/feedback/CopyToClipboard/CopyToClipboard.stories.js +14 -0
- package/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
- package/feedback/CopyToClipboard/__stories__/Dense.d.ts +2 -0
- package/feedback/CopyToClipboard/__stories__/Dense.js +34 -0
- package/feedback/CopyToClipboard/index.d.ts +1 -1
- package/feedback/CopyToClipboard/index.js +3 -1
- package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +1 -0
- package/feedback/ErrorSummary/ErrorSummary.stories.js +14 -0
- package/feedback/ErrorSummary/__stories__/Dense.d.ts +2 -0
- package/feedback/ErrorSummary/__stories__/Dense.js +30 -0
- package/feedback/NotificationBanner/NotificationBanner.stories.d.ts +1 -0
- package/feedback/NotificationBanner/NotificationBanner.stories.js +14 -0
- package/feedback/NotificationBanner/__stories__/Dense.d.ts +2 -0
- package/feedback/NotificationBanner/__stories__/Dense.js +27 -0
- package/feedback/NotificationBanner/index.js +4 -2
- package/feedback/WarningText/WarningText.stories.d.ts +1 -0
- package/feedback/WarningText/WarningText.stories.js +14 -0
- package/feedback/WarningText/__stories__/Dense.d.ts +2 -0
- package/feedback/WarningText/__stories__/Dense.js +24 -0
- package/form/Button/Button.stories.d.ts +1 -0
- package/form/Button/Button.stories.js +14 -0
- package/form/Button/__stories__/Dense.d.ts +2 -0
- package/form/Button/__stories__/Dense.js +25 -0
- package/form/Checkbox/Checkbox.stories.d.ts +1 -0
- package/form/Checkbox/Checkbox.stories.js +14 -0
- package/form/Checkbox/__stories__/Dense.d.ts +2 -0
- package/form/Checkbox/__stories__/Dense.js +41 -0
- package/form/DateInputContainer/DateInputContainer.stories.d.ts +1 -0
- package/form/DateInputContainer/DateInputContainer.stories.js +14 -0
- package/form/DateInputContainer/__stories__/Dense.d.ts +2 -0
- package/form/DateInputContainer/__stories__/Dense.js +37 -0
- package/form/RadioContainer/RadioContainer.stories.d.ts +1 -0
- package/form/RadioContainer/RadioContainer.stories.js +14 -0
- package/form/RadioContainer/__stories__/Dense.d.ts +2 -0
- package/form/RadioContainer/__stories__/Dense.js +38 -0
- package/form/SelectContainer/SelectContainer.stories.d.ts +1 -0
- package/form/SelectContainer/SelectContainer.stories.js +14 -0
- package/form/SelectContainer/__stories__/Dense.d.ts +2 -0
- package/form/SelectContainer/__stories__/Dense.js +38 -0
- package/form/TextArea/TextArea.stories.d.ts +1 -0
- package/form/TextArea/TextArea.stories.js +14 -0
- package/form/TextArea/__stories__/Dense.d.ts +2 -0
- package/form/TextArea/__stories__/Dense.js +29 -0
- package/form/TextInput/TextInput.stories.d.ts +1 -0
- package/form/TextInput/TextInput.stories.js +14 -0
- package/form/TextInput/__stories__/Dense.d.ts +2 -0
- package/form/TextInput/__stories__/Dense.js +29 -0
- package/navigation/Link/index.d.ts +1 -1
- package/navigation/Link/index.js +12 -13
- package/navigation/NavList/NavList.stories.d.ts +7 -5
- package/navigation/NavList/NavList.stories.js +48 -20
- package/navigation/NavList/NavList.stories.playwright.json +24 -4
- package/navigation/NavList/NavListAuto/index.js +6 -12
- package/navigation/NavList/__stories__/Default.js +24 -27
- package/navigation/NavList/__stories__/HorizontalWithDrawer.d.ts +2 -0
- package/navigation/NavList/__stories__/HorizontalWithDrawer.js +93 -0
- package/navigation/NavList/__stories__/HorizontalWithoutDrawer.d.ts +2 -0
- package/navigation/NavList/__stories__/{WithSubMenu.js → HorizontalWithoutDrawer.js} +9 -41
- package/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
- package/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
- package/navigation/NavList/__stories__/NavListWithoutNav.d.ts +2 -0
- package/navigation/NavList/__stories__/NavListWithoutNav.js +35 -0
- package/navigation/NavList/__stories__/UsingHeaderButton.d.ts +2 -0
- package/navigation/NavList/__stories__/UsingHeaderButton.js +98 -0
- package/navigation/NavList/__stories__/UsingNavListAuto.d.ts +2 -0
- package/navigation/NavList/__stories__/UsingNavListAuto.js +55 -0
- package/navigation/NavList/__stories__/Vertical.d.ts +2 -0
- package/navigation/NavList/__stories__/{WithBurgerIcon.js → Vertical.js} +25 -52
- package/navigation/NavList/__stories__/VerticalWithoutDrawer.d.ts +2 -0
- package/navigation/NavList/__stories__/{NavVerticalLayout.js → VerticalWithoutDrawer.js} +9 -41
- package/navigation/NavList/index.d.ts +1 -3
- package/navigation/NavList/index.js +8 -8
- package/navigation/NavList/index.mdx +9 -3
- package/navigation/NavList/types.d.ts +1 -0
- package/package.json +4 -4
- package/registry.d.ts +1 -0
- package/registry.js +3 -0
- package/src/app/Header/Header.stories.playwright.json +1 -1
- package/src/app/Header/__stories__/WithHeaderNavigation.tsx +33 -36
- package/src/app/Header/__stories__/WithNavigation.tsx +21 -15
- package/src/app/Modal/Modal.stories.js +1 -0
- package/src/app/Modal/Modal.stories.playwright.json +21 -0
- package/src/app/Modal/__stories__/Dense.tsx +52 -0
- package/src/feedback/CopyToClipboard/CopyToClipboard.stories.js +1 -0
- package/src/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
- package/src/feedback/CopyToClipboard/__stories__/Dense.tsx +21 -0
- package/src/feedback/CopyToClipboard/index.tsx +2 -1
- package/src/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
- package/src/feedback/ErrorSummary/__stories__/Dense.tsx +13 -0
- package/src/feedback/NotificationBanner/NotificationBanner.stories.js +1 -0
- package/src/feedback/NotificationBanner/__stories__/Dense.tsx +17 -0
- package/src/feedback/NotificationBanner/index.tsx +2 -1
- package/src/feedback/WarningText/WarningText.stories.js +1 -0
- package/src/feedback/WarningText/__stories__/Dense.tsx +10 -0
- package/src/form/Button/Button.stories.js +1 -0
- package/src/form/Button/__stories__/Dense.tsx +8 -0
- package/src/form/Checkbox/Checkbox.stories.js +1 -0
- package/src/form/Checkbox/__stories__/Dense.tsx +35 -0
- package/src/form/DateInputContainer/DateInputContainer.stories.js +1 -0
- package/src/form/DateInputContainer/__stories__/Dense.tsx +31 -0
- package/src/form/RadioContainer/RadioContainer.stories.js +1 -0
- package/src/form/RadioContainer/__stories__/Dense.tsx +32 -0
- package/src/form/SelectContainer/SelectContainer.stories.js +1 -0
- package/src/form/SelectContainer/__stories__/Dense.tsx +24 -0
- package/src/form/TextArea/TextArea.stories.js +1 -0
- package/src/form/TextArea/__stories__/Dense.tsx +15 -0
- package/src/form/TextInput/TextInput.stories.js +1 -0
- package/src/form/TextInput/__stories__/Dense.tsx +15 -0
- package/src/navigation/Link/index.tsx +1 -1
- package/src/navigation/NavList/NavList.stories.js +7 -5
- package/src/navigation/NavList/NavList.stories.playwright.json +24 -4
- package/src/navigation/NavList/NavListAuto/index.tsx +30 -28
- package/src/navigation/NavList/__stories__/Default.tsx +11 -16
- package/src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx +84 -0
- package/src/navigation/NavList/__stories__/{WithSubMenu.tsx → HorizontalWithoutDrawer.tsx} +12 -44
- package/src/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
- package/src/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
- package/src/navigation/NavList/__stories__/NavListWithoutNav.tsx +24 -0
- package/src/navigation/NavList/__stories__/UsingHeaderButton.tsx +89 -0
- package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +32 -0
- package/src/navigation/NavList/__stories__/Vertical.tsx +33 -0
- package/src/navigation/NavList/__stories__/{NavVerticalLayout.tsx → VerticalWithoutDrawer.tsx} +11 -44
- package/src/navigation/NavList/index.mdx +9 -3
- package/src/navigation/NavList/index.tsx +1 -3
- package/src/navigation/NavList/types.tsx +1 -0
- package/src/registry.js +2 -0
- package/src/utils/Typography/index.tsx +4 -0
- package/utils/Typography/index.d.ts +3 -0
- package/utils/Typography/index.js +19 -0
- package/es/navigation/NavList/__stories__/NavVertical.js +0 -37
- package/es/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -43
- package/es/navigation/NavList/__stories__/WithBurgerIcon.js +0 -56
- package/esm/navigation/NavList/__stories__/NavVertical.js +0 -37
- package/esm/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -43
- package/esm/navigation/NavList/__stories__/WithBurgerIcon.js +0 -56
- package/navigation/NavList/__stories__/NavVertical.d.ts +0 -2
- package/navigation/NavList/__stories__/NavVertical.js +0 -53
- package/navigation/NavList/__stories__/NavVerticalLayout.d.ts +0 -2
- package/navigation/NavList/__stories__/NavVerticalWithTitle.d.ts +0 -2
- package/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -59
- package/navigation/NavList/__stories__/WithBurgerIcon.d.ts +0 -2
- package/navigation/NavList/__stories__/WithSubMenu.d.ts +0 -2
- package/src/navigation/NavList/__stories__/NavVertical.tsx +0 -36
- package/src/navigation/NavList/__stories__/NavVerticalWithTitle.tsx +0 -40
- package/src/navigation/NavList/__stories__/WithBurgerIcon.tsx +0 -49
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import React, { useState } from 'react';
|
|
4
|
-
import NavList from '@digigov/ui/navigation/NavList/NavList';
|
|
5
|
-
import { BurgerIcon } from '@digigov/ui/icons';
|
|
6
|
-
import { Nav, NavListItemAction } from '@digigov/ui/navigation/NavList';
|
|
7
|
-
import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
|
|
8
|
-
var links = [{
|
|
9
|
-
name: 'home',
|
|
10
|
-
href: '#home',
|
|
11
|
-
label: 'Αρχική',
|
|
12
|
-
active: true
|
|
13
|
-
}, {
|
|
14
|
-
name: 'new_form',
|
|
15
|
-
href: '#new_form',
|
|
16
|
-
label: 'Καταχώριση φόρμας'
|
|
17
|
-
}, {
|
|
18
|
-
name: 'news',
|
|
19
|
-
href: '#news',
|
|
20
|
-
label: 'Νέα'
|
|
21
|
-
}, {
|
|
22
|
-
name: 'contact',
|
|
23
|
-
href: '#contact',
|
|
24
|
-
label: 'Επικοινωνία'
|
|
25
|
-
}];
|
|
26
|
-
export var WithBurgerIcon = function WithBurgerIcon() {
|
|
27
|
-
var _useNavList = useNavList(),
|
|
28
|
-
registerNavItem = _useNavList.registerNavItem;
|
|
29
|
-
|
|
30
|
-
var _useState = useState(true),
|
|
31
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
-
open = _useState2[0],
|
|
33
|
-
setOpen = _useState2[1];
|
|
34
|
-
|
|
35
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BurgerIcon, {
|
|
36
|
-
mdUpHidden: true,
|
|
37
|
-
size: "lg",
|
|
38
|
-
onClick: function onClick() {
|
|
39
|
-
setOpen(!open);
|
|
40
|
-
}
|
|
41
|
-
}), /*#__PURE__*/React.createElement(Nav, {
|
|
42
|
-
role: "menubar",
|
|
43
|
-
"aria-orientation": "horizontal",
|
|
44
|
-
"aria-label": "Nav list",
|
|
45
|
-
fixed: false,
|
|
46
|
-
border: false,
|
|
47
|
-
open: open
|
|
48
|
-
}, /*#__PURE__*/React.createElement(NavList, null, links.map(function (item, key) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(NavListItemAction, _extends({
|
|
50
|
-
key: key
|
|
51
|
-
}, registerNavItem(item), {
|
|
52
|
-
active: item === null || item === void 0 ? void 0 : item.active
|
|
53
|
-
}), item.label);
|
|
54
|
-
}))));
|
|
55
|
-
};
|
|
56
|
-
export default WithBurgerIcon;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.NavVertical = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _NavList = require("@digigov/ui/navigation/NavList");
|
|
15
|
-
|
|
16
|
-
var links = [{
|
|
17
|
-
name: 'link_1',
|
|
18
|
-
href: '#link_1',
|
|
19
|
-
label: 'Σύνδεσμος 1',
|
|
20
|
-
active: true
|
|
21
|
-
}, {
|
|
22
|
-
name: 'link_2',
|
|
23
|
-
href: '#link_2',
|
|
24
|
-
label: 'Σύνδεσμος 2'
|
|
25
|
-
}, {
|
|
26
|
-
name: 'link_3',
|
|
27
|
-
href: '#link_3',
|
|
28
|
-
label: 'Σύνδεσμος 3'
|
|
29
|
-
}];
|
|
30
|
-
|
|
31
|
-
var NavVertical = function NavVertical() {
|
|
32
|
-
var _useNavList = (0, _NavList.useNavList)(),
|
|
33
|
-
registerNavItem = _useNavList.registerNavItem;
|
|
34
|
-
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
|
|
36
|
-
"aria-orientation": "vertical",
|
|
37
|
-
"aria-label": "Nav list",
|
|
38
|
-
fixed: false,
|
|
39
|
-
border: false
|
|
40
|
-
}, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
|
|
41
|
-
layout: "vertical"
|
|
42
|
-
}, links.map(function (item, key) {
|
|
43
|
-
return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, (0, _extends2["default"])({
|
|
44
|
-
key: key
|
|
45
|
-
}, registerNavItem(item), {
|
|
46
|
-
active: item === null || item === void 0 ? void 0 : item.active
|
|
47
|
-
}), item.label);
|
|
48
|
-
})));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.NavVertical = NavVertical;
|
|
52
|
-
var _default = NavVertical;
|
|
53
|
-
exports["default"] = _default;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.NavVerticalWithTitle = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _NavList = require("@digigov/ui/navigation/NavList");
|
|
15
|
-
|
|
16
|
-
var _Heading = require("@digigov/ui/typography/Heading");
|
|
17
|
-
|
|
18
|
-
var links = [{
|
|
19
|
-
name: 'link_1',
|
|
20
|
-
href: '#link_1',
|
|
21
|
-
label: 'Σύνδεσμος 1',
|
|
22
|
-
active: true
|
|
23
|
-
}, {
|
|
24
|
-
name: 'link_2',
|
|
25
|
-
href: '#link_2',
|
|
26
|
-
label: 'Σύνδεσμος 2'
|
|
27
|
-
}, {
|
|
28
|
-
name: 'link_3',
|
|
29
|
-
href: '#link_3',
|
|
30
|
-
label: 'Σύνδεσμος 3'
|
|
31
|
-
}];
|
|
32
|
-
|
|
33
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
|
|
34
|
-
size: "sm"
|
|
35
|
-
}, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03BF\u03AF \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03B9");
|
|
36
|
-
|
|
37
|
-
var NavVerticalWithTitle = function NavVerticalWithTitle() {
|
|
38
|
-
var _useNavList = (0, _NavList.useNavList)(),
|
|
39
|
-
registerNavItem = _useNavList.registerNavItem;
|
|
40
|
-
|
|
41
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, _ref, /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
|
|
42
|
-
"aria-orientation": "vertical",
|
|
43
|
-
"aria-label": "Nav list",
|
|
44
|
-
fixed: false,
|
|
45
|
-
border: false
|
|
46
|
-
}, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
|
|
47
|
-
layout: "vertical"
|
|
48
|
-
}, links.map(function (item, key) {
|
|
49
|
-
return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, (0, _extends2["default"])({
|
|
50
|
-
key: key
|
|
51
|
-
}, registerNavItem(item), {
|
|
52
|
-
active: item === null || item === void 0 ? void 0 : item.active
|
|
53
|
-
}), item.label);
|
|
54
|
-
}))));
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
exports.NavVerticalWithTitle = NavVerticalWithTitle;
|
|
58
|
-
var _default = NavVerticalWithTitle;
|
|
59
|
-
exports["default"] = _default;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
Nav,
|
|
4
|
-
NavList,
|
|
5
|
-
NavListItemAction,
|
|
6
|
-
useNavList
|
|
7
|
-
} from '@digigov/ui/navigation/NavList';
|
|
8
|
-
|
|
9
|
-
const links = [
|
|
10
|
-
{ name: 'link_1', href: '#link_1', label: 'Σύνδεσμος 1', active: true },
|
|
11
|
-
{ name: 'link_2', href: '#link_2', label: 'Σύνδεσμος 2' },
|
|
12
|
-
{ name: 'link_3', href: '#link_3', label: 'Σύνδεσμος 3' },
|
|
13
|
-
];
|
|
14
|
-
|
|
15
|
-
export const NavVertical = () => {
|
|
16
|
-
const { registerNavItem } = useNavList();
|
|
17
|
-
|
|
18
|
-
return (
|
|
19
|
-
<Nav
|
|
20
|
-
aria-orientation="vertical"
|
|
21
|
-
aria-label="Nav list"
|
|
22
|
-
fixed={false}
|
|
23
|
-
border={false}
|
|
24
|
-
>
|
|
25
|
-
<NavList layout="vertical">
|
|
26
|
-
{links.map((item, key) => (
|
|
27
|
-
<NavListItemAction key={key} {...registerNavItem(item)} active={item?.active} >
|
|
28
|
-
{item.label}
|
|
29
|
-
</NavListItemAction>
|
|
30
|
-
))}
|
|
31
|
-
</NavList>
|
|
32
|
-
</Nav>
|
|
33
|
-
);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export default NavVertical;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
Nav,
|
|
4
|
-
NavList,
|
|
5
|
-
NavListItemAction,
|
|
6
|
-
useNavList
|
|
7
|
-
} from '@digigov/ui/navigation/NavList';
|
|
8
|
-
import { Heading } from '@digigov/ui/typography/Heading';
|
|
9
|
-
|
|
10
|
-
const links = [
|
|
11
|
-
{ name: 'link_1', href: '#link_1', label: 'Σύνδεσμος 1', active: true },
|
|
12
|
-
{ name: 'link_2', href: '#link_2', label: 'Σύνδεσμος 2' },
|
|
13
|
-
{ name: 'link_3', href: '#link_3', label: 'Σύνδεσμος 3' },
|
|
14
|
-
];
|
|
15
|
-
|
|
16
|
-
export const NavVerticalWithTitle = () => {
|
|
17
|
-
const { registerNavItem } = useNavList();
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
<div>
|
|
21
|
-
<Heading size='sm'>Σχετικοί Σύνδεσμοι</Heading>
|
|
22
|
-
<Nav
|
|
23
|
-
aria-orientation="vertical"
|
|
24
|
-
aria-label="Nav list"
|
|
25
|
-
fixed={false}
|
|
26
|
-
border={false}
|
|
27
|
-
>
|
|
28
|
-
<NavList layout="vertical">
|
|
29
|
-
{links.map((item, key) => (
|
|
30
|
-
<NavListItemAction key={key} {...registerNavItem(item)} active={item?.active} >
|
|
31
|
-
{item.label}
|
|
32
|
-
</NavListItemAction>
|
|
33
|
-
))}
|
|
34
|
-
</NavList>
|
|
35
|
-
</Nav>
|
|
36
|
-
</div>
|
|
37
|
-
);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export default NavVerticalWithTitle;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import NavList from '@digigov/ui/navigation/NavList/NavList';
|
|
3
|
-
import { BurgerIcon } from '@digigov/ui/icons';
|
|
4
|
-
import {
|
|
5
|
-
Nav, NavListItemAction,
|
|
6
|
-
} from '@digigov/ui/navigation/NavList';
|
|
7
|
-
import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
|
|
8
|
-
|
|
9
|
-
const links = [
|
|
10
|
-
{ name: 'home', href: '#home', label: 'Αρχική', active: true },
|
|
11
|
-
{ name: 'new_form', href: '#new_form', label: 'Καταχώριση φόρμας' },
|
|
12
|
-
{ name: 'news', href: '#news', label: 'Νέα' },
|
|
13
|
-
{ name: 'contact', href: '#contact', label: 'Επικοινωνία' },
|
|
14
|
-
];
|
|
15
|
-
|
|
16
|
-
export const WithBurgerIcon = () => {
|
|
17
|
-
const { registerNavItem } = useNavList();
|
|
18
|
-
const [open, setOpen] = useState<boolean>(true);
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<div>
|
|
22
|
-
<BurgerIcon
|
|
23
|
-
mdUpHidden
|
|
24
|
-
size="lg"
|
|
25
|
-
onClick={() => {
|
|
26
|
-
setOpen(!open)
|
|
27
|
-
}}
|
|
28
|
-
/>
|
|
29
|
-
<Nav
|
|
30
|
-
role="menubar"
|
|
31
|
-
aria-orientation="horizontal"
|
|
32
|
-
aria-label="Nav list"
|
|
33
|
-
fixed={false}
|
|
34
|
-
border={false}
|
|
35
|
-
open={open}
|
|
36
|
-
>
|
|
37
|
-
<NavList>
|
|
38
|
-
{links.map((item, key) => (
|
|
39
|
-
<NavListItemAction key={key} {...registerNavItem(item)} active={item?.active} >
|
|
40
|
-
{item.label}
|
|
41
|
-
</NavListItemAction>
|
|
42
|
-
))}
|
|
43
|
-
</NavList>
|
|
44
|
-
</Nav>
|
|
45
|
-
</div>
|
|
46
|
-
);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export default WithBurgerIcon;
|