@canonical/maas-react-components 1.30.1 → 1.32.0

package/dist/src/lib/components/GenericTable/GenericTable.d.ts

@@ -5,7 +5,8 @@ type GenericTableProps<T extends {
     id: number | string;
 }> = {
     className?: string;
-    canSelect?: boolean;
+    canSelect?: boolean | ((row: Row<T>) => boolean);
+    disabledSelectionTooltip?: string | ((row: Row<T>) => string);
     columns: ColumnDef<T, Partial<T>>[];
     containerRef?: RefObject<HTMLElement | null>;
     data: T[];
@@ -35,7 +36,8 @@ type GenericTableProps<T extends {
  *
  * @param {Object} props - Component props
  * @param {string} [props.className] - Additional CSS class for the table wrapper
- * @param {boolean} [props.canSelect=false] - Enable row selection with checkboxes
+ * @param {boolean | ((row: Row<T>) => boolean)} [props.canSelect=false] - Enable row selection with checkboxes
+ * @param {string | ((row: Row<T>) => string)} [props.disabledSelectionTooltip] - Tooltip message or constructor on disabled checkboxes
  * @param {ColumnDef<T, Partial<T>>[]} props.columns - Column definitions
  * @param {RefObject<HTMLElement | null>} [props.containerRef] - Reference to container for size calculations
  * @param {T[]} props.data - Table data array
@@ -73,5 +75,5 @@ type GenericTableProps<T extends {
  */
 export declare const GenericTable: <T extends {
     id: number | string;
-}>({ className, canSelect, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, groupBy, isLoading, noData, pagination, pinGroup, sortBy, rowSelection, setRowSelection, variant, ...props }: GenericTableProps<T>) => ReactElement;
+}>({ className, canSelect, disabledSelectionTooltip, columns: initialColumns, containerRef, data: initialData, filterCells, filterHeaders, groupBy, isLoading, noData, pagination, pinGroup, sortBy, rowSelection, setRowSelection, variant, ...props }: GenericTableProps<T>) => ReactElement;
 export {};

package/dist/src/lib/components/GenericTable/GenericTable.stories.d.ts

@@ -1,12 +1,21 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { GenericTable } from './GenericTable';
-declare const meta: Meta<typeof GenericTable>;
+type Machine = {
+    id: number;
+    fqdn: string;
+    ipAddress: string;
+    status: string;
+    zone: string;
+    pool: string;
+};
+declare const meta: Meta<typeof GenericTable<Machine>>;
 export default meta;
-type Story = StoryObj<typeof GenericTable>;
+type Story = StoryObj<typeof GenericTable<Machine>>;
 export declare const Default: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const Selectable: Story;
+export declare const ConditionallySelectable: Story;
 export declare const Grouped: Story;
 export declare const GroupedSelectable: Story;
 export declare const Paginated: Story;

package/dist/src/lib/components/GenericTable/TableCheckbox/TableCheckbox.d.ts

@@ -5,7 +5,9 @@ type TableCheckboxProps<T> = Partial<DetailedHTMLProps<InputHTMLAttributes<HTMLI
     table?: Table<T>;
 };
 declare const TableCheckbox: {
-    <T>({ row, ...props }: TableCheckboxProps<T>): ReactElement | null;
+    <T>({ row, disabledTooltip, ...props }: TableCheckboxProps<T> & {
+        disabledTooltip: string | ((row: Row<T>) => string);
+    }): ReactElement | null;
     All: <T>({ table, ...props }: TableCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element | null;
     Group: <T>({ row, ...props }: TableCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 };

package/dist/src/lib/components/QueryInput/QueryInput.d.ts

@@ -0,0 +1,50 @@
+import { ReactElement, DetailedHTMLProps, HTMLAttributes, Dispatch, SetStateAction } from 'react';
+export type Suggestion = {
+    value: string;
+    type: string;
+    disabled?: boolean;
+};
+type QueryInputProps = {
+    className?: string;
+    disabled?: boolean;
+    search: string;
+    setSearch: Dispatch<SetStateAction<string>>;
+    context: string;
+    setContext: Dispatch<SetStateAction<string>>;
+    setToken: Dispatch<SetStateAction<string>>;
+    suggestions: Suggestion[];
+    isLoading?: boolean;
+    placeholder?: string;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+/**
+ * QueryInput - A feature-rich search query constructor for React applications
+ *
+ * A keyboard-centric search query constructor field with externally controlled
+ * assistive suggestion and insertion features
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS class for the table wrapper
+ * @param {disabled} [props.disabled] - Field disabling boolean
+ * @param {search} [props.search] - Externally controlled search query string
+ * @param {setSearch} [props.setSearch] - Search query string setter
+ * @param {context} [props.context] - Externally controlled suggestion context
+ * @param {setContext} [props.setContext] - Suggestion context setter
+ * @param {setToken} [props.setToken] - Partial token string for autocomplete
+ * @param {suggestions} [props.suggestions] - Context-aware suggestions
+ * @param {isLoading} [props.isLoading] - Loading suggestion state boolean
+ * @param {placeholder} [props.placeholder] - Search field placeholder text
+ *
+ * @returns {ReactElement} - The rendered query input component
+ *
+ * @example
+ * <QueryInput
+ *   search={search}
+ *   setSearch={setSearch}
+ *   context={context}
+ *   setContext={setContext}
+ *   setToken={setToken}
+ *   suggestions={suggestions}
+ * />
+ */
+export declare const QueryInput: ({ className, disabled, search, setSearch, context, setContext, setToken, suggestions, isLoading, placeholder, ...props }: QueryInputProps) => ReactElement;
+export {};

package/dist/src/lib/components/QueryInput/QueryInput.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { QueryInput } from '../..';
+declare const meta: Meta<typeof QueryInput>;
+export default meta;
+type Story = StoryObj<typeof QueryInput>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;

package/dist/src/lib/components/QueryInput/QueryInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/lib/components/QueryInput/index.d.ts

@@ -0,0 +1 @@
+export * from './QueryInput';

package/dist/src/lib/components/index.d.ts

@@ -6,3 +6,4 @@ export * from './MultiSelect';
 export * from './DynamicTable';
 export * from './TableCaption';
 export * from './GenericTable';
+export * from './QueryInput';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "1.30.1",
+  "version": "1.32.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canonical/maas-react-components.git"