posthog-react-native 4.24.2 → 4.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PostHogMaskView.d.ts +37 -0
- package/dist/PostHogMaskView.js +1 -0
- package/dist/PostHogMaskView.js.map +1 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the PostHogMaskView component.
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export interface PostHogMaskViewProps extends ViewProps {
|
|
9
|
+
/** The child components to mask from PostHog capture */
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* PostHogMaskView is a wrapper component that hides its children from PostHog
|
|
14
|
+
* session recordings without compromising accessibility.
|
|
15
|
+
*
|
|
16
|
+
* It works by:
|
|
17
|
+
* - Setting `accessibilityLabel` to `"ph-no-capture"` to hide the content from session recordings
|
|
18
|
+
* - Setting `importantForAccessibility` to `"no"` to prevent the wrapper View from hiding
|
|
19
|
+
* accessible content on Android (since `accessibilityLabel` would otherwise interfere)
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```jsx
|
|
23
|
+
* import { PostHogMaskView } from 'posthog-react-native'
|
|
24
|
+
*
|
|
25
|
+
* function SensitiveForm() {
|
|
26
|
+
* return (
|
|
27
|
+
* <PostHogMaskView>
|
|
28
|
+
* <TextInput placeholder="Credit card number" />
|
|
29
|
+
* <TextInput placeholder="CVV" />
|
|
30
|
+
* </PostHogMaskView>
|
|
31
|
+
* )
|
|
32
|
+
* }
|
|
33
|
+
* ```
|
|
34
|
+
*
|
|
35
|
+
* @public
|
|
36
|
+
*/
|
|
37
|
+
export declare const PostHogMaskView: ({ children, ...viewProps }: PostHogMaskViewProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.PostHogMaskView=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["children"];var _this=void 0,_jsxFileName="/home/runner/work/posthog-js/posthog-js/packages/react-native/dist/PostHogMaskView.js";function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){(0,_defineProperty2["default"])(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}var PostHogMaskView=exports.PostHogMaskView=function PostHogMaskView(_ref){var children=_ref.children,viewProps=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return(0,_jsxRuntime.jsx)(_reactNative.View,_objectSpread(_objectSpread({},viewProps),{},{accessibilityLabel:"ph-no-capture",importantForAccessibility:"no",children:children}));};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PostHogMaskView.js","sourceRoot":"","sources":["../src/PostHogMaskView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAA;AAY9C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAwB,EAAe,EAAE,CAAC,CAChG,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,yBAAyB,CAAC,IAAI,CACpF;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,IAAI,CAAC,CACR,CAAA"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.
|
|
1
|
+
export declare const version = "4.25.0";
|
package/dist/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.version=void 0;var version=exports.version="4.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.version=void 0;var version=exports.version="4.25.0";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "posthog-react-native",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.25.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"react-native-svg": "^15.0.0",
|
|
62
62
|
"ts-jest": "29.4.0",
|
|
63
63
|
"typescript": "5.8.2",
|
|
64
|
-
"@posthog-tooling/
|
|
65
|
-
"@posthog-tooling/
|
|
64
|
+
"@posthog-tooling/rollup-utils": "1.1.1",
|
|
65
|
+
"@posthog-tooling/tsconfig-base": "1.1.1"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@react-native-async-storage/async-storage": ">=1.0.0",
|