@grasp-labs/ds-react-components 0.22.0 → 0.23.0

package/README.md

@@ -50,3 +50,11 @@ Tests run using Storybook's vitest integration, either using the GUI Storybook o
 ```bash
 npm run test
 ```
+
+## Releasing
+
+To release a new version of the package:
+
+1. Create a feature branch and make your changes
+2. After the branch is approved and before merging to `main`, run the `Version and Publish Package` GitHub Action on your feature branch selecting the appropriate version bump (patch, minor, major)
+3. Once the build succeeds, merge your feature branch to `main`

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { JSX, ReactNode } from 'react';
 export type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     /** The visible label text for the checkbox */
-    label: string;
+    label?: string;
     /** Whether the checkbox is currently partially selected */
     intermediate?: boolean;
     /** Whether the checkbox is in an error state */

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

@@ -2,8 +2,12 @@ import { ComponentProps } from 'react';
 import { DayPicker, Locale } from 'react-day-picker';
 type DayPickerClassNamesConfig = Pick<ComponentProps<typeof DayPicker>, "classNames" | "modifiersClassNames">;
 export type DatePickerProps = {
-    /** Label text displayed nex to the trigger button */
-    labelText: string;
+    /** Optional id (auto-generated if not provided) */
+    id?: string;
+    /** Name of the input */
+    name?: string;
+    /** Whether the textbox is disabled */
+    disabled?: boolean;
     /** Date displayed in trigger button, when date is selected */
     selectedDate: Date | null;
     /** Locale used to display texts of date-picker in correct language and present date with correct format */
@@ -18,6 +22,8 @@ export type DatePickerProps = {
     className?: string;
     /** Config for class names used to override default styles of calendar */
     dayPickerClassNames?: DayPickerClassNamesConfig;
+    /** Determines if input is invalid */
+    "aria-invalid"?: boolean;
     /** Callback function called when the date is changed */
     onSelectedDateChange: (selectedDate: Date | null) => void;
 };
@@ -27,5 +33,5 @@ export type DatePickerProps = {
  * @param props - The props for the DatePicker component
  * @returns The rendered date-picker
  */
-export declare const DatePicker: ({ labelText, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, onSelectedDateChange, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: ({ id, name, disabled, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, onSelectedDateChange, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/flow/FlowTile.d.ts

@@ -1,3 +1,11 @@
-import { Node, NodeProps } from '@xyflow/react';
-import { FlowData } from './types';
-export declare const FlowTile: ({ data, selected }: NodeProps<Node<FlowData>>) => import("react/jsx-runtime").JSX.Element;
+import { Position } from '@xyflow/react';
+import { ReactNode } from 'react';
+export type FlowPosition = Position | "none";
+export type FlowTileProps = {
+    children?: ReactNode;
+    selected?: boolean;
+    className?: string;
+    targetPosition?: FlowPosition;
+    sourcePosition?: FlowPosition;
+};
+export declare const FlowTile: ({ children, selected, className, targetPosition, sourcePosition, }: FlowTileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
 export * from './FlowTile';
-export * from './types';

package/dist/components/keyValueList/KeyValueList.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type KeyValueListProps = {
+    items: Record<string, ReactNode>;
+    columns?: 1 | 2 | 3 | 4;
+    className?: string;
+    keyClassName?: string;
+    valueClassName?: string;
+};
+export declare function KeyValueList({ items, columns, className, keyClassName, valueClassName, }: KeyValueListProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/hooks/index.d.ts

@@ -1,2 +1 @@
 export { useDropdownPosition } from './useDropdownPosition';
-export { useViewportCollision } from './useViewportCollision';