@digigov/react-core 2.0.0-d0adc9fb → 2.0.0-d16ded05

package/src/registry.js

@@ -1,30 +1,31 @@
 
 import * as _digigov_react_core from "@digigov/react-core";
 import * as _digigov_react_core_Accordion from "@digigov/react-core/Accordion";
+import * as _digigov_react_core_Accordion_index_web from "@digigov/react-core/Accordion/index.web";
 import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
+import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
+import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
 import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
 import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
-import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
-import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
 import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
+import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
 import * as _digigov_react_core_AdminContainer from "@digigov/react-core/AdminContainer";
 import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeader";
 import * as _digigov_react_core_AdminHeaderContent from "@digigov/react-core/AdminHeaderContent";
 import * as _digigov_react_core_AdminLayout from "@digigov/react-core/AdminLayout";
 import * as _digigov_react_core_AdminMain from "@digigov/react-core/AdminMain";
-import * as _digigov_react_core_AdminTopSection from "@digigov/react-core/AdminTopSection";
 import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
+import * as _digigov_react_core_AdminTopSection from "@digigov/react-core/AdminTopSection";
 import * as _digigov_react_core_AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
 import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
 import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
-import * as _digigov_react_core_AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
 import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
 import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
 import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
 import * as _digigov_react_core_AutoCompleteResultListItem from "@digigov/react-core/AutoCompleteResultListItem";
 import * as _digigov_react_core_AutoCompleteStatus from "@digigov/react-core/AutoCompleteStatus";
 import * as _digigov_react_core_AutoCompleteStatusContainer from "@digigov/react-core/AutoCompleteStatusContainer";
-import * as _digigov_react_core_BackLink from "@digigov/react-core/BackLink";
+import * as _digigov_react_core_BackLinkBase from "@digigov/react-core/BackLinkBase";
 import * as _digigov_react_core_BackToTopContainer from "@digigov/react-core/BackToTopContainer";
 import * as _digigov_react_core_BackToTopLimit from "@digigov/react-core/BackToTopLimit";
 import * as _digigov_react_core_BackToTopLink from "@digigov/react-core/BackToTopLink";
@@ -39,12 +40,12 @@ import * as _digigov_react_core_BottomInfoContainer from "@digigov/react-core/Bo
 import * as _digigov_react_core_BottomInfoContent from "@digigov/react-core/BottomInfoContent";
 import * as _digigov_react_core_Breadcrumbs from "@digigov/react-core/Breadcrumbs";
 import * as _digigov_react_core_BreadcrumbsList from "@digigov/react-core/BreadcrumbsList";
-import * as _digigov_react_core_BreadcrumbsListItem from "@digigov/react-core/BreadcrumbsListItem";
-import * as _digigov_react_core_BreadcrumbsListItemLink from "@digigov/react-core/BreadcrumbsListItemLink";
+import * as _digigov_react_core_BreadcrumbsListItemLinkBase from "@digigov/react-core/BreadcrumbsListItemLinkBase";
+import * as _digigov_react_core_BreadcrumbsListItemWrapper from "@digigov/react-core/BreadcrumbsListItemWrapper";
 import * as _digigov_react_core_Button from "@digigov/react-core/Button";
 import * as _digigov_react_core_ButtonGroup from "@digigov/react-core/ButtonGroup";
-import * as _digigov_react_core_ButtonLink from "@digigov/react-core/ButtonLink";
-import * as _digigov_react_core_CallToAction from "@digigov/react-core/CallToAction";
+import * as _digigov_react_core_ButtonLinkBase from "@digigov/react-core/ButtonLinkBase";
+import * as _digigov_react_core_CallToActionBase from "@digigov/react-core/CallToActionBase";
 import * as _digigov_react_core_Card from "@digigov/react-core/Card";
 import * as _digigov_react_core_CardAction from "@digigov/react-core/CardAction";
 import * as _digigov_react_core_CardContent from "@digigov/react-core/CardContent";
@@ -59,7 +60,7 @@ import * as _digigov_react_core_ChipContainer from "@digigov/react-core/ChipCont
 import * as _digigov_react_core_ChipHeading from "@digigov/react-core/ChipHeading";
 import * as _digigov_react_core_ChipKeyValue from "@digigov/react-core/ChipKeyValue";
 import * as _digigov_react_core_ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
-import * as _digigov_react_core_CircularProgress from "@digigov/react-core/CircularProgress";
+import * as _digigov_react_core_CircularProgressBase from "@digigov/react-core/CircularProgressBase";
 import * as _digigov_react_core_CloseButton from "@digigov/react-core/CloseButton";
 import * as _digigov_react_core_Code from "@digigov/react-core/Code";
 import * as _digigov_react_core_CodeBlockContainer from "@digigov/react-core/CodeBlockContainer";
@@ -105,24 +106,24 @@ import * as _digigov_react_core_FooterHeading from "@digigov/react-core/FooterHe
 import * as _digigov_react_core_FooterImage from "@digigov/react-core/FooterImage";
 import * as _digigov_react_core_FooterInfo from "@digigov/react-core/FooterInfo";
 import * as _digigov_react_core_FooterInfoSection from "@digigov/react-core/FooterInfoSection";
-import * as _digigov_react_core_FooterLink from "@digigov/react-core/FooterLink";
+import * as _digigov_react_core_FooterLinkBase from "@digigov/react-core/FooterLinkBase";
 import * as _digigov_react_core_FooterList from "@digigov/react-core/FooterList";
 import * as _digigov_react_core_FooterListItem from "@digigov/react-core/FooterListItem";
 import * as _digigov_react_core_FooterNavigation from "@digigov/react-core/FooterNavigation";
 import * as _digigov_react_core_FooterNavigationSection from "@digigov/react-core/FooterNavigationSection";
 import * as _digigov_react_core_Form from "@digigov/react-core/Form";
 import * as _digigov_react_core_FullPageBackground from "@digigov/react-core/FullPageBackground";
-import * as _digigov_react_core_GovGRLogo_govgr_logo_base64 from "@digigov/react-core/GovGRLogo/govgr-logo-base64";
-import * as _digigov_react_core_GovGRLogo_govgr_logo_blue_base64 from "@digigov/react-core/GovGRLogo/govgr-logo-blue-base64";
-import * as _digigov_react_core_GovGRLogo from "@digigov/react-core/GovGRLogo";
+import * as _digigov_react_core_GovGRLogoBase_govgr_logo_base64 from "@digigov/react-core/GovGRLogoBase/govgr-logo-base64";
+import * as _digigov_react_core_GovGRLogoBase_govgr_logo_blue_base64 from "@digigov/react-core/GovGRLogoBase/govgr-logo-blue-base64";
+import * as _digigov_react_core_GovGRLogoBase from "@digigov/react-core/GovGRLogoBase";
 import * as _digigov_react_core_Grid from "@digigov/react-core/Grid";
 import * as _digigov_react_core_Header from "@digigov/react-core/Header";
 import * as _digigov_react_core_HeaderContent from "@digigov/react-core/HeaderContent";
-import * as _digigov_react_core_HeaderLogo from "@digigov/react-core/HeaderLogo";
+import * as _digigov_react_core_HeaderLogoBase from "@digigov/react-core/HeaderLogoBase";
 import * as _digigov_react_core_HeaderNavMenuContent from "@digigov/react-core/HeaderNavMenuContent";
-import * as _digigov_react_core_HeaderSecondaryLogo from "@digigov/react-core/HeaderSecondaryLogo";
+import * as _digigov_react_core_HeaderSecondaryLogoBase from "@digigov/react-core/HeaderSecondaryLogoBase";
 import * as _digigov_react_core_HeaderSection from "@digigov/react-core/HeaderSection";
-import * as _digigov_react_core_HeaderTitle from "@digigov/react-core/HeaderTitle";
+import * as _digigov_react_core_HeaderTitleBase from "@digigov/react-core/HeaderTitleBase";
 import * as _digigov_react_core_Heading from "@digigov/react-core/Heading";
 import * as _digigov_react_core_HeadingCaption from "@digigov/react-core/HeadingCaption";
 import * as _digigov_react_core_HellenicRepublicLogo from "@digigov/react-core/HellenicRepublicLogo";
@@ -160,12 +161,12 @@ import * as _digigov_react_core_ModalContent from "@digigov/react-core/ModalCont
 import * as _digigov_react_core_ModalHeading from "@digigov/react-core/ModalHeading";
 import * as _digigov_react_core_Nav from "@digigov/react-core/Nav";
 import * as _digigov_react_core_NavList from "@digigov/react-core/NavList";
-import * as _digigov_react_core_NavListItemAction from "@digigov/react-core/NavListItemAction";
+import * as _digigov_react_core_NavListItemActionBase from "@digigov/react-core/NavListItemActionBase";
 import * as _digigov_react_core_NavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer";
 import * as _digigov_react_core_NavListItemActionContainer_index_web from "@digigov/react-core/NavListItemActionContainer/index.web";
 import * as _digigov_react_core_NavListItemBadge from "@digigov/react-core/NavListItemBadge";
 import * as _digigov_react_core_NavListItemButton from "@digigov/react-core/NavListItemButton";
-import * as _digigov_react_core_NavListItemLink from "@digigov/react-core/NavListItemLink";
+import * as _digigov_react_core_NavListItemLinkBase from "@digigov/react-core/NavListItemLinkBase";
 import * as _digigov_react_core_NavMenuContainer from "@digigov/react-core/NavMenuContainer";
 import * as _digigov_react_core_NavMenuContent from "@digigov/react-core/NavMenuContent";
 import * as _digigov_react_core_NavMenuContentListBase from "@digigov/react-core/NavMenuContentListBase";
@@ -283,30 +284,31 @@ function lazyImport(pkgImport) {
 export default {
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
+  '@digigov/react-core/Accordion/index.web': lazyImport(_digigov_react_core_Accordion_index_web),
   '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
+  '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
+  '@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
   '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
   '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
-  '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
-  '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
   '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
+  '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
   '@digigov/react-core/AdminContainer': lazyImport(_digigov_react_core_AdminContainer),
   '@digigov/react-core/AdminHeader': lazyImport(_digigov_react_core_AdminHeader),
   '@digigov/react-core/AdminHeaderContent': lazyImport(_digigov_react_core_AdminHeaderContent),
   '@digigov/react-core/AdminLayout': lazyImport(_digigov_react_core_AdminLayout),
   '@digigov/react-core/AdminMain': lazyImport(_digigov_react_core_AdminMain),
-  '@digigov/react-core/AdminTopSection': lazyImport(_digigov_react_core_AdminTopSection),
   '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
+  '@digigov/react-core/AdminTopSection': lazyImport(_digigov_react_core_AdminTopSection),
   '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
   '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
   '@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
-  '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
   '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
   '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
   '@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
   '@digigov/react-core/AutoCompleteResultListItem': lazyImport(_digigov_react_core_AutoCompleteResultListItem),
   '@digigov/react-core/AutoCompleteStatus': lazyImport(_digigov_react_core_AutoCompleteStatus),
   '@digigov/react-core/AutoCompleteStatusContainer': lazyImport(_digigov_react_core_AutoCompleteStatusContainer),
-  '@digigov/react-core/BackLink': lazyImport(_digigov_react_core_BackLink),
+  '@digigov/react-core/BackLinkBase': lazyImport(_digigov_react_core_BackLinkBase),
   '@digigov/react-core/BackToTopContainer': lazyImport(_digigov_react_core_BackToTopContainer),
   '@digigov/react-core/BackToTopLimit': lazyImport(_digigov_react_core_BackToTopLimit),
   '@digigov/react-core/BackToTopLink': lazyImport(_digigov_react_core_BackToTopLink),
@@ -321,12 +323,12 @@ export default {
   '@digigov/react-core/BottomInfoContent': lazyImport(_digigov_react_core_BottomInfoContent),
   '@digigov/react-core/Breadcrumbs': lazyImport(_digigov_react_core_Breadcrumbs),
   '@digigov/react-core/BreadcrumbsList': lazyImport(_digigov_react_core_BreadcrumbsList),
-  '@digigov/react-core/BreadcrumbsListItem': lazyImport(_digigov_react_core_BreadcrumbsListItem),
-  '@digigov/react-core/BreadcrumbsListItemLink': lazyImport(_digigov_react_core_BreadcrumbsListItemLink),
+  '@digigov/react-core/BreadcrumbsListItemLinkBase': lazyImport(_digigov_react_core_BreadcrumbsListItemLinkBase),
+  '@digigov/react-core/BreadcrumbsListItemWrapper': lazyImport(_digigov_react_core_BreadcrumbsListItemWrapper),
   '@digigov/react-core/Button': lazyImport(_digigov_react_core_Button),
   '@digigov/react-core/ButtonGroup': lazyImport(_digigov_react_core_ButtonGroup),
-  '@digigov/react-core/ButtonLink': lazyImport(_digigov_react_core_ButtonLink),
-  '@digigov/react-core/CallToAction': lazyImport(_digigov_react_core_CallToAction),
+  '@digigov/react-core/ButtonLinkBase': lazyImport(_digigov_react_core_ButtonLinkBase),
+  '@digigov/react-core/CallToActionBase': lazyImport(_digigov_react_core_CallToActionBase),
   '@digigov/react-core/Card': lazyImport(_digigov_react_core_Card),
   '@digigov/react-core/CardAction': lazyImport(_digigov_react_core_CardAction),
   '@digigov/react-core/CardContent': lazyImport(_digigov_react_core_CardContent),
@@ -341,7 +343,7 @@ export default {
   '@digigov/react-core/ChipHeading': lazyImport(_digigov_react_core_ChipHeading),
   '@digigov/react-core/ChipKeyValue': lazyImport(_digigov_react_core_ChipKeyValue),
   '@digigov/react-core/ChoiceDividerText': lazyImport(_digigov_react_core_ChoiceDividerText),
-  '@digigov/react-core/CircularProgress': lazyImport(_digigov_react_core_CircularProgress),
+  '@digigov/react-core/CircularProgressBase': lazyImport(_digigov_react_core_CircularProgressBase),
   '@digigov/react-core/CloseButton': lazyImport(_digigov_react_core_CloseButton),
   '@digigov/react-core/Code': lazyImport(_digigov_react_core_Code),
   '@digigov/react-core/CodeBlockContainer': lazyImport(_digigov_react_core_CodeBlockContainer),
@@ -387,24 +389,24 @@ export default {
   '@digigov/react-core/FooterImage': lazyImport(_digigov_react_core_FooterImage),
   '@digigov/react-core/FooterInfo': lazyImport(_digigov_react_core_FooterInfo),
   '@digigov/react-core/FooterInfoSection': lazyImport(_digigov_react_core_FooterInfoSection),
-  '@digigov/react-core/FooterLink': lazyImport(_digigov_react_core_FooterLink),
+  '@digigov/react-core/FooterLinkBase': lazyImport(_digigov_react_core_FooterLinkBase),
   '@digigov/react-core/FooterList': lazyImport(_digigov_react_core_FooterList),
   '@digigov/react-core/FooterListItem': lazyImport(_digigov_react_core_FooterListItem),
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterNavigationSection': lazyImport(_digigov_react_core_FooterNavigationSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
   '@digigov/react-core/FullPageBackground': lazyImport(_digigov_react_core_FullPageBackground),
-  '@digigov/react-core/GovGRLogo/govgr-logo-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_base64),
-  '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_blue_base64),
-  '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
+  '@digigov/react-core/GovGRLogoBase/govgr-logo-base64': lazyImport(_digigov_react_core_GovGRLogoBase_govgr_logo_base64),
+  '@digigov/react-core/GovGRLogoBase/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogoBase_govgr_logo_blue_base64),
+  '@digigov/react-core/GovGRLogoBase': lazyImport(_digigov_react_core_GovGRLogoBase),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
   '@digigov/react-core/Header': lazyImport(_digigov_react_core_Header),
   '@digigov/react-core/HeaderContent': lazyImport(_digigov_react_core_HeaderContent),
-  '@digigov/react-core/HeaderLogo': lazyImport(_digigov_react_core_HeaderLogo),
+  '@digigov/react-core/HeaderLogoBase': lazyImport(_digigov_react_core_HeaderLogoBase),
   '@digigov/react-core/HeaderNavMenuContent': lazyImport(_digigov_react_core_HeaderNavMenuContent),
-  '@digigov/react-core/HeaderSecondaryLogo': lazyImport(_digigov_react_core_HeaderSecondaryLogo),
+  '@digigov/react-core/HeaderSecondaryLogoBase': lazyImport(_digigov_react_core_HeaderSecondaryLogoBase),
   '@digigov/react-core/HeaderSection': lazyImport(_digigov_react_core_HeaderSection),
-  '@digigov/react-core/HeaderTitle': lazyImport(_digigov_react_core_HeaderTitle),
+  '@digigov/react-core/HeaderTitleBase': lazyImport(_digigov_react_core_HeaderTitleBase),
   '@digigov/react-core/Heading': lazyImport(_digigov_react_core_Heading),
   '@digigov/react-core/HeadingCaption': lazyImport(_digigov_react_core_HeadingCaption),
   '@digigov/react-core/HellenicRepublicLogo': lazyImport(_digigov_react_core_HellenicRepublicLogo),
@@ -442,12 +444,12 @@ export default {
   '@digigov/react-core/ModalHeading': lazyImport(_digigov_react_core_ModalHeading),
   '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
   '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
-  '@digigov/react-core/NavListItemAction': lazyImport(_digigov_react_core_NavListItemAction),
+  '@digigov/react-core/NavListItemActionBase': lazyImport(_digigov_react_core_NavListItemActionBase),
   '@digigov/react-core/NavListItemActionContainer': lazyImport(_digigov_react_core_NavListItemActionContainer),
   '@digigov/react-core/NavListItemActionContainer/index.web': lazyImport(_digigov_react_core_NavListItemActionContainer_index_web),
   '@digigov/react-core/NavListItemBadge': lazyImport(_digigov_react_core_NavListItemBadge),
   '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
-  '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
+  '@digigov/react-core/NavListItemLinkBase': lazyImport(_digigov_react_core_NavListItemLinkBase),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
   '@digigov/react-core/NavMenuContent': lazyImport(_digigov_react_core_NavMenuContent),
   '@digigov/react-core/NavMenuContentListBase': lazyImport(_digigov_react_core_NavMenuContentListBase),

package/src/utils/index.native.tsx

@@ -0,0 +1,122 @@
+import React from 'react';
+import clsx from 'clsx';
+
+type PropFactory<TProps> = (props: TProps) => any;
+
+/**
+ * A HOC that transforms the props of the wrapped component before passing them through
+ *
+ * @param Component The component to wrap
+ * @param [propFactory=(props) => props] The function that transforms the props
+ * @returns The wrapped component that accepts the transformed props
+ *
+ * @example
+ * type MyComponentProps = { name: string; };
+ * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
+ *
+ * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
+ *
+ * type AdditionalProps = { lastName: string; };
+ * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
+ */
+export function extend<TProps, TAdditionalProps>(
+  Component: React.ComponentType<TProps>,
+  propFactory: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>> = (
+    props
+  ) => props
+) {
+  const ExtendedComponent = React.forwardRef<
+    unknown,
+    TProps & TAdditionalProps
+  >(function ExtendedComponent(props, ref) {
+    const transformedProps = propFactory(props);
+
+    return <Component ref={ref} {...transformedProps} />;
+  });
+  return ExtendedComponent;
+}
+
+interface PseudoclassOptions {
+  self?: Record<string, string[]>;
+  children?: Record<string, string[]>;
+}
+
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </MyComponentWithPseudoclass>
+ *
+ * */
+export function enablePseudoclass<T extends React.ElementType>(
+  Component: T,
+  { self = {}, children = {} }: PseudoclassOptions
+) {
+  return React.forwardRef<
+    React.ComponentRef<T>,
+    React.ComponentPropsWithRef<T>
+  >(function enablePseudoclassComponent(
+    { className, children: componentChildren, ...props },
+    ref
+  ) {
+    // Handle if children is an array, add the corresponding classnames to the first and last child
+    if (Array.isArray(componentChildren)) {
+      return (
+        <Component ref={ref} {...(props as any)} className={className}>
+          {componentChildren.map((child, index) => {
+            return React.cloneElement(child, {
+              key: index,
+              className: clsx(
+                child.props.className,
+                ...Object.entries(children).map(([key, classNames]) => {
+                  if (index === 0 && key === 'first-child') return classNames;
+                  if (
+                    index === componentChildren.length - 1 &&
+                    key === 'last-child'
+                  )
+                    return classNames;
+                  return '';
+                })
+              ),
+            });
+          })}
+        </Component>
+      );
+    }
+    // Handle if children is a single element, add the corresponding classname for empty pseudoclass
+    if (componentChildren === undefined) {
+      const componentClassNames = Object.entries(self).map(([key, value]) => {
+        if (key === 'empty') return value.join(' ');
+        return '';
+      });
+      return (
+        <Component
+          ref={ref}
+          {...(props as any)}
+          className={clsx(className, ...componentClassNames)}
+        >
+          {componentChildren}
+        </Component>
+      );
+    }
+    // Else return the component as it is
+    return (
+      <Component ref={ref} {...(props as any)} className={className}>
+        {componentChildren}
+      </Component>
+    );
+  });
+}
+
+export default extend;

package/utils/index.native/index.js

@@ -0,0 +1,52 @@
+import React from "react";
+import clsx from "clsx";
+function extend(Component, propFactory = (props) => props) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent2(props, ref) {
+    const transformedProps = propFactory(props);
+    return /* @__PURE__ */ React.createElement(Component, { ref, ...transformedProps });
+  });
+  return ExtendedComponent;
+}
+function enablePseudoclass(Component, { self = {}, children = {} }) {
+  return React.forwardRef(function enablePseudoclassComponent({ className, children: componentChildren, ...props }, ref) {
+    if (Array.isArray(componentChildren)) {
+      return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren.map((child, index) => {
+        return React.cloneElement(child, {
+          key: index,
+          className: clsx(
+            child.props.className,
+            ...Object.entries(children).map(([key, classNames]) => {
+              if (index === 0 && key === "first-child") return classNames;
+              if (index === componentChildren.length - 1 && key === "last-child")
+                return classNames;
+              return "";
+            })
+          )
+        });
+      }));
+    }
+    if (componentChildren === void 0) {
+      const componentClassNames = Object.entries(self).map(([key, value]) => {
+        if (key === "empty") return value.join(" ");
+        return "";
+      });
+      return /* @__PURE__ */ React.createElement(
+        Component,
+        {
+          ref,
+          ...props,
+          className: clsx(className, ...componentClassNames)
+        },
+        componentChildren
+      );
+    }
+    return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren);
+  });
+}
+var index_native_default = extend;
+export {
+  index_native_default as default,
+  enablePseudoclass,
+  extend
+};
+//# sourceMappingURL=index.native.js.map

package/utils/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/utils/index.native/index.js"
+}

package/utils/index.native.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+type PropFactory<TProps> = (props: TProps) => any;
+/**
+ * A HOC that transforms the props of the wrapped component before passing them through
+ *
+ * @param Component The component to wrap
+ * @param [propFactory=(props) => props] The function that transforms the props
+ * @returns The wrapped component that accepts the transformed props
+ *
+ * @example
+ * type MyComponentProps = { name: string; };
+ * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
+ *
+ * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
+ *
+ * type AdditionalProps = { lastName: string; };
+ * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
+ */
+export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & TAdditionalProps> & React.RefAttributes<unknown>>;
+interface PseudoclassOptions {
+    self?: Record<string, string[]>;
+    children?: Record<string, string[]>;
+}
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </MyComponentWithPseudoclass>
+ *
+ * */
+export declare function enablePseudoclass<T extends React.ElementType>(Component: T, { self, children }: PseudoclassOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithRef<T>> & React.RefAttributes<React.ComponentRef<T>>>;
+export default extend;

package/utils/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype PropFactory<TProps> = (props: TProps) => any;\n\n/**\n * A HOC that transforms the props of the wrapped component before passing them through\n *\n * @param Component The component to wrap\n * @param [propFactory=(props) => props] The function that transforms the props\n * @returns The wrapped component that accepts the transformed props\n *\n * @example\n * type MyComponentProps = { name: string; };\n * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;\n *\n * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));\n *\n * type AdditionalProps = { lastName: string; };\n * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));\n */\nexport function extend<TProps, TAdditionalProps>(\n  Component: React.ComponentType<TProps>,\n  propFactory: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>> = (\n    props\n  ) => props\n) {\n  const ExtendedComponent = React.forwardRef<\n    unknown,\n    TProps & TAdditionalProps\n  >(function ExtendedComponent(props, ref) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\n\ninterface PseudoclassOptions {\n  self?: Record<string, string[]>;\n  children?: Record<string, string[]>;\n}\n\n/**\n * A HOC that adds pseudoclass support to the wrapped component\n *\n * @param Component The component to wrap\n * @param options The pseudoclass options\n * @returns The wrapped component that supports pseudoclasses\n *\n * @example\n * const MyComponent = (props) => <p {...props}>Hi</p>;\n * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent\n *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });\n *\n * <MyComponentWithPseudoclass className=\"my-class\" empty focus>\n * <p>First child</p>\n * <p>Second child</p>\n * </MyComponentWithPseudoclass>\n *\n * */\nexport function enablePseudoclass<T extends React.ElementType>(\n  Component: T,\n  { self = {}, children = {} }: PseudoclassOptions\n) {\n  return React.forwardRef<\n    React.ComponentRef<T>,\n    React.ComponentPropsWithRef<T>\n  >(function enablePseudoclassComponent(\n    { className, children: componentChildren, ...props },\n    ref\n  ) {\n    // Handle if children is an array, add the corresponding classnames to the first and last child\n    if (Array.isArray(componentChildren)) {\n      return (\n        <Component ref={ref} {...(props as any)} className={className}>\n          {componentChildren.map((child, index) => {\n            return React.cloneElement(child, {\n              key: index,\n              className: clsx(\n                child.props.className,\n                ...Object.entries(children).map(([key, classNames]) => {\n                  if (index === 0 && key === 'first-child') return classNames;\n                  if (\n                    index === componentChildren.length - 1 &&\n                    key === 'last-child'\n                  )\n                    return classNames;\n                  return '';\n                })\n              ),\n            });\n          })}\n        </Component>\n      );\n    }\n    // Handle if children is a single element, add the corresponding classname for empty pseudoclass\n    if (componentChildren === undefined) {\n      const componentClassNames = Object.entries(self).map(([key, value]) => {\n        if (key === 'empty') return value.join(' ');\n        return '';\n      });\n      return (\n        <Component\n          ref={ref}\n          {...(props as any)}\n          className={clsx(className, ...componentClassNames)}\n        >\n          {componentChildren}\n        </Component>\n      );\n    }\n    // Else return the component as it is\n    return (\n      <Component ref={ref} {...(props as any)} className={className}>\n        {componentChildren}\n      </Component>\n    );\n  });\n}\n\nexport default extend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAoBV,SAAS,OACd,WACA,cAA6E,CAC3E,UACG,OACL;AACA,QAAM,oBAAoB,MAAM,WAG9B,SAASA,mBAAkB,OAAO,KAAK;AACvC,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAyBO,SAAS,kBACd,WACA,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,GAC3B;AACA,SAAO,MAAM,WAGX,SAAS,2BACT,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GACnD,KACA;AAEA,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,aACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,kBAAkB,IAAI,CAAC,OAAO,UAAU;AACvC,eAAO,MAAM,aAAa,OAAO;AAAA,UAC/B,KAAK;AAAA,UACL,WAAW;AAAA,YACT,MAAM,MAAM;AAAA,YACZ,GAAG,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AACrD,kBAAI,UAAU,KAAK,QAAQ,cAAe,QAAO;AACjD,kBACE,UAAU,kBAAkB,SAAS,KACrC,QAAQ;AAER,uBAAO;AACT,qBAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH,CAAC,CACH;AAAA,IAEJ;AAEA,QAAI,sBAAsB,QAAW;AACnC,YAAM,sBAAsB,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrE,YAAI,QAAQ,QAAS,QAAO,MAAM,KAAK,GAAG;AAC1C,eAAO;AAAA,MACT,CAAC;AACD,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACC,GAAI;AAAA,UACL,WAAW,KAAK,WAAW,GAAG,mBAAmB;AAAA;AAAA,QAEhD;AAAA,MACH;AAAA,IAEJ;AAEA,WACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,iBACH;AAAA,EAEJ,CAAC;AACH;AAEA,IAAO,uBAAQ;",
+  "names": ["ExtendedComponent"]
+}

package/AutoCompleteInputTypeahead/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {
-}
-/**
- * AutoCompleteInputTypeahead component is used to display the hole search value
- * in the background.
- *
- */
-export declare const AutoCompleteInputTypeahead: React.ForwardRefExoticComponent<Omit<AutoCompleteInputTypeaheadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInputTypeahead;

package/AutoCompleteInputTypeahead/index.js

@@ -1,25 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AutoCompleteInputTypeahead = React.forwardRef(function AutoCompleteInputTypeahead2({ className, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "input",
-      type: "text",
-      readOnly: true,
-      ref,
-      tabIndex: -1,
-      className: clsx(className, {
-        "ds-autocomplete__hint": true
-      }),
-      ...props
-    }
-  ));
-});
-var AutoCompleteInputTypeahead_default = AutoCompleteInputTypeahead;
-export {
-  AutoCompleteInputTypeahead,
-  AutoCompleteInputTypeahead_default as default
-};
-//# sourceMappingURL=index.js.map

package/AutoCompleteInputTypeahead/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoCompleteInputTypeahead/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n  return (\n    <span>\n      <Base\n        as=\"input\"\n        type=\"text\"\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        className={clsx(className, {\n          'ds-autocomplete__hint': true,\n        })}\n        {...props}\n      />\n    </span>\n  );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
-  "names": ["AutoCompleteInputTypeahead"]
-}

package/BackLink/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackLinkProps extends BaseProps<'a'> {
-}
-/**
- * Use BackLink component to help users go back to the previous page in a multi-page transaction.
- */
-export declare const BackLink: React.ForwardRefExoticComponent<Omit<BackLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default BackLink;

package/BackLink/index.js

@@ -1,31 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-import { CaretIcon } from "@digigov/react-icons";
-const BackLink = React.forwardRef(
-  function BackLink2({ href, printHidden = true, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "a",
-        printHidden,
-        href,
-        onClick: () => !href && window.history.back(),
-        ref,
-        className: clsx(className, {
-          "ds-back-link": true
-        }),
-        tabIndex: 0,
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(CaretIcon, { direction: "left" }),
-      children
-    );
-  }
-);
-var BackLink_default = BackLink;
-export {
-  BackLink,
-  BackLink_default as default
-};
-//# sourceMappingURL=index.js.map

package/BackLink/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BackLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkProps extends BaseProps<'a'> {}\n/**\n * Use BackLink component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(\n  function BackLink(\n    { href, printHidden = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        printHidden={printHidden}\n        href={href}\n        onClick={() => !href && window.history.back()}\n        ref={ref}\n        className={clsx(className, {\n          'ds-back-link': true,\n        })}\n        tabIndex={0}\n        {...props}\n      >\n        <CaretIcon direction={'left'} />\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default BackLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAMnB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS,MAAM,CAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,QAC5C;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACD,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEJ,oCAAC,aAAU,WAAW,QAAQ;AAAA,MAC7B;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
-  "names": ["BackLink"]
-}

package/BreadcrumbsListItem/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BreadcrumbsListItemBaseProps extends BaseProps<'li'> {
-}
-/**
- * BreadcrumbsListItem creates a list of items with the possibility of navigation.
- * It should be used inside BreadcrumbsList as children component
- */
-export declare const BreadcrumbsListItemBase: React.ForwardRefExoticComponent<Omit<BreadcrumbsListItemBaseProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default BreadcrumbsListItemBase;

package/BreadcrumbsListItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BreadcrumbsListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemBaseProps extends BaseProps<'li'> {}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItemBase = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemBaseProps\n>(function BreadcrumbsListItemBase({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItemBase;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBAAwB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
-  "names": ["BreadcrumbsListItemBase"]
-}

package/BreadcrumbsListItemLink/index.js

@@ -1,24 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Link from "@digigov/react-core/LinkBase";
-const BreadcrumbsListItemLink = React.forwardRef(function BreadcrumbsListItemLink2({ href, className, children }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      href,
-      defaultStyle: false,
-      className: clsx(className, {
-        "ds-breadcrumbs__link": true,
-        "ds-breadcrumbs__link--inactive": href === void 0
-      }),
-      ref
-    },
-    children
-  );
-});
-var BreadcrumbsListItemLink_default = BreadcrumbsListItemLink;
-export {
-  BreadcrumbsListItemLink,
-  BreadcrumbsListItemLink_default as default
-};
-//# sourceMappingURL=index.js.map