@digigov/ui 2.0.0-18c66302 → 2.0.0-2271444d

package/src/navigation/Link/doc.mdx

@@ -7,23 +7,23 @@ title: Link
 
 ## How to use
 
-<code src="@digigov/ui/navigation/Link/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/navigation/Link/__stories__/Default.tsx" />
 
 ### No Underline
 
-<code src="@digigov/ui/navigation/Link/__stories__/NoUnderline.tsx" />
+<code src="@digigov/ui/src/navigation/Link/__stories__/NoUnderline.tsx" />
 
 ### Opens in a new tab
 
-<code src="@digigov/ui/navigation/Link/__stories__/OpensInNewTab.tsx" />
+<code src="@digigov/ui/src/navigation/Link/__stories__/OpensInNewTab.tsx" />
 
 ### At dark background
 
-<code src="@digigov/ui/navigation/Link/__stories__/DarkBackground.tsx" />
+<code src="@digigov/ui/src/navigation/Link/__stories__/DarkBackground.tsx" />
 
 ### At dark background and no underline
 
-<code src="@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />
+<code src="@digigov/ui/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />
 
 ### Accessibility
 

package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap

@@ -1,7 +1,17 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders the ErrorSummary with sample data 1`] = `
-<ForwardRef(NavList2)>
-  this is some random warning text
-</ForwardRef(NavList2)>
+Object {
+  "$$typeof": Symbol(react.transitional.element),
+  "_owner": null,
+  "_store": Object {},
+  "key": null,
+  "props": Object {
+    "children": "this is some random warning text",
+  },
+  "type": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
+}
 `;

package/src/navigation/NavList/doc.mdx

@@ -9,19 +9,19 @@ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
 
 ## How to use
 
-<code src="@digigov/ui/navigation/NavList/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/navigation/NavList/__stories__/Default.tsx" />
 
 ### Vertical NavList
 
-<code src="@digigov/ui/navigation/NavList/__stories__/Vertical.tsx" />
+<code src="@digigov/ui/src/navigation/NavList/__stories__/Vertical.tsx" />
 
 ### Horizontal NavList with submenu
 
-<code src="@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx" />
+<code src="@digigov/ui/src/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx" />
 
 ### Vertical NavList with submenu
 
-<code src="@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx" />
+<code src="@digigov/ui/src/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx" />
 
 ### Auto
 
@@ -31,7 +31,7 @@ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
 
 This is an implementation of NavList, utilizing the `useNavList` hook to register each item along with its associated content.
 
-<code src="@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto.tsx" />
+<code src="@digigov/ui/src/navigation/NavList/__stories__/UsingNavListAuto.tsx" />
 
 ## Accessibility
 
@@ -56,4 +56,4 @@ See below for a complete reference to all of the props available to the componen
     'NavMenuContentListItem',
     'NavMenuTitle',
   ]}
-/>{' '}
+/>

package/src/navigation/Pagination/doc.mdx

@@ -9,19 +9,23 @@ pagination component displays a list of page numbers, and allows the user to nav
 
 ## How to use
 
-<code src="@digigov/ui/navigation/Pagination/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/navigation/Pagination/__stories__/Default.tsx" />
 
 ### With inactive values
 
-<code src="@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues.tsx" />
+<code src="@digigov/ui/src/navigation/Pagination/__stories__/WithInactiveValues.tsx" />
 
 ### With small fonts
 
-<code src="@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx" />
+<code src="@digigov/ui/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx" />
+
+### Dense 
+
+<code src="@digigov/ui/src/navigation/Pagination/__stories__/PaginationSmall.tsx" />
 
 ### With results per page
 
-<code src="@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage.tsx" />
+<code src="@digigov/ui/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx" />
 
 ## API
 
@@ -34,4 +38,4 @@ See below for a complete reference to all of the props available to the componen
     'PaginationList',
     'PaginationListItem',
   ]}
-/>{' '}
+/>

package/src/navigation/Pagination/hooks.ts

@@ -53,8 +53,8 @@ export const usePagination = ({
       ? currentPage * currentResultsPerPage
       : total;
 
-  const labelRef = useRef<React.RefObject<HTMLDivElement>>();
-  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>();
+  const labelRef = useRef<React.RefObject<HTMLDivElement>>(undefined);
+  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>(undefined);
 
   useEffect(() => {
     setCurrentPage(totalPages < currentPage ? totalPages : currentPage);

package/src/navigation/SkipLink/SkipLink.stories.js

@@ -1,9 +1,13 @@
 import SkipLink from '@digigov/ui/navigation/SkipLink';
+import doc from './doc.mdx?raw';
+
 export default {
   title: 'Digigov UI/navigation/SkipLink',
   description:
     'Use the skip link component to help keyboard-only users skip to the main content on a page.',
   component: SkipLink,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'SkipLink',
 };
 export { Default } from '@digigov/ui/navigation/SkipLink/__stories__/Default';

package/src/navigation/SkipLink/doc.mdx

@@ -0,0 +1,19 @@
+---
+id: skip-link
+title: SkipLink
+---
+
+# SkipLink
+
+SkipLink is a component that allows users to skip to the main content of the page.
+
+## How to use
+
+<code src="@digigov/ui/src/navigation/SkipLink/__stories__/Default.tsx" />
+
+
+## API
+
+See below for a complete reference to all of the props available to the components mentioned here.
+
+<ComponentProps componentName={['SkipLink',]}/>

package/src/navigation/Tabs/doc.mdx

@@ -9,15 +9,15 @@ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
 
 ## How to use
 
-<code src="@digigov/ui/navigation/Tabs/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/navigation/Tabs/__stories__/Default.tsx" />
 
 ### With dense style
 
-<code src="@digigov/ui/navigation/Tabs/__stories__/Dense.tsx" />
+<code src="@digigov/ui/src/navigation/Tabs/__stories__/Dense.tsx" />
 
 ### Using Accordion
 
-<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
+<code src="@digigov/ui/src/navigation/Tabs/__stories__/UsingAccordion.tsx" />
 
 ### Auto
 
@@ -27,7 +27,7 @@ This is an implementation of the Tabs collection, encapsulated within a `TabsCon
     <PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
 </PhaseBanner>
 
-<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
+<code src="@digigov/ui/src/navigation/Tabs/__stories__/UsingAccordion.tsx" />
 
 ## Accessibility
 

package/src/navigation/Tabs/hooks.ts

@@ -17,7 +17,7 @@ export interface UseTabsReturn {
     tabIndex: number;
     onClick: (e: any) => void;
     onKeyDown: (e: React.KeyboardEvent) => void;
-    ref?: React.RefObject<HTMLAnchorElement>;
+    ref?: React.RefObject<HTMLAnchorElement | null>;
   };
   panel: (id: TabId) => {
     tab: TabId;
@@ -34,7 +34,7 @@ export const useTabs = ({
   defaultOpen = null,
 }: UseTabsProps = {}): UseTabsReturn => {
   const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);
-  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(
+  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement | null>>>(
     new Map()
   );
   const { screenSize } = useScreenSize();

package/src/{registry.js → registry.ts}

@@ -5,9 +5,9 @@ import * as _digigov_ui_app from "@digigov/ui/app";
 import * as _digigov_ui_content from "@digigov/ui/content";
 import * as _digigov_ui_feedback from "@digigov/ui/feedback";
 import * as _digigov_ui_form from "@digigov/ui/form";
+import * as _digigov_ui_govgr from "@digigov/ui/govgr";
 import * as _digigov_ui_i18n_I18nText from "@digigov/ui/i18n/I18nText";
 import * as _digigov_ui_i18n from "@digigov/ui/i18n";
-import * as _digigov_ui_govgr from "@digigov/ui/govgr";
 import * as _digigov_ui_icons from "@digigov/ui/icons";
 import * as _digigov_ui_layouts from "@digigov/ui/layouts";
 import * as _digigov_ui_navigation from "@digigov/ui/navigation";
@@ -50,14 +50,15 @@ import * as _digigov_ui_app_hooks_useFontSize from "@digigov/ui/app/hooks/useFon
 import * as _digigov_ui_app_hooks_useHighlightLinks from "@digigov/ui/app/hooks/useHighlightLinks";
 import * as _digigov_ui_app_hooks_useLetterSpacing from "@digigov/ui/app/hooks/useLetterSpacing";
 import * as _digigov_ui_app_hooks_useLineHeight from "@digigov/ui/app/hooks/useLineHeight";
+import * as _digigov_ui_app_hooks_useNotificationArea from "@digigov/ui/app/hooks/useNotificationArea";
 import * as _digigov_ui_app_hooks_useTheme from "@digigov/ui/app/hooks/useTheme";
 import * as _digigov_ui_app_hooks_useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
 import * as _digigov_ui_content_Accordion_auto from "@digigov/ui/content/Accordion/auto";
 import * as _digigov_ui_content_Accordion_hooks from "@digigov/ui/content/Accordion/hooks";
 import * as _digigov_ui_content_Accordion from "@digigov/ui/content/Accordion";
 import * as _digigov_ui_content_Blockquote from "@digigov/ui/content/Blockquote";
-import * as _digigov_ui_content_Chip from "@digigov/ui/content/Chip";
 import * as _digigov_ui_content_Card from "@digigov/ui/content/Card";
+import * as _digigov_ui_content_Chip from "@digigov/ui/content/Chip";
 import * as _digigov_ui_content_Details from "@digigov/ui/content/Details";
 import * as _digigov_ui_content_FillableText from "@digigov/ui/content/FillableText";
 import * as _digigov_ui_content_List_List from "@digigov/ui/content/List/List";
@@ -97,8 +98,6 @@ import * as _digigov_ui_form_SelectContainer from "@digigov/ui/form/SelectContai
 import * as _digigov_ui_form_SingleCharacterInputs from "@digigov/ui/form/SingleCharacterInputs";
 import * as _digigov_ui_form_TextArea from "@digigov/ui/form/TextArea";
 import * as _digigov_ui_form_TextInput from "@digigov/ui/form/TextInput";
-import * as _digigov_ui_i18n_locales_el from "@digigov/ui/i18n/locales/el";
-import * as _digigov_ui_i18n_locales_en from "@digigov/ui/i18n/locales/en";
 import * as _digigov_ui_govgr_Footer_Copyright from "@digigov/ui/govgr/Footer/Copyright";
 import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
 import * as _digigov_ui_govgr_Footer_LicenseCCSA from "@digigov/ui/govgr/Footer/LicenseCCSA";
@@ -113,6 +112,8 @@ import * as _digigov_ui_govgr_images_grnet_logo_base64 from "@digigov/ui/govgr/i
 import * as _digigov_ui_govgr_images from "@digigov/ui/govgr/images";
 import * as _digigov_ui_govgr_images_minedu_logo_base64 from "@digigov/ui/govgr/images/minedu-logo-base64";
 import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from "@digigov/ui/govgr/images/minedu-logo-black-base64";
+import * as _digigov_ui_i18n_locales_el from "@digigov/ui/i18n/locales/el";
+import * as _digigov_ui_i18n_locales_en from "@digigov/ui/i18n/locales/en";
 import * as _digigov_ui_icons_Icon from "@digigov/ui/icons/Icon";
 import * as _digigov_ui_icons_IconBase from "@digigov/ui/icons/IconBase";
 import * as _digigov_ui_icons_ImageLogo from "@digigov/ui/icons/ImageLogo";
@@ -178,7 +179,6 @@ import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion f
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck";
 import * as _digigov_ui_content_Table_hooks_useSort from "@digigov/ui/content/Table/hooks/useSort";
 import * as _digigov_ui_form_AutoComplete_Status from "@digigov/ui/form/AutoComplete/Status";
-import * as _digigov_ui_form_AutoComplete___stories___utils from "@digigov/ui/form/AutoComplete/__stories__/utils";
 import * as _digigov_ui_govgr_Footer_logos_logo_el from "@digigov/ui/govgr/Footer/logos/logo-el";
 import * as _digigov_ui_govgr_Footer_logos_logo_en from "@digigov/ui/govgr/Footer/logos/logo-en";
 import * as _digigov_ui_layouts_Basic_Aside from "@digigov/ui/layouts/Basic/Aside";
@@ -214,9 +214,9 @@ export default {
   '@digigov/ui/content': lazyImport(_digigov_ui_content),
   '@digigov/ui/feedback': lazyImport(_digigov_ui_feedback),
   '@digigov/ui/form': lazyImport(_digigov_ui_form),
+  '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/i18n/I18nText': lazyImport(_digigov_ui_i18n_I18nText),
   '@digigov/ui/i18n': lazyImport(_digigov_ui_i18n),
-  '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/icons': lazyImport(_digigov_ui_icons),
   '@digigov/ui/layouts': lazyImport(_digigov_ui_layouts),
   '@digigov/ui/navigation': lazyImport(_digigov_ui_navigation),
@@ -259,14 +259,15 @@ export default {
   '@digigov/ui/app/hooks/useHighlightLinks': lazyImport(_digigov_ui_app_hooks_useHighlightLinks),
   '@digigov/ui/app/hooks/useLetterSpacing': lazyImport(_digigov_ui_app_hooks_useLetterSpacing),
   '@digigov/ui/app/hooks/useLineHeight': lazyImport(_digigov_ui_app_hooks_useLineHeight),
+  '@digigov/ui/app/hooks/useNotificationArea': lazyImport(_digigov_ui_app_hooks_useNotificationArea),
   '@digigov/ui/app/hooks/useTheme': lazyImport(_digigov_ui_app_hooks_useTheme),
   '@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
   '@digigov/ui/content/Accordion/auto': lazyImport(_digigov_ui_content_Accordion_auto),
   '@digigov/ui/content/Accordion/hooks': lazyImport(_digigov_ui_content_Accordion_hooks),
   '@digigov/ui/content/Accordion': lazyImport(_digigov_ui_content_Accordion),
   '@digigov/ui/content/Blockquote': lazyImport(_digigov_ui_content_Blockquote),
-  '@digigov/ui/content/Chip': lazyImport(_digigov_ui_content_Chip),
   '@digigov/ui/content/Card': lazyImport(_digigov_ui_content_Card),
+  '@digigov/ui/content/Chip': lazyImport(_digigov_ui_content_Chip),
   '@digigov/ui/content/Details': lazyImport(_digigov_ui_content_Details),
   '@digigov/ui/content/FillableText': lazyImport(_digigov_ui_content_FillableText),
   '@digigov/ui/content/List/List': lazyImport(_digigov_ui_content_List_List),
@@ -306,8 +307,6 @@ export default {
   '@digigov/ui/form/SingleCharacterInputs': lazyImport(_digigov_ui_form_SingleCharacterInputs),
   '@digigov/ui/form/TextArea': lazyImport(_digigov_ui_form_TextArea),
   '@digigov/ui/form/TextInput': lazyImport(_digigov_ui_form_TextInput),
-  '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
-  '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
   '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
   '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
   '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),
@@ -322,6 +321,8 @@ export default {
   '@digigov/ui/govgr/images': lazyImport(_digigov_ui_govgr_images),
   '@digigov/ui/govgr/images/minedu-logo-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_base64),
   '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
+  '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
+  '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
   '@digigov/ui/icons/Icon': lazyImport(_digigov_ui_icons_Icon),
   '@digigov/ui/icons/IconBase': lazyImport(_digigov_ui_icons_IconBase),
   '@digigov/ui/icons/ImageLogo': lazyImport(_digigov_ui_icons_ImageLogo),
@@ -387,7 +388,6 @@ export default {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/content/Table/hooks/useSort': lazyImport(_digigov_ui_content_Table_hooks_useSort),
   '@digigov/ui/form/AutoComplete/Status': lazyImport(_digigov_ui_form_AutoComplete_Status),
-  '@digigov/ui/form/AutoComplete/__stories__/utils': lazyImport(_digigov_ui_form_AutoComplete___stories___utils),
   '@digigov/ui/govgr/Footer/logos/logo-el': lazyImport(_digigov_ui_govgr_Footer_logos_logo_el),
   '@digigov/ui/govgr/Footer/logos/logo-en': lazyImport(_digigov_ui_govgr_Footer_logos_logo_en),
   '@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),