@storybook/addon-ondevice-controls 8.3.1-beta.2 → 8.3.5

package/dist/components/color-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export { fromHsv, toHsv } from './utils';
 export { HoloColorPicker as ColorPicker } from './HoloColorPicker';
 export { TriangleColorPicker } from './TriangleColorPicker';

package/dist/components/color-picker/utils.js

@@ -3,7 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.rotatePoint = exports.createPanResponder = exports.fromHsv = exports.toHsv = void 0;
+exports.toHsv = toHsv;
+exports.fromHsv = fromHsv;
+exports.createPanResponder = createPanResponder;
+exports.rotatePoint = rotatePoint;
 const tinycolor2_1 = __importDefault(require("tinycolor2"));
 const react_native_1 = require("react-native");
 /**
@@ -14,7 +17,6 @@ const react_native_1 = require("react-native");
 function toHsv(color) {
     return (0, tinycolor2_1.default)(color).toHsv();
 }
-exports.toHsv = toHsv;
 /**
  * Converts hsv object to hexa color string.
  * @param {object} hsv { h: number, s: number, v: number } object literal
@@ -23,7 +25,6 @@ exports.toHsv = toHsv;
 function fromHsv(hsv) {
     return (0, tinycolor2_1.default)(hsv).toHexString();
 }
-exports.fromHsv = fromHsv;
 const fn = () => true;
 /**
  * Simplified pan responder wrapper.
@@ -46,7 +47,6 @@ function createPanResponder({ onStart = fn, onMove = fn, onEnd = fn, }) {
         },
     });
 }
-exports.createPanResponder = createPanResponder;
 /**
  * Rotates point around given center in 2d.
  * Point is object literal { x: number, y: number }
@@ -70,4 +70,3 @@ function rotatePoint(point, angle, center = { x: 0, y: 0 }) {
         y: normalizedY,
     };
 }
-exports.rotatePoint = rotatePoint;

package/dist/index.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.register = exports.PARAM_KEY = exports.ADDON_ID = void 0;
+exports.PARAM_KEY = exports.ADDON_ID = void 0;
+exports.register = register;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const manager_api_1 = require("@storybook/core/manager-api");
 const ControlsPanel_1 = __importDefault(require("./ControlsPanel"));
@@ -20,4 +21,3 @@ function register() {
         });
     });
 }
-exports.register = register;

package/dist/types/common.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from '@storybook/react-native-theming';
 import { TextInput, TextInputProps, TextStyle } from 'react-native';
 export declare function inputStyle({ theme, isTextInput, focused, hasError, }: {
@@ -9,7 +8,7 @@ export declare function inputStyle({ theme, isTextInput, focused, hasError, }: {
 }): TextStyle;
 export declare const Input: import("@storybook/react-native-theming").StyledComponent<TextInputProps & import("react").RefAttributes<TextInput> & {
     theme?: Theme;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    as?: React.ElementType;
 } & {
     focused?: boolean;
     isTextInput?: boolean;

package/dist/types/common.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = exports.inputStyle = void 0;
+exports.Input = void 0;
+exports.inputStyle = inputStyle;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const bottom_sheet_1 = require("@gorhom/bottom-sheet");
 const react_native_theming_1 = require("@storybook/react-native-theming");
@@ -42,7 +43,6 @@ function inputStyle({ theme, isTextInput = true, focused = false, hasError = fal
         margin: 0,
     };
 }
-exports.inputStyle = inputStyle;
 const TextInputWithSwitcher = (0, react_1.forwardRef)((props, ref) => {
     const { isMobile } = (0, react_native_ui_1.useLayout)();
     return isMobile ? (

package/dist/types/useResyncValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useResyncValue(value: any, isPristine: boolean, resyncCallback?: (syncValue: any) => void): {
     key: number;
     setCurrentValue: import("react").Dispatch<any>;

package/dist/types/useResyncValue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResyncValue = void 0;
+exports.useResyncValue = useResyncValue;
 const react_1 = require("react");
 // syncs up the value of a control with the value of a story arg when resetting
 // this is used for controls that don't use a controlled input like the slider
@@ -15,4 +15,3 @@ function useResyncValue(value, isPristine, resyncCallback) {
     }, [value, currentValue, isPristine, resyncCallback]);
     return { key, setCurrentValue };
 }
-exports.useResyncValue = useResyncValue;

package/dist/useDebounceCallback.js

@@ -24,6 +24,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useDebouncedCallback;
 const react_1 = require("react");
 /**
  * Creates a debounced function that delays invoking `func` until after `wait`
@@ -219,4 +220,3 @@ function useDebouncedCallback(callback, wait, options) {
     }, [leading, maxing, wait, maxWait, trailing]);
     return debounced;
 }
-exports.default = useDebouncedCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-controls",
-  "version": "8.3.1-beta.2",
+  "version": "8.3.5",
   "description": "Display storybook controls on your device.",
   "keywords": [
     "addon",
@@ -32,8 +32,8 @@
   "dependencies": {
     "@storybook/addon-controls": "^8.3.1",
     "@storybook/core": "^8.3.1",
-    "@storybook/react-native-theming": "^8.3.1-beta.2",
-    "@storybook/react-native-ui": "^8.3.1-beta.2",
+    "@storybook/react-native-theming": "^8.3.5",
+    "@storybook/react-native-ui": "^8.3.5",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
     "react-native-modal-datetime-picker": "^14.0.0",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "typescript": "~5.3.3"
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=4",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "951585dee73bd71d1367b833debff9bb960cc763"
+  "gitHead": "44a329c8a0b1f96622d13659200993c8259f834d"
 }