@digigov/ui 0.31.0 → 0.32.0

package/core/NavList/__stories__/NavListSecondaryAutoExample.js

@@ -1,281 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavListSecondaryAutoExample = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _NavList = require("@digigov/ui/core/NavList");
-
-var _NavListItemAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto"));
-
-var _FieldContainer = _interopRequireWildcard(require("@digigov/ui/core/FieldContainer"));
-
-var _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
-
-var _RadioContainer = require("@digigov/ui/core/RadioContainer");
-
-var _SectionBreak = require("@digigov/ui/core/SectionBreak");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var links = [{
-  name: 'Nav1',
-  label: 'Item list 1',
-  menu: {
-    title: 'This is the first Menu',
-    links: [{
-      name: 'Nav1__Nav1.1',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav1__Nav1.2',
-      label: 'link navigation',
-      href: '?q=item'
-    }]
-  }
-}, {
-  name: 'Nav2',
-  label: 'Item list 2',
-  menu: {
-    title: 'This is the second Menu',
-    links: [{
-      name: 'Nav2__Nav2.1',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.2',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.3',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.4',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.5',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.6',
-      label: 'link navigation',
-      href: '?q=item'
-    }, {
-      name: 'Nav2__Nav2.7',
-      label: 'link navigation',
-      href: '?q=item'
-    }]
-  }
-}, {
-  name: 'Nav3',
-  label: 'Item list 3',
-  subMenu: [{
-    name: 'Nav3__Nav3.1',
-    label: 'Item list 4',
-    href: '?q=item4'
-  }, {
-    name: 'Nav3__Nav3.2',
-    label: 'Item list 5',
-    subMenu: [{
-      name: 'Nav3__Nav3.2__Nav3.2.1',
-      label: 'Item list 5.2',
-      menu: {
-        title: 'This is the fifth Menu',
-        links: [{
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.1',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.2',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.3',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.4',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.5',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.6',
-          label: 'link navigation',
-          href: '?q=item'
-        }, {
-          name: 'Nav3__Nav3.2__Nav3.2.1__Nav3.2.1.7',
-          label: 'link navigation',
-          href: '?q=item'
-        }]
-      }
-    }]
-  }, {
-    name: 'Nav3__Nav3.3',
-    label: 'Item list 6',
-    menu: {
-      title: 'This is the sixth Menu',
-      links: [{
-        name: 'Nav3__Nav3.3__Nav3.3.1',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.2',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.3',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.4',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.5',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.6',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.7',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.8',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.9',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.10',
-        label: 'link navigation',
-        href: '?q=item'
-      }, {
-        name: 'Nav3__Nav3.3__Nav3.3.11',
-        label: 'link navigation',
-        href: '?q=item'
-      }]
-    }
-  }]
-}];
-
-var _ref = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
-  visible: false,
-  size: "l"
-});
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
-  id: "name-hint"
-}, "Layout options:");
-
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
-  id: "name-hint"
-}, "Bottom border:");
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
-  id: "name-hint"
-}, "Position fixed:");
-
-var NavListSecondaryAutoExample = function NavListSecondaryAutoExample() {
-  var _useState = (0, _react.useState)('horizontal'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      layout = _useState2[0],
-      setLayout = _useState2[1];
-
-  var _useState3 = (0, _react.useState)('no'),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      border = _useState4[0],
-      setBorder = _useState4[1];
-
-  var _useState5 = (0, _react.useState)('no'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      fixed = _useState6[0],
-      setFixed = _useState6[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
-    layout: layout,
-    border: border === 'yes',
-    fixed: fixed === 'yes',
-    links: links,
-    "aria-label": "Nav list"
-  }, links.map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
-      key: key,
-      item: item
-    });
-  })), _ref, /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
-    "aria-describedby": "name-hint"
-  }, _ref2, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: layout === 'vertical',
-    name: "changed_display",
-    value: "vertical",
-    onClick: function onClick() {
-      return setLayout('vertical');
-    }
-  }, "Vertical"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: layout === 'horizontal',
-    name: "changed_display",
-    value: "horizontal",
-    onClick: function onClick() {
-      return setLayout('horizontal');
-    }
-  }, "Horizontal")), _ref3, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: border === 'yes',
-    name: "changed_border",
-    value: "yes",
-    onClick: function onClick() {
-      return setBorder('yes');
-    }
-  }, "Yes"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: border === 'no',
-    name: "changed_border",
-    value: "no",
-    onClick: function onClick() {
-      return setBorder('no');
-    }
-  }, "No")), _ref4, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: fixed === 'yes',
-    name: "changed_position",
-    value: "yes",
-    onClick: function onClick() {
-      return setFixed('yes');
-    }
-  }, "Yes"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-    defaultChecked: fixed === 'no',
-    name: "changed_position",
-    value: "no",
-    onClick: function onClick() {
-      return setFixed('no');
-    }
-  }, "No")))));
-};
-
-exports.NavListSecondaryAutoExample = NavListSecondaryAutoExample;
-var _default = NavListSecondaryAutoExample;
-exports["default"] = _default;

package/core/NavList/__stories__/NavListVerticalAutoExample.d.ts

@@ -1,2 +0,0 @@
-export declare const NavListVerticalAutoExample: () => JSX.Element;
-export default NavListVerticalAutoExample;

package/core/NavList/__stories__/NavListVerticalAutoExample.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavListVerticalAutoExample = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _NavList = require("@digigov/ui/core/NavList");
-
-var _NavListItemAuto = _interopRequireDefault(require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto"));
-
-var links = [{
-  name: 'Nav1',
-  label: 'Nav list item 1',
-  href: '#'
-}, {
-  name: 'Nav2',
-  label: 'Nav list item 2',
-  menu: {
-    title: 'This is the first Menu',
-    links: [{
-      name: 'Nav2.1',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.2',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.3',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.4',
-      label: 'link navigation',
-      href: '#'
-    }]
-  }
-}, {
-  name: 'Nav3',
-  label: 'Nav list item 3',
-  href: '#'
-}];
-
-var NavListVerticalAutoExample = function NavListVerticalAutoExample() {
-  var layout = 'vertical';
-  var border = false;
-  return /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
-    layout: layout,
-    border: border,
-    links: links,
-    "aria-label": "Nav list"
-  }, links.map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
-      key: key,
-      item: item
-    });
-  }));
-};
-
-exports.NavListVerticalAutoExample = NavListVerticalAutoExample;
-var _default = NavListVerticalAutoExample;
-exports["default"] = _default;

package/es/core/NavList/__stories__/NavListEpathlaExample.js

@@ -1,135 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { NavListAuto, NavListItem, NavMenu, NavMenuContainer, NavMenuContainerContent, NavMenuContainerContentList, NavMenuContainerContentListItem, NavMenuContainerTitle, isNavListItemLinkInterface } from '@digigov/ui/core/NavList';
-import { useNavList } from '@digigov/ui/hooks/useNavList';
-import { Link } from '@digigov/ui/core';
-var LANG = 'el';
-var DEFAULT_HREF_FLAG = true;
-var epathlaLinks = [{
-  name: 'index',
-  href: DEFAULT_HREF_FLAG ? '#index' : "/".concat(LANG),
-  label: 'Αρχική'
-}, {
-  name: 'epathla',
-  label: 'Ε.Π.ΑΘΛ.Α',
-  subMenu: [{
-    name: 'epathla/aim',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/aim"),
-    label: 'Σκοπός'
-  }, {
-    name: 'epathla/structure',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/structure"),
-    label: 'Δομή'
-  }, {
-    name: 'epathla/members',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/members"),
-    label: 'Συγκρότηση'
-  }, {
-    name: 'epathla/wording-groups',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/working-groups"),
-    label: 'Ομάδες εργασίας'
-  }]
-}, {
-  name: 'sport-manipulation',
-  label: 'Χειραγώγηση Αγώνων',
-  subMenu: [{
-    name: 'sport-manipulation/macolin',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/macolin"),
-    label: 'Σύμβαση Macolin'
-  }, {
-    name: 'sport-manipulation/terminology',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/terminology"),
-    label: 'Ορολογία'
-  }, {
-    name: 'sport-manipulation/typology',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/typology"),
-    label: 'Τυπολογία'
-  }, {
-    name: 'sport-manipulation/law',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/law"),
-    label: 'Νομοθεσία'
-  }, {
-    name: 'sport-manipulation/documents',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/documents"),
-    label: 'Κείμενα αναφοράς διεθνών οργανισμών'
-  }]
-}, {
-  name: 'educational-material',
-  label: 'Εκπαιδευτικό υλικό',
-  subMenu: [{
-    name: 'educational-material/videos',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/videos"),
-    label: 'Βίντεο'
-  }, {
-    name: 'educational-material/presentations',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/presentations"),
-    label: 'Παρουσιάσεις'
-  }, {
-    name: 'educational-material/other-texts',
-    href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/other-texts"),
-    label: 'Άλλα κείμενα'
-  }]
-}, {
-  name: 'news',
-  href: DEFAULT_HREF_FLAG ? '#news' : "/".concat(LANG, "/news"),
-  label: 'Νέα'
-}, {
-  name: 'send-report',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/send-report"),
-  label: 'Προστάτεψε το άθλημά σου'
-}, {
-  name: 'links',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/links"),
-  label: 'Σύνδεσμοι'
-}, {
-  name: 'contact',
-  href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/contact"),
-  label: 'Επικοινωνία'
-}];
-export var NavListEpathlaExample = function NavListEpathlaExample() {
-  var _useNavList = useNavList(),
-      container = _useNavList.container,
-      registerButton = _useNavList.registerButton,
-      registerLink = _useNavList.registerLink;
-
-  var setRegisterButton = function setRegisterButton(name) {
-    return _extends({}, registerButton(name));
-  };
-
-  var setRegisterLink = function setRegisterLink(name) {
-    return _extends({}, registerLink(name));
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListAuto, {
-    layout: 'horizontal',
-    links: epathlaLinks,
-    "aria-label": "Nav list"
-  }, epathlaLinks.map(function (item, key) {
-    var _container, _item$subMenu;
-
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: key
-    }, /*#__PURE__*/React.createElement(NavListItem, {
-      link: item,
-      setRegisterButton: setRegisterButton,
-      setRegisterLink: setRegisterLink
-    }), (item === null || item === void 0 ? void 0 : item.subMenu) && /*#__PURE__*/React.createElement(NavMenu, _extends({}, container(item.name), {
-      "aria-expanded": (_container = container(item.name)) === null || _container === void 0 ? void 0 : _container.active
-    }), /*#__PURE__*/React.createElement(NavMenuContainer, {
-      paddingLeft: 5,
-      paddingRight: 5
-    }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, item.label), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
-      role: "menu"
-    }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
-      return isNavListItemLinkInterface(subMenu) && /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
-        key: menuIndex,
-        role: "presentation"
-      }, /*#__PURE__*/React.createElement(Link, {
-        role: "menuitem",
-        id: "".concat(item.name, "-").concat(menuIndex),
-        href: subMenu.href
-      }, subMenu.label));
-    }))))));
-  })));
-};
-export default NavListEpathlaExample;

package/es/core/NavList/__stories__/NavListHorizontalAutoExample.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { NavListAuto } from '@digigov/ui/core/NavList';
-import NavListItemAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
-var links = [{
-  name: 'Nav1',
-  label: 'Nav list item 1',
-  href: '#'
-}, {
-  name: 'Nav2',
-  label: 'Nav list item 2',
-  menu: {
-    title: 'This is the first Menu',
-    links: [{
-      name: 'Nav2.1',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.2',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.3',
-      label: 'link navigation',
-      href: '#'
-    }, {
-      name: 'Nav2.4',
-      label: 'link navigation',
-      href: '#'
-    }]
-  }
-}, {
-  name: 'Nav3',
-  label: 'Nav list item 3',
-  href: '#'
-}];
-export var NavListHorizontalAutoExample = function NavListHorizontalAutoExample() {
-  var layout = 'horizontal';
-  var border = true;
-  return /*#__PURE__*/React.createElement(NavListAuto, {
-    layout: layout,
-    border: border,
-    links: links,
-    "aria-label": "Nav list"
-  }, links.map(function (item, key) {
-    return /*#__PURE__*/React.createElement(NavListItemAuto, {
-      key: key,
-      item: item
-    });
-  }));
-};
-export default NavListHorizontalAutoExample;