@grasp-labs/ds-react-components 1.3.0 → 1.4.1

package/dist/components/baseButton/BaseButton.d.ts

@@ -1,6 +1,7 @@
-import { ButtonHTMLAttributes } from 'react';
+import { default as React, ButtonHTMLAttributes } from 'react';
 import { Variant } from './BaseButton.styles';
 export type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "prefix" | "suffix"> & {
+    ref?: React.Ref<HTMLButtonElement>;
     variant?: Variant;
 };
 /**
@@ -10,4 +11,7 @@ export type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "pre
  * @param props - The props for the BaseButton component.
  * @returns The rendered button element.
  */
-export declare const BaseButton: ({ variant, className, children, ...props }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseButton: {
+    ({ variant, className, children, ref, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/button/Button.d.ts

@@ -7,11 +7,4 @@ export type ButtonProps = BaseButtonProps & {
     suffix?: ReactNode;
     isLoading?: boolean;
 };
-/**
- * A button component with size variants and optional prefix/suffix content.
- * Extends BaseButton with additional size and content functionality.
- *
- * @param props - The props for the Button component.
- * @returns The rendered button with optional prefix/suffix content.
- */
 export declare const Button: ({ size, className, children, prefix, suffix, isLoading, disabled, variant, "aria-busy": ariaBusy, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/datePicker/DatePickerTextBox.d.ts

@@ -1,15 +1,4 @@
-export declare const DatePickerTextBox: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "children"> & {
-    prefix?: import('react').ReactNode;
-    suffix?: import('react').ReactNode;
-    error?: boolean;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    className?: string;
-    rootClassName?: string;
-    placeholder?: string;
-    ref?: React.Ref<HTMLInputElement>;
-    acceptOnly?: import('../baseTextBox').AcceptOnlyPattern | ((value: string) => string);
-} & {
+import { BaseTextBoxProps } from '../baseTextBox';
+export declare const DatePickerTextBox: ({ onCalendarToggle, ref, ...props }: BaseTextBoxProps & {
     onCalendarToggle: () => void;
-}, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/objectBuilder/AddBuilderButton.d.ts

@@ -0,0 +1,12 @@
+import { FieldType, ObjectBuilderTexts } from './types';
+type AddBuilderButtonProps = {
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+    disabledMessage?: string;
+    addType: FieldType;
+    onAddTypeChange: (newType: FieldType) => void;
+    texts: ObjectBuilderTexts;
+};
+export declare function AddBuilderButton({ label, onClick, disabled, disabledMessage, addType, onAddTypeChange, texts, }: AddBuilderButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/objectBuilder/ArrayBuilder.d.ts

@@ -0,0 +1,9 @@
+import { ObjectBuilderTexts } from './types';
+export type ArrayBuilderProps = {
+    value: unknown[];
+    onChange: (value: unknown[]) => void;
+    disabled?: boolean;
+    className?: string;
+    texts: ObjectBuilderTexts;
+};
+export declare function ArrayBuilder({ value, onChange, disabled, className, texts, }: ArrayBuilderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/objectBuilder/BuilderItemRow.d.ts

@@ -0,0 +1,29 @@
+import { ExpandState, FieldType, ObjectBuilderTexts, ValueOf } from './types';
+type KeyInputConfig = {
+    value: string;
+    onChange: (value: string) => void;
+    error?: boolean;
+    errorMessage?: string;
+    placeholder?: string;
+};
+type BuilderItemRowBaseProps = {
+    disabled?: boolean;
+    keyInput?: KeyInputConfig;
+    indexLabel?: number;
+    onDelete: () => void;
+    expandState?: ExpandState;
+    onToggleExpand?: () => void;
+    className?: string;
+    texts: ObjectBuilderTexts;
+};
+type BuilderItemRowDiscriminatedProps = {
+    [T in FieldType]: {
+        type: T;
+        value: ValueOf<T>;
+        onTypeChange: (newType: FieldType) => void;
+        onValueChange: (newValue: ValueOf<T>) => void;
+    };
+}[FieldType];
+export type BuilderItemRowProps = BuilderItemRowBaseProps & BuilderItemRowDiscriminatedProps;
+export declare function BuilderItemRow({ type, value, disabled, keyInput, indexLabel, onTypeChange, onValueChange, onDelete, expandState, onToggleExpand, className, texts, }: BuilderItemRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/objectBuilder/ObjectBuilder.d.ts

@@ -0,0 +1,2 @@
+import { ObjectBuilderProps } from './types';
+export declare function ObjectBuilder({ value, onChange, disabled, className, texts: textOverrides, }: ObjectBuilderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/objectBuilder/TypePanelContent.d.ts

@@ -0,0 +1,9 @@
+import { FieldType, ObjectBuilderTexts } from './types';
+type TypePanelContentProps = {
+    currentType: FieldType;
+    onSelect: (type: FieldType) => void;
+    disabled?: boolean;
+    texts: ObjectBuilderTexts;
+};
+export declare function TypePanelContent({ currentType, onSelect, disabled, texts, }: TypePanelContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/objectBuilder/builderUtils.d.ts

@@ -0,0 +1,17 @@
+import { FieldData, FieldEntry, FieldType, FieldValue, ObjectBuilderTexts, ObjectValue } from './types';
+export declare function getTypeLabel(type: FieldType, texts: ObjectBuilderTexts): string;
+export type BuilderItem = {
+    id: string;
+} & FieldData;
+export declare function updateItemType<T extends BuilderItem>(items: T[], id: string, newType: FieldType): T[];
+export declare function updateItemValue<T extends BuilderItem>(items: T[], id: string, newValue: FieldValue): T[];
+export declare function removeFromCollapsedSet(prev: Set<string>, id: string): Set<string>;
+export declare function toggleInSet(prev: Set<string>, id: string): Set<string>;
+export type KeyValidationResult = {
+    errorsById: Record<string, string>;
+    hasEmptyKeys: boolean;
+    hasDuplicateKeys: boolean;
+};
+export declare function validateFieldKeys(fields: FieldEntry[], keyRequiredError: string, duplicateKeyError: string): KeyValidationResult;
+export declare function buildDraftFields(value: ObjectValue, previousFields?: FieldEntry[]): FieldEntry[];
+export declare function buildArrayItems(value: unknown[], previousItems?: BuilderItem[]): BuilderItem[];

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

@@ -0,0 +1,2 @@
+export { ObjectBuilder } from './ObjectBuilder';
+export type { FieldType, ObjectBuilderProps, ObjectBuilderTexts, ObjectValue, } from './types';

package/dist/components/objectBuilder/types.d.ts

@@ -0,0 +1,71 @@
+export type ObjectValue = Record<string, unknown>;
+export type FieldData = {
+    type: "string";
+    value: string;
+} | {
+    type: "number";
+    value: number;
+} | {
+    type: "boolean";
+    value: boolean;
+} | {
+    type: "null";
+    value: null;
+} | {
+    type: "object";
+    value: ObjectValue;
+} | {
+    type: "array";
+    value: unknown[];
+} | {
+    type: "date";
+    value: Date | null;
+};
+export type FieldType = FieldData["type"];
+export declare const FIELD_TYPES: FieldType[];
+export type ExpandState = "static" | "expanded" | "collapsed";
+export type FieldValue = FieldData["value"];
+export type ValueOf<T extends FieldType> = Extract<FieldData, {
+    type: T;
+}>["value"];
+export type FieldEntry = {
+    id: string;
+    key: string;
+} & FieldData;
+export declare const isObjectValue: (value: unknown) => value is ObjectValue;
+export declare function inferFieldType(value: unknown): FieldType;
+export declare function getTypedFieldValue(value: unknown): FieldData;
+export declare function getDefaultTypedFieldValue(type: FieldType): FieldData;
+export declare function objectToFieldEntries(obj: ObjectValue): FieldEntry[];
+export declare function fieldEntriesToObject(entries: FieldEntry[]): ObjectValue;
+export type ObjectBuilderTexts = {
+    addFieldLabel: string;
+    emptyMessage: string;
+    keyRequiredError: string;
+    duplicateKeyError: string;
+    emptyKeyDisabledMessage: string;
+    duplicateKeyDisabledMessage: string;
+    keyPlaceholder: string;
+    stringPlaceholder: string;
+    booleanYes: string;
+    booleanNo: string;
+    nullDisplay: string;
+    expandAriaLabel: string;
+    collapseAriaLabel: string;
+    changeTypeAriaLabel: string;
+    deleteAriaLabel: string;
+    typeText: string;
+    typeNumber: string;
+    typeBoolean: string;
+    typeDate: string;
+    typeList: string;
+    typeObject: string;
+    typeNull: string;
+};
+export type ObjectBuilderProps = {
+    value: ObjectValue;
+    onChange: (value: ObjectValue) => void;
+    disabled?: boolean;
+    className?: string;
+    texts?: Partial<ObjectBuilderTexts>;
+};

package/dist/components/tabPanel/Tab.d.ts

@@ -14,9 +14,14 @@ export type TabProps = {
     className?: string;
     /** Icon to display before the text */
     icon?: ReactNode;
+    /** Ref for the tab button element */
+    ref?: React.Ref<HTMLButtonElement>;
 };
 /**
  * A single tab component that can be used within a TabPanel.
  * Contains both the tab button and the content to display when active.
  */
-export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Tab: {
+    ({ label, name, children: _children, isActive, onClick, className, icon, ref, }: TabProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/table/Table.d.ts

@@ -2,5 +2,5 @@ import { JSX } from 'react';
 import { TableProps } from './types';
 declare function Table<T extends {
     id?: string | number;
-}>({ data, columns, className, scrollWrapperClassName, getCoreRowModel, enableRowSelection, enableMultiRowSelection, enablePagination, paginationProps, ...options }: TableProps<T>): JSX.Element;
+}>({ data, columns, rootClassName, className, scrollWrapperClassName, getCoreRowModel, enableRowSelection, enableMultiRowSelection, enablePagination, paginationProps, ...options }: TableProps<T>): JSX.Element;
 export default Table;

package/dist/components/table/types.d.ts

@@ -31,6 +31,7 @@ import { TableOptions } from '@tanstack/react-table';
  * />
  */
 export type TableProps<T> = Omit<TableOptions<T>, "getCoreRowModel" | "getSortedRowModel" | "getPaginationRowModel" | "manualPagination" | "pageCount" | "autoResetPageIndex"> & {
+    rootClassName?: string;
     className?: string;
     scrollWrapperClassName?: string;
     getCoreRowModel?: TableOptions<T>["getCoreRowModel"];