@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.
Files changed (254) hide show
  1. package/app/Header/Header.stories.playwright.json +1 -1
  2. package/app/Header/__stories__/WithHeaderNavigation.js +8 -11
  3. package/app/Header/__stories__/WithNavigation.js +37 -6
  4. package/app/Modal/Modal.stories.d.ts +1 -0
  5. package/app/Modal/Modal.stories.js +14 -0
  6. package/app/Modal/Modal.stories.playwright.json +21 -0
  7. package/app/Modal/__stories__/Dense.d.ts +2 -0
  8. package/app/Modal/__stories__/Dense.js +67 -0
  9. package/app/Modal/index.d.ts +2 -2
  10. package/es/app/Header/Header.stories.playwright.json +1 -1
  11. package/es/app/Header/__stories__/WithHeaderNavigation.js +8 -11
  12. package/es/app/Header/__stories__/WithNavigation.js +28 -6
  13. package/es/app/Modal/Modal.stories.js +2 -1
  14. package/es/app/Modal/Modal.stories.playwright.json +21 -0
  15. package/es/app/Modal/__stories__/Dense.js +43 -0
  16. package/es/feedback/CopyToClipboard/CopyToClipboard.stories.js +2 -1
  17. package/es/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
  18. package/es/feedback/CopyToClipboard/__stories__/Dense.js +20 -0
  19. package/es/feedback/CopyToClipboard/index.js +3 -1
  20. package/es/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
  21. package/es/feedback/ErrorSummary/__stories__/Dense.js +15 -0
  22. package/es/feedback/NotificationBanner/NotificationBanner.stories.js +2 -1
  23. package/es/feedback/NotificationBanner/__stories__/Dense.js +13 -0
  24. package/es/feedback/NotificationBanner/index.js +4 -2
  25. package/es/feedback/WarningText/WarningText.stories.js +2 -1
  26. package/es/feedback/WarningText/__stories__/Dense.js +11 -0
  27. package/es/form/Button/Button.stories.js +1 -0
  28. package/es/form/Button/__stories__/Dense.js +12 -0
  29. package/es/form/Checkbox/Checkbox.stories.js +2 -1
  30. package/es/form/Checkbox/__stories__/Dense.js +26 -0
  31. package/es/form/DateInputContainer/DateInputContainer.stories.js +2 -1
  32. package/es/form/DateInputContainer/__stories__/Dense.js +23 -0
  33. package/es/form/RadioContainer/RadioContainer.stories.js +2 -1
  34. package/es/form/RadioContainer/__stories__/Dense.js +24 -0
  35. package/es/form/SelectContainer/SelectContainer.stories.js +2 -1
  36. package/es/form/SelectContainer/__stories__/Dense.js +23 -0
  37. package/es/form/TextArea/TextArea.stories.js +2 -1
  38. package/es/form/TextArea/__stories__/Dense.js +14 -0
  39. package/es/form/TextInput/TextInput.stories.js +2 -1
  40. package/es/form/TextInput/__stories__/Dense.js +14 -0
  41. package/es/navigation/Link/index.js +1 -1
  42. package/es/navigation/NavList/NavList.stories.js +7 -5
  43. package/es/navigation/NavList/NavList.stories.playwright.json +24 -4
  44. package/es/navigation/NavList/NavListAuto/index.js +6 -12
  45. package/es/navigation/NavList/__stories__/Default.js +16 -26
  46. package/es/navigation/NavList/__stories__/HorizontalWithDrawer.js +67 -0
  47. package/{esm/navigation/NavList/__stories__/WithSubMenu.js → es/navigation/NavList/__stories__/HorizontalWithoutDrawer.js} +5 -37
  48. package/es/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
  49. package/es/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
  50. package/es/navigation/NavList/__stories__/NavListWithoutNav.js +19 -0
  51. package/es/navigation/NavList/__stories__/UsingHeaderButton.js +70 -0
  52. package/es/navigation/NavList/__stories__/UsingNavListAuto.js +38 -0
  53. package/es/navigation/NavList/__stories__/Vertical.js +32 -0
  54. package/{esm/navigation/NavList/__stories__/NavVerticalLayout.js → es/navigation/NavList/__stories__/VerticalWithoutDrawer.js} +6 -38
  55. package/es/navigation/NavList/index.js +1 -3
  56. package/es/navigation/NavList/index.mdx +9 -3
  57. package/es/registry.js +2 -0
  58. package/es/utils/Typography/index.js +3 -0
  59. package/esm/app/Header/Header.stories.playwright.json +1 -1
  60. package/esm/app/Header/__stories__/WithHeaderNavigation.js +8 -11
  61. package/esm/app/Header/__stories__/WithNavigation.js +28 -6
  62. package/esm/app/Modal/Modal.stories.js +2 -1
  63. package/esm/app/Modal/Modal.stories.playwright.json +21 -0
  64. package/esm/app/Modal/__stories__/Dense.js +43 -0
  65. package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.js +2 -1
  66. package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
  67. package/esm/feedback/CopyToClipboard/__stories__/Dense.js +20 -0
  68. package/esm/feedback/CopyToClipboard/index.js +3 -1
  69. package/esm/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
  70. package/esm/feedback/ErrorSummary/__stories__/Dense.js +15 -0
  71. package/esm/feedback/NotificationBanner/NotificationBanner.stories.js +2 -1
  72. package/esm/feedback/NotificationBanner/__stories__/Dense.js +13 -0
  73. package/esm/feedback/NotificationBanner/index.js +4 -2
  74. package/esm/feedback/WarningText/WarningText.stories.js +2 -1
  75. package/esm/feedback/WarningText/__stories__/Dense.js +11 -0
  76. package/esm/form/Button/Button.stories.js +1 -0
  77. package/esm/form/Button/__stories__/Dense.js +12 -0
  78. package/esm/form/Checkbox/Checkbox.stories.js +2 -1
  79. package/esm/form/Checkbox/__stories__/Dense.js +26 -0
  80. package/esm/form/DateInputContainer/DateInputContainer.stories.js +2 -1
  81. package/esm/form/DateInputContainer/__stories__/Dense.js +23 -0
  82. package/esm/form/RadioContainer/RadioContainer.stories.js +2 -1
  83. package/esm/form/RadioContainer/__stories__/Dense.js +24 -0
  84. package/esm/form/SelectContainer/SelectContainer.stories.js +2 -1
  85. package/esm/form/SelectContainer/__stories__/Dense.js +23 -0
  86. package/esm/form/TextArea/TextArea.stories.js +2 -1
  87. package/esm/form/TextArea/__stories__/Dense.js +14 -0
  88. package/esm/form/TextInput/TextInput.stories.js +2 -1
  89. package/esm/form/TextInput/__stories__/Dense.js +14 -0
  90. package/esm/index.js +1 -1
  91. package/esm/navigation/Link/index.js +1 -1
  92. package/esm/navigation/NavList/NavList.stories.js +7 -5
  93. package/esm/navigation/NavList/NavList.stories.playwright.json +24 -4
  94. package/esm/navigation/NavList/NavListAuto/index.js +6 -12
  95. package/esm/navigation/NavList/__stories__/Default.js +16 -26
  96. package/esm/navigation/NavList/__stories__/HorizontalWithDrawer.js +67 -0
  97. package/{es/navigation/NavList/__stories__/WithSubMenu.js → esm/navigation/NavList/__stories__/HorizontalWithoutDrawer.js} +5 -37
  98. package/esm/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
  99. package/esm/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
  100. package/esm/navigation/NavList/__stories__/NavListWithoutNav.js +19 -0
  101. package/esm/navigation/NavList/__stories__/UsingHeaderButton.js +70 -0
  102. package/esm/navigation/NavList/__stories__/UsingNavListAuto.js +38 -0
  103. package/esm/navigation/NavList/__stories__/Vertical.js +32 -0
  104. package/{es/navigation/NavList/__stories__/NavVerticalLayout.js → esm/navigation/NavList/__stories__/VerticalWithoutDrawer.js} +6 -38
  105. package/esm/navigation/NavList/index.js +1 -3
  106. package/esm/navigation/NavList/index.mdx +9 -3
  107. package/esm/registry.js +2 -0
  108. package/esm/utils/Typography/index.js +3 -0
  109. package/feedback/CopyToClipboard/CopyToClipboard.stories.d.ts +1 -0
  110. package/feedback/CopyToClipboard/CopyToClipboard.stories.js +14 -0
  111. package/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
  112. package/feedback/CopyToClipboard/__stories__/Dense.d.ts +2 -0
  113. package/feedback/CopyToClipboard/__stories__/Dense.js +34 -0
  114. package/feedback/CopyToClipboard/index.d.ts +1 -1
  115. package/feedback/CopyToClipboard/index.js +3 -1
  116. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +1 -0
  117. package/feedback/ErrorSummary/ErrorSummary.stories.js +14 -0
  118. package/feedback/ErrorSummary/__stories__/Dense.d.ts +2 -0
  119. package/feedback/ErrorSummary/__stories__/Dense.js +30 -0
  120. package/feedback/NotificationBanner/NotificationBanner.stories.d.ts +1 -0
  121. package/feedback/NotificationBanner/NotificationBanner.stories.js +14 -0
  122. package/feedback/NotificationBanner/__stories__/Dense.d.ts +2 -0
  123. package/feedback/NotificationBanner/__stories__/Dense.js +27 -0
  124. package/feedback/NotificationBanner/index.js +4 -2
  125. package/feedback/WarningText/WarningText.stories.d.ts +1 -0
  126. package/feedback/WarningText/WarningText.stories.js +14 -0
  127. package/feedback/WarningText/__stories__/Dense.d.ts +2 -0
  128. package/feedback/WarningText/__stories__/Dense.js +24 -0
  129. package/form/Button/Button.stories.d.ts +1 -0
  130. package/form/Button/Button.stories.js +14 -0
  131. package/form/Button/__stories__/Dense.d.ts +2 -0
  132. package/form/Button/__stories__/Dense.js +25 -0
  133. package/form/Checkbox/Checkbox.stories.d.ts +1 -0
  134. package/form/Checkbox/Checkbox.stories.js +14 -0
  135. package/form/Checkbox/__stories__/Dense.d.ts +2 -0
  136. package/form/Checkbox/__stories__/Dense.js +41 -0
  137. package/form/DateInputContainer/DateInputContainer.stories.d.ts +1 -0
  138. package/form/DateInputContainer/DateInputContainer.stories.js +14 -0
  139. package/form/DateInputContainer/__stories__/Dense.d.ts +2 -0
  140. package/form/DateInputContainer/__stories__/Dense.js +37 -0
  141. package/form/RadioContainer/RadioContainer.stories.d.ts +1 -0
  142. package/form/RadioContainer/RadioContainer.stories.js +14 -0
  143. package/form/RadioContainer/__stories__/Dense.d.ts +2 -0
  144. package/form/RadioContainer/__stories__/Dense.js +38 -0
  145. package/form/SelectContainer/SelectContainer.stories.d.ts +1 -0
  146. package/form/SelectContainer/SelectContainer.stories.js +14 -0
  147. package/form/SelectContainer/__stories__/Dense.d.ts +2 -0
  148. package/form/SelectContainer/__stories__/Dense.js +38 -0
  149. package/form/TextArea/TextArea.stories.d.ts +1 -0
  150. package/form/TextArea/TextArea.stories.js +14 -0
  151. package/form/TextArea/__stories__/Dense.d.ts +2 -0
  152. package/form/TextArea/__stories__/Dense.js +29 -0
  153. package/form/TextInput/TextInput.stories.d.ts +1 -0
  154. package/form/TextInput/TextInput.stories.js +14 -0
  155. package/form/TextInput/__stories__/Dense.d.ts +2 -0
  156. package/form/TextInput/__stories__/Dense.js +29 -0
  157. package/navigation/Link/index.d.ts +1 -1
  158. package/navigation/Link/index.js +12 -13
  159. package/navigation/NavList/NavList.stories.d.ts +7 -5
  160. package/navigation/NavList/NavList.stories.js +48 -20
  161. package/navigation/NavList/NavList.stories.playwright.json +24 -4
  162. package/navigation/NavList/NavListAuto/index.js +6 -12
  163. package/navigation/NavList/__stories__/Default.js +24 -27
  164. package/navigation/NavList/__stories__/HorizontalWithDrawer.d.ts +2 -0
  165. package/navigation/NavList/__stories__/HorizontalWithDrawer.js +93 -0
  166. package/navigation/NavList/__stories__/HorizontalWithoutDrawer.d.ts +2 -0
  167. package/navigation/NavList/__stories__/{WithSubMenu.js → HorizontalWithoutDrawer.js} +9 -41
  168. package/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
  169. package/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
  170. package/navigation/NavList/__stories__/NavListWithoutNav.d.ts +2 -0
  171. package/navigation/NavList/__stories__/NavListWithoutNav.js +35 -0
  172. package/navigation/NavList/__stories__/UsingHeaderButton.d.ts +2 -0
  173. package/navigation/NavList/__stories__/UsingHeaderButton.js +98 -0
  174. package/navigation/NavList/__stories__/UsingNavListAuto.d.ts +2 -0
  175. package/navigation/NavList/__stories__/UsingNavListAuto.js +55 -0
  176. package/navigation/NavList/__stories__/Vertical.d.ts +2 -0
  177. package/navigation/NavList/__stories__/{WithBurgerIcon.js → Vertical.js} +25 -52
  178. package/navigation/NavList/__stories__/VerticalWithoutDrawer.d.ts +2 -0
  179. package/navigation/NavList/__stories__/{NavVerticalLayout.js → VerticalWithoutDrawer.js} +9 -41
  180. package/navigation/NavList/index.d.ts +1 -3
  181. package/navigation/NavList/index.js +8 -8
  182. package/navigation/NavList/index.mdx +9 -3
  183. package/navigation/NavList/types.d.ts +1 -0
  184. package/package.json +4 -4
  185. package/registry.d.ts +1 -0
  186. package/registry.js +3 -0
  187. package/src/app/Header/Header.stories.playwright.json +1 -1
  188. package/src/app/Header/__stories__/WithHeaderNavigation.tsx +33 -36
  189. package/src/app/Header/__stories__/WithNavigation.tsx +21 -15
  190. package/src/app/Modal/Modal.stories.js +1 -0
  191. package/src/app/Modal/Modal.stories.playwright.json +21 -0
  192. package/src/app/Modal/__stories__/Dense.tsx +52 -0
  193. package/src/feedback/CopyToClipboard/CopyToClipboard.stories.js +1 -0
  194. package/src/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json +16 -0
  195. package/src/feedback/CopyToClipboard/__stories__/Dense.tsx +21 -0
  196. package/src/feedback/CopyToClipboard/index.tsx +2 -1
  197. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
  198. package/src/feedback/ErrorSummary/__stories__/Dense.tsx +13 -0
  199. package/src/feedback/NotificationBanner/NotificationBanner.stories.js +1 -0
  200. package/src/feedback/NotificationBanner/__stories__/Dense.tsx +17 -0
  201. package/src/feedback/NotificationBanner/index.tsx +2 -1
  202. package/src/feedback/WarningText/WarningText.stories.js +1 -0
  203. package/src/feedback/WarningText/__stories__/Dense.tsx +10 -0
  204. package/src/form/Button/Button.stories.js +1 -0
  205. package/src/form/Button/__stories__/Dense.tsx +8 -0
  206. package/src/form/Checkbox/Checkbox.stories.js +1 -0
  207. package/src/form/Checkbox/__stories__/Dense.tsx +35 -0
  208. package/src/form/DateInputContainer/DateInputContainer.stories.js +1 -0
  209. package/src/form/DateInputContainer/__stories__/Dense.tsx +31 -0
  210. package/src/form/RadioContainer/RadioContainer.stories.js +1 -0
  211. package/src/form/RadioContainer/__stories__/Dense.tsx +32 -0
  212. package/src/form/SelectContainer/SelectContainer.stories.js +1 -0
  213. package/src/form/SelectContainer/__stories__/Dense.tsx +24 -0
  214. package/src/form/TextArea/TextArea.stories.js +1 -0
  215. package/src/form/TextArea/__stories__/Dense.tsx +15 -0
  216. package/src/form/TextInput/TextInput.stories.js +1 -0
  217. package/src/form/TextInput/__stories__/Dense.tsx +15 -0
  218. package/src/navigation/Link/index.tsx +1 -1
  219. package/src/navigation/NavList/NavList.stories.js +7 -5
  220. package/src/navigation/NavList/NavList.stories.playwright.json +24 -4
  221. package/src/navigation/NavList/NavListAuto/index.tsx +30 -28
  222. package/src/navigation/NavList/__stories__/Default.tsx +11 -16
  223. package/src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx +84 -0
  224. package/src/navigation/NavList/__stories__/{WithSubMenu.tsx → HorizontalWithoutDrawer.tsx} +12 -44
  225. package/src/navigation/NavList/__stories__/NavLinksOneLevel.json +17 -0
  226. package/src/navigation/NavList/__stories__/NavLinksWithSubmenu.json +36 -0
  227. package/src/navigation/NavList/__stories__/NavListWithoutNav.tsx +24 -0
  228. package/src/navigation/NavList/__stories__/UsingHeaderButton.tsx +89 -0
  229. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +32 -0
  230. package/src/navigation/NavList/__stories__/Vertical.tsx +33 -0
  231. package/src/navigation/NavList/__stories__/{NavVerticalLayout.tsx → VerticalWithoutDrawer.tsx} +11 -44
  232. package/src/navigation/NavList/index.mdx +9 -3
  233. package/src/navigation/NavList/index.tsx +1 -3
  234. package/src/navigation/NavList/types.tsx +1 -0
  235. package/src/registry.js +2 -0
  236. package/src/utils/Typography/index.tsx +4 -0
  237. package/utils/Typography/index.d.ts +3 -0
  238. package/utils/Typography/index.js +19 -0
  239. package/es/navigation/NavList/__stories__/NavVertical.js +0 -37
  240. package/es/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -43
  241. package/es/navigation/NavList/__stories__/WithBurgerIcon.js +0 -56
  242. package/esm/navigation/NavList/__stories__/NavVertical.js +0 -37
  243. package/esm/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -43
  244. package/esm/navigation/NavList/__stories__/WithBurgerIcon.js +0 -56
  245. package/navigation/NavList/__stories__/NavVertical.d.ts +0 -2
  246. package/navigation/NavList/__stories__/NavVertical.js +0 -53
  247. package/navigation/NavList/__stories__/NavVerticalLayout.d.ts +0 -2
  248. package/navigation/NavList/__stories__/NavVerticalWithTitle.d.ts +0 -2
  249. package/navigation/NavList/__stories__/NavVerticalWithTitle.js +0 -59
  250. package/navigation/NavList/__stories__/WithBurgerIcon.d.ts +0 -2
  251. package/navigation/NavList/__stories__/WithSubMenu.d.ts +0 -2
  252. package/src/navigation/NavList/__stories__/NavVertical.tsx +0 -36
  253. package/src/navigation/NavList/__stories__/NavVerticalWithTitle.tsx +0 -40
  254. 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,2 +0,0 @@
1
- export declare const NavVertical: () => JSX.Element;
2
- export default NavVertical;
@@ -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,2 +0,0 @@
1
- export declare const NavVerticalLayout: () => JSX.Element;
2
- export default NavVerticalLayout;
@@ -1,2 +0,0 @@
1
- export declare const NavVerticalWithTitle: () => JSX.Element;
2
- export default NavVerticalWithTitle;
@@ -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,2 +0,0 @@
1
- export declare const WithBurgerIcon: () => JSX.Element;
2
- export default WithBurgerIcon;
@@ -1,2 +0,0 @@
1
- export declare const WithSubMenu: () => JSX.Element;
2
- export default WithSubMenu;
@@ -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;