@xyo-network/react-shared 2.42.9 → 2.42.11

package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@mui/material';
 import { FlexGrowRow } from '@xylabs/react-flexbox';
-export const SectionSpacingRow = ({ children, sx, ...props }) => {
+import { forwardRef } from 'react';
+export const SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
     const theme = useTheme();
     return (_jsx(FlexGrowRow, { sx: {
             paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
             paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
             ...sx,
-        }, width: "100%", ...props, children: children }));
-};
+        }, width: "100%", ref: ref, ...props, children: children }));
+});
+SectionSpacingRow.displayName = 'SectionSpacingRow';
 //# sourceMappingURL=SectionSpacingRow.js.map

package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionSpacingRow.js","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,MAAM,CAAC,MAAM,iBAAiB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAE;YACF,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7D,UAAU,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC1D,GAAG,EAAE;SACN,EACD,KAAK,EAAC,MAAM,KACR,KAAK,YAER,QAAQ,GACG,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SectionSpacingRow.js","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5G,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAE;YACF,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7D,UAAU,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC1D,GAAG,EAAE;SACN,EACD,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACG,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-export declare const SectionSpacingRow: React.FC<FlexBoxProps>;
+export declare const SectionSpacingRow: import("react").ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SectionSpacingRow.d.ts.map

package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAepD,CAAA"}
+{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,iBAAiB,yIAgB5B,CAAA"}

package/package.json

@@ -16,7 +16,7 @@
     "@xylabs/react-flexbox": "^2.16.8",
     "@xylabs/react-link": "^2.16.8",
     "@xylabs/react-shared": "^2.16.8",
-    "@xyo-network/react-event": "^2.42.9"
+    "@xyo-network/react-event": "^2.42.11"
   },
   "devDependencies": {
     "@storybook/react": "^6.5.16",
@@ -78,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.42.9"
+  "version": "2.42.11"
 }

package/src/components/SectionSpacingRow/SectionSpacingRow.tsx

@@ -1,7 +1,8 @@
 import { useTheme } from '@mui/material'
 import { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'
+import { forwardRef } from 'react'
 
-export const SectionSpacingRow: React.FC<FlexBoxProps> = ({ children, sx, ...props }) => {
+export const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {
   const theme = useTheme()
   return (
     <FlexGrowRow
@@ -11,9 +12,12 @@ export const SectionSpacingRow: React.FC<FlexBoxProps> = ({ children, sx, ...pro
         ...sx,
       }}
       width="100%"
+      ref={ref}
       {...props}
     >
       {children}
     </FlexGrowRow>
   )
-}
+})
+
+SectionSpacingRow.displayName = 'SectionSpacingRow'