@digigov/ui 2.0.0-2445d5cb → 2.0.0-36b707c1

package/src/lazy.js

@@ -52,12 +52,8 @@ export default {
   'ModalHeading': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalHeading']}))),
   'ModalContent': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalContent']}))),
   'ModalAction': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalAction']}))),
-  'ModalAuto': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalAuto']}))),
-  'ModalButtonAuto': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalButtonAuto']}))),
-  'ModalContext': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalContext']}))),
-  'ModalProvider': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalProvider']}))),
-  'Modal': lazy(() => import('@digigov/ui/app/Modal/Modal').then((module)=> ({default: module['Modal']}))),
-  'ModalBase': lazy(() => import('@digigov/ui/app/Modal/Modal').then((module)=> ({default: module['ModalBase']}))),
+  'Modal': lazy(() => import('@digigov/ui/app/Modal/index.web').then((module)=> ({default: module['Modal']}))),
+  'ModalBase': lazy(() => import('@digigov/ui/app/Modal/index.web').then((module)=> ({default: module['ModalBase']}))),
   'NotFound': lazy(() => import('@digigov/ui/app/NotFound').then((module)=> ({default: module['NotFound']}))),
   'PageTitleContainer': lazy(() => import('@digigov/ui/app/PageTitleContainer').then((module)=> ({default: module['PageTitleContainer']}))),
   'PageTitleCaption': lazy(() => import('@digigov/ui/app/PageTitleContainer').then((module)=> ({default: module['PageTitleCaption']}))),
@@ -66,6 +62,10 @@ export default {
   'QrCodeScanner': lazy(() => import('@digigov/ui/app/QrCodeScanner').then((module)=> ({default: module['QrCodeScanner']}))),
   'QrCodeViewer': lazy(() => import('@digigov/ui/app/QrCodeViewer').then((module)=> ({default: module['QrCodeViewer']}))),
   'ThemeOptions': lazy(() => import('@digigov/ui/app/ThemeOptions').then((module)=> ({default: module['ThemeOptions']}))),
+  'ModalAuto': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalAuto']}))),
+  'ModalButtonAuto': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalButtonAuto']}))),
+  'ModalContext': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalContext']}))),
+  'ModalProvider': lazy(() => import('@digigov/ui/app/Modal/auto').then((module)=> ({default: module['ModalProvider']}))),
   'MARGIN_SIZE': lazy(() => import('@digigov/ui/app/QrCodeViewer/utils').then((module)=> ({default: module['MARGIN_SIZE']}))),
   'Skeleton': lazy(() => import('@digigov/ui/app/Skeleton').then((module)=> ({default: module['Skeleton']}))),
   'AccordionAuto': lazy(() => import('@digigov/ui/content/Accordion/auto').then((module)=> ({default: module['AccordionAuto']}))),
@@ -104,10 +104,6 @@ export default {
   'StepNavControls': lazy(() => import('@digigov/ui/content/StepNav').then((module)=> ({default: module['StepNavControls']}))),
   'StepNavList': lazy(() => import('@digigov/ui/content/StepNav').then((module)=> ({default: module['StepNavList']}))),
   'StepNavListItem': lazy(() => import('@digigov/ui/content/StepNav').then((module)=> ({default: module['StepNavListItem']}))),
-  'StepNavAccordionAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavAccordionAuto']}))),
-  'StepNavAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavAuto']}))),
-  'StepNavCloseAllButtonAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavCloseAllButtonAuto']}))),
-  'StepNavOpenAllButtonAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavOpenAllButtonAuto']}))),
   'StepNavAccordion': lazy(() => import('@digigov/ui/content/StepNav').then((module)=> ({default: module['StepNavAccordion']}))),
   'SummaryList': lazy(() => import('@digigov/ui/content/SummaryList').then((module)=> ({default: module['SummaryList']}))),
   'SummaryListItemAction': lazy(() => import('@digigov/ui/content/SummaryList').then((module)=> ({default: module['SummaryListItemAction']}))),
@@ -139,6 +135,10 @@ export default {
   'TimelineActions': lazy(() => import('@digigov/ui/content/Timeline').then((module)=> ({default: module['TimelineActions']}))),
   'Markdown': lazy(() => import('@digigov/ui/content/Markdown').then((module)=> ({default: module['Markdown']}))),
   'SafeHTML': lazy(() => import('@digigov/ui/content/SafeHTML').then((module)=> ({default: module['SafeHTML']}))),
+  'StepNavAccordionAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavAccordionAuto']}))),
+  'StepNavAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavAuto']}))),
+  'StepNavCloseAllButtonAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavCloseAllButtonAuto']}))),
+  'StepNavOpenAllButtonAuto': lazy(() => import('@digigov/ui/content/StepNav/auto').then((module)=> ({default: module['StepNavOpenAllButtonAuto']}))),
   'CopyToClipboard': lazy(() => import('@digigov/ui/feedback/CopyToClipboard').then((module)=> ({default: module['CopyToClipboard']}))),
   'CopyToClipboardContainer': lazy(() => import('@digigov/ui/feedback/CopyToClipboard').then((module)=> ({default: module['CopyToClipboardContainer']}))),
   'CopyToClipboardMessage': lazy(() => import('@digigov/ui/feedback/CopyToClipboard').then((module)=> ({default: module['CopyToClipboardMessage']}))),
@@ -153,6 +153,7 @@ export default {
   'PhaseBannerHeaderContainer': lazy(() => import('@digigov/ui/feedback/PhaseBanner').then((module)=> ({default: module['PhaseBannerHeaderContainer']}))),
   'PhaseBannerTag': lazy(() => import('@digigov/ui/feedback/PhaseBanner').then((module)=> ({default: module['PhaseBannerTag']}))),
   'PhaseBannerText': lazy(() => import('@digigov/ui/feedback/PhaseBanner').then((module)=> ({default: module['PhaseBannerText']}))),
+  'WarningTextAssistive': lazy(() => import('@digigov/ui/feedback/WarningText').then((module)=> ({default: module['WarningTextAssistive']}))),
   'WarningText': lazy(() => import('@digigov/ui/feedback/WarningText').then((module)=> ({default: module['WarningText']}))),
   'AutoComplete': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoComplete']}))),
   'AutoCompleteAssistiveHint': lazy(() => import('@digigov/ui/form/AutoComplete').then((module)=> ({default: module['AutoCompleteAssistiveHint']}))),
@@ -173,6 +174,7 @@ export default {
   'ButtonGroup': lazy(() => import('@digigov/ui/form/Button').then((module)=> ({default: module['ButtonGroup']}))),
   'Checkbox': lazy(() => import('@digigov/ui/form/Checkbox').then((module)=> ({default: module['Checkbox']}))),
   'CheckboxItem': lazy(() => import('@digigov/ui/form/Checkbox').then((module)=> ({default: module['CheckboxItem']}))),
+  'CheckboxItemInput': lazy(() => import('@digigov/ui/form/Checkbox').then((module)=> ({default: module['CheckboxItemInput']}))),
   'CheckboxConditional': lazy(() => import('@digigov/ui/form/Checkbox').then((module)=> ({default: module['CheckboxConditional']}))),
   'DateInputContainer': lazy(() => import('@digigov/ui/form/DateInputContainer').then((module)=> ({default: module['DateInputContainer']}))),
   'DateInputItem': lazy(() => import('@digigov/ui/form/DateInputContainer').then((module)=> ({default: module['DateInputItem']}))),
@@ -256,11 +258,6 @@ export default {
   'BreadcrumbsListItem': lazy(() => import('@digigov/ui/navigation/Breadcrumbs').then((module)=> ({default: module['BreadcrumbsListItem']}))),
   'Drawer': lazy(() => import('@digigov/ui/navigation/Drawer').then((module)=> ({default: module['Drawer']}))),
   'DrawerHeading': lazy(() => import('@digigov/ui/navigation/Drawer').then((module)=> ({default: module['DrawerHeading']}))),
-  'DrawerAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerAuto']}))),
-  'DrawerButtonAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerButtonAuto']}))),
-  'DrawerContext': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerContext']}))),
-  'DrawerHeadingAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerHeadingAuto']}))),
-  'DrawerProvider': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerProvider']}))),
   'Dropdown': lazy(() => import('@digigov/ui/navigation/Dropdown').then((module)=> ({default: module['Dropdown']}))),
   'DropdownBase': lazy(() => import('@digigov/ui/navigation/Dropdown').then((module)=> ({default: module['DropdownBase']}))),
   'DropdownButton': lazy(() => import('@digigov/ui/navigation/Dropdown').then((module)=> ({default: module['DropdownButton']}))),
@@ -290,25 +287,12 @@ export default {
   'Pagination': lazy(() => import('@digigov/ui/navigation/Pagination').then((module)=> ({default: module['Pagination']}))),
   'PaginationList': lazy(() => import('@digigov/ui/navigation/Pagination').then((module)=> ({default: module['PaginationList']}))),
   'PaginationListItem': lazy(() => import('@digigov/ui/navigation/Pagination').then((module)=> ({default: module['PaginationListItem']}))),
-  'PaginationAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationAuto']}))),
-  'PaginationContextAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationContextAuto']}))),
-  'PaginationLabelAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationLabelAuto']}))),
-  'PaginationListAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationListAuto']}))),
-  'PaginationResultsPerPageSelectAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationResultsPerPageSelectAuto']}))),
   'SkipLink': lazy(() => import('@digigov/ui/navigation/SkipLink').then((module)=> ({default: module['SkipLink']}))),
   'Tabs': lazy(() => import('@digigov/ui/navigation/Tabs').then((module)=> ({default: module['Tabs']}))),
   'TabsList': lazy(() => import('@digigov/ui/navigation/Tabs').then((module)=> ({default: module['TabsList']}))),
   'TabsListItemBase': lazy(() => import('@digigov/ui/navigation/Tabs').then((module)=> ({default: module['TabsListItemBase']}))),
   'TabsPanelBase': lazy(() => import('@digigov/ui/navigation/Tabs').then((module)=> ({default: module['TabsPanelBase']}))),
   'TabsHeading': lazy(() => import('@digigov/ui/navigation/Tabs').then((module)=> ({default: module['TabsHeading']}))),
-  'TabsAuto': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsAuto']}))),
-  'TabsContext': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsContext']}))),
-  'TabsListItem': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsListItem']}))),
-  'TabsPanel': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsPanel']}))),
-  'BlockFilteredResults': lazy(() => import('@digigov/ui/patterns/FilteredResults').then((module)=> ({default: module['BlockFilteredResults']}))),
-  'DrawerFilteredResults': lazy(() => import('@digigov/ui/patterns/FilteredResults').then((module)=> ({default: module['DrawerFilteredResults']}))),
-  'FilteredResults': lazy(() => import('@digigov/ui/patterns/FilteredResults').then((module)=> ({default: module['FilteredResults']}))),
-  'FormBuilderSyncValues': lazy(() => import('@digigov/ui/patterns/FilteredResults').then((module)=> ({default: module['FormBuilderSyncValues']}))),
   'Heading': lazy(() => import('@digigov/ui/typography/Heading').then((module)=> ({default: module['Heading']}))),
   'HeadingCaption': lazy(() => import('@digigov/ui/typography/HeadingCaption').then((module)=> ({default: module['HeadingCaption']}))),
   'Paragraph': lazy(() => import('@digigov/ui/typography/Paragraph').then((module)=> ({default: module['Paragraph']}))),
@@ -324,12 +308,24 @@ export default {
   'BackToTopLink': lazy(() => import('@digigov/ui/navigation/BackToTopLink').then((module)=> ({default: module['BackToTopLink']}))),
   'BackToTopLimit': lazy(() => import('@digigov/ui/navigation/BackToTopLink').then((module)=> ({default: module['BackToTopLimit']}))),
   'BackToTopContainer': lazy(() => import('@digigov/ui/navigation/BackToTopLink').then((module)=> ({default: module['BackToTopContainer']}))),
-  'DataTable': lazy(() => import('@digigov/ui/patterns/FilteredResults/DataTable').then((module)=> ({default: module['DataTable']}))),
-  'FilterChips': lazy(() => import('@digigov/ui/patterns/FilteredResults/FilterChips').then((module)=> ({default: module['FilterChips']}))),
-  'FilterFields': lazy(() => import('@digigov/ui/patterns/FilteredResults/FilterFields').then((module)=> ({default: module['FilterFields']}))),
+  'DrawerAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerAuto']}))),
+  'DrawerButtonAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerButtonAuto']}))),
+  'DrawerContext': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerContext']}))),
+  'DrawerHeadingAuto': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerHeadingAuto']}))),
+  'DrawerProvider': lazy(() => import('@digigov/ui/navigation/Drawer/auto').then((module)=> ({default: module['DrawerProvider']}))),
+  'PaginationAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationAuto']}))),
+  'PaginationContextAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationContextAuto']}))),
+  'PaginationLabelAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationLabelAuto']}))),
+  'PaginationListAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationListAuto']}))),
+  'PaginationResultsPerPageSelectAuto': lazy(() => import('@digigov/ui/navigation/Pagination/auto').then((module)=> ({default: module['PaginationResultsPerPageSelectAuto']}))),
+  'TabsAuto': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsAuto']}))),
+  'TabsContext': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsContext']}))),
+  'TabsListItem': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsListItem']}))),
+  'TabsPanel': lazy(() => import('@digigov/ui/navigation/Tabs/auto').then((module)=> ({default: module['TabsPanel']}))),
   'Code': lazy(() => import('@digigov/ui/typography/Code').then((module)=> ({default: module['Code']}))),
   'CodeBlock': lazy(() => import('@digigov/ui/typography/CodeBlock').then((module)=> ({default: module['CodeBlock']}))),
   'CodeBlockContent': lazy(() => import('@digigov/ui/typography/CodeBlock').then((module)=> ({default: module['CodeBlockContent']}))),
+  'CodeBlockHeader': lazy(() => import('@digigov/ui/typography/CodeBlock').then((module)=> ({default: module['CodeBlockHeader']}))),
   'CodeBlockContainer': lazy(() => import('@digigov/ui/typography/CodeBlock').then((module)=> ({default: module['CodeBlockContainer']}))),
   'TestVariant': lazy(() => import('@digigov/ui/utils/TestVariant').then((module)=> ({default: module['TestVariant']}))),
 

package/src/navigation/Drawer/__stories__/Auto.tsx

@@ -16,7 +16,7 @@ import {
   DrawerAuto,
   DrawerHeadingAuto,
   DrawerButtonAuto,
-} from '@digigov/ui/navigation/Drawer';
+} from '@digigov/ui/navigation/Drawer/auto';
 import { NavListAuto } from '@digigov/ui/navigation/NavList';
 import { Heading } from '@digigov/ui/typography/Heading';
 

package/src/navigation/Drawer/index.tsx

@@ -1,5 +1,4 @@
 export * from '@digigov/react-core/Drawer';
 export * from '@digigov/react-core/DrawerHeading';
-export * from '@digigov/ui/navigation/Drawer/auto';
 import Drawer from '@digigov/react-core/Drawer';
 export default Drawer;

package/src/navigation/NavList/interaction.test.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+
+import { HorizontalWithoutDrawer } from '@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer';
+import { UsingHeaderButton } from '@digigov/ui/navigation/NavList/__stories__/UsingHeaderButton';
+import { VerticalWithoutDrawer } from '@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer';
+
+test('renders the HorizontalWithoutDrawer Open submenu', async ({
+  mount,
+  page,
+}) => {
+  await mount(<HorizontalWithoutDrawer />);
+  await page.evaluate(() => document.fonts.ready);
+  await page.locator('#root>nav>ul>li:nth-child(2)>button').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
+  expect(screenshot).toMatchSnapshot();
+});
+
+test('renders the VerticalWithoutDrawer Open submenu', async ({
+  mount,
+  page,
+}) => {
+  await mount(<VerticalWithoutDrawer />);
+  await page.evaluate(() => document.fonts.ready);
+  await page.locator('#root>nav>ul>li:nth-child(2)>button').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
+  expect(screenshot).toMatchSnapshot();
+});
+
+test('renders the UsingHeaderButton menu', async ({ mount, page }) => {
+  await mount(<UsingHeaderButton />);
+  await page.evaluate(() => document.fonts.ready);
+  await page.locator('button:text("Επιλογές")').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
+  expect(screenshot).toMatchSnapshot();
+});

package/src/navigation/Pagination/__stories__/Auto.tsx

@@ -5,12 +5,14 @@ import Main from '@digigov/ui/layouts/Basic';
 import Grid from '@digigov/ui/layouts/Grid';
 import {
   Pagination,
+} from '@digigov/ui/navigation/Pagination';
+import {
   PaginationContextAuto,
   PaginationLabelAuto,
   PaginationListAuto,
   PaginationResultsPerPageSelectAuto,
   usePaginationContext,
-} from '@digigov/ui/navigation/Pagination';
+} from '@digigov/ui/navigation/Pagination/auto';
 
 const fetchedData: { id: number }[] = [];
 

package/src/navigation/Pagination/index.tsx

@@ -6,5 +6,4 @@ export * from '@digigov/react-core/Pagination';
 export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/ui/navigation/Pagination/hooks';
-export * from '@digigov/ui/navigation/Pagination/auto';
 export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';

package/src/navigation/Tabs/__stories__/Auto.tsx

@@ -9,13 +9,15 @@ import {
 } from '@digigov/ui/content/SummaryList';
 import { Link } from '@digigov/ui/navigation/Link';
 import {
-  TabsAuto,
   TabsHeading,
   TabsList,
+
+} from '@digigov/ui/navigation/Tabs';
+import {
+  TabsAuto,
   TabsListItem,
   TabsPanel,
-} from '@digigov/ui/navigation/Tabs';
-
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 

package/src/navigation/Tabs/__stories__/Default.tsx

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';

package/src/navigation/Tabs/__stories__/Dense.tsx

@@ -12,11 +12,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
-
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 

package/src/navigation/Tabs/__stories__/UsingAccordion.tsx

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';

package/src/navigation/Tabs/index.tsx

@@ -6,6 +6,5 @@ export * from '@digigov/react-core/TabsList';
 export * from '@digigov/react-core/TabsListItemBase';
 export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
-export * from '@digigov/ui/navigation/Tabs/auto';
 
 export default Tabs;

package/src/registry.js

@@ -32,7 +32,7 @@ import * as _digigov_ui_app_Masthead from '@digigov/ui/app/Masthead';
 import * as _digigov_ui_app_Modal_auto from '@digigov/ui/app/Modal/auto';
 import * as _digigov_ui_app_Modal_hooks from '@digigov/ui/app/Modal/hooks';
 import * as _digigov_ui_app_Modal from '@digigov/ui/app/Modal';
-import * as _digigov_ui_app_Modal_Modal from '@digigov/ui/app/Modal/Modal';
+import * as _digigov_ui_app_Modal_index_web from '@digigov/ui/app/Modal/index.web';
 import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';
@@ -163,12 +163,6 @@ import * as _digigov_ui_navigation_SkipLink from '@digigov/ui/navigation/SkipLin
 import * as _digigov_ui_navigation_Tabs_auto from '@digigov/ui/navigation/Tabs/auto';
 import * as _digigov_ui_navigation_Tabs_hooks from '@digigov/ui/navigation/Tabs/hooks';
 import * as _digigov_ui_navigation_Tabs from '@digigov/ui/navigation/Tabs';
-import * as _digigov_ui_patterns_FilteredResults_DataTable from '@digigov/ui/patterns/FilteredResults/DataTable';
-import * as _digigov_ui_patterns_FilteredResults_FilterChips from '@digigov/ui/patterns/FilteredResults/FilterChips';
-import * as _digigov_ui_patterns_FilteredResults_FilterFields from '@digigov/ui/patterns/FilteredResults/FilterFields';
-import * as _digigov_ui_patterns_FilteredResults_hooks from '@digigov/ui/patterns/FilteredResults/hooks';
-import * as _digigov_ui_patterns_FilteredResults from '@digigov/ui/patterns/FilteredResults';
-import * as _digigov_ui_patterns from '@digigov/ui/patterns';
 import * as _digigov_ui_typography_Code from '@digigov/ui/typography/Code';
 import * as _digigov_ui_typography_CodeBlock from '@digigov/ui/typography/CodeBlock';
 import * as _digigov_ui_typography_Heading from '@digigov/ui/typography/Heading';
@@ -244,7 +238,7 @@ export default {
   '@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
   '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
   '@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
-  '@digigov/ui/app/Modal/Modal': lazyImport(_digigov_ui_app_Modal_Modal),
+  '@digigov/ui/app/Modal/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
   '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
@@ -375,12 +369,6 @@ export default {
   '@digigov/ui/navigation/Tabs/auto': lazyImport(_digigov_ui_navigation_Tabs_auto),
   '@digigov/ui/navigation/Tabs/hooks': lazyImport(_digigov_ui_navigation_Tabs_hooks),
   '@digigov/ui/navigation/Tabs': lazyImport(_digigov_ui_navigation_Tabs),
-  '@digigov/ui/patterns/FilteredResults/DataTable': lazyImport(_digigov_ui_patterns_FilteredResults_DataTable),
-  '@digigov/ui/patterns/FilteredResults/FilterChips': lazyImport(_digigov_ui_patterns_FilteredResults_FilterChips),
-  '@digigov/ui/patterns/FilteredResults/FilterFields': lazyImport(_digigov_ui_patterns_FilteredResults_FilterFields),
-  '@digigov/ui/patterns/FilteredResults/hooks': lazyImport(_digigov_ui_patterns_FilteredResults_hooks),
-  '@digigov/ui/patterns/FilteredResults': lazyImport(_digigov_ui_patterns_FilteredResults),
-  '@digigov/ui/patterns': lazyImport(_digigov_ui_patterns),
   '@digigov/ui/typography/Code': lazyImport(_digigov_ui_typography_Code),
   '@digigov/ui/typography/CodeBlock': lazyImport(_digigov_ui_typography_CodeBlock),
   '@digigov/ui/typography/Heading': lazyImport(_digigov_ui_typography_Heading),
@@ -422,6 +410,8 @@ import * as _digigov_ui_content_Card_Card_stories from '@digigov/ui/content/Card
 import * as _digigov_ui_content_Chip_Chip_stories from '@digigov/ui/content/Chip/Chip.stories';
 import * as _digigov_ui_content_Details_Details_stories from '@digigov/ui/content/Details/Details.stories';
 import * as _digigov_ui_content_List_List_stories from '@digigov/ui/content/List/List.stories';
+import * as _digigov_ui_content_Markdown_Markdown_stories from '@digigov/ui/content/Markdown/Markdown.stories';
+import * as _digigov_ui_content_SafeHTML_SafeHTML_stories from '@digigov/ui/content/SafeHTML/SafeHTML.stories';
 import * as _digigov_ui_content_StepNav_StepNav_stories from '@digigov/ui/content/StepNav/StepNav.stories';
 import * as _digigov_ui_content_SummaryList_SummaryList_stories from '@digigov/ui/content/SummaryList/SummaryList.stories';
 import * as _digigov_ui_content_Table_Table_stories from '@digigov/ui/content/Table/Table.stories';
@@ -457,7 +447,6 @@ import * as _digigov_ui_navigation_NavList_NavList_stories from '@digigov/ui/nav
 import * as _digigov_ui_navigation_Pagination_Pagination_stories from '@digigov/ui/navigation/Pagination/Pagination.stories';
 import * as _digigov_ui_navigation_SkipLink_SkipLink_stories from '@digigov/ui/navigation/SkipLink/SkipLink.stories';
 import * as _digigov_ui_navigation_Tabs_Tabs_stories from '@digigov/ui/navigation/Tabs/Tabs.stories';
-import * as _digigov_ui_patterns_FilteredResults_FilteredResults_stories from '@digigov/ui/patterns/FilteredResults/FilteredResults.stories';
 import * as _digigov_ui_typography_CodeBlock_CodeBlock_stories from '@digigov/ui/typography/CodeBlock/CodeBlock.stories';
 import * as _digigov_ui_typography_Heading_Heading_stories from '@digigov/ui/typography/Heading/Heading.stories';
 import * as _digigov_ui_typography_HeadingCaption_HeadingCaption_stories from '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories';
@@ -485,6 +474,8 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/content/Chip/Chip.stories': _digigov_ui_content_Chip_Chip_stories,
   '@digigov/ui/content/Details/Details.stories': _digigov_ui_content_Details_Details_stories,
   '@digigov/ui/content/List/List.stories': _digigov_ui_content_List_List_stories,
+  '@digigov/ui/content/Markdown/Markdown.stories': _digigov_ui_content_Markdown_Markdown_stories,
+  '@digigov/ui/content/SafeHTML/SafeHTML.stories': _digigov_ui_content_SafeHTML_SafeHTML_stories,
   '@digigov/ui/content/StepNav/StepNav.stories': _digigov_ui_content_StepNav_StepNav_stories,
   '@digigov/ui/content/SummaryList/SummaryList.stories': _digigov_ui_content_SummaryList_SummaryList_stories,
   '@digigov/ui/content/Table/Table.stories': _digigov_ui_content_Table_Table_stories,
@@ -520,7 +511,6 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/navigation/Pagination/Pagination.stories': _digigov_ui_navigation_Pagination_Pagination_stories,
   '@digigov/ui/navigation/SkipLink/SkipLink.stories': _digigov_ui_navigation_SkipLink_SkipLink_stories,
   '@digigov/ui/navigation/Tabs/Tabs.stories': _digigov_ui_navigation_Tabs_Tabs_stories,
-  '@digigov/ui/patterns/FilteredResults/FilteredResults.stories': _digigov_ui_patterns_FilteredResults_FilteredResults_stories,
   '@digigov/ui/typography/CodeBlock/CodeBlock.stories': _digigov_ui_typography_CodeBlock_CodeBlock_stories,
   '@digigov/ui/typography/Heading/Heading.stories': _digigov_ui_typography_Heading_Heading_stories,
   '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': _digigov_ui_typography_HeadingCaption_HeadingCaption_stories,

package/src/typography/CodeBlock/index.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import hljs from 'highlight.js/lib/core';
 import bash from 'highlight.js/lib/languages/bash';
 import js from 'highlight.js/lib/languages/javascript';
+import json from 'highlight.js/lib/languages/json';
 import markdown from 'highlight.js/lib/languages/markdown';
 import python from 'highlight.js/lib/languages/python';
 import xml from 'highlight.js/lib/languages/xml';
@@ -15,10 +16,10 @@ import { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
 import { Button } from '@digigov/ui/form/Button';
 
 export interface CodeBlockProps extends BaseProps<'div'> {
-  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown';
-  copyToClipboard?: true | false;
-  highlighted?: true | false;
-  showLineNumbers?: true | false;
+  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';
+  copyToClipboard?: boolean;
+  highlighted?: boolean;
+  showLineNumbers?: boolean;
   phaseBannerTagName?: string;
   highlightLines?: number[];
 }
@@ -29,6 +30,7 @@ const languageMap = {
   bash: bash,
   xml: xml,
   markdown: markdown,
+  json: json,
 };
 
 const addLineNumbers = (code: string, highlightLines: number[]): string => {
@@ -80,7 +82,7 @@ export const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(
       <CodeBlockContainer ref={ref} {...props}>
         <CodeBlockHeader
           justify={
-            phaseBannerTagName && copyToClipboard ? 'spaceBetween' : 'end'
+            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'
           }
         >
           {phaseBannerTagName && (

package/src/utils/Base/index.tsx

@@ -1,4 +1,5 @@
 export * from '@digigov/react-core/Base';
 import Base from '@digigov/react-core/Base';
+export { basePropGenerator } from '@digigov/react-core/Base/utils';
 
 export default Base;

package/typography/CodeBlock/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockProps extends BaseProps<'div'> {
-    language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown';
-    copyToClipboard?: true | false;
-    highlighted?: true | false;
-    showLineNumbers?: true | false;
+    language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';
+    copyToClipboard?: boolean;
+    highlighted?: boolean;
+    showLineNumbers?: boolean;
     phaseBannerTagName?: string;
     highlightLines?: number[];
 }

package/typography/CodeBlock/index.js

@@ -2,6 +2,7 @@ import React from "react";
 import hljs from "highlight.js/lib/core";
 import bash from "highlight.js/lib/languages/bash";
 import js from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
 import markdown from "highlight.js/lib/languages/markdown";
 import python from "highlight.js/lib/languages/python";
 import xml from "highlight.js/lib/languages/xml";
@@ -16,7 +17,8 @@ const languageMap = {
   python,
   bash,
   xml,
-  markdown
+  markdown,
+  json
 };
 const addLineNumbers = (code, highlightLines) => {
   return code.split("\n").map((line, index) => {
@@ -58,7 +60,7 @@ const CodeBlock = React.forwardRef(
     return /* @__PURE__ */ React.createElement(CodeBlockContainer, { ref, ...props }, /* @__PURE__ */ React.createElement(
       CodeBlockHeader,
       {
-        justify: phaseBannerTagName && copyToClipboard ? "spaceBetween" : "end"
+        justify: phaseBannerTagName && copyToClipboard ? "space-between" : "end"
       },
       phaseBannerTagName && /* @__PURE__ */ React.createElement(PhaseBannerTag, null, phaseBannerTagName),
       copyToClipboard && /* @__PURE__ */ React.createElement(

package/typography/CodeBlock/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typography/CodeBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown';\n  copyToClipboard?: true | false;\n  highlighted?: true | false;\n  showLineNumbers?: true | false;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock({\n    children,\n    language,\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'spaceBetween' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,iBAAiB;AAAA;AAAA,MAG1D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock({\n    children,\n    language,\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,SAAS;AAEhB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,qBAAqB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAWvB,MAAM,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,MAAM;AAAA,EACvD,SAASA,WAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,aAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,KAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,eAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,KAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,oCAAC,sBAAmB,KAAW,GAAG,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,oCAAC,sBAAgB,kBAAmB;AAAA,MAErC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,oCAAC,UAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,oCAAC,oBAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,IAAO,oBAAQ;",
   "names": ["CodeBlock"]
 }

package/utils/Base/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/Base';
 import Base from '@digigov/react-core/Base';
+export { basePropGenerator } from '@digigov/react-core/Base/utils';
 export default Base;

package/utils/Base/index.js

@@ -1,7 +1,9 @@
 export * from "@digigov/react-core/Base";
 import Base from "@digigov/react-core/Base";
+import { basePropGenerator } from "@digigov/react-core/Base/utils";
 var Base_default = Base;
 export {
+  basePropGenerator,
   Base_default as default
 };
 //# sourceMappingURL=index.js.map

package/utils/Base/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Base/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Base';\nimport Base from '@digigov/react-core/Base';\n\nexport default Base;\n"],
-  "mappings": "AAAA,cAAc;AACd,OAAO,UAAU;AAEjB,IAAO,eAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/Base';\nimport Base from '@digigov/react-core/Base';\nexport { basePropGenerator } from '@digigov/react-core/Base/utils';\n\nexport default Base;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,UAAU;AACjB,SAAS,yBAAyB;AAElC,IAAO,eAAQ;",
   "names": []
 }

package/utils/hooks/useDebounce.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => (...args: CallbackArgs) => void;
+export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => ((...args: CallbackArgs) => void);
 export declare const useDebounce: <State extends unknown>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];

package/utils/hooks/useKeypress.d.ts

@@ -1,2 +1,2 @@
-export declare const useKeypress: (key: string, callback?: ((e: KeyboardEvent) => void) | undefined) => void;
+export declare const useKeypress: (key: string, callback?: (e: KeyboardEvent) => void) => void;
 export default useKeypress;

package/cjs/patterns/FilteredResults/DataTable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/patterns/FilteredResults/DataTable.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  Table,\n  TableBody,\n  TableContainer,\n  TableDataCell,\n  TableHead,\n  TableHeadCell,\n  TableNoDataRow,\n  TableRow,\n} from '@digigov/ui/content/Table';\n\nexport function DataTable({ dataConfig, data }) {\n  return (\n    <TableContainer>\n      <Table>\n        <TableHead>\n          <TableRow>\n            {dataConfig.map((itenConfig) => (\n              <TableHeadCell key={itenConfig.key}>\n                {itenConfig.title}\n              </TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data.length > 0 ? (\n            data.map((item, index) => (\n              <TableRow key={index}>\n                {dataConfig.map((itemConfig, idx) => (\n                  <TableDataCell key={idx}>\n                    {itemConfig.displayComponent\n                      ? itemConfig.displayComponent(item[itemConfig.key])\n                      : item[itemConfig.key]}\n                  </TableDataCell>\n                ))}\n              </TableRow>\n            ))\n          ) : (\n            <TableNoDataRow>\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1</TableNoDataRow>\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;AAEA,SAAS,UAAU,EAAE,YAAY,KAAK,GAAG;AAC9C,SACE,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,0BACC,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,WAAW,IAAI,CAAC,eACf,6BAAAA,QAAA,cAAC,8BAAc,KAAK,WAAW,OAC5B,WAAW,KACd,CACD,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,KAAK,SAAS,IACb,KAAK,IAAI,CAAC,MAAM,UACd,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,WAAW,IAAI,CAAC,YAAY,QAC3B,6BAAAA,QAAA,cAAC,8BAAc,KAAK,OACjB,WAAW,mBACR,WAAW,iBAAiB,KAAK,WAAW,GAAG,CAAC,IAChD,KAAK,WAAW,GAAG,CACzB,CACD,CACH,CACD,IAED,6BAAAA,QAAA,cAAC,mCAAe,8IAAyB,CAE7C,CACF,CACF;AAEJ;",
-  "names": ["React"]
-}