@tanstack/cta-ui-base 0.15.4

package/tests/store/add-ons.test.ts

@@ -0,0 +1,222 @@
+import { describe, expect, it } from 'vitest'
+
+import type { AddOnInfo } from '../../src/types'
+
+import { getAddOnStatus } from '../../src/store/add-ons'
+
+describe('getAddOnStatus', () => {
+  it('everything should be enabled if nothing is selected', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+        },
+      ] as unknown as Array<AddOnInfo>,
+      [],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: false,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: false,
+        enabled: true,
+      },
+    })
+  })
+
+  it('should handle a single add-on', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1'],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: true,
+      },
+    })
+  })
+
+  it('should handle a depended-on add-on', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1'],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: false,
+      },
+    })
+  })
+
+  it('should handle a selected depended-on add-on', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1', 'add-on-2'],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: false,
+      },
+    })
+  })
+
+  it('should handle a selected depended-on add-on', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-2'],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: false,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: true,
+      },
+    })
+  })
+
+  it('wont cycle', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: ['add-on-1'],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1'],
+      [],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: false,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: false,
+      },
+    })
+  })
+
+  it('should handle original add-ons', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1'],
+      ['add-on-2'],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: false,
+      },
+    })
+  })
+
+  it('should handle original add-ons with dependencies', () => {
+    const addOnStatus = getAddOnStatus(
+      [
+        {
+          id: 'add-on-1',
+          dependsOn: ['add-on-2'],
+        },
+        {
+          id: 'add-on-2',
+          dependsOn: ['add-on-3'],
+        },
+        {
+          id: 'add-on-3',
+          dependsOn: [],
+        },
+      ] as unknown as Array<AddOnInfo>,
+      ['add-on-1'],
+      ['add-on-2'],
+    )
+    expect(addOnStatus).toEqual({
+      'add-on-1': {
+        selected: true,
+        enabled: true,
+      },
+      'add-on-2': {
+        selected: true,
+        enabled: false,
+      },
+      'add-on-3': {
+        selected: true,
+        enabled: false,
+      },
+    })
+  })
+})

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": [],
+    "outDir": "./dist",
+    "declaration": true,
+    "declarationDir": "./dist",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "verbatimModuleSyntax": true,
+
+    /* Linting */
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  }
+}

package/vitest.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vitest/config'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+export default defineConfig({
+  plugins: [tsconfigPaths()],
+})