quantum-component-library 0.0.1 → 1.0.0-alpha.0

package/README.md

@@ -1,69 +1,115 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+# Quantum Component Library
+
+A modular React component library built with TypeScript and Vite, featuring code splitting for optimal bundle sizes.
+
+## Installation
+
+```bash
+npm install quantum-component-library
+```
+
+## Usage
+
+### Full Library Import (Default)
+
+```typescript
+// Import everything (not recommended for production)
+import * from 'quantum-component-library';
+```
+
+### Modular Imports (Recommended)
+
+The library is split into several modules for optimal tree-shaking and bundle sizes:
+
+#### Components
+```typescript
+// Import only UI components
+import { UpsertActivityForm, ParameterEditList } from 'quantum-component-library/components';
+```
+
+#### Hooks
+```typescript
+// Import only custom hooks
+import { useGraphqlClient, useJointsForLimbIds } from 'quantum-component-library/hooks';
+```
+
+#### Types
+```typescript
+// Import only type definitions
+import type { Activity, Analysis, Human } from 'quantum-component-library/types';
+```
+
+#### Authentication
+```typescript
+// Import only auth utilities
+import { useAuthContext, useIsAuthenticated } from 'quantum-component-library/auth';
+```
+
+#### GraphQL
+```typescript
+// Import only GraphQL fragments and operations
+import { ActivityFragment, SessionQueries } from 'quantum-component-library/graphql';
+```
+
+#### Generated GraphQL Code
+```typescript
+// Import only generated GraphQL types and utilities
+import { FragmentMasking, gql } from 'quantum-component-library/generated';
+```
+
+#### Utilities
+```typescript
+// Import only utility functions
+import { convertUnits, memoizeWithExpiry } from 'quantum-component-library/utils';
+```
+
+#### Services
+```typescript
+// Import only service functions
+import { humanService } from 'quantum-component-library/services';
+```
+
+## Code Splitting Benefits
+
+- **Reduced Bundle Size**: Import only what you need
+- **Better Tree Shaking**: Webpack and other bundlers can eliminate unused code more effectively
+- **Faster Loading**: Smaller initial bundles load faster
+- **Better Caching**: Changes to one module don't invalidate others
+
+## Build Configuration
+
+This library uses Vite with multiple entry points and manual chunk splitting:
+
+- **Multiple Entry Points**: Each module has its own entry point for granular imports
+- **Manual Chunk Splitting**: Vendor dependencies are split into logical chunks (UI, GraphQL, React, etc.)
+- **Automatic Type Generation**: TypeScript definitions are generated for all entry points
+
+### Available Modules
+
+| Module | Entry Point | Description |
+|--------|-------------|-------------|
+| `components` | `src/components/index.ts` | UI components |
+| `hooks` | `src/lib/hooks/index.ts` | Custom React hooks |
+| `types` | `src/lib/types/index.ts` | TypeScript type definitions |
+| `auth` | `src/lib/auth/index.ts` | Authentication utilities |
+| `graphql` | `src/graphql/index.ts` | GraphQL fragments and operations |
+| `generated` | `src/generated/index.ts` | Generated GraphQL code |
+| `utils` | `src/lib/utils/index.ts` | Utility functions |
+| `services` | `src/lib/services/index.ts` | Service functions |
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Build the library
+npm run build
+
+# Build for specific environments
+npm run build:admin-prod
+npm run build:client-qa
+```

package/dist/babel-vendor-BOM86iTb.js

@@ -0,0 +1,221 @@
+function i(t) {
+  "@babel/helpers - typeof";
+  return i = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, i(t);
+}
+function g(t, e) {
+  if (i(t) != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e);
+    if (i(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function v(t) {
+  var e = g(t, "string");
+  return i(e) == "symbol" ? e : e + "";
+}
+function _(t, e, r) {
+  return (e = v(e)) in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function p(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function x(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? p(Object(r), !0).forEach(function(n) {
+      _(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : p(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function w(t) {
+  if (Array.isArray(t)) return t;
+}
+function P(t, e) {
+  var r = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (r != null) {
+    var n, o, a, l, f = [], u = !0, b = !1;
+    try {
+      if (a = (r = r.call(t)).next, e === 0) {
+        if (Object(r) !== r) return;
+        u = !1;
+      } else for (; !(u = (n = a.call(r)).done) && (f.push(n.value), f.length !== e); u = !0) ;
+    } catch (j) {
+      b = !0, o = j;
+    } finally {
+      try {
+        if (!u && r.return != null && (l = r.return(), Object(l) !== l)) return;
+      } finally {
+        if (b) throw o;
+      }
+    }
+    return f;
+  }
+}
+function s(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function d(t, e) {
+  if (t) {
+    if (typeof t == "string") return s(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? s(t, e) : void 0;
+  }
+}
+function S() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function k(t, e) {
+  return w(t) || P(t, e) || d(t, e) || S();
+}
+function A(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
+    if (e.indexOf(n) !== -1) continue;
+    r[n] = t[n];
+  }
+  return r;
+}
+function D(t, e) {
+  if (t == null) return {};
+  var r, n, o = A(t, e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    for (n = 0; n < a.length; n++) r = a[n], e.indexOf(r) === -1 && {}.propertyIsEnumerable.call(t, r) && (o[r] = t[r]);
+  }
+  return o;
+}
+function m() {
+  return m = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (t[n] = r[n]);
+    }
+    return t;
+  }, m.apply(null, arguments);
+}
+function L(t, e) {
+  if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
+}
+function O(t, e) {
+  for (var r = 0; r < e.length; r++) {
+    var n = e[r];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, v(n.key), n);
+  }
+}
+function W(t, e, r) {
+  return e && O(t.prototype, e), r && O(t, r), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), t;
+}
+function y(t, e) {
+  return y = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
+    return r.__proto__ = n, r;
+  }, y(t, e);
+}
+function z(t, e) {
+  if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: t,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), e && y(t, e);
+}
+function c(t) {
+  return c = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    return e.__proto__ || Object.getPrototypeOf(e);
+  }, c(t);
+}
+function h() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (h = function() {
+    return !!t;
+  })();
+}
+function T(t) {
+  if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function E(t, e) {
+  if (e && (i(e) == "object" || typeof e == "function")) return e;
+  if (e !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+  return T(t);
+}
+function N(t) {
+  var e = h();
+  return function() {
+    var r, n = c(t);
+    if (e) {
+      var o = c(this).constructor;
+      r = Reflect.construct(n, arguments, o);
+    } else r = n.apply(this, arguments);
+    return E(this, r);
+  };
+}
+function I(t) {
+  if (Array.isArray(t)) return s(t);
+}
+function C(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+}
+function R() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function B(t) {
+  return I(t) || C(t) || d(t) || R();
+}
+function H(t, e) {
+  return e || (e = t.slice(0)), Object.freeze(Object.defineProperties(t, {
+    raw: {
+      value: Object.freeze(e)
+    }
+  }));
+}
+export {
+  D as _,
+  k as a,
+  x as b,
+  i as c,
+  _ as d,
+  m as e,
+  H as f,
+  z as g,
+  N as h,
+  W as i,
+  L as j,
+  B as k
+};

package/dist/babel-vendor-cKvSpnBp.cjs

@@ -0,0 +1,3 @@
+"use strict";function i(e){"@babel/helpers - typeof";return i=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(e)}function g(e,t){if(i(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(i(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function d(e){var t=g(e,"string");return i(t)=="symbol"?t:t+""}function _(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(n){_(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,o,u,l,f=[],a=!0,b=!1;try{if(u=(r=r.call(e)).next,t===0){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=u.call(r)).done)&&(f.push(n.value),f.length!==t);a=!0);}catch(j){b=!0,o=j}finally{try{if(!a&&r.return!=null&&(l=r.return(),Object(l)!==l))return}finally{if(b)throw o}}return f}}function s(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function v(e,t){if(e){if(typeof e=="string")return s(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function A(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function T(e,t){return w(e)||S(e,t)||v(e,t)||A()}function C(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function E(e,t){if(e==null)return{};var r,n,o=C(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(null,arguments)}function I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,d(n.key),n)}}function R(e,t,r){return t&&O(e.prototype,t),r&&O(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},p(e,t)}function x(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},c(e)}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(h=function(){return!!e})()}function k(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function D(e,t){if(t&&(i(t)=="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return k(e)}function L(e){var t=h();return function(){var r,n=c(e);if(t){var o=c(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return D(this,r)}}function W(e){if(Array.isArray(e))return s(e)}function z(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function N(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function B(e){return W(e)||z(e)||v(e)||N()}function H(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}exports._classCallCheck=I;exports._createClass=R;exports._createSuper=L;exports._defineProperty=_;exports._extends=y;exports._inherits=x;exports._objectSpread2=P;exports._objectWithoutProperties=E;exports._slicedToArray=T;exports._taggedTemplateLiteral=H;exports._toConsumableArray=B;exports._typeof=i;

package/dist/components/activity-list/index.d.ts

@@ -0,0 +1,19 @@
+import { AssessmentActionFragment } from '../../generated/graphql';
+import { BoxProps, TableContainerProps } from '@chakra-ui/react';
+export type ActivityListProps = {
+    actions: Array<AssessmentActionFragment & {
+        selected?: boolean;
+    }>;
+    totalActions?: number;
+    onCreate?: () => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (ids: string[]) => void;
+    onSelected?: (action: AssessmentActionFragment, selected: boolean) => void;
+    onDuplicate?: (ids: string[]) => void;
+    disableMultiSelect?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
+    disableCreate?: boolean;
+    tableProps?: TableContainerProps;
+} & BoxProps;
+export declare const ActivityList: ({ actions, totalActions, onCreate, onDelete, onEdit, onSelected, onDuplicate, disableMultiSelect, disableDelete, disableEdit, disableCreate, tableProps, ...containerProps }: ActivityListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/copy-activity-form/index.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface CopyActivityFormProps {
+    /** Callback when activity is successfully copied */
+    onSave?: () => void;
+    /** Callback when user cancels the operation */
+    onCancel?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Hide the built-in action buttons */
+    hideButtons?: boolean;
+    /** Custom button configurations */
+    setButtonDisabled?: (config: {
+        cancelButton: boolean;
+        saveButton: boolean;
+    }) => void;
+    setButtonOnClick?: (config: {
+        cancelButton: () => void;
+        saveButton: () => void;
+    }) => void;
+    quantumOwned?: boolean;
+}
+/**
+ * Form component for copying activities (actions) from one group.
+ *
+ * The workflow is:
+ * 1. Select a source group
+ * 2. Select activities from available actions to copy
+ * 3. Copy creates new activities with same fields but no ID
+ */
+export declare const CopyActivityForm: React.FC<CopyActivityFormProps>;

package/dist/components/copy-activity-form/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CopyActivityForm } from './index';
+declare const meta: Meta<typeof CopyActivityForm>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/copy-module-form/index.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface CopyModuleFormProps {
+    /** Callback when module is successfully copied */
+    onSave?: () => void;
+    /** Callback when user cancels the operation */
+    onCancel?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Hide the built-in action buttons */
+    hideButtons?: boolean;
+    /** Custom button configurations */
+    setButtonDisabled?: (config: {
+        cancelButton: boolean;
+        saveButton: boolean;
+    }) => void;
+    setButtonOnClick?: (config: {
+        cancelButton: () => void;
+        saveButton: () => void;
+    }) => void;
+    quantumOwned?: boolean;
+}
+/**
+ * Form component for copying modules from one group.
+ *
+ * The workflow is:
+ * 1. Select a source group
+ * 2. Select a module from that group to copy
+ * 3. Copy creates a new module with same fields but no ID
+ */
+export declare const CopyModuleForm: React.FC<CopyModuleFormProps>;

package/dist/components/copy-module-form/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CopyModuleForm } from './index';
+declare const meta: Meta<typeof CopyModuleForm>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from './activity-list';
+export * from './copy-activity-form';
+export * from './copy-module-form';
+export * from './module-form';
+export * from './parameter-edit-list';
+export * from './parameter-edit-select';
+export * from './upsert-activity-form';
+export * from './upsert-module-form';

package/dist/components/module-form/index.d.ts

@@ -0,0 +1,15 @@
+import { AssessmentActionFragment, LibraryModuleCategoryFragment } from '../../generated/graphql';
+import { BoxProps } from '@chakra-ui/react';
+export type ModuleFormProps = {
+    name?: string;
+    setName: (name: string) => void;
+    actions: AssessmentActionFragment[];
+    selectedActionIds: string[];
+    setSelectedActionIds: (ids: string[]) => void;
+    availableCategories: LibraryModuleCategoryFragment[];
+    selectedCategoryIds: string[];
+    setSelectedCategoryIds: (ids: string[]) => void;
+    description?: string;
+    setDescription?: (description: string) => void;
+} & BoxProps;
+export declare const ModuleForm: ({ name, setName, actions, selectedActionIds, setSelectedActionIds, availableCategories, selectedCategoryIds, setSelectedCategoryIds, description, setDescription, ...containerProps }: ModuleFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/parameter-edit-list/index.d.ts

@@ -0,0 +1,13 @@
+import { ThresholdKind } from '../../generated/graphql';
+import { PartParameter } from '../../lib/types/parameters';
+import { BoxProps } from '@chakra-ui/react';
+type Props = Omit<BoxProps, "value" | "onChange"> & {
+    value: PartParameter[];
+    forceKind?: ThresholdKind;
+    disableKind?: boolean;
+    disableRemove?: boolean;
+    lockRanges?: boolean;
+    onChange: (v: PartParameter[]) => void;
+};
+export declare const ParameterEditList: ({ value, onChange, forceKind, disableRemove, disableKind, lockRanges, ...container }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/parameter-edit-select/index.d.ts

@@ -0,0 +1,16 @@
+import { ThresholdKind } from '../../generated/graphql';
+import { PartParameter } from '../../lib/types/parameters';
+import { BoxProps } from '@chakra-ui/react';
+type Props = Omit<BoxProps, "value" | "onChange"> & {
+    options: Omit<PartParameter, "kind">[];
+    value: PartParameter[];
+    forceKind?: ThresholdKind;
+    disableKind?: boolean;
+    editOnly?: boolean;
+    singleValue?: boolean;
+    singleValueSideless?: boolean;
+    maxParameters?: number;
+    onChange: (v: PartParameter[]) => void;
+};
+export declare const ParameterEditSelect: ({ options, value, onChange, forceKind, singleValue, singleValueSideless, editOnly, disableKind, maxParameters: maxParametersProp, ...containerProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/test-filter-panel/index.d.ts

@@ -0,0 +1,7 @@
+import { Action } from '../../generated/graphql';
+export interface ITestFilterPanelProps {
+    setSearch: (e: string) => void;
+    actions: Action[] | undefined;
+    updateUseCases: (ids: string[]) => void;
+}
+export declare const TestFilterPanel: ({ setSearch, actions, updateUseCases, }: ITestFilterPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/form/index.d.ts

@@ -0,0 +1,4 @@
+export * from './label';
+export * from './list-order-input';
+export * from './radio-buttons';
+export * from './range-slider-input';

package/dist/components/ui/form/label/index.d.ts

@@ -0,0 +1,4 @@
+import { FormLabelProps } from '@chakra-ui/react';
+export declare const Label: React.FC<{
+    children: FormLabelProps["children"];
+}>;

package/dist/components/ui/form/list-order-input/index.d.ts

@@ -0,0 +1,14 @@
+export type Item = {
+    id: string;
+    name: string;
+};
+export type Props = {
+    value: Item[];
+    onChange: (cb: (prev: Item[]) => Item[]) => void;
+};
+/**
+ * A component that allows adjusting the order of a list of items.
+ * It provides a drag-and-drop interface to reorder the items.
+ * This uses the react-dnd library to handle drag-and-drop functionality.
+ */
+export declare const ListOrderInput: ({ value, onChange }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/form/radio-buttons/index.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from '@chakra-ui/react';
+export interface IRadioItem<T> {
+    label: string;
+    value: T;
+    tooltip?: string;
+    disabled?: boolean;
+}
+export interface RadioButtonsProps<T> {
+    items: IRadioItem<T>[];
+    onChange: (item: IRadioItem<T>, index: number) => void;
+    selectedItem?: IRadioItem<T> | T;
+    isDisabled?: boolean;
+    selectedProps?: ButtonProps;
+    buttonProps?: ButtonProps;
+}
+export declare const RadioButtons: <T>({ items, onChange, selectedItem, isDisabled, selectedProps, buttonProps, }: RadioButtonsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/form/range-slider-input/index.d.ts

@@ -0,0 +1,17 @@
+import { FlexProps, NumberInputProps, ResponsiveValue } from '@chakra-ui/react';
+export type InputProps = Omit<NumberInputProps, "onChange" | "onFocus" | "min" | "max" | "value" | "size">;
+export type RangeSliderInputProps = {
+    isReversed?: boolean;
+    min: number;
+    max: number;
+    onChange: (range: [number, number]) => void;
+    value?: [number, number];
+    size?: ResponsiveValue<string>;
+    inputProps?: InputProps;
+    zeroMarker?: boolean;
+    formatValue?: (value: number) => string;
+    valueLabel?: (value: number) => string;
+    positiveNegativeLabels?: [string, string];
+    isDisabled?: boolean;
+} & Omit<FlexProps, "onChange">;
+export declare const RangeSliderInput: React.FC<RangeSliderInputProps>;

package/dist/components/ui/index.d.ts

@@ -1 +1,2 @@
-export * from './button';
+export * from './form';
+export * from './tag-group';

package/dist/components/ui/tag-group/index.d.ts

@@ -0,0 +1,7 @@
+import { StackProps, TagProps } from '@chakra-ui/react';
+export type TagGroupProps = Omit<TagProps & {
+    tags: string[];
+}, "children"> & {
+    containerProps?: StackProps;
+};
+export declare const TagGroup: ({ tags, containerProps, ...rest }: TagGroupProps) => import("react/jsx-runtime").JSX.Element;