@arbor-education/design-system.components 0.11.1 → 0.12.0

package/src/components/table/Table.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, expectTypeOf, test, vi } from 'vitest';
 import { render, screen, waitFor } from '@testing-library/react';
-import { Table, TABLE_SPACING } from './Table';
+import { Table } from './Table';
 import '@testing-library/jest-dom/vitest';
 import { BulkActionsDropdown } from 'Components/table/tableControls/BulkActionsDropdown';
 import { HideColumnsDropdown } from 'Components/table/tableControls/HideColumnsDropdown';
@@ -817,7 +817,7 @@ describe('Table', () => {
         expect((largeRadio as HTMLInputElement).checked).toBe(true);
       });
       expect(onTableSettingsChanged).toHaveBeenCalledExactlyOnceWith(expect.objectContaining({
-        tableSpacing: TABLE_SPACING.L,
+        tableSpacing: Table.Spacing.L,
       }));
 
       const columnBordersCheckbox = screen.getByLabelText('Column borders');
@@ -896,7 +896,7 @@ describe('Table', () => {
       await userEvent.click(largeRadio);
 
       await waitFor(() => {
-        expect(onTableSpacingChanged).toHaveBeenCalledExactlyOnceWith(TABLE_SPACING.L);
+        expect(onTableSpacingChanged).toHaveBeenCalledExactlyOnceWith(Table.Spacing.L);
       });
 
       const xsmallRadio = screen.getByLabelText('X-Small');
@@ -904,7 +904,7 @@ describe('Table', () => {
 
       await waitFor(() => {
         expect(onTableSpacingChanged).toHaveBeenCalledTimes(2);
-        expect(onTableSpacingChanged).toHaveBeenNthCalledWith(2, TABLE_SPACING.XS);
+        expect(onTableSpacingChanged).toHaveBeenNthCalledWith(2, Table.Spacing.XS);
       });
     });
 
@@ -924,14 +924,14 @@ describe('Table', () => {
       await userEvent.click(largeRadio);
 
       await waitFor(() => {
-        expect(onTableSpacingChanged).toHaveBeenCalledWith(TABLE_SPACING.L);
+        expect(onTableSpacingChanged).toHaveBeenCalledWith(Table.Spacing.L);
       });
 
       const resetButton = screen.getByRole('button', { name: /Reset Table Settings/i });
       await userEvent.click(resetButton);
 
       await waitFor(() => {
-        expect(onTableSpacingChanged).toHaveBeenCalledWith(TABLE_SPACING.M);
+        expect(onTableSpacingChanged).toHaveBeenCalledWith(Table.Spacing.M);
       });
     });
 

package/src/components/table/Table.tsx

@@ -24,7 +24,8 @@ import { focusFirstFocusableElement } from 'Utils/focusFirstFocusableElement';
 import { BooleanFilter } from './columnFilters/BooleanFilter/BooleanFilter';
 import { TimeFilter } from './columnFilters/TimeFilter/TimeFilter';
 import { TableSettingsDropdown } from './tableControls/TableSettingsDropdown';
-import { TableControls } from './tableControls/TableControls';
+import { TableControls, type TableControlsProps, type BulkAction as BulkActionType } from './tableControls/TableControls';
+import type { HideColumnsDropdownProps } from './tableControls/HideColumnsDropdown';
 import { TABLE_SPACING } from './tableConsts';
 import { TableSettingsContext } from './TableSettingsContext';
 import { BooleanCellRenderer } from './cellRenderers/BooleanCellRenderer';
@@ -48,7 +49,6 @@ setAgGridLicenseKey();
 
 ModuleRegistry.registerModules([AllEnterpriseModule]);
 
-export { TABLE_SPACING } from './tableConsts';
 export { TableSettingsContext } from './TableSettingsContext';
 
 export const Table = (props: TableProps) => {
@@ -211,3 +211,14 @@ Table.ButtonCellRenderer = ButtonCellRenderer;
 Table.DefaultValueFormatter = defaultValueFormatter;
 Table.TableSettingsDropdown = TableSettingsDropdown;
 Table.TableControls = TableControls;
+
+Table.Spacing = TABLE_SPACING;
+
+export namespace Table {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  export type Props<TData = any> = TableProps<TData>;
+  export type ControlsProps = TableControlsProps;
+  export type BulkAction = BulkActionType;
+  export type HideColumnsProps = HideColumnsDropdownProps;
+  export type Spacing = TABLE_SPACING;
+}

package/src/components/tag/Tag.tsx

@@ -56,3 +56,8 @@ export const Tag = ({
     </span>
   );
 };
+
+export namespace Tag {
+  export type Color = TagColor;
+  export type Props = TagProps;
+}

package/src/components/toast/Toast.tsx

@@ -33,3 +33,9 @@ export const Toast = (props: ToastProps) => {
 
 Toast.Provider = RadixToast.Provider;
 Toast.Viewport = ToastViewport;
+
+export namespace Toast {
+  export type Props = ToastProps;
+  export type ViewportProps = RadixToast.ToastViewportProps;
+  export type ProviderProps = RadixToast.ToastProviderProps;
+}

package/src/components/tooltip/Tooltip.tsx

@@ -1,5 +1,5 @@
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
-import { TooltipContent } from './TooltipContent';
+import { TooltipContent, type TooltipContentProps } from './TooltipContent';
 import { TooltipTrigger } from './TooltipTrigger';
 
 export const Tooltip = (props: TooltipPrimitive.TooltipProps) => {
@@ -16,3 +16,9 @@ export const Tooltip = (props: TooltipPrimitive.TooltipProps) => {
 
 Tooltip.Content = TooltipContent;
 Tooltip.Trigger = TooltipTrigger;
+
+export namespace Tooltip {
+  export type Props = TooltipPrimitive.TooltipProps;
+  export type ContentProps = TooltipContentProps;
+  export type TriggerProps = TooltipPrimitive.TooltipTriggerProps;
+}

package/src/components/tooltip/TooltipWrapper.tsx

@@ -30,3 +30,7 @@ export const TooltipWrapper = (props: TooltipWrapperProps) => {
     </Tooltip>
   );
 };
+
+export namespace TooltipWrapper {
+  export type Props = TooltipWrapperProps;
+}

package/src/components/userDropdown/UserDropdown.tsx

@@ -108,3 +108,11 @@ export const UserDropdown = (props: UserDropdownProps) => {
     </Dropdown>
   );
 };
+
+export namespace UserDropdown {
+  export type User = UserDropdownUser;
+  export type App = UserDropdownApp;
+  export type Section = UserDropdownSection;
+  export type UserInfoAction = UserDropdownUserInfoAction;
+  export type Props = UserDropdownProps;
+}

package/src/index.ts

@@ -1,69 +1,54 @@
 export { Avatar } from 'Components/avatar/Avatar';
-export {
-  AvatarGroup,
-  type AvatarGroupItem,
-  type AvatarGroupListOrder,
-  type AvatarGroupOverflowCountProps,
-  type AvatarGroupProps,
-} from 'Components/avatarGroup/AvatarGroup';
-export { Banner, BANNER_LEVEL, type BannerProps } from 'Components/banner/Banner';
+export { AvatarGroup } from 'Components/avatarGroup/AvatarGroup';
+export { Badge } from 'Components/badge/Badge';
+export { Banner } from 'Components/banner/Banner';
 export { Button } from 'Components/button/Button';
 export { Card } from 'Components/card/Card';
+export { Combobox } from 'Components/combobox/Combobox';
 export { DatePicker } from 'Components/datePicker/DatePicker';
 export { DateTimePicker } from 'Components/dateTimePicker/DateTimePicker';
-export type { DateTimePickerDisplayFormat, DateTimePickerProps } from 'Components/dateTimePicker/DateTimePicker';
-export { Dropdown } from 'Components/dropdown/Dropdown';
-export { Tag } from 'Components/tag/Tag';
-export type { TagProps, TagColor } from 'Components/tag/Tag';
 export { Dot } from 'Components/dot/Dot';
-export type { DotColour } from 'Components/dot/Dot';
-export { Badge } from 'Components/badge/Badge';
-export type { BadgeColour, BadgeProps, BadgeSize } from 'Components/badge/Badge';
-export { Tabs } from 'Components/tabs/Tabs';
-export { NumberInput } from 'Components/formField/inputs/number/NumberInput';
-export { CheckboxInput } from 'Components/formField/inputs/checkbox/CheckboxInput';
+export { Dropdown } from 'Components/dropdown/Dropdown';
 export { EditableText } from 'Components/editableText/EditableText';
-export { Fieldset } from 'Components/formField/fieldset/Fieldset';
+export { CheckboxGroup } from 'Components/formField/inputs/checkbox/CheckboxGroup';
+export { CheckboxInput } from 'Components/formField/inputs/checkbox/CheckboxInput';
 export { ColourPickerDropdown } from 'Components/formField/inputs/colourPickerDropdown/ColourPickerDropdown';
+export { NumberInput } from 'Components/formField/inputs/number/NumberInput';
+export { RadioButtonGroup } from 'Components/formField/inputs/radio/RadioButtonGroup';
 export { RadioButtonInput } from 'Components/formField/inputs/radio/RadioButtonInput';
 export { SelectDropdown } from 'Components/formField/inputs/selectDropdown/SelectDropdown';
 export { TextInput } from 'Components/formField/inputs/text/TextInput';
 export { TimeInput } from 'Components/formField/inputs/time/TimeInput';
-export type { TimeGranularity, TimeInputProps, TimeValue } from 'Components/formField/inputs/time/TimeInput';
 export { TextArea } from 'Components/formField/inputs/textArea/TextArea';
+export { Fieldset } from 'Components/formField/fieldset/Fieldset';
+export { FormField } from 'Components/formField/FormField';
 export { Heading } from 'Components/heading/Heading';
 export { Icon } from 'Components/icon/Icon';
 export { Modal } from 'Components/modal/Modal';
 export { ModalManager } from 'Components/modal/modalManager/ModalManager';
 export { Pill } from 'Components/pill/Pill';
 export { Progress } from 'Components/progress/Progress';
+export { Row } from 'Components/row/Row';
 export { SearchBar } from 'Components/searchBar/SearchBar';
 export { Section } from 'Components/section/Section';
 export { Separator } from 'Components/separator/Separator';
-export { SingleUser, type SingleUserProps } from 'Components/singleUser/SingleUser';
-export { Slideover, type SlideoverProps } from 'Components/slideover/Slideover';
+export { SingleUser } from 'Components/singleUser/SingleUser';
+export { Slideover } from 'Components/slideover/Slideover';
 export { SlideoverManager } from 'Components/slideoverManager/SlideoverManager';
-export { DefaultCellRenderer } from 'Components/table/cellRenderers/DefaultCellRenderer';
 export { BooleanCellRenderer } from 'Components/table/cellRenderers/BooleanCellRenderer';
+export { DefaultCellRenderer } from 'Components/table/cellRenderers/DefaultCellRenderer';
 export { DSDefaultColDef } from 'Components/table/DSDefaultColDef';
 export { GridApiContext } from 'Components/table/GridApiContext';
 export { Table } from 'Components/table/Table';
+export { Tabs } from 'Components/tabs/Tabs';
+export { Tag } from 'Components/tag/Tag';
 export { Toast } from 'Components/toast/Toast';
+export { Toggle } from 'Components/toggle/Toggle';
 export { Tooltip } from 'Components/tooltip/Tooltip';
 export { TooltipWrapper } from 'Components/tooltip/TooltipWrapper';
 export { ArborLogo, GovhubLogo, KeyLogo, RobinLogo, SampeopleLogo, TimetablerLogo } from 'Components/userDropdown/assets/logos';
 export { UserDropdown } from 'Components/userDropdown/UserDropdown';
-export type { UserDropdownUserInfoAction } from 'Components/userDropdown/UserDropdown';
-export { Row, type RowProps } from 'Components/row/Row';
-export { Combobox } from 'Components/combobox/Combobox';
-export type {
-  ComboboxAriaInvalid,
-  ComboboxCreateResult,
-  ComboboxOption,
-  ComboboxProps,
-  ComboboxSearchFn,
-  ComboboxSearchType,
-} from 'Components/combobox/types';
-export { Toggle } from 'Components/toggle/Toggle';
+export { ModalUtils } from 'Utils/ModalUtils';
+export { PopupParentContext } from 'Utils/PopupParentContext';
 export { SlideoverUtils } from 'Utils/SlideoverUtils';
 export { CheckboxCellRenderer } from 'Components/table/cellRenderers/CheckboxCellRenderer';