uikit-react-public 0.11.20 → 0.14.21

package/dist/components/Menu/MenuItem.d.ts

@@ -3,6 +3,8 @@ export declare const NAME = "ucl-uikit-menu__item";
 export interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
     testId?: string;
     icon?: React.ReactNode;
+    secondary?: boolean;
+    externalLink?: boolean;
 }
 declare const _default: React.NamedExoticComponent<MenuItemProps>;
 export default _default;

package/dist/components/Menu/MenuSection.d.ts

@@ -1,6 +1,6 @@
 import { default as React, HTMLAttributes } from 'react';
 export declare const NAME = "ucl-uikit-menu__section";
-export interface MenuSectionProps extends HTMLAttributes<HTMLElement> {
+export interface MenuSectionProps extends HTMLAttributes<HTMLLIElement> {
     testId?: string;
 }
 declare const MenuSection: React.FC<MenuSectionProps>;

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { InputProps, IconButtonProps } from '../..';
+import { MarginProps } from '../common/marginsStyle';
+export interface SearchBaseProps extends HTMLAttributes<HTMLDivElement> {
+    onSearch?: (searchTerms: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    inputProps?: InputProps;
+    clearButtonProps?: IconButtonProps;
+    submitButtonProps?: IconButtonProps;
+    testId?: string;
+}
+export type SearchProps = SearchBaseProps & MarginProps;
+export declare const NAME = "ucl-uikit-search";
+declare const Search: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export default Search;

package/dist/components/Search/Search.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: import('./Search').SearchProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        placeholder: {
+            control: {
+                type: "text";
+            };
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        onSearch: {
+            action: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const WithPlaceholder: Story;

package/dist/components/Search/__tests__/Search.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './Search';
+export type { SearchProps } from './Search';

package/dist/components/Select/Select.d.ts

@@ -1,3 +1,3 @@
 import { SelectProps } from './Select.types';
-declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/components/Select/Select.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (props: import('./Select.types').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends string | number = string>(props: import('./Select.types').SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         value: {
             control: {
@@ -28,12 +28,9 @@ declare const meta: {
                 type: "text";
             };
         };
-        width: {
+        lineBreak: {
             control: {
-                type: "range";
-                min: number;
-                max: number;
-                step: number;
+                type: "boolean";
             };
         };
     };
@@ -50,7 +47,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Native: Story;
-export declare const OptionsWithIcons: Story;
 export declare const Disabled: Story;
 export declare const WithPlaceholder: Story;
 export declare const SingleLongOption: Story;

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

@@ -3,7 +3,7 @@
  * Maps to a native <option> element in <NativeSelect>
  * or a <CustomOption> in <CustomSelect>
  */
-export type OptionData = {
+export type OptionData<T> = {
     /**
      * Display text shown to the user
      */
@@ -12,22 +12,24 @@ export type OptionData = {
      * Data-friendly value that is returned when the option is selected
      * We assume this will be submitted to a server or used in some other way
      */
-    value: string;
+    value: T;
     /**
-     * Optional icon to be displayed to the left of the option text.
-     * Only used by <CustomOption>
-     * Takes in an actual <Icon> component
+     * Apply additional props to a select option component.
      */
+    optionProps?: Record<string, unknown>;
+    /**
+     Deprecated
+    */
     icon?: React.ReactNode;
 };
 /**
  * Top level props that <Select> accepts when implemented
  */
-interface BaseSelectProps {
+interface BaseSelectProps<T = string> {
     /**
      * An array of option data, to be rendered either natively or custom
      */
-    options: OptionData[];
+    options: OptionData<T>[];
     /**
      * Placeholder text shown when no option is selected
      * Displayed in visible field of custom implementation
@@ -53,11 +55,13 @@ interface BaseSelectProps {
  * Internal props for the custom implementation, with <div> as root element
  * onChange already exists on <div>. We override it.
  */
-export type CustomSelectProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & BaseSelectProps & {
+export type CustomSelectProps<T> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & BaseSelectProps<T> & {
     native?: false;
-    value?: string | number;
+    value?: T;
     disabled?: boolean;
-    onValueChange?: (value: string, ev: React.UIEvent) => void;
+    lineBreak?: boolean;
+    panelClassName?: string;
+    onValueChange?: (value: T, ev: React.UIEvent) => void;
     ref?: React.RefObject<HTMLDivElement | null>;
 };
 /**
@@ -68,15 +72,16 @@ export type NativeSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> &
     native: true;
     ref?: React.RefObject<HTMLSelectElement | null>;
 };
-export type SelectProps = NativeSelectProps | CustomSelectProps;
+export type SelectProps<T> = NativeSelectProps | CustomSelectProps<T>;
 /**
  * Each option as displayed in the Panel of <CustomSelect>
  * Roughly equivalent to a custom version of <option>
  */
-export interface CustomOptionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    value: string;
+export interface CustomOptionProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    value: T;
     testId?: string;
     isSelected?: boolean;
-    onSelect: (event: React.MouseEvent, value: string) => void;
+    onSelect: (event: React.MouseEvent, value: T) => void;
+    lineBreak?: boolean;
 }
 export {};

package/dist/components/Select/subcomponents/CustomOption.d.ts

@@ -1,3 +1,3 @@
 import { CustomOptionProps } from '../Select.types';
-declare const CustomOption: ({ value, isSelected, onSelect, testId, className, children, ...props }: CustomOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomOption: <T extends string | number>({ value, isSelected, onSelect, lineBreak, testId, className, children, ...props }: CustomOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomOption;

package/dist/components/Select/subcomponents/CustomSelect.d.ts

@@ -1,4 +1,3 @@
 import { CustomSelectProps } from '../Select.types';
-export declare const DEFAULT_WIDTH_PX = 200;
-declare const CustomSelect: ({ value, options, onValueChange, disabled, placeholder, width, testId, className, ref, ...props }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: <T extends string | number>({ value, options, onValueChange, disabled, placeholder, lineBreak, width, testId, className, panelClassName, ref, ...props }: CustomSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomSelect;

package/dist/components/Select/subcomponents/Panel.d.ts

@@ -1,3 +1,3 @@
 type PanelProps = React.ComponentPropsWithoutRef<'div'>;
-declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ className, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;

package/dist/components/Select/subcomponents/VisibleField.d.ts

@@ -1,9 +1,9 @@
 import { OptionData } from '../Select.types';
-interface VisibleFieldProps {
+interface VisibleFieldProps<T> {
     isOpen?: boolean;
     disabled?: boolean;
-    selectedOption: OptionData | null | undefined;
+    selectedOption: OptionData<T> | null | undefined;
     placeholder?: string;
 }
-declare const Field: ({ selectedOption, isOpen, placeholder, disabled, }: VisibleFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default Field;
+declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, }: VisibleFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default VisibleField;

package/dist/components/StandaloneLink/StandaloneLink.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { IconProps } from '../Icon';
+import { BaseLinkProps } from '../Link/BaseLink';
+import { MarginProps } from '../common/marginsStyle';
+export interface StandaloneLinkBaseProps extends BaseLinkProps {
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    icon?: ReactElement<IconProps>;
+    iconPosition?: 'left' | 'right';
+}
+export type StandaloneLinkProps = StandaloneLinkBaseProps & MarginProps;
+declare const StandaloneLink: import('react').ForwardRefExoticComponent<StandaloneLinkBaseProps & MarginProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default StandaloneLink;

package/dist/components/StandaloneLink/StandaloneLink.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./StandaloneLink').StandaloneLinkBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    args: {
+        children: string;
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NewTab: Story;

package/dist/components/StandaloneLink/__tests__/StandaloneLink.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './StandaloneLink';
+export type { StandaloneLinkProps } from './StandaloneLink';

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

@@ -1,8 +1,10 @@
-import { TableHTMLAttributes } from 'react';
-export declare const NAME = "ucl-uikit-table";
-export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
-    testId?: string;
-}
-export type Ref = HTMLTableElement;
-declare const _default: import('react').NamedExoticComponent<TableProps & import('react').RefAttributes<HTMLTableElement>>;
-export default _default;
+import { TableProps } from './Table.types';
+declare const Table: {
+    ({ testId, className, children, ref, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+    Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+    HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Table;

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ testId, className, children, ref, ...props }: import('./Table.types').TableProps): import("react/jsx-runtime").JSX.Element;
+        Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+        HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+        Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
+        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const CellVariants: Story;
+export declare const WithHeaderCellCheckbox: Story;

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

@@ -0,0 +1,11 @@
+export type ColumnVariant = 'default' | 'numeric' | 'checkbox' | 'button';
+export type SortOrder = 'asc' | 'desc' | null;
+export type SortPattern = {
+    accessor: string | null;
+    order: SortOrder;
+};
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    testId?: string;
+    className?: string;
+    ref?: React.Ref<HTMLTableElement>;
+}

package/dist/components/Table/__tests__/Table.test.d.ts

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

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

@@ -1,2 +1,3 @@
 export { default } from './Table';
-export type { TableProps } from './Table';
+export type { TableProps, ColumnVariant } from './Table.types';
+export type { TableHeadProps, TableHeadCellProps, TableBodyProps, TableRowProps, TableCellProps, } from './subcomponents';

package/dist/components/Table/subcomponents/Body.d.ts

@@ -0,0 +1,4 @@
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const Body: ({ className, children, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default Body;

package/dist/components/Table/subcomponents/Cell/Cell.d.ts

@@ -0,0 +1,12 @@
+import { ColumnVariant } from '../../Table.types';
+export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    variant?: ColumnVariant;
+    icon?: React.ReactNode;
+    checked?: boolean;
+    onCheck?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onButtonClick?: (event: React.UIEvent) => void;
+    className?: string;
+    testId?: string;
+}
+declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export default Cell;