monday-sdk-js 0.5.0 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-sdk-js",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "private": false,
   "repository": "https://github.com/mondaycom/monday-sdk-js",
   "main": "src/index.js",
@@ -19,7 +19,6 @@
     "node-fetch": "^2.6.0"
   },
   "devDependencies": {
-    "monday-ui-react-core": "^2.63.2",
     "@babel/cli": "^7.6.0",
     "@babel/core": "^7.6.0",
     "@babel/node": "^7.6.1",

package/types/client-api.interface.ts

@@ -38,7 +38,7 @@ export interface ClientApi {
      * Placeholders may be used, which will be substituted by the variables object passed within the options.
      * @param options
      */
-    api(query: string, options?: APIOptions): Promise<{ data: object }>;
+    api<T = any>(query: string, options?: APIOptions): Promise<{ data: T, account_id: number }>;
 
     /**
      * Instead of passing the API token to the `api()` method on each request, you can set the API token once using:
@@ -58,4 +58,4 @@ export interface ClientApi {
      * @param object An object with options
      */
     oauth(object?: OAuthOptions): void;
-}
+}

package/types/client-context.type.ts

@@ -1,5 +1,4 @@
-import type { Theme } from "monday-ui-react-core/dist/types/components/ThemeProvider/ThemeProviderConstants";
-
+import { Theme } from "./theme-config.type";
 type User = {
   id: string;
   isAdmin: boolean;

package/types/server-sdk.interface.ts

@@ -5,7 +5,7 @@ export interface MondayServerSdk {
 
     setApiVersion(version: string): void;
 
-    api(query: string, options?: APIOptions): Promise<any>;
+    api<T = any>(query: string, options?: APIOptions): Promise<T>;
 
     oauthToken(code: string, clientId: string, clientSecret: string): Promise<any>;
 }

package/types/theme-config.type.ts

@@ -0,0 +1,59 @@
+/**
+ * System themes: dark, light, black, hacker
+ */
+export enum SystemTheme {
+  LIGHT = "light",
+  DARK = "dark",
+  BLACK = "black",
+  HACKER = "hacker"
+}
+
+/**
+ * Colors which are eligible for theming
+ */
+export enum ThemeColor {
+  primaryColor = "primary-color",
+  primaryHoverColor = "primary-hover-color",
+  primarySelectedColor = "primary-selected-color",
+  primarySelectedHoverColor = "primary-selected-hover-color",
+  primarySelectedOnSecondaryColor = "primary-selected-on-secondary-color",
+  textColorOnPrimary = "text-color-on-primary",
+  brandColor = "brand-color",
+  brandHoverColor = "brand-hover-color",
+  brandSelectedColor = "brand-selected-color",
+  brandSelectedHoverColor = "brand-selected-hover-color",
+  textColorOnBrand = "text-color-on-brand"
+}
+
+export type Theme = {
+  /**
+   * The name of the theme - name of css class that will be added to the children - should be unique
+   */
+  name: string;
+  colors: SystemThemeColorMap;
+};
+
+type SystemThemeColorMap = {
+  [key in SystemTheme]?: ThemeColorTokenValueMap;
+};
+
+export type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;
+
+export type ThemeColorTokenValue = {
+  [key in ThemeColor]?: string;
+};
+
+type ThemeCustomClassValue = {
+  [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;
+};
+
+export const SystemThemeClassMap: SystemThemeClassMapType = {
+  [SystemTheme.LIGHT]: "light-app-theme",
+  [SystemTheme.DARK]: "dark-app-theme",
+  [SystemTheme.BLACK]: "black-app-theme",
+  [SystemTheme.HACKER]: "hacker_theme-app-theme"
+};
+
+type SystemThemeClassMapType = {
+  [key in SystemTheme]: string;
+};