@pagopa/io-app-design-system 5.5.0 → 5.5.1

package/lib/commonjs/components/contentWrapper/ContentWrapper.js

@@ -4,30 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentWrapper = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _IOStyles = require("../../core/IOStyles");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
 `ContentWrapper` is the main wrapper of the application. It automatically sets side margins,
 depending on the size value
 @param {IOContentWrapper} margin
  */
-const ContentWrapper = ({
+const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _react.forwardRef)(({
   margin = _IOStyles.IOVisualCostants.appMarginDefault,
   style,
   children,
   testID,
   ...rest
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
   testID: testID,
   style: {
     paddingHorizontal: margin,
     ...style
   },
+  ref: ref,
   ...rest,
   children: children
-});
-exports.ContentWrapper = ContentWrapper;
+}));
 //# sourceMappingURL=ContentWrapper.js.map

package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOStyles","_jsxRuntime","e","__esModule","default","ContentWrapper","margin","IOVisualCostants","appMarginDefault","style","children","testID","rest","jsx","View","paddingHorizontal","exports"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAavD;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,kBACtB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;EACHH,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLM,iBAAiB,EAAET,MAAM;IACzB,GAAGG;EACL,CAAE;EAAA,GACEG,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CACP;AAACM,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOStyles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentWrapper","exports","forwardRef","margin","IOVisualCostants","appMarginDefault","style","children","testID","rest","ref","jsx","View","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAavD;AACA;AACA;AACA;AACA;AACO,MAAMW,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,CACE;EACEC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,EACxBC,GAAG,kBAEH,IAAA/B,WAAA,CAAAgC,GAAA,EAAClC,YAAA,CAAAmC,IAAI;EACHJ,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLO,iBAAiB,EAAEV,MAAM;IACzB,GAAGG;EACL,CAAE;EACFI,GAAG,EAAEA,GAAI;EAAA,GACLD,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}

package/lib/module/components/contentWrapper/ContentWrapper.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import React from "react";
+import React, { forwardRef } from "react";
 import { View } from "react-native";
 import { IOVisualCostants } from "../../core/IOStyles";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,19 +9,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 depending on the size value
 @param {IOContentWrapper} margin
  */
-export const ContentWrapper = ({
+export const ContentWrapper = /*#__PURE__*/forwardRef(({
   margin = IOVisualCostants.appMarginDefault,
   style,
   children,
   testID,
   ...rest
-}) => /*#__PURE__*/_jsx(View, {
+}, ref) => /*#__PURE__*/_jsx(View, {
   testID: testID,
   style: {
     paddingHorizontal: margin,
     ...style
   },
+  ref: ref,
   ...rest,
   children: children
-});
+}));
 //# sourceMappingURL=ContentWrapper.js.map

package/lib/module/components/contentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOVisualCostants","jsx","_jsx","ContentWrapper","margin","appMarginDefault","style","children","testID","rest","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,QAA8B,cAAc;AAGzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAavD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,MAAM,GAAGJ,gBAAgB,CAACK,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,kBACtBP,IAAA,CAACH,IAAI;EACHS,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLI,iBAAiB,EAAEN,MAAM;IACzB,GAAGE;EACL,CAAE;EAAA,GACEG,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CACP","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","View","IOVisualCostants","jsx","_jsx","ContentWrapper","margin","appMarginDefault","style","children","testID","rest","ref","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmB,OAAO;AACpD,SAASC,IAAI,QAA8B,cAAc;AAGzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAavD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGL,UAAU,CACtC,CACE;EACEM,MAAM,GAAGJ,gBAAgB,CAACK,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,EACxBC,GAAG,kBAEHR,IAAA,CAACH,IAAI;EACHS,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLK,iBAAiB,EAAEP,MAAM;IACzB,GAAGE;EACL,CAAE;EACFI,GAAG,EAAEA,GAAI;EAAA,GACLD,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}

package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts

@@ -1,17 +1,14 @@
 import React, { ReactNode } from "react";
-import { ViewProps, ViewStyle } from "react-native";
-import { WithTestID } from "src/utils/types";
+import { View, ViewProps, ViewStyle } from "react-native";
 import type { IOAppMargin } from "../../core";
-type IOContentWrapperProps = WithTestID<Omit<ViewProps, "style"> & {
-    margin?: IOAppMargin;
-    children: ReactNode;
-    style?: Omit<ViewStyle, "paddingHorizontal" | "paddingLeft" | "paddingRight">;
-}>;
 /**
 `ContentWrapper` is the main wrapper of the application. It automatically sets side margins,
 depending on the size value
 @param {IOContentWrapper} margin
  */
-export declare const ContentWrapper: ({ margin, style, children, testID, ...rest }: IOContentWrapperProps) => React.JSX.Element;
-export {};
+export declare const ContentWrapper: React.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    margin?: IOAppMargin;
+    children: ReactNode;
+    style?: Omit<ViewStyle, "paddingHorizontal" | "paddingLeft" | "paddingRight">;
+} & import("src/utils/types").TestID & React.RefAttributes<View>>;
 //# sourceMappingURL=ContentWrapper.d.ts.map

package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/contentWrapper/ContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,KAAK,qBAAqB,GAAG,UAAU,CACrC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CACV,SAAS,EACT,mBAAmB,GAAG,aAAa,GAAG,cAAc,CACrD,CAAC;CACH,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,8CAM5B,qBAAqB,sBAWvB,CAAC"}
+{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/contentWrapper/ContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAc9C;;;;GAIG;AACH,eAAO,MAAM,cAAc;aAdd,WAAW;cACV,SAAS;YACX,IAAI,CACV,SAAS,EACT,mBAAmB,GAAG,aAAa,GAAG,cAAc,CACrD;iEAgCJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.5.0",
+  "version": "5.5.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/contentWrapper/ContentWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { forwardRef, ReactNode } from "react";
 import { View, ViewProps, ViewStyle } from "react-native";
 import { WithTestID } from "src/utils/types";
 import type { IOAppMargin } from "../../core";
@@ -20,21 +20,27 @@ type IOContentWrapperProps = WithTestID<
 depending on the size value
 @param {IOContentWrapper} margin
  */
-export const ContentWrapper = ({
-  margin = IOVisualCostants.appMarginDefault,
-  style,
-  children,
-  testID,
-  ...rest
-}: IOContentWrapperProps) => (
-  <View
-    testID={testID}
-    style={{
-      paddingHorizontal: margin,
-      ...style
-    }}
-    {...rest}
-  >
-    {children}
-  </View>
+export const ContentWrapper = forwardRef<View, IOContentWrapperProps>(
+  (
+    {
+      margin = IOVisualCostants.appMarginDefault,
+      style,
+      children,
+      testID,
+      ...rest
+    }: IOContentWrapperProps,
+    ref
+  ) => (
+    <View
+      testID={testID}
+      style={{
+        paddingHorizontal: margin,
+        ...style
+      }}
+      ref={ref}
+      {...rest}
+    >
+      {children}
+    </View>
+  )
 );