@m2c2kit/addons 0.3.2 → 0.3.4

package/dist/index.d.ts

@@ -183,7 +183,7 @@ declare class Dialog extends Composite {
     private backgroundPaint?;
     constructor(options?: DialogOptions);
     show(): void;
-    onDialolgResult(callback: (dailogResultEvent: DialogEvent) => void, replaceExistingCallback?: boolean): void;
+    onDialogResult(callback: (dialogResultEvent: DialogEvent) => void, replaceExistingCallback?: boolean): void;
     initialize(): void;
     get backgroundColor(): RgbaColor;
     set backgroundColor(backgroundColor: RgbaColor);
@@ -243,7 +243,7 @@ interface VirtualKeyboardOptions extends CompositeOptions {
     /** Comma-separated list of keys to hide. */
     hiddenKeys?: string;
     /** If true, only capital letters will be shown. */
-    captialLettersOnly?: boolean;
+    capitalLettersOnly?: boolean;
     /** Color of keys. */
     keyColor?: RgbaColor;
     /** Color of keys when pressed. */
@@ -272,7 +272,7 @@ declare class VirtualKeyboard extends Composite {
     private keysPerRow;
     private fontSize;
     private hiddenKeys;
-    private captialLettersOnly;
+    private capitalLettersOnly;
     private keyColor;
     private keyDownColor;
     private specialKeyDownColor;
@@ -379,31 +379,31 @@ interface InstructionsOptions extends StoryOptions {
     postInstructionsScene?: string;
     /** Array of instruction scenes that form the instructions */
     instructionScenes: Array<InstructionScene>;
-    /** Background color for instruction scenes. Can be overriden within a single instruction scene */
+    /** Background color for instruction scenes. Can be overridden within a single instruction scene */
     backgroundColor?: RgbaColor;
-    /** Scene transition when advancing to the next instruction scene. Default is push transition, to the left, 500 milliseconds duration. Can be overriden within a single instruction scene */
+    /** Scene transition when advancing to the next instruction scene. Default is push transition, to the left, 500 milliseconds duration. Can be overridden within a single instruction scene */
     nextSceneTransition?: Transition;
-    /** Scene transition when returning to the previous instruction scene. Default is push transition, to the right, 500 milliseconds duration. Can be overriden within a single instruction scene */
+    /** Scene transition when returning to the previous instruction scene. Default is push transition, to the right, 500 milliseconds duration. Can be overridden within a single instruction scene */
     backSceneTransition?: Transition;
-    /** Button text for the back button. Default is "Back". Can be overriden within a single instruction scene */
+    /** Button text for the back button. Default is "Back". Can be overridden within a single instruction scene */
     backButtonText?: string;
-    /** Button text for the next button. Default is "Next". Can be overriden within a single instruction scene */
+    /** Button text for the next button. Default is "Next". Can be overridden within a single instruction scene */
     nextButtonText?: string;
-    /** Width of back button. Default is 125. Can be overriden within a single instruction scene */
+    /** Width of back button. Default is 125. Can be overridden within a single instruction scene */
     backButtonWidth?: number;
-    /** Width of next button. Default is 125. Can be overriden within a single instruction scene */
+    /** Width of next button. Default is 125. Can be overridden within a single instruction scene */
     nextButtonWidth?: number;
-    /** Height of back button. Default is 50. Can be overriden within a single instruction scene */
+    /** Height of back button. Default is 50. Can be overridden within a single instruction scene */
     backButtonHeight?: number;
-    /** Height of next button. Default is 50. Can be overriden within a single instruction scene */
+    /** Height of next button. Default is 50. Can be overridden within a single instruction scene */
     nextButtonHeight?: number;
-    /** Color of back button. Default is WebColors.Black. Can be overriden within a single instruction scene */
+    /** Color of back button. Default is WebColors.Black. Can be overridden within a single instruction scene */
     backButtonBackgroundColor?: RgbaColor;
-    /** Color of back button text. Default is WebColors.White. Can be overriden within a single instruction scene */
+    /** Color of back button text. Default is WebColors.White. Can be overridden within a single instruction scene */
     backButtonFontColor?: RgbaColor;
-    /** Color of next button. Default is WebColors.Black. Can be overriden within a single instruction scene */
+    /** Color of next button. Default is WebColors.Black. Can be overridden within a single instruction scene */
     nextButtonBackgroundColor?: RgbaColor;
-    /** Color of next button text. Default is WebColors.White. Can be overriden within a single instruction scene */
+    /** Color of next button text. Default is WebColors.White. Can be overridden within a single instruction scene */
     nextButtonFontColor?: RgbaColor;
 }
 declare class Instructions extends Story {

package/dist/index.js

@@ -432,7 +432,7 @@ class Dialog extends Composite {
   show() {
     this.hidden = false;
   }
-  onDialolgResult(callback, replaceExistingCallback = true) {
+  onDialogResult(callback, replaceExistingCallback = true) {
     const eventListener = {
       type: EventType.CompositeCustom,
       entityUuid: this.uuid,
@@ -611,7 +611,7 @@ class VirtualKeyboard extends Composite {
     this.keysPerRow = (_f = options.keysPerRow) != null ? _f : NaN;
     this.fontSize = (_g = options.fontSize) != null ? _g : NaN;
     this.hiddenKeys = (_h = options.hiddenKeys) != null ? _h : "";
-    this.captialLettersOnly = (_i = options.captialLettersOnly) != null ? _i : false;
+    this.capitalLettersOnly = (_i = options.capitalLettersOnly) != null ? _i : false;
     this.keyColor = (_j = options.keyColor) != null ? _j : WebColors.White;
     this.keyDownColor = (_k = options.keyDownColor) != null ? _k : WebColors.Transparent;
     this.specialKeyDownColor = (_l = options.specialKeyDownColor) != null ? _l : WebColors.LightSteelBlue;
@@ -726,7 +726,7 @@ class VirtualKeyboard extends Composite {
         let isShift = false;
         if (typeof key === "string") {
           code = key;
-          if (this.captialLettersOnly) {
+          if (this.capitalLettersOnly) {
             label = code.toUpperCase();
           } else {
             label = code;
@@ -761,8 +761,8 @@ class VirtualKeyboard extends Composite {
     };
     const keyboardVerticalPadding = ((_a = this.keyboardVerticalPaddingPercent) != null ? _a : 0.025) * this.size.height;
     const keyboardHorizontalPadding = ((_b = this.keyboardHorizontalPaddingPercent) != null ? _b : 0.02) * this.size.width;
-    const keyboxHeight = (this.size.height - 2 * keyboardVerticalPadding) / rows.length;
-    const keyboxWidth = (this.size.width - 2 * keyboardHorizontalPadding) / this.keysPerRow;
+    const keyBoxHeight = (this.size.height - 2 * keyboardVerticalPadding) / rows.length;
+    const keyBoxWidth = (this.size.width - 2 * keyboardHorizontalPadding) / this.keysPerRow;
     for (let r = 0; r < rows.length; r++) {
       const row = rows[r];
       const rowSumKeyWidths = row.reduce(
@@ -774,7 +774,7 @@ class VirtualKeyboard extends Composite {
       );
       let extraPadding = 0;
       if (rowSumKeyWidths < this.keysPerRow) {
-        extraPadding = (this.size.width - 2 * keyboardHorizontalPadding - keyboxWidth * rowSumKeyWidths) / 2;
+        extraPadding = (this.size.width - 2 * keyboardHorizontalPadding - keyBoxWidth * rowSumKeyWidths) / 2;
       }
       for (let k = 0; k < row.length; k++) {
         const key = row[k];
@@ -784,25 +784,25 @@ class VirtualKeyboard extends Composite {
         const keyBoxWidthsSoFar = row.slice(0, k).reduce((sum, key2) => {
           var _a2;
           return sum + ((_a2 = key2.widthRatio) != null ? _a2 : 1);
-        }, 0) * keyboxWidth;
+        }, 0) * keyBoxWidth;
         const keyBox = new Shape({
           rect: {
             size: {
-              width: keyboxWidth * ((_d = key.widthRatio) != null ? _d : 1),
-              height: keyboxHeight
+              width: keyBoxWidth * ((_d = key.widthRatio) != null ? _d : 1),
+              height: keyBoxHeight
             }
           },
           fillColor: WebColors.Transparent,
           strokeColor: WebColors.Transparent,
           lineWidth: 1,
           position: {
-            x: extraPadding + keyboardOrigin.x + keyboardHorizontalPadding + keyBoxWidthsSoFar + ((_e = key.widthRatio) != null ? _e : 1) * keyboxWidth / 2,
-            y: keyboardOrigin.y + keyboardVerticalPadding + r * keyboxHeight + keyboxHeight / 2
+            x: extraPadding + keyboardOrigin.x + keyboardHorizontalPadding + keyBoxWidthsSoFar + ((_e = key.widthRatio) != null ? _e : 1) * keyBoxWidth / 2,
+            y: keyboardOrigin.y + keyboardVerticalPadding + r * keyBoxHeight + keyBoxHeight / 2
           },
           isUserInteractionEnabled: true
         });
-        const keyWidth = keyboxWidth * ((_f = key.widthRatio) != null ? _f : 1) - 2 * this.keyHorizontalPaddingPercent * keyboxWidth;
-        const keyHeight = keyboxHeight - ((_g = key.heightRatio) != null ? _g : 1) - 2 * this.keyVerticalPaddingPercent * keyboxHeight;
+        const keyWidth = keyBoxWidth * ((_f = key.widthRatio) != null ? _f : 1) - 2 * this.keyHorizontalPaddingPercent * keyBoxWidth;
+        const keyHeight = keyBoxHeight - ((_g = key.heightRatio) != null ? _g : 1) - 2 * this.keyVerticalPaddingPercent * keyBoxHeight;
         const keyShape = new Shape({
           rect: { size: { width: keyWidth, height: keyHeight } },
           cornerRadius: 4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m2c2kit/addons",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Additions to m2c2kit core functionalty, such as button, grid, and instructions",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -20,13 +20,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@m2c2kit/core": "0.3.5"
+    "@m2c2kit/core": "^0.3.6"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "6.0.3",
-    "esbuild": "0.17.17",
     "rimraf": "5.0.0",
-    "rollup": "3.20.6",
+    "rollup": "3.22.0",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-dts": "5.3.0",
     "rollup-plugin-esbuild": "5.0.0",