@digigov/react-core 2.0.0-d57821ba → 2.0.0-daaf7bdf

package/src/lazy.js

@@ -29,7 +29,7 @@ export default {
   'BackToTopLimit': lazy(() => import('@digigov/react-core/BackToTopLimit').then((module)=> ({default: module['BackToTopLimit']}))),
   'BackToTopLink': lazy(() => import('@digigov/react-core/BackToTopLink').then((module)=> ({default: module['BackToTopLink']}))),
   'BannerContainer': lazy(() => import('@digigov/react-core/BannerContainer').then((module)=> ({default: module['BannerContainer']}))),
-  'Base': lazy(() => import('@digigov/react-core/Base').then((module)=> ({default: module['Base']}))),
+  'Base': lazy(() => import('@digigov/react-core/Base/index.web').then((module)=> ({default: module['Base']}))),
   'Blockquote': lazy(() => import('@digigov/react-core/Blockquote').then((module)=> ({default: module['Blockquote']}))),
   'Bottom': lazy(() => import('@digigov/react-core/Bottom').then((module)=> ({default: module['Bottom']}))),
   'BottomInfo': lazy(() => import('@digigov/react-core/BottomInfo').then((module)=> ({default: module['BottomInfo']}))),
@@ -49,6 +49,7 @@ export default {
   'Checkbox': lazy(() => import('@digigov/react-core/Checkbox').then((module)=> ({default: module['Checkbox']}))),
   'CheckboxConditional': lazy(() => import('@digigov/react-core/CheckboxConditional').then((module)=> ({default: module['CheckboxConditional']}))),
   'CheckboxItem': lazy(() => import('@digigov/react-core/CheckboxItem').then((module)=> ({default: module['CheckboxItem']}))),
+  'CheckboxItemInput': lazy(() => import('@digigov/react-core/CheckboxItemInput/index.web').then((module)=> ({default: module['CheckboxItemInput']}))),
   'Chip': lazy(() => import('@digigov/react-core/Chip').then((module)=> ({default: module['Chip']}))),
   'ChipContainer': lazy(() => import('@digigov/react-core/ChipContainer').then((module)=> ({default: module['ChipContainer']}))),
   'ChipHeading': lazy(() => import('@digigov/react-core/ChipHeading').then((module)=> ({default: module['ChipHeading']}))),
@@ -59,13 +60,14 @@ export default {
   'Code': lazy(() => import('@digigov/react-core/Code').then((module)=> ({default: module['Code']}))),
   'CodeBlockContainer': lazy(() => import('@digigov/react-core/CodeBlockContainer').then((module)=> ({default: module['CodeBlockContainer']}))),
   'CodeBlockContent': lazy(() => import('@digigov/react-core/CodeBlockContent').then((module)=> ({default: module['CodeBlockContent']}))),
+  'CodeBlockHeader': lazy(() => import('@digigov/react-core/CodeBlockHeader').then((module)=> ({default: module['CodeBlockHeader']}))),
   'Container': lazy(() => import('@digigov/react-core/Container').then((module)=> ({default: module['Container']}))),
   'CopyrightContainer': lazy(() => import('@digigov/react-core/CopyrightContainer').then((module)=> ({default: module['CopyrightContainer']}))),
-  'CopyToClipboardContainer': lazy(() => import('@digigov/react-core/CopyToClipboardContainer').then((module)=> ({default: module['CopyToClipboardContainer']}))),
-  'CopyToClipboardMessage': lazy(() => import('@digigov/react-core/CopyToClipboardMessage').then((module)=> ({default: module['CopyToClipboardMessage']}))),
+  'CopyToClipboardContainer': lazy(() => import('@digigov/react-core/CopyToClipboardContainer/index.web').then((module)=> ({default: module['CopyToClipboardContainer']}))),
+  'CopyToClipboardMessage': lazy(() => import('@digigov/react-core/CopyToClipboardMessage/index.web').then((module)=> ({default: module['CopyToClipboardMessage']}))),
   'DateInputContainer': lazy(() => import('@digigov/react-core/DateInputContainer').then((module)=> ({default: module['DateInputContainer']}))),
-  'DateInputItem': lazy(() => import('@digigov/react-core/DateInputItem').then((module)=> ({default: module['DateInputItem']}))),
-  'Details': lazy(() => import('@digigov/react-core/Details').then((module)=> ({default: module['Details']}))),
+  'DateInputItem': lazy(() => import('@digigov/react-core/DateInputItem/index.web').then((module)=> ({default: module['DateInputItem']}))),
+  'Details': lazy(() => import('@digigov/react-core/Details/index.web').then((module)=> ({default: module['Details']}))),
   'DetailsContent': lazy(() => import('@digigov/react-core/DetailsContent').then((module)=> ({default: module['DetailsContent']}))),
   'DetailsSummary': lazy(() => import('@digigov/react-core/DetailsSummary').then((module)=> ({default: module['DetailsSummary']}))),
   'Drawer': lazy(() => import('@digigov/react-core/Drawer').then((module)=> ({default: module['Drawer']}))),
@@ -118,7 +120,6 @@ export default {
   'Hint': lazy(() => import('@digigov/react-core/Hint').then((module)=> ({default: module['Hint']}))),
   'ImageLogo': lazy(() => import('@digigov/react-core/ImageLogo').then((module)=> ({default: module['ImageLogo']}))),
   'ImageLogoSet': lazy(() => import('@digigov/react-core/ImageLogoSet').then((module)=> ({default: module['ImageLogoSet']}))),
-  'CodeBlockHeader': lazy(() => import('@digigov/react-core').then((module)=> ({default: module['CodeBlockHeader']}))),
   'Panel': lazy(() => import('@digigov/react-core/Panel').then((module)=> ({default: module['Panel']}))),
   'PanelBody': lazy(() => import('@digigov/react-core/PanelBody').then((module)=> ({default: module['PanelBody']}))),
   'LabelContainer': lazy(() => import('@digigov/react-core/LabelContainer').then((module)=> ({default: module['LabelContainer']}))),
@@ -134,7 +135,7 @@ export default {
   'NavList': lazy(() => import('@digigov/react-core/NavList').then((module)=> ({default: module['NavList']}))),
   'NavListItemAction': lazy(() => import('@digigov/react-core/NavListItemAction').then((module)=> ({default: module['NavListItemAction']}))),
   'NavListItemBadge': lazy(() => import('@digigov/react-core/NavListItemBadge').then((module)=> ({default: module['NavListItemBadge']}))),
-  'NavListItemActionContainer': lazy(() => import('@digigov/react-core/NavListItemActionContainer').then((module)=> ({default: module['NavListItemActionContainer']}))),
+  'NavListItemActionContainer': lazy(() => import('@digigov/react-core/NavListItemActionContainer/index.web').then((module)=> ({default: module['NavListItemActionContainer']}))),
   'NavListItemLink': lazy(() => import('@digigov/react-core/NavListItemLink').then((module)=> ({default: module['NavListItemLink']}))),
   'NavListItemButton': lazy(() => import('@digigov/react-core/NavListItemButton').then((module)=> ({default: module['NavListItemButton']}))),
   'NavMenuContainer': lazy(() => import('@digigov/react-core/NavMenuContainer').then((module)=> ({default: module['NavMenuContainer']}))),
@@ -147,7 +148,7 @@ export default {
   'NotificationBannerContent': lazy(() => import('@digigov/react-core/NotificationBannerContent').then((module)=> ({default: module['NotificationBannerContent']}))),
   'NotificationBannerHeader': lazy(() => import('@digigov/react-core/NotificationBannerHeader').then((module)=> ({default: module['NotificationBannerHeader']}))),
   'NotificationBannerHeading': lazy(() => import('@digigov/react-core/NotificationBannerHeading').then((module)=> ({default: module['NotificationBannerHeading']}))),
-  'NotificationBannerLink': lazy(() => import('@digigov/react-core/NotificationBannerLink').then((module)=> ({default: module['NotificationBannerLink']}))),
+  'NotificationBannerLink': lazy(() => import('@digigov/react-core/NotificationBannerLink/index.web').then((module)=> ({default: module['NotificationBannerLink']}))),
   'Section': lazy(() => import('@digigov/react-core/Section').then((module)=> ({default: module['Section']}))),
   'PageTitleContainer': lazy(() => import('@digigov/react-core/PageTitleContainer').then((module)=> ({default: module['PageTitleContainer']}))),
   'PageTitleCaption': lazy(() => import('@digigov/react-core/PageTitleCaption').then((module)=> ({default: module['PageTitleCaption']}))),
@@ -188,8 +189,8 @@ export default {
   'TabsList': lazy(() => import('@digigov/react-core/TabsList').then((module)=> ({default: module['TabsList']}))),
   'TabsListItemBase': lazy(() => import('@digigov/react-core/TabsListItemBase').then((module)=> ({default: module['TabsListItemBase']}))),
   'TabsPanelBase': lazy(() => import('@digigov/react-core/TabsPanelBase').then((module)=> ({default: module['TabsPanelBase']}))),
-  'TextArea': lazy(() => import('@digigov/react-core/TextArea').then((module)=> ({default: module['TextArea']}))),
-  'TextInput': lazy(() => import('@digigov/react-core/TextInput').then((module)=> ({default: module['TextInput']}))),
+  'TextArea': lazy(() => import('@digigov/react-core/TextArea/index.web').then((module)=> ({default: module['TextArea']}))),
+  'TextInput': lazy(() => import('@digigov/react-core/TextInput/index.web').then((module)=> ({default: module['TextInput']}))),
   'Typography': lazy(() => import('@digigov/react-core/Typography').then((module)=> ({default: module['Typography']}))),
   'Top': lazy(() => import('@digigov/react-core/Top').then((module)=> ({default: module['Top']}))),
   'VisuallyHidden': lazy(() => import('@digigov/react-core/VisuallyHidden').then((module)=> ({default: module['VisuallyHidden']}))),
@@ -231,6 +232,7 @@ export default {
   'TaskListItemContent': lazy(() => import('@digigov/react-core/TaskListItemContent').then((module)=> ({default: module['TaskListItemContent']}))),
   'TaskListItemHeading': lazy(() => import('@digigov/react-core/TaskListItemHeading').then((module)=> ({default: module['TaskListItemHeading']}))),
   'TaskListItemTag': lazy(() => import('@digigov/react-core/TaskListItemTag').then((module)=> ({default: module['TaskListItemTag']}))),
+  'WarningTextAssistive': lazy(() => import('@digigov/react-core/WarningTextAssistive').then((module)=> ({default: module['WarningTextAssistive']}))),
   'KitchenSinkAllComponents': lazy(() => import('@digigov/react-core/KitchenSinkAllComponents').then((module)=> ({default: module['KitchenSinkAllComponents']}))),
   'KitchenSinkCard': lazy(() => import('@digigov/react-core/KitchenSinkCard').then((module)=> ({default: module['KitchenSinkCard']}))),
   'KitchenSinkCategory': lazy(() => import('@digigov/react-core/KitchenSinkCategory').then((module)=> ({default: module['KitchenSinkCategory']}))),

package/src/registry.js

@@ -29,6 +29,8 @@ import * as _digigov_react_core_BackToTopLimit from '@digigov/react-core/BackToT
 import * as _digigov_react_core_BackToTopLink from '@digigov/react-core/BackToTopLink';
 import * as _digigov_react_core_BannerContainer from '@digigov/react-core/BannerContainer';
 import * as _digigov_react_core_Base from '@digigov/react-core/Base';
+import * as _digigov_react_core_Base_index_web from '@digigov/react-core/Base/index.web';
+import * as _digigov_react_core_Base_utils from '@digigov/react-core/Base/utils';
 import * as _digigov_react_core_Blockquote from '@digigov/react-core/Blockquote';
 import * as _digigov_react_core_Bottom from '@digigov/react-core/Bottom';
 import * as _digigov_react_core_BottomInfo from '@digigov/react-core/BottomInfo';
@@ -48,6 +50,8 @@ import * as _digigov_react_core_CardHeading from '@digigov/react-core/CardHeadin
 import * as _digigov_react_core_Checkbox from '@digigov/react-core/Checkbox';
 import * as _digigov_react_core_CheckboxConditional from '@digigov/react-core/CheckboxConditional';
 import * as _digigov_react_core_CheckboxItem from '@digigov/react-core/CheckboxItem';
+import * as _digigov_react_core_CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';
+import * as _digigov_react_core_CheckboxItemInput_index_web from '@digigov/react-core/CheckboxItemInput/index.web';
 import * as _digigov_react_core_Chip from '@digigov/react-core/Chip';
 import * as _digigov_react_core_ChipContainer from '@digigov/react-core/ChipContainer';
 import * as _digigov_react_core_ChipHeading from '@digigov/react-core/ChipHeading';
@@ -62,10 +66,14 @@ import * as _digigov_react_core_CodeBlockHeader from '@digigov/react-core/CodeBl
 import * as _digigov_react_core_Container from '@digigov/react-core/Container';
 import * as _digigov_react_core_CopyrightContainer from '@digigov/react-core/CopyrightContainer';
 import * as _digigov_react_core_CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContainer';
+import * as _digigov_react_core_CopyToClipboardContainer_index_web from '@digigov/react-core/CopyToClipboardContainer/index.web';
 import * as _digigov_react_core_CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';
+import * as _digigov_react_core_CopyToClipboardMessage_index_web from '@digigov/react-core/CopyToClipboardMessage/index.web';
 import * as _digigov_react_core_DateInputContainer from '@digigov/react-core/DateInputContainer';
 import * as _digigov_react_core_DateInputItem from '@digigov/react-core/DateInputItem';
+import * as _digigov_react_core_DateInputItem_index_web from '@digigov/react-core/DateInputItem/index.web';
 import * as _digigov_react_core_Details from '@digigov/react-core/Details';
+import * as _digigov_react_core_Details_index_web from '@digigov/react-core/Details/index.web';
 import * as _digigov_react_core_DetailsContent from '@digigov/react-core/DetailsContent';
 import * as _digigov_react_core_DetailsSummary from '@digigov/react-core/DetailsSummary';
 import * as _digigov_react_core_Drawer from '@digigov/react-core/Drawer';
@@ -152,6 +160,7 @@ 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_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';
@@ -166,6 +175,7 @@ import * as _digigov_react_core_NotificationBannerContent from '@digigov/react-c
 import * as _digigov_react_core_NotificationBannerHeader from '@digigov/react-core/NotificationBannerHeader';
 import * as _digigov_react_core_NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
 import * as _digigov_react_core_NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
+import * as _digigov_react_core_NotificationBannerLink_index_web from '@digigov/react-core/NotificationBannerLink/index.web';
 import * as _digigov_react_core_PageTitleCaption from '@digigov/react-core/PageTitleCaption';
 import * as _digigov_react_core_PageTitleContainer from '@digigov/react-core/PageTitleContainer';
 import * as _digigov_react_core_PageTitleHeading from '@digigov/react-core/PageTitleHeading';
@@ -237,7 +247,9 @@ import * as _digigov_react_core_TaskListItemContent from '@digigov/react-core/Ta
 import * as _digigov_react_core_TaskListItemHeading from '@digigov/react-core/TaskListItemHeading';
 import * as _digigov_react_core_TaskListItemTag from '@digigov/react-core/TaskListItemTag';
 import * as _digigov_react_core_TextArea from '@digigov/react-core/TextArea';
+import * as _digigov_react_core_TextArea_index_web from '@digigov/react-core/TextArea/index.web';
 import * as _digigov_react_core_TextInput from '@digigov/react-core/TextInput';
+import * as _digigov_react_core_TextInput_index_web from '@digigov/react-core/TextInput/index.web';
 import * as _digigov_react_core_Timeline from '@digigov/react-core/Timeline';
 import * as _digigov_react_core_TimelineActions from '@digigov/react-core/TimelineActions';
 import * as _digigov_react_core_TimelineContent from '@digigov/react-core/TimelineContent';
@@ -247,7 +259,8 @@ import * as _digigov_react_core_Top from '@digigov/react-core/Top';
 import * as _digigov_react_core_Typography from '@digigov/react-core/Typography';
 import * as _digigov_react_core_Unpurge from '@digigov/react-core/Unpurge';
 import * as _digigov_react_core_VisuallyHidden from '@digigov/react-core/VisuallyHidden';
-import * as _digigov_react_core_WarningText from '@digigov/react-core/WarningText'
+import * as _digigov_react_core_WarningText from '@digigov/react-core/WarningText';
+import * as _digigov_react_core_WarningTextAssistive from '@digigov/react-core/WarningTextAssistive'
 function lazyImport(pkgImport) {
   // eslint-disable-next-line no-undef
   return new Proxy(
@@ -298,6 +311,8 @@ export default {
   '@digigov/react-core/BackToTopLink': lazyImport(_digigov_react_core_BackToTopLink),
   '@digigov/react-core/BannerContainer': lazyImport(_digigov_react_core_BannerContainer),
   '@digigov/react-core/Base': lazyImport(_digigov_react_core_Base),
+  '@digigov/react-core/Base/index.web': lazyImport(_digigov_react_core_Base_index_web),
+  '@digigov/react-core/Base/utils': lazyImport(_digigov_react_core_Base_utils),
   '@digigov/react-core/Blockquote': lazyImport(_digigov_react_core_Blockquote),
   '@digigov/react-core/Bottom': lazyImport(_digigov_react_core_Bottom),
   '@digigov/react-core/BottomInfo': lazyImport(_digigov_react_core_BottomInfo),
@@ -317,6 +332,8 @@ export default {
   '@digigov/react-core/Checkbox': lazyImport(_digigov_react_core_Checkbox),
   '@digigov/react-core/CheckboxConditional': lazyImport(_digigov_react_core_CheckboxConditional),
   '@digigov/react-core/CheckboxItem': lazyImport(_digigov_react_core_CheckboxItem),
+  '@digigov/react-core/CheckboxItemInput': lazyImport(_digigov_react_core_CheckboxItemInput),
+  '@digigov/react-core/CheckboxItemInput/index.web': lazyImport(_digigov_react_core_CheckboxItemInput_index_web),
   '@digigov/react-core/Chip': lazyImport(_digigov_react_core_Chip),
   '@digigov/react-core/ChipContainer': lazyImport(_digigov_react_core_ChipContainer),
   '@digigov/react-core/ChipHeading': lazyImport(_digigov_react_core_ChipHeading),
@@ -331,10 +348,14 @@ export default {
   '@digigov/react-core/Container': lazyImport(_digigov_react_core_Container),
   '@digigov/react-core/CopyrightContainer': lazyImport(_digigov_react_core_CopyrightContainer),
   '@digigov/react-core/CopyToClipboardContainer': lazyImport(_digigov_react_core_CopyToClipboardContainer),
+  '@digigov/react-core/CopyToClipboardContainer/index.web': lazyImport(_digigov_react_core_CopyToClipboardContainer_index_web),
   '@digigov/react-core/CopyToClipboardMessage': lazyImport(_digigov_react_core_CopyToClipboardMessage),
+  '@digigov/react-core/CopyToClipboardMessage/index.web': lazyImport(_digigov_react_core_CopyToClipboardMessage_index_web),
   '@digigov/react-core/DateInputContainer': lazyImport(_digigov_react_core_DateInputContainer),
   '@digigov/react-core/DateInputItem': lazyImport(_digigov_react_core_DateInputItem),
+  '@digigov/react-core/DateInputItem/index.web': lazyImport(_digigov_react_core_DateInputItem_index_web),
   '@digigov/react-core/Details': lazyImport(_digigov_react_core_Details),
+  '@digigov/react-core/Details/index.web': lazyImport(_digigov_react_core_Details_index_web),
   '@digigov/react-core/DetailsContent': lazyImport(_digigov_react_core_DetailsContent),
   '@digigov/react-core/DetailsSummary': lazyImport(_digigov_react_core_DetailsSummary),
   '@digigov/react-core/Drawer': lazyImport(_digigov_react_core_Drawer),
@@ -421,6 +442,7 @@ export default {
   '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
   '@digigov/react-core/NavListItemAction': lazyImport(_digigov_react_core_NavListItemAction),
   '@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),
@@ -435,6 +457,7 @@ export default {
   '@digigov/react-core/NotificationBannerHeader': lazyImport(_digigov_react_core_NotificationBannerHeader),
   '@digigov/react-core/NotificationBannerHeading': lazyImport(_digigov_react_core_NotificationBannerHeading),
   '@digigov/react-core/NotificationBannerLink': lazyImport(_digigov_react_core_NotificationBannerLink),
+  '@digigov/react-core/NotificationBannerLink/index.web': lazyImport(_digigov_react_core_NotificationBannerLink_index_web),
   '@digigov/react-core/PageTitleCaption': lazyImport(_digigov_react_core_PageTitleCaption),
   '@digigov/react-core/PageTitleContainer': lazyImport(_digigov_react_core_PageTitleContainer),
   '@digigov/react-core/PageTitleHeading': lazyImport(_digigov_react_core_PageTitleHeading),
@@ -506,7 +529,9 @@ export default {
   '@digigov/react-core/TaskListItemHeading': lazyImport(_digigov_react_core_TaskListItemHeading),
   '@digigov/react-core/TaskListItemTag': lazyImport(_digigov_react_core_TaskListItemTag),
   '@digigov/react-core/TextArea': lazyImport(_digigov_react_core_TextArea),
+  '@digigov/react-core/TextArea/index.web': lazyImport(_digigov_react_core_TextArea_index_web),
   '@digigov/react-core/TextInput': lazyImport(_digigov_react_core_TextInput),
+  '@digigov/react-core/TextInput/index.web': lazyImport(_digigov_react_core_TextInput_index_web),
   '@digigov/react-core/Timeline': lazyImport(_digigov_react_core_Timeline),
   '@digigov/react-core/TimelineActions': lazyImport(_digigov_react_core_TimelineActions),
   '@digigov/react-core/TimelineContent': lazyImport(_digigov_react_core_TimelineContent),
@@ -516,6 +541,7 @@ export default {
   '@digigov/react-core/Typography': lazyImport(_digigov_react_core_Typography),
   '@digigov/react-core/Unpurge': lazyImport(_digigov_react_core_Unpurge),
   '@digigov/react-core/VisuallyHidden': lazyImport(_digigov_react_core_VisuallyHidden),
-  '@digigov/react-core/WarningText': lazyImport(_digigov_react_core_WarningText)
+  '@digigov/react-core/WarningText': lazyImport(_digigov_react_core_WarningText),
+  '@digigov/react-core/WarningTextAssistive': lazyImport(_digigov_react_core_WarningTextAssistive)
 };
   

package/src/utils/extend.native.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+type WithClassName<TProps> = TProps & { className?: string };
+type PropFactory<TProps> = (props: WithClassName<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<TProps & TAdditionalProps> = (props) => props
+) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
+    props: WithClassName<TProps & TAdditionalProps>,
+    ref
+  ) {
+    const transformedProps = propFactory(props);
+
+    return <Component ref={ref} {...transformedProps} />;
+  });
+  return ExtendedComponent;
+}
+export default extend;

package/utils/extend.native/index.js

@@ -0,0 +1,14 @@
+import React from "react";
+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;
+}
+var extend_native_default = extend;
+export {
+  extend_native_default as default,
+  extend
+};
+//# sourceMappingURL=extend.native.js.map

package/utils/extend.native/package.json

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

package/utils/extend.native.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+type WithClassName<TProps> = TProps & {
+    className?: string;
+};
+type PropFactory<TProps> = (props: WithClassName<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<TProps & TAdditionalProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithClassName<TProps & TAdditionalProps>> & React.RefAttributes<unknown>>;
+export default extend;

package/utils/extend.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/extend.native.tsx"],
+  "sourcesContent": ["import React from 'react';\n\ntype WithClassName<TProps> = TProps & { className?: string };\ntype PropFactory<TProps> = (props: WithClassName<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<TProps & TAdditionalProps> = (props) => props\n) {\n  const ExtendedComponent = React.forwardRef(function ExtendedComponent(\n    props: WithClassName<TProps & TAdditionalProps>,\n    ref\n  ) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\nexport default extend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAqBX,SAAS,OACd,WACA,cAAsD,CAAC,UAAU,OACjE;AACA,QAAM,oBAAoB,MAAM,WAAW,SAASA,mBAClD,OACA,KACA;AACA,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AACA,IAAO,wBAAQ;",
+  "names": ["ExtendedComponent"]
+}