bmdl-sdk 0.0.2

package/src/main.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var App_1 = __importDefault(require("./app/App"));
+exports.default = App_1.default;

package/src/main.tsx

@@ -0,0 +1,4 @@
+import WidgetComponent from './app/App'
+
+export type { DataOptions, ViewOptions } from './types'
+export default WidgetComponent

package/src/types/custom.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarEViewKey = exports.GeneralEViewKey = exports.EBlockKey = void 0;
+var EBlockKey;
+(function (EBlockKey) {
+    EBlockKey["X"] = "X";
+    EBlockKey["Y"] = "Y";
+    EBlockKey["S"] = "S";
+})(EBlockKey || (exports.EBlockKey = EBlockKey = {}));
+//
+var GeneralEViewKey;
+(function (GeneralEViewKey) {
+    GeneralEViewKey["General"] = "General";
+    GeneralEViewKey["Title"] = "Title";
+})(GeneralEViewKey || (exports.GeneralEViewKey = GeneralEViewKey = {}));
+var BarEViewKey;
+(function (BarEViewKey) {
+    BarEViewKey["ColType"] = "ColType";
+    BarEViewKey["ColorBy"] = "ColorBy";
+})(BarEViewKey || (exports.BarEViewKey = BarEViewKey = {}));

package/src/types/custom.ts

@@ -0,0 +1,17 @@
+export enum EBlockKey {
+  X = 'X',
+  Y = 'Y',
+  S = 'S',
+}
+
+//
+
+export enum GeneralEViewKey {
+  General = 'General',
+  Title = 'Title',
+}
+
+export enum BarEViewKey {
+  ColType = 'ColType',
+  ColorBy = 'ColorBy',
+}

package/src/types/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockIcon = exports.DataQueryFunction = exports.ColumnType = void 0;
+var ColumnType;
+(function (ColumnType) {
+    ColumnType["String"] = "string";
+    ColumnType["Number"] = "number";
+    ColumnType["Date"] = "date";
+})(ColumnType || (exports.ColumnType = ColumnType = {}));
+var DataQueryFunction;
+(function (DataQueryFunction) {
+    DataQueryFunction["Group"] = "group";
+    DataQueryFunction["Sum"] = "sum";
+    DataQueryFunction["Avg"] = "avg";
+    DataQueryFunction["Count"] = "count";
+})(DataQueryFunction || (exports.DataQueryFunction = DataQueryFunction = {}));
+var BlockIcon;
+(function (BlockIcon) {
+    BlockIcon["AxisX"] = "sys:axis-x";
+    BlockIcon["AxisY"] = "sys:axis-y";
+})(BlockIcon || (exports.BlockIcon = BlockIcon = {}));

package/src/types/index.ts

@@ -0,0 +1,93 @@
+export type Locale = 'ru' | 'en'
+
+export interface LocalizedText {
+  ru: string
+  en: string
+}
+
+export interface Config {
+  label: LocalizedText
+  categories: string[]
+  icon: string
+  preview: string
+  version: string
+}
+
+export enum ColumnType {
+  String = 'string',
+  Number = 'number',
+  Date = 'date',
+}
+
+export enum DataQueryFunction {
+  Group = 'group',
+  Sum = 'sum',
+  Avg = 'avg',
+  Count = 'count',
+}
+
+export enum BlockIcon {
+  AxisX = 'sys:axis-x',
+  AxisY = 'sys:axis-y',
+}
+
+export interface DataBlock {
+  key: string
+  queryFn: DataQueryFunction
+  label: LocalizedText
+  icon?: BlockIcon
+  columnTypes: ColumnType[]
+  limit?: number
+}
+
+export type DataOptions = DataBlock[]
+export type CreateDataOptions = () => DataOptions
+
+///////////////////
+
+export interface ViewOptionBase {
+  key: string
+  label: LocalizedText
+  defaultValue?: any
+}
+
+export interface CheckboxOption extends ViewOptionBase {
+  element: 'checkbox'
+}
+
+export interface SelectItem {
+  label: LocalizedText
+  value: string
+}
+
+export interface SelectOption extends ViewOptionBase {
+  element: 'select'
+  options: SelectItem[]
+}
+
+export interface InputOption extends ViewOptionBase {
+  element: 'input'
+}
+
+export interface GroupOption {
+  key: string
+  label: LocalizedText
+  defaultOpen: boolean
+  children: ViewOption[]
+}
+
+export type ViewOption = CheckboxOption | SelectOption | InputOption
+export type ViewOptions = Array<ViewOption | GroupOption>
+export type CreateViewOptions = () => ViewOptions
+
+export interface ChartData {
+  [key: string]: any
+}
+
+export interface ComponentProps {
+  dataOptions?: DataOptions
+  viewOptions?: ViewOptions
+  data?: ChartData[]
+  locale?: Locale
+  onError?: (error: Error) => void
+}

package/src/viewOptions.js

@@ -0,0 +1,79 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createViewOptions = void 0;
+var custom_1 = require("./types/custom");
+var group = function (props) { return props; };
+var checkbox = function (props) { return (__assign({ element: 'checkbox' }, props)); };
+var select = function (props) { return (__assign({ element: 'select' }, props)); };
+var input = function (props) { return (__assign({ element: 'input' }, props)); };
+var colorBy = [
+    ['red', { ru: 'Красный', en: 'Red' }],
+    ['blue', { ru: 'Синий', en: 'Blue' }],
+    ['green', { ru: 'Зеленый', en: 'Green' }],
+];
+var createViewOptions = function () {
+    return [
+        group({
+            key: custom_1.GeneralEViewKey.General,
+            label: {
+                ru: 'Заголовок',
+                en: 'Title',
+            },
+            defaultOpen: true,
+            children: [
+                checkbox({
+                    key: custom_1.GeneralEViewKey.Title,
+                    label: {
+                        ru: 'Заголовок',
+                        en: 'Title',
+                    },
+                    defaultValue: true,
+                }),
+                select({
+                    key: custom_1.BarEViewKey.ColType,
+                    label: {
+                        ru: 'Тип столбцов',
+                        en: 'Column type',
+                    },
+                    options: [
+                        {
+                            label: {
+                                ru: 'Стандартный',
+                                en: 'Default',
+                            },
+                            value: 'default',
+                        },
+                        {
+                            label: {
+                                ru: 'Стандартный 2',
+                                en: 'Default 2',
+                            },
+                            value: 'default2',
+                        },
+                    ],
+                    defaultValue: 'default',
+                }),
+            ],
+        }),
+        input({
+            key: custom_1.BarEViewKey.ColorBy,
+            label: {
+                ru: 'Цвет элемента',
+                en: 'Item color',
+            },
+            defaultValue: colorBy[0][0],
+        }),
+    ];
+};
+exports.createViewOptions = createViewOptions;

package/src/viewOptions.ts

@@ -0,0 +1,68 @@
+import { CreateViewOptions } from './types'
+import { BarEViewKey, GeneralEViewKey } from './types/custom'
+
+const group = (props: any) => props
+const checkbox = (props: any) => ({ element: 'checkbox', ...props })
+const select = (props: any) => ({ element: 'select', ...props })
+const input = (props: any) => ({ element: 'input', ...props })
+
+const colorBy = [
+  ['red', { ru: 'Красный', en: 'Red' }],
+  ['blue', { ru: 'Синий', en: 'Blue' }],
+  ['green', { ru: 'Зеленый', en: 'Green' }],
+] as const
+
+export const createViewOptions: CreateViewOptions = () => {
+  return [
+    group({
+      key: GeneralEViewKey.General,
+      label: {
+        ru: 'Заголовок',
+        en: 'Title',
+      },
+      defaultOpen: true,
+      children: [
+        checkbox({
+          key: GeneralEViewKey.Title,
+          label: {
+            ru: 'Заголовок',
+            en: 'Title',
+          },
+          defaultValue: true,
+        }),
+        select({
+          key: BarEViewKey.ColType,
+          label: {
+            ru: 'Тип столбцов',
+            en: 'Column type',
+          },
+          options: [
+            {
+              label: {
+                ru: 'Стандартный',
+                en: 'Default',
+              },
+              value: 'default',
+            },
+            {
+              label: {
+                ru: 'Стандартный 2',
+                en: 'Default 2',
+              },
+              value: 'default2',
+            },
+          ],
+          defaultValue: 'default',
+        }),
+      ],
+    }),
+    input({
+      key: BarEViewKey.ColorBy,
+      label: {
+        ru: 'Цвет элемента',
+        en: 'Item color',
+      },
+      defaultValue: colorBy[0][0],
+    }),
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx"
+  }
+}

package/vite.config.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
+var path_1 = require("path");
+var vite_1 = require("vite");
+exports.default = (0, vite_1.defineConfig)({
+    plugins: [
+        (0, plugin_react_1.default)({
+            jsxRuntime: 'classic',
+        }),
+    ],
+    build: {
+        lib: {
+            entry: (0, path_1.resolve)(__dirname, 'src/main.tsx'),
+            name: 'Component',
+            fileName: 'index',
+            formats: ['iife'],
+        },
+        rollupOptions: {
+            external: ['react'],
+            output: {
+                globals: {
+                    react: 'React',
+                },
+            },
+        },
+        minify: 'terser',
+        terserOptions: {
+            compress: {
+                global_defs: {
+                    'process.env.NODE_ENV': 'production',
+                    'process.browser': true,
+                },
+            },
+            format: {
+                comments: false,
+            },
+        },
+    },
+    server: {
+        port: 3000,
+    },
+});

package/vite.config.ts

@@ -0,0 +1,44 @@
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    react({
+      jsxRuntime: 'classic',
+    }),
+  ],
+
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/main.tsx'),
+      name: 'Component',
+      fileName: 'index',
+      formats: ['iife'],
+    },
+    rollupOptions: {
+      external: ['react'],
+      output: {
+        globals: {
+          react: 'React',
+        },
+      },
+    },
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        global_defs: {
+          'process.env.NODE_ENV': 'production',
+          'process.browser': true,
+        },
+      },
+      format: {
+        comments: false,
+      },
+    },
+  },
+
+  server: {
+    port: 3000,
+  },
+})