@fluentui-react-native/pressable 0.9.65 → 0.9.67

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@fluentui-react-native/pressable",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Thu, 23 Mar 2023 20:47:39 GMT",
+      "tag": "@fluentui-react-native/pressable_v0.9.67",
+      "version": "0.9.67",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/pressable",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.22.28",
+            "commit": "58c71da6843a333d3b6faca82a851916205a4fd0"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:53:47 GMT",
+      "tag": "@fluentui-react-native/pressable_v0.9.66",
+      "version": "0.9.66",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/pressable",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/pressable",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.22.27",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/pressable_v0.9.65",
       "version": "0.9.65",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui-react-native/pressable
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Thu, 23 Mar 2023 20:47:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.9.67
+
+Thu, 23 Mar 2023 20:47:39 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/interactive-hooks to v0.22.28
+
+## 0.9.66
+
+Tue, 21 Mar 2023 21:53:47 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/interactive-hooks to v0.22.27
+
 ## 0.9.65
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/Pressable.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IPressableProps } from './Pressable.props';
+export declare const Pressable: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>, {
+    root: import("@fluentui-react-native/adapters").IViewProps;
+}, object>>;
+export default Pressable;
+//# sourceMappingURL=Pressable.d.ts.map

package/lib/Pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,mBAAmB,CAAC;AAEzE,eAAO,MAAM,SAAS;;WAYpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/Pressable.js

@@ -0,0 +1,41 @@
+/**
+ * This is primarily a fork of React Native's Touchable Mixin.
+ * It has been repurposed as it's own standalone control for win32,
+ * as it needs to support a richer set of functionality on the desktop.
+ * The touchable variants can be rewritten as wrappers around TouchableWin32
+ * by passing the correct set of props down and managing state correctly.
+ *
+ * React Native's Touchable.js file (https://github.com/facebook/react-native/blob/master/Libraries/Components/Touchable/Touchable.js)
+ * provides an overview over how touchables work and interact with the gesture responder system.
+ */
+'use strict';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { View } from 'react-native';
+import { useAsPressable } from '@fluentui-react-native/interactive-hooks';
+import { composable } from '@uifabricshared/foundation-composable';
+import { mergeSettings } from '@uifabricshared/foundation-settings';
+export var Pressable = composable({
+    slots: { root: View },
+    usePrepareProps: function (userProps, useStyling) {
+        var renderStyle = userProps.renderStyle, rest = __rest(userProps, ["renderStyle"]);
+        var _a = useAsPressable(rest), props = _a.props, state = _a.state;
+        var styleProps = useStyling(props);
+        renderStyle && (props.style = renderStyle(state));
+        return {
+            slotProps: mergeSettings(styleProps, { root: props }),
+            state: { state: state },
+        };
+    },
+});
+export default Pressable;
+//# sourceMappingURL=Pressable.js.map

package/lib/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CAAiB;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACrB,eAAe,EAAE,UAAC,SAA0B,EAAE,UAAuC;QAC3E,IAAA,WAAW,GAAc,SAAS,YAAvB,EAAK,IAAI,UAAK,SAAS,EAApC,eAAwB,CAAF,CAAe;QACrC,IAAA,KAAmB,cAAc,CAAC,IAAI,CAAC,EAArC,KAAK,WAAA,EAAE,KAAK,WAAyB,CAAC;QAC9C,IAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,aAAa,CAA8B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAClF,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE;SACjB,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/Pressable.props.d.ts

@@ -0,0 +1,36 @@
+import type * as React from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { IWithPressableOptions, IPressableState } from '@fluentui-react-native/interactive-hooks';
+export type IPressableProps<TBase extends object = IViewProps> = IWithPressableOptions<TBase> & {
+    children?: IRenderChild<IPressableState>;
+    renderStyle?: IRenderStyle<IPressableState, ViewStyle>;
+};
+/**
+ * Used by IRenderChild, it simply describes a function that takes
+ * some generic state type T and returns a ReactNode
+ */
+export type IChildAsFunction<T> = (state: T) => React.ReactNode;
+/**
+ * An IRenderChild describes children as a function that take the current
+ * state of the parent component. It is up to the parent to invoke the function
+ * and make proper use of the more typical ReactNode object that is returned
+ * This is an especially helpful construct when children of a Touchable require
+ * knowledge of the interaction state of their parent to properly render themselves
+ * (e.g. foreground color of a text child)
+ */
+export type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
+/**
+ * An IRenderStyle describes style as a function that takes the current
+ * state of the parent component. It is up to the parent to invoke the function
+ * and make proper use of the more typical StyleProp<S> object that is returned
+ * This is convenient for when styles need to be calculated depending on interaction states.
+ */
+export type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
+export type IPressableType<TBase extends object = IViewProps> = {
+    props: IPressableProps<TBase>;
+    slotProps: {
+        root: TBase;
+    };
+};
+//# sourceMappingURL=Pressable.props.d.ts.map

package/lib/Pressable.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.props.d.ts","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAGvG,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,UAAU,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC9F,QAAQ,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAQzC,WAAW,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CACxD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAG5D,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,UAAU,IAAI;IAC9D,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}

package/lib/Pressable.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Pressable.props.js.map

package/lib/Pressable.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.props.js","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":""}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export type { IChildAsFunction, IPressableProps, IPressableType, IRenderChild, IRenderStyle } from './Pressable.props';
+export { Pressable } from './Pressable';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { Pressable } from './Pressable';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/pressable",
-  "version": "0.9.65",
+  "version": "0.9.67",
   "description": "A cross-platform Pressable component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@fluentui-react-native/adapters": ">=0.10.2 <1.0.0",
-    "@fluentui-react-native/interactive-hooks": ">=0.22.26 <1.0.0",
+    "@fluentui-react-native/interactive-hooks": ">=0.22.28 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.11.3 <1.0.0",
     "@uifabricshared/foundation-settings": ">=0.12.3 <1.0.0"
   },