@digigov/ui 0.31.0 → 0.32.0

package/esm/core/NavList/__stories__/NavListSecondaryAutoExample.js

@@ -1,255 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
-import { NavListAuto } from '@digigov/ui/core/NavList';
-import NavListItemAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
-import FieldContainer, { Fieldset } from '@digigov/ui/core/FieldContainer';
-import Hint from '@digigov/ui/typography/Hint';
-import { RadioContainer, RadioItem } from '@digigov/ui/core/RadioContainer';
-import { SectionBreak } from '@digigov/ui/core/SectionBreak';
-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.createElement(SectionBreak, {
-  visible: false,
-  size: "l"
-});
-
-var _ref2 = /*#__PURE__*/React.createElement(Hint, {
-  id: "name-hint"
-}, "Layout options:");
-
-var _ref3 = /*#__PURE__*/React.createElement(Hint, {
-  id: "name-hint"
-}, "Bottom border:");
-
-var _ref4 = /*#__PURE__*/React.createElement(Hint, {
-  id: "name-hint"
-}, "Position fixed:");
-
-export var NavListSecondaryAutoExample = function NavListSecondaryAutoExample() {
-  var _useState = useState('horizontal'),
-      _useState2 = _slicedToArray(_useState, 2),
-      layout = _useState2[0],
-      setLayout = _useState2[1];
-
-  var _useState3 = useState('no'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      border = _useState4[0],
-      setBorder = _useState4[1];
-
-  var _useState5 = useState('no'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      fixed = _useState6[0],
-      setFixed = _useState6[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListAuto, {
-    layout: layout,
-    border: border === 'yes',
-    fixed: fixed === 'yes',
-    links: links,
-    "aria-label": "Nav list"
-  }, links.map(function (item, key) {
-    return /*#__PURE__*/React.createElement(NavListItemAuto, {
-      key: key,
-      item: item
-    });
-  })), _ref, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
-    "aria-describedby": "name-hint"
-  }, _ref2, /*#__PURE__*/React.createElement(RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: layout === 'vertical',
-    name: "changed_display",
-    value: "vertical",
-    onClick: function onClick() {
-      return setLayout('vertical');
-    }
-  }, "Vertical"), /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: layout === 'horizontal',
-    name: "changed_display",
-    value: "horizontal",
-    onClick: function onClick() {
-      return setLayout('horizontal');
-    }
-  }, "Horizontal")), _ref3, /*#__PURE__*/React.createElement(RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: border === 'yes',
-    name: "changed_border",
-    value: "yes",
-    onClick: function onClick() {
-      return setBorder('yes');
-    }
-  }, "Yes"), /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: border === 'no',
-    name: "changed_border",
-    value: "no",
-    onClick: function onClick() {
-      return setBorder('no');
-    }
-  }, "No")), _ref4, /*#__PURE__*/React.createElement(RadioContainer, {
-    inline: true
-  }, /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: fixed === 'yes',
-    name: "changed_position",
-    value: "yes",
-    onClick: function onClick() {
-      return setFixed('yes');
-    }
-  }, "Yes"), /*#__PURE__*/React.createElement(RadioItem, {
-    defaultChecked: fixed === 'no',
-    name: "changed_position",
-    value: "no",
-    onClick: function onClick() {
-      return setFixed('no');
-    }
-  }, "No")))));
-};
-export default NavListSecondaryAutoExample;

package/esm/core/NavList/__stories__/NavListVerticalAutoExample.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 NavListVerticalAutoExample = function NavListVerticalAutoExample() {
-  var layout = 'vertical';
-  var border = false;
-  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 NavListVerticalAutoExample;

package/src/core/NavList/__stories__/NavListEpathlaExample.tsx

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

package/src/core/NavList/__stories__/NavListHorizontalAutoExample.tsx

@@ -1,65 +0,0 @@
-import React from 'react';
-import { NavListAuto } from '@digigov/ui/core/NavList';
-import NavListItemAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
-
-const 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 const NavListHorizontalAutoExample = () => {
-  const layout = 'horizontal';
-  const border = true;
-
-  return (
-    <NavListAuto
-      layout={layout}
-      border={border}
-      links={links}
-      aria-label="Nav list"
-    >
-      {links.map((item, key) => (
-        <NavListItemAuto key={key} item={item} />
-      ))}
-    </NavListAuto>
-  );
-};
-
-export default NavListHorizontalAutoExample;