@jobber/components-native 0.101.3 → 0.101.4

package/dist/tsconfig.eslint.json

@@ -0,0 +1,14 @@
+{
+    "extends": "./tsconfig.json",
+    "include": [
+        "*.ts",
+        ".storybook/**/*.ts",
+        ".storybook/**/*.tsx",
+        "src",
+        "**/*.json"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist/**/*"
+    ]
+}

package/dist/tsconfig.json

@@ -17,7 +17,8 @@
         },
         "types": [
             "react-native",
-            "jest"
+            "jest",
+            "node",
         ],
         "lib": [
             "es2019"
@@ -32,8 +33,6 @@
         "node_modules",
         "dist/**/*",
         "tsconfig.eslint.json",
-        "**/*.stories.tsx",
-        "**/*.test.ts",
-        "**/*.test.tsx",
+        "**/*.stories.tsx"
     ]
 }

package/dist/types/src/ActionItem/ActionItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ActionItem/ActionItemGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ActionItem/components/ActionItemContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ActionLabel/ActionLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ActivityIndicator/ActivityIndicator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/AtlantisContext/AtlantisContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/AtlantisThemeContext/AtlantisThemeContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/AtlantisThemeContext/buildThemedStyles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/AutoLink/AutoLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/AutoLink/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Banner/Banner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/BottomSheet/BottomSheet.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/BottomSheet/hooks/useBottomSheetBackHandler.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Button/components/InternalButtonLoading/InternalButtonLoading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ButtonGroup/ButtonGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Card/Card.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Card/components/InternalCardHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Checkbox/CheckboxGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Checkbox/CheckboxGroupReducer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Chip/Chip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Content/Content.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ContentOverlay/BottomSheetKeyboardAwareScrollView.d.ts

@@ -5,7 +5,8 @@ declare const BottomSheetKeyboardAwareScrollView: import("react").NamedExoticCom
     disableScrollOnKeyboardHide?: boolean;
     enabled?: boolean;
     extraKeyboardSpace?: number;
-    ScrollViewComponent?: React.ComponentType<import("react-native").ScrollViewProps>;
+    mode?: import("react-native-keyboard-controller").KeyboardAwareScrollViewMode;
+    ScrollViewComponent?: import("react-native-keyboard-controller/lib/typescript/components/ScrollViewWithBottomPadding").AnimatedScrollViewComponent;
 } & import("react-native").ScrollViewProps & import("react").RefAttributes<BottomSheetScrollViewMethods>>;
 export { BottomSheetKeyboardAwareScrollView };
 export type { KeyboardAwareScrollViewProps };

package/dist/types/src/ContentOverlay/ContentOverlay.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ContentOverlay/computeContentOverlayBehavior.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ContentOverlay/hooks/useBottomSheetModalBackHandler.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ContentOverlay/hooks/useKeyboardVisibility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ContentOverlay/hooks/useViewLayoutHeight.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Disclosure/Disclosure.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Divider/Divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/EmptyState/EmptyState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ErrorMessageWrapper/ErrorMessageWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Flex/Flex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/components/FormErrorBanner/FormErrorBanner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/components/FormMessage/FormMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/components/FormMessageBanner/FormMessageBanner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/components/FormSaveButton/FormSaveButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/context/AtlantisFormContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Form/hooks/useScrollToError/useScrollToError.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormField/FormField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormatFile/FormatFile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormatFile/FormatFileThumbnail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormatFile/components/MediaView/MediaView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/FormatFile/utils/parseFile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Glimmer/Glimmer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Heading/Heading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Icon/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/IconButton/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputCurrency/InputCurrency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputDate/InputDate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputEmail/InputEmail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputFieldWrapper/components/ClearAction/ClearAction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputFieldWrapper/components/Prefix/Prefix.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputFieldWrapper/components/Suffix/Suffix.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputNumber/InputNumber.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputPassword/InputPassword.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputPressable/InputPressable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputSearch/InputSearch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputText/InputText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputText/context/InputAccessoriesProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputTime/InputTime.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/InputTime/utils/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ProgressBar/ProgressBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Select/components/SelectInternalPicker/SelectInternalPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/StatusLabel/StatusLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Switch/components/BaseSwitch/BaseSwitch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Text/Text.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/TextList/TextList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/ThumbnailList/ThumbnailList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Toast/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Typography/Typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/useAtlantisI18n/useAtlantisI18n.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/utils/meta/meta.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.101.3",
+  "version": "0.101.4",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -29,9 +29,9 @@
   ],
   "scripts": {
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
-    "build": "npm run build:clean && npm run compile",
-    "bootstrap": "npm run build",
-    "prepack": "npm run build",
+    "build": "pnpm run build:clean && pnpm run compile",
+    "bootstrap": "pnpm run build",
+    "prepack": "pnpm run build",
     "watch": "tsc -p tsconfig.build.json --watch --preserveWatchOutput",
     "compile": "tsc -p tsconfig.build.json",
     "build:clean": "rm -rf ./dist",
@@ -52,20 +52,26 @@
     "ts-xor": "^1.1.0"
   },
   "devDependencies": {
+    "@babel/runtime": "^7.29.2",
     "@gorhom/bottom-sheet": "^5.2.8",
+    "@jobber/hooks": "2.19.4",
     "@react-native-community/datetimepicker": "^8.4.5",
     "@react-native/babel-preset": "^0.82.1",
-    "@storybook/addon-a11y": "9.1.19",
-    "@storybook/react": "9.1.19",
-    "@storybook/react-native-web-vite": "9.1.19",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-mcp": "^0.4.2",
+    "@storybook/react-native-web-vite": "10.3.5",
     "@testing-library/react-native": "^13.3.3",
+    "@types/jest": "^29.5.14",
     "@types/lodash.chunk": "^4.2.7",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.identity": "^3.0.7",
+    "@types/node": "^22.19.17",
     "@types/react-native-uuid": "^1.4.0",
     "@types/react-test-renderer": "19.1.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "react-native": "^0.82.1",
     "react-native-gesture-handler": "^2.29.1",
     "react-native-keyboard-controller": "^1.12.0",
@@ -75,17 +81,19 @@
     "react-native-screens": "^4.18.0",
     "react-native-svg": "^15.1.0",
     "react-native-web": "^0.20.0",
-    "react-test-renderer": "^19.1.1",
-    "storybook": "9.1.19"
+    "react-test-renderer": "19.1.1",
+    "storybook": "10.3.5",
+    "vite": "^8.0.9"
   },
   "peerDependencies": {
     "@babel/core": "^7.4.5",
     "@gorhom/bottom-sheet": "^5.2.8",
     "@jobber/design": "*",
+    "@jobber/hooks": ">=2",
     "@react-native-community/datetimepicker": ">=6.7.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
-    "react": "^19",
+    "react": "^19.1.0",
     "react-intl": "^6 || ^7",
     "react-native": ">=0.79.5",
     "react-native-gesture-handler": ">=2.22.0",
@@ -96,5 +104,5 @@
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "1f03d859cb80ae90c91107efbd8a057a30a7f720"
+  "gitHead": "2306bc5ca1ed0a56871602085cc3c4223b9d08d8"
 }

package/src/Button/Button.test.tsx

@@ -41,9 +41,13 @@ function getIconAndTextColorFromRender({
 function renderButton(element: ReactElement) {
   const instance = render(element);
 
-  const button = instance.getByLabelText(element.props.label);
+  const button = instance.getByLabelText(
+    (element.props as { label: string }).label,
+  );
   expect(button).toBeDefined();
-  expect(instance.getByText(element.props.label)).toBeDefined();
+  expect(
+    instance.getByText((element.props as { label: string }).label),
+  ).toBeDefined();
 
   const buttonStyleEl = button.children[0] as ReactTestInstance;
   const buttonStyle = buttonStyleEl.props.style.flat().reduce(

package/src/ContentOverlay/hooks/useViewLayoutHeight.test.ts

@@ -1,5 +1,5 @@
 import { act, renderHook } from "@testing-library/react-native";
-import type { LayoutChangeEvent } from "react-native";
+import type { LayoutChangeEvent, NativeMethods } from "react-native";
 import { useViewLayoutHeight } from "./useViewLayoutHeight";
 
 describe("useViewLayoutHeight", () => {
@@ -20,8 +20,8 @@ describe("useViewLayoutHeight", () => {
           y: 0,
         },
       },
-      currentTarget: 0,
-      target: 0,
+      currentTarget: 0 as unknown as NativeMethods,
+      target: 0 as unknown as NativeMethods,
       bubbles: false,
       cancelable: false,
       defaultPrevented: false,

package/src/Divider/Divider.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { Content, Divider, Heading, Text } from "@jobber/components-native";
 
 const meta = {

package/src/Flex/Flex.test.tsx

@@ -3,7 +3,7 @@ import { render } from "@testing-library/react-native";
 import type { ViewStyle } from "react-native";
 import { View } from "react-native";
 import type { ReactTestInstance } from "react-test-renderer";
-import { tokens } from "@jobber/design/foundation";
+import { tokens } from "@jobber/design";
 import { Flex } from "./Flex";
 import type { FlexProps, Spacing } from "./types";
 import { columnStyles } from "./Flex.styles";

package/src/Form/Form.test.tsx

@@ -203,7 +203,9 @@ const testPresetValues = {
 };
 
 async function wait(milliseconds = 0): Promise<void> {
-  await new Promise(resolve => setTimeout(resolve, milliseconds));
+  await new Promise(resolve =>
+    setTimeout(resolve as unknown as () => void, milliseconds),
+  );
 }
 
 afterEach(() => {

package/src/FormField/FormField.test.tsx

@@ -10,7 +10,11 @@ const inputAccessibilityLabel = "textInput";
 const saveButtonText = "Save Me";
 
 describe("when a component is wrapped in a FormField within a Form", () => {
-  function SimpleFormWithProvider({ children }) {
+  function SimpleFormWithProvider({
+    children,
+  }: {
+    readonly children: React.ReactNode;
+  }) {
     const formMethods = useForm();
 
     return (

package/src/Heading/__snapshots__/Heading.test.tsx.snap

@@ -149,7 +149,7 @@ exports[`when Heading called with sub-heading variation and text-color should ma
         "fontFamily": "inter-semibold",
       },
       {
-        "color": "hsl(197, 21%, 36%)",
+        "color": "hsl(197, 15%, 43%)",
       },
       {
         "textAlign": "left",

package/src/InputDate/InputDate.test.tsx

@@ -147,7 +147,13 @@ describe("InputDate", () => {
 
   const requiredError = "This is required";
 
-  function SimpleFormWithProvider({ children, defaultValues }) {
+  function SimpleFormWithProvider({
+    children,
+    defaultValues,
+  }: {
+    readonly children: React.ReactNode;
+    readonly defaultValues?: Record<string, unknown>;
+  }) {
     const formMethods = useForm({
       reValidateMode: "onChange",
       defaultValues,

package/src/InputText/InputText.test.tsx

@@ -10,10 +10,11 @@ import {
 import type { TextStyle } from "react-native";
 import { Button, Platform } from "react-native";
 import { FormProvider, useForm } from "react-hook-form";
+import type { Clearable } from "@jobber/hooks";
 import type { InputTextProps } from "./InputText";
 import { InputText } from "./InputText";
 import { InputAccessoriesProvider } from "./context";
-import type { Clearable, InputFieldWrapperProps } from "../InputFieldWrapper";
+import type { InputFieldWrapperProps } from "../InputFieldWrapper";
 import { useCommonInputStyles } from "../InputFieldWrapper";
 
 const MockInputFieldWrapper = jest.fn();

package/src/InputTime/InputTime.test.tsx

@@ -194,7 +194,13 @@ const saveButtonText = "Submit";
 
 const requiredError = "This is required";
 
-function SimpleFormWithProvider({ children, defaultValues }) {
+function SimpleFormWithProvider({
+  children,
+  defaultValues,
+}: {
+  readonly children: React.ReactNode;
+  readonly defaultValues?: Record<string, unknown>;
+}) {
   const formMethods = useForm({
     reValidateMode: "onChange",
     defaultValues,

package/src/Select/Select.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { RenderAPI } from "@testing-library/react-native";
 import { fireEvent, render } from "@testing-library/react-native";
-import { tokens } from "@jobber/design/foundation";
+import { tokens } from "@jobber/design";
 import { AccessibilityInfo } from "react-native";
 import { Option, Select } from ".";
 import { SelectInternalPicker } from "./components/SelectInternalPicker";

package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -113,7 +113,7 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -192,7 +192,7 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -271,7 +271,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -307,7 +307,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
           "width": 12,
         },
         {
-          "backgroundColor": "hsl(197, 21%, 36%)",
+          "backgroundColor": "hsl(198, 25%, 33%)",
         },
       ]
     }
@@ -350,7 +350,7 @@ exports[`StatusLabel status when status prop set to "informative" should match s
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -429,7 +429,7 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
@@ -508,7 +508,7 @@ exports[`StatusLabel status when status prop set to default ("success") should m
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 21%, 36%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",