@superblocksteam/custom-components 1.14.2 → 2.0.3-next.57

package/README.md

@@ -1,23 +1,20 @@
-@superblocksteam/custom-components
-=================
+# @superblocksteam/custom-components
 
 Provides utility functions to help develop custom components that can be used in Superblocks Applications.
 
 ## Usage
+
 <!-- usage -->
+
 ```typescript
 import React from "react";
 import { useSuperblocksContext } from "@superblocksteam/custom-components";
 import { type Props, type EventTriggers } from "./types";
 
-export default function Component({
-  count,
-}: Props) {
+export default function Component({ count }: Props) {
   const {
     updateProperties,
-    events: {
-      onChange,
-    },
+    events: { onChange },
   } = useSuperblocksContext<Props, EventTriggers>();
 
   return (
@@ -26,7 +23,9 @@ export default function Component({
         updateProperties({ count: count + 1 });
         onChange();
       }}
-    >Increment</button>
+    >
+      Increment
+    </button>
   );
 }
 ```

package/dist/exportedTypes.d.ts

@@ -1 +1,2 @@
 export { type ComponentConfig } from "@superblocksteam/util";
+//# sourceMappingURL=exportedTypes.d.ts.map

package/dist/exportedTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportedTypes.d.ts","sourceRoot":"","sources":["../src/exportedTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/exportedTypes.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=exportedTypes.js.map

package/dist/exportedTypes.js.map

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

package/dist/hooksPlumbing.d.ts

@@ -46,3 +46,4 @@ export declare function useHooksInternalContext(): {
     ccRenderingContext: CCRenderingContext;
 };
 export {};
+//# sourceMappingURL=hooksPlumbing.d.ts.map

package/dist/hooksPlumbing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooksPlumbing.d.ts","sourceRoot":"","sources":["../src/hooksPlumbing.ts"],"names":[],"mappings":"AAGA,UAAU,gBAAgB,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,CAAC;CACZ;AAED,mFAAmF;AACnF,MAAM,WAAW,UAAU;IACzB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,kBAAkB,EAAE,GAAG,CAAC;IACxB;;;OAGG;IACH,oBAAoB,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACxD,iHAAiH;IACjH,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;;OAIG;IACH,qBAAqB,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IAC7D,mGAAmG;IACnG,aAAa,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;CAC7C;AAeD;;;GAGG;AACH,wBAAgB,uBAAuB;;;EAwBtC"}

package/dist/hooksPlumbing.js

@@ -25,3 +25,4 @@ function useHooksInternalContext() {
         ccRenderingContext,
     };
 }
+//# sourceMappingURL=hooksPlumbing.js.map

package/dist/hooksPlumbing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooksPlumbing.js","sourceRoot":"","sources":["../src/hooksPlumbing.ts"],"names":[],"mappings":";AAAA,mHAAmH;;AA8DnH,0DAwBC;AAjCD,oDAAoD;AACpD,MAAM,mBAAmB,GAAI,UAAkB,CAAC,eAEnC,CAAC;AAEd;;;GAGG;AACH,SAAgB,uBAAuB;IACrC,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;QACtC,MAAM,IAAI,KAAK,CACb,mFAAmF,CACpF,CAAC;IACJ,CAAC;IACD,IAAI,mBAAmB,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QAC9C,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,yBAAyB,EAAE,GAAG,mBAAmB,CAAC,OAAO,CAAC;IACzE,MAAM,kBAAkB,GAAmC,KAAK,CAAC,UAAU,CACzE,yBAAyB,CAC1B,CAAC;IACF,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAC;IACJ,CAAC;IACD,OAAO;QACL,KAAK;QACL,kBAAkB;KACnB,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./exportedTypes";
-export * from "./useSuperblocksContext";
-export * from "./useSuperblocksIsLoading";
-export * from "./useSuperblocksWidgetSize";
+export * from "./exportedTypes.js";
+export * from "./useSuperblocksContext.js";
+export * from "./useSuperblocksIsLoading.js";
+export * from "./useSuperblocksWidgetSize.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC"}

package/dist/index.js

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./exportedTypes"), exports);
-__exportStar(require("./useSuperblocksContext"), exports);
-__exportStar(require("./useSuperblocksIsLoading"), exports);
-__exportStar(require("./useSuperblocksWidgetSize"), exports);
+__exportStar(require("./exportedTypes.js"), exports);
+__exportStar(require("./useSuperblocksContext.js"), exports);
+__exportStar(require("./useSuperblocksIsLoading.js"), exports);
+__exportStar(require("./useSuperblocksWidgetSize.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,6DAA2C;AAC3C,+DAA6C;AAC7C,gEAA8C"}

package/dist/useSuperblocksContext.d.ts

@@ -19,3 +19,4 @@ export interface SuperblocksContext<Props, EventTriggers> {
  * @returns The Superblocks context object
  */
 export declare function useSuperblocksContext<Props, EventTriggers>(): SuperblocksContext<Props, EventTriggers>;
+//# sourceMappingURL=useSuperblocksContext.d.ts.map

package/dist/useSuperblocksContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksContext.d.ts","sourceRoot":"","sources":["../src/useSuperblocksContext.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,KAAK,EAAE,aAAa;IACtD;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,MAAM,EAAE,aAAa,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EACL,aAAa,KACV,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAG5C"}

package/dist/useSuperblocksContext.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuperblocksContext = useSuperblocksContext;
-const hooksPlumbing_1 = require("./hooksPlumbing");
+const hooksPlumbing_js_1 = require("./hooksPlumbing.js");
 /**
  * A React hook that can be used to get the Superblocks context object that contains methods that enable custom components
  * to interact with the Superblocks Application.
  * @returns The Superblocks context object
  */
 function useSuperblocksContext() {
-    const { ccRenderingContext } = (0, hooksPlumbing_1.useHooksInternalContext)();
+    const { ccRenderingContext } = (0, hooksPlumbing_js_1.useHooksInternalContext)();
     return ccRenderingContext.superblocksContext;
 }
+//# sourceMappingURL=useSuperblocksContext.js.map

package/dist/useSuperblocksContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksContext.js","sourceRoot":"","sources":["../src/useSuperblocksContext.ts"],"names":[],"mappings":";;AAuBA,sDAMC;AA7BD,yDAA6D;AAkB7D;;;;GAIG;AACH,SAAgB,qBAAqB;IAInC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,0CAAuB,GAAE,CAAC;IACzD,OAAO,kBAAkB,CAAC,kBAAkB,CAAC;AAC/C,CAAC"}

package/dist/useSuperblocksIsLoading.d.ts

@@ -3,3 +3,4 @@
  * currently being loaded. This can be used to show a loading indicator in your custom component.
  */
 export declare function useSuperblocksIsLoading(): boolean;
+//# sourceMappingURL=useSuperblocksIsLoading.d.ts.map

package/dist/useSuperblocksIsLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksIsLoading.d.ts","sourceRoot":"","sources":["../src/useSuperblocksIsLoading.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAajD"}

package/dist/useSuperblocksIsLoading.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuperblocksIsLoading = useSuperblocksIsLoading;
-const hooksPlumbing_1 = require("./hooksPlumbing");
+const hooksPlumbing_js_1 = require("./hooksPlumbing.js");
 /**
  * A React hook that returns a boolean that indicates whether the current custom component depends on any data that is
  * currently being loaded. This can be used to show a loading indicator in your custom component.
  */
 function useSuperblocksIsLoading() {
-    const { React, ccRenderingContext } = (0, hooksPlumbing_1.useHooksInternalContext)();
+    const { React, ccRenderingContext } = (0, hooksPlumbing_js_1.useHooksInternalContext)();
     const [isLoading, setIsLoading] = React.useState(ccRenderingContext.isLoadingRef.current);
     // we need to subscribe to changes immediately, so use `useLayoutEffect` to subscribe right after the render phase is finished
     React.useLayoutEffect(() => {
@@ -18,3 +18,4 @@ function useSuperblocksIsLoading() {
     }, []);
     return isLoading;
 }
+//# sourceMappingURL=useSuperblocksIsLoading.js.map

package/dist/useSuperblocksIsLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksIsLoading.js","sourceRoot":"","sources":["../src/useSuperblocksIsLoading.ts"],"names":[],"mappings":";;AAMA,0DAaC;AAnBD,yDAA6D;AAE7D;;;GAGG;AACH,SAAgB,uBAAuB;IACrC,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,IAAA,0CAAuB,GAAE,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,kBAAkB,CAAC,YAAY,CAAC,OAAO,CACxC,CAAC;IACF,8HAA8H;IAC9H,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,kBAAkB,CAAC,oBAAoB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC/D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/useSuperblocksWidgetSize.d.ts

@@ -1,7 +1,8 @@
-import { WidgetSize } from "./hooksPlumbing";
+import { WidgetSize } from "./hooksPlumbing.js";
 export { WidgetSize };
 /**
  * A React hook that returns the size of the area that is available for the custom component to render in. Calling this
  * hook will cause your custom component to be re-rendered whenever that size changes.
  */
 export declare function useSuperblocksWidgetSize(): WidgetSize;
+//# sourceMappingURL=useSuperblocksWidgetSize.d.ts.map

package/dist/useSuperblocksWidgetSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksWidgetSize.d.ts","sourceRoot":"","sources":["../src/useSuperblocksWidgetSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2B,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB;;;GAGG;AACH,wBAAgB,wBAAwB,IAAI,UAAU,CAarD"}

package/dist/useSuperblocksWidgetSize.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuperblocksWidgetSize = useSuperblocksWidgetSize;
-const hooksPlumbing_1 = require("./hooksPlumbing");
+const hooksPlumbing_js_1 = require("./hooksPlumbing.js");
 /**
  * A React hook that returns the size of the area that is available for the custom component to render in. Calling this
  * hook will cause your custom component to be re-rendered whenever that size changes.
  */
 function useSuperblocksWidgetSize() {
-    const { React, ccRenderingContext } = (0, hooksPlumbing_1.useHooksInternalContext)();
+    const { React, ccRenderingContext } = (0, hooksPlumbing_js_1.useHooksInternalContext)();
     const [widgetSize, setWidgetSize] = React.useState(ccRenderingContext.widgetSizeRef.current);
     // we need to subscribe to changes immediately, so use `useLayoutEffect` to subscribe right after the render phase is finished
     React.useLayoutEffect(() => {
@@ -18,3 +18,4 @@ function useSuperblocksWidgetSize() {
     }, []);
     return widgetSize;
 }
+//# sourceMappingURL=useSuperblocksWidgetSize.js.map

package/dist/useSuperblocksWidgetSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuperblocksWidgetSize.js","sourceRoot":"","sources":["../src/useSuperblocksWidgetSize.ts"],"names":[],"mappings":";;AAQA,4DAaC;AArBD,yDAAyE;AAIzE;;;GAGG;AACH,SAAgB,wBAAwB;IACtC,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,IAAA,0CAAuB,GAAE,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,kBAAkB,CAAC,aAAa,CAAC,OAAO,CACzC,CAAC;IACF,8HAA8H;IAC9H,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,kBAAkB,CAAC,qBAAqB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,qBAAqB,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/package.json

@@ -1,45 +1,45 @@
 {
   "name": "@superblocksteam/custom-components",
-  "version": "1.14.2",
+  "version": "2.0.3-next.57",
   "description": "Official Superblocks SDK for developing custom components",
   "homepage": "https://www.superblocks.com/",
-  "keywords": [
-    "superblocks"
-  ],
   "license": "Superblocks Community Software License",
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=9.0.0"
+  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "/dist"
   ],
-  "engines": {
-    "node": ">=20.0.0",
-    "npm": ">=9.0.0"
+  "keywords": [
+    "superblocks"
+  ],
+  "dependencies": {
+    "@superblocksteam/util": "2.0.3-next.57",
+    "tslib": "^2.6.1"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
-    "eslint": "^8.48.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-prettier": "4.2.1",
+    "@typescript-eslint/eslint-plugin": "^8.25.0",
+    "@typescript-eslint/parser": "^8.25.0",
+    "eslint": "^9.21.0",
+    "eslint-config-prettier": "10.0.2",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-mocha": "^10.5.0",
+    "eslint-plugin-prettier": "5.2.3",
     "eslint-plugin-unicorn": "^47.0.0",
-    "prettier": "^2.8.8",
-    "typescript": "^5.1.6"
-  },
-  "dependencies": {
-    "tslib": "^2.6.1",
-    "@superblocksteam/util": "1.14.2"
+    "prettier": "^3.5.3",
+    "typescript": "^5.1.6",
+    "typescript-eslint": "^8.18.0"
   },
   "scripts": {
-    "preinstall": "node -e \"if (process.versions.node.split('.')[0] < 20) { console.error('Incompatible Node version: Please use Node.js v16 or higher'); process.exit(1);}\"",
-    "dev": "tsc --watch",
     "build": "tsc --build",
-    "clean": "npm run clean:build && rm -rf node_modules",
-    "clean:build": "tsc --build --clean && rm -rf dist tsconfig.tsbuildinfo",
-    "lint": "eslint . --ext .ts --config .eslintrc.json",
-    "lint:fix": "eslint . --ext .ts --config .eslintrc.json --fix",
-    "typecheck": "tsc --noEmit",
-    "check": "pnpm run lint && pnpm run typecheck"
+    "check": "pnpm run lint && pnpm run typecheck",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "dev": "tsc --build --watch",
+    "lint": "eslint . --ext .ts --config eslint.config.js",
+    "lint:fix": "eslint . --ext .ts --config eslint.config.js --fix",
+    "typecheck": "tsc --noEmit"
   }
 }