@24i/bigscreen-sdk 1.0.16-alpha.2315 → 1.0.17-alpha.2323

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.16-alpha.2315",
+    "version": "1.0.17-alpha.2323",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
@@ -77,12 +77,12 @@
         "jest-sonar": "^0.2.15",
         "minimist": "^1.2.8",
         "patch-package": "^6.5.0",
-        "sass": "^1.60.0",
+        "sass": "^1.62.1",
         "sass-true": "^6.1.0",
         "ts-jest": "^29.0.3",
         "ts-node": "^10.9.1",
         "tsconfig-paths-jest": "0.0.1",
-        "typescript": "^4.9.5"
+        "typescript": "^5.0.4"
     },
     "exports": {
         "./adobe-heartbeat": "./packages/adobe-heartbeat/src/index.ts",

package/packages/input/README.md

@@ -16,9 +16,9 @@ It is connected through ime package to either system or virtual keyboard.
 - `passwordChar` - optional string which replaces password characters (default: `'●'`)
 - `shouldHandleOverflow` - optional flag which enables overflow handling by moving text to the left when caret should get out of its container (default: `false`)
 - `maxLength` - optional number to limit value length (default: `Infinity`)
-- `onChange` - optional callback with new value `(newValue: string) => void`
 - `onFocus` - optional callback which is called when input gets focus
 - `onBlur` - optional callback which is called when input loses focus
+- `onChange` - optional callback with new value `(newValue: string) => void`
 - `onFinish` - optional callback which is called when input is finished, its only argument is a boolean to determine if input was cancelled or not `(wasCancelled: boolean) => void`
 
 ## Usage

package/packages/input/src/Input.tsx

@@ -19,13 +19,11 @@ type Props = {
     passwordChar?: string,
     /** Moves text to the left (with negative margin-left) when caret overflows */
     shouldHandleOverflow?: boolean,
-    onChange?: (newValue: string) => void,
-    onFocus?: () => void,
-    onBlur?: () => void,
-    // eslint-disable-next-line react/no-unused-prop-types
     maxLength?: number,
-    // eslint-disable-next-line react/require-default-props
+    onFocus?: (event: FocusEvent) => void,
+    onBlur?: (event: FocusEvent) => void,
     onFinish?: (wasCancelled?: boolean) => void,
+    onChange?: (newValue: string) => void,
 };
 
 const ACTIVE = 'active';

package/packages/types-bigscreen-jsx/README.md

@@ -1,11 +1,12 @@
 # BIGscreen JSX Types
 BIGscreen JSX is a set of tools that allow you to write JSX and converts it to JS Dom API.
-This package contains types originally from @types/react, modified for smartapps-bigscreen-jsx needs.
+This package contains types originally from @types/react, modified for bigscreen-jsx needs.
 
 # Contributing
-Navigate to `<root>/packages/types-smartapps-bigscreen-jsx/node_modules/@types/react/`.
-All react types are inside files `index.d.ts` and `global.d.ts`. Modify them to suit your needs and afterwards run this command in the `packages/types-smartapps-bigscreen-jsx/` directory:
+Navigate to `<root>/node_modules/@types/react/`.
+All react types are inside files `index.d.ts` and `global.d.ts`. Modify them to suit your needs and afterwards run this commands in the `<root>` directory:
 
 `npx patch-package @types/react`
+`npm install`
 
-You can confirm everything worked by looking into `packages/types-smartapps-bigscreen-jsx/patches/`. You should see a file named `@types+react+<version-etc>.patch` that includes diff of your changes.
+You can confirm everything worked by looking into `<root>/patches/`. You should see a file named `@types+react+<version-etc>.patch` that includes diff of your changes.

package/packages/types-bigscreen-jsx/index.d.ts

@@ -1406,10 +1406,10 @@ declare namespace React {
         onCompositionUpdateCapture?: CompositionEventHandler<T> | undefined;
 
         // Focus Events
-        onFocus?: FocusEventHandler<T> | undefined;
-        onFocusCapture?: FocusEventHandler<T> | undefined;
-        onBlur?: FocusEventHandler<T> | undefined;
-        onBlurCapture?: FocusEventHandler<T> | undefined;
+        onFocus?: (event: any) => void;
+        onFocusCapture?: (event: globalThis.FocusEvent) => void;
+        onBlur?: (event: globalThis.FocusEvent) => void;
+        onBlurCapture?: (event: globalThis.FocusEvent) => void;
 
         // Form Events
         onChange?: (event: globalThis.Event) => void;