@adaptabletools/adaptable-mcp 0.1.0-canary.0 → 0.1.0-canary.2

package/data/templates/react/src/styles.css

@@ -0,0 +1,50 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
+
+:root {
+  --ab__font-family:
+    'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu;
+
+  /* Default rem value: 16px; docs value: 14px */
+  --ab-font-size-0: 0.5rem; /* 7px for 1rem=14px; 8px for 1rem=16px */
+  --ab-font-size-1: 0.625rem; /* 8.75px for 1rem=14px; 10px for 1rem=16px */
+  --ab-font-size-2: 0.75rem; /* 10.5px for 1rem=14px; 12px for 1rem=16px */
+  --ab-font-size-3: 0.875rem; /* 12.25px for 1rem=14px; 14px for 1rem=16px */
+  --ab-font-size-4: 1rem;
+  --ab-font-size-5: 1.25rem; /* 17.5px for 1rem=14px; 20px for 1rem=16px */
+  --ab-font-size-6: 1.5rem; /* 21px for 1rem=14px; 24px for 1rem=16px */
+  --ab-font-size-7: 2.25rem; /* 31.5px for 1rem=14px; 36px for 1rem=16px */
+  --ab-input-height: 34px;
+}
+
+html,
+body {
+  height: 100%;
+  font-family: var(--ab__font-family);
+  font-size: 14px;
+}
+
+body {
+  display: flex;
+  flex-flow: column;
+  height: 100vh;
+  margin: 0px;
+}
+
+#grid {
+  flex: 1;
+}
+
+.ab-Dashboard__title {
+  font-weight: normal;
+}
+
+.ab-Dashboard__tab {
+  padding: 6px 9px;
+}
+
+/* Charting size */
+#demoOutputAbove .ag-chart,
+#demoOutputBelow .ag-chart {
+  height: 300px;
+}

package/data/templates/react/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "include": ["./src/**/*"],
+  "compilerOptions": {
+    "strict": true,
+    "esModuleInterop": true,
+    "lib": ["dom", "ES2020"],
+    "jsx": "react-jsx"
+  }
+}

package/data/templates/vanilla/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+
+    <title>Adaptable Demo VanillaJS</title>
+  </head>
+  <body>
+    <div id="demoOutputAbove"></div>
+    <div id="adaptable"></div>
+
+    <div id="grid"></div>
+    <div id="demoOutputBelow"></div>
+    <script src="./src/index.ts"></script>
+  </body>
+</html>

package/data/templates/vanilla/src/adaptableOptions.ts

@@ -0,0 +1,40 @@
+import {WebFramework} from './rowData';
+import {
+  Adaptable,
+  AdaptableOptions,
+  AdaptablePercentageEditor,
+} from '@adaptabletools/adaptable';
+
+export const adaptableOptions: AdaptableOptions<WebFramework> = {
+  primaryKey: 'id',
+  adaptableId: 'Adaptable Demo',
+  initialState: {
+    Layout: {
+      CurrentLayout: 'Standard Layout',
+      Layouts: [
+        {
+          Name: 'Standard Layout',
+          TableColumns: [
+            'name',
+            'language',
+            'github_stars',
+            'license',
+            'created_at',
+            'has_wiki',
+            'updated_at',
+            'pushed_at',
+            'github_watchers',
+            'open_issues_count',
+            'closed_issues_count',
+            'open_pr_count',
+            'closed_pr_count',
+            'description',
+            'has_projects',
+            'has_pages',
+            'week_issue_change',
+          ],
+        },
+      ],
+    },
+  },
+};

package/data/templates/vanilla/src/agGridModules.ts

@@ -0,0 +1,7 @@
+import {
+  AllEnterpriseModule,
+  Module,
+  ValidationModule,
+} from 'ag-grid-enterprise';
+
+export const agGridModules: Module[] = [AllEnterpriseModule, ValidationModule];

package/data/templates/vanilla/src/columnDefs.ts

@@ -0,0 +1,121 @@
+import {ColDef} from 'ag-grid-enterprise';
+import {WebFramework} from './rowData';
+
+export const columnDefs: ColDef<WebFramework>[] = [
+  {
+    field: 'name',
+    cellDataType: 'text',
+    sortable: true,
+  },
+  {
+    field: 'language',
+    cellDataType: 'text',
+    enablePivot: true,
+    enableRowGroup: true,
+  },
+  {
+    field: 'github_stars',
+    headerName: 'GitHub Stars',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'github_watchers',
+    headerName: 'GitHub Watchers',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'license',
+    cellDataType: 'text',
+    editable: false,
+    enablePivot: true,
+    enableRowGroup: true,
+  },
+  {
+    field: 'week_issue_change',
+    headerName: 'Issue Change',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'rating',
+    headerName: 'Rating',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'created_at',
+    headerName: 'Created',
+    cellDataType: 'date',
+  },
+  {
+    field: 'has_wiki',
+    headerName: 'Has Wiki',
+    cellDataType: 'boolean',
+    enablePivot: true,
+    enableRowGroup: true,
+  },
+  {
+    field: 'updated_at',
+    headerName: 'Updated',
+    cellDataType: 'date',
+  },
+  {
+    field: 'pushed_at',
+    headerName: 'Pushed',
+    cellDataType: 'date',
+  },
+  {
+    field: 'description',
+    cellDataType: 'text',
+    sortable: false,
+  },
+  {
+    field: 'open_issues_count',
+    headerName: 'Open Issues',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'closed_issues_count',
+    headerName: 'Closed Issues',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+
+  {
+    field: 'open_pr_count',
+    headerName: 'Open PRs',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'closed_pr_count',
+    headerName: 'Closed PRs',
+    cellDataType: 'number',
+    enableValue: true,
+  },
+  {
+    field: 'has_projects',
+    headerName: 'Has Projects',
+    cellDataType: 'boolean',
+  },
+  {
+    field: 'has_pages',
+    headerName: 'Has Pages',
+    cellDataType: 'boolean',
+  },
+  {
+    field: 'topics',
+    cellDataType: 'textArray',
+    editable: false,
+    sortable: false,
+  },
+  {
+    field: 'id',
+    cellDataType: 'number',
+    hide: true,
+    editable: false,
+  },
+];

package/data/templates/vanilla/src/gridOptions.ts

@@ -0,0 +1,32 @@
+import {GridOptions, themeBalham} from 'ag-grid-enterprise';
+
+import {rowData, WebFramework} from './rowData';
+import {columnDefs} from './columnDefs';
+
+export const gridOptions: GridOptions<WebFramework> = {
+  theme: themeBalham,
+  defaultColDef: {
+    resizable: true,
+    sortable: true,
+    editable: true,
+    filter: true,
+    floatingFilter: true,
+  },
+  columnDefs: columnDefs,
+  rowData: rowData,
+  sideBar: true,
+  suppressMenuHide: true,
+  columnMenu: 'new',
+  cellSelection: true,
+  statusBar: {
+    statusPanels: [
+      {statusPanel: 'agTotalRowCountComponent', align: 'left'},
+      {statusPanel: 'agFilteredRowCountComponent'},
+      {
+        key: 'Center Panel',
+        statusPanel: 'AdaptableStatusPanel',
+        align: 'center',
+      },
+    ],
+  },
+};

package/data/templates/vanilla/src/index.ts

@@ -0,0 +1,41 @@
+import {
+  Adaptable,
+  AdaptableApi,
+  AdaptableOptions,
+  AdaptableReadyInfo,
+  AgGridConfig,
+} from '@adaptabletools/adaptable';
+
+import '@adaptabletools/adaptable/index.css';
+import './styles.css';
+
+import {adaptableOptions} from './adaptableOptions';
+import {gridOptions} from './gridOptions';
+import {onAdaptableReady} from './onAdaptableReady';
+import {agGridModules} from './agGridModules';
+import {WebFramework} from './rowData';
+
+const adaptableOpts: AdaptableOptions<WebFramework> = {
+  ...(adaptableOptions ?? {}),
+  stateOptions: {
+    loadState: () => Promise.resolve({}),
+    persistState: () => Promise.resolve(),
+    ...(adaptableOptions?.stateOptions ?? {}),
+  },
+};
+
+const agGridConfig: AgGridConfig = {
+  gridOptions: gridOptions,
+  modules: agGridModules,
+};
+
+Adaptable.init(adaptableOpts, agGridConfig).then(
+  (adaptableApi: AdaptableApi) => {
+    adaptableApi.eventApi.on(
+      'AdaptableReady',
+      (readyInfo: AdaptableReadyInfo) => {
+        onAdaptableReady(readyInfo);
+      }
+    );
+  }
+);

package/data/templates/vanilla/src/onAdaptableReady.ts

@@ -0,0 +1,11 @@
+import {AdaptableReadyInfo} from '@adaptabletools/adaptable';
+
+export const onAdaptableReady = ({adaptableApi}: AdaptableReadyInfo) => {
+  const optionsApi = adaptableApi.optionsApi;
+  console.log(
+    optionsApi.getAdaptableId(),
+    ' with user ',
+    optionsApi.getUserName(),
+    ' is ready!'
+  );
+};