@apify/ui-library 1.140.1 → 1.141.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.140.1",
+    "version": "1.141.0",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -32,6 +32,7 @@
         "@floating-ui/react-dom": "^2.1.8",
         "@radix-ui/react-checkbox": "^1.3.3",
         "@radix-ui/react-collapsible": "^1.1.12",
+        "@radix-ui/react-radio-group": "^1.3.8",
         "@radix-ui/react-switch": "^1.2.6",
         "@react-hook/resize-observer": "^2.0.2",
         "clsx": "^2.0.0",
@@ -58,7 +59,7 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.355.1",
+        "@apify-packages/types": "^3.356.0",
         "@storybook/react-vite": "^10.3.5",
         "@types/hast": "^3.0.4",
         "@types/lodash": "^4.14.200",
@@ -72,5 +73,5 @@
         "src",
         "style"
     ],
-    "gitHead": "187870e1719443884954a0a7dd1564fd890dd7d4"
+    "gitHead": "0d1fdfbe1cf60fe2c2eff457d75e8bc6fd8843c0"
 }

package/src/components/floating/menu.tsx

@@ -37,12 +37,16 @@ export interface MenuOption {
 export interface MenuProps<T = MenuOption> {
     ariaLabel?: string;
     options: T[];
-    value?: string;
+    value?: string | string[];
     onSelect: (newValue: string, selectedBy: SelectActionType) => void;
     onMenuOpen?: (isOpen: boolean) => void;
+    /**
+     * Overrides default label, which is selected value || defaultLabel
+     */
+    label?: string;
     defaultLabel?: React.ReactNode;
     closeOnSelect?: boolean;
-    renderOption?: (option: T) => React.ReactNode;
+    renderOption?: (option: T, isSelected: boolean) => React.ReactNode;
     placement?: Placement;
     components?: {
         MenuBase?: React.ElementType;
@@ -51,7 +55,7 @@ export interface MenuProps<T = MenuOption> {
     };
 }
 
-const defaultRenderOption = ({ label }: MenuOption) => <Text as="span">{label}</Text>;
+const defaultRenderOption = ({ label }: MenuOption, _isSelected: boolean) => <Text as="span">{label}</Text>;
 
 /**
  * This example is a Select taken from https://floating-ui.com/docs/react-examples
@@ -64,6 +68,7 @@ export const Menu = <T extends MenuOption>({
     onSelect,
     onMenuOpen,
     closeOnSelect = true,
+    label,
     defaultLabel,
     components,
     renderOption,
@@ -88,10 +93,16 @@ export const Menu = <T extends MenuOption>({
     });
 
     const selectedIndex = useMemo(() => {
+        if (Array.isArray(value)) return null;
         const foundIndex = options.findIndex((option) => option.value === value);
         return foundIndex < 0 ? null : foundIndex;
     }, [options, value]);
 
+    const selectedValuesSet = useMemo(() => new Set(Array.isArray(value) ? value : []), [value]);
+
+    const isItemSelected = (index: number): boolean =>
+        Array.isArray(value) ? selectedValuesSet.has(options[index].value) : index === selectedIndex;
+
     const [activeIndex, setActiveIndex] = useState<number | null>(null);
     const handleSelect = (newIndex: number, selectedBy: SelectActionType) => {
         onSelect(options[newIndex].value, selectedBy);
@@ -147,7 +158,7 @@ export const Menu = <T extends MenuOption>({
                 className={menuClassNames.BASE}
                 tabindex="0"
             >
-                {selectedIndex !== null ? options[selectedIndex].label : defaultLabel}
+                {label ?? (selectedIndex !== null ? options[selectedIndex].label : defaultLabel)}
             </MenuBaseComponent>
             {isOpen && (
                 <FloatingPortal>
@@ -158,36 +169,39 @@ export const Menu = <T extends MenuOption>({
                             {...getFloatingProps()}
                             className={menuClassNames.LIST}
                         >
-                            {options.map((option, i) => (
-                                <MenuItemComponent
-                                    key={option.value}
-                                    $isSelected={i === selectedIndex}
-                                    $isActive={i === activeIndex}
-                                    ref={(node: HTMLElement | null) => {
-                                        listRef.current[i] = node;
-                                    }}
-                                    role="option"
-                                    tabIndex={i === activeIndex ? 0 : -1}
-                                    className={menuClassNames.ITEM}
-                                    aria-selected={i === selectedIndex && i === activeIndex}
-                                    {...getItemProps({
-                                        onClick: () => handleSelect(i, 'click'), // Handles mouse click
-                                        onKeyDown: (event) => {
-                                            if (event.key === 'Enter') {
-                                                event.preventDefault();
-                                                handleSelect(i, 'enter'); // Handles enter press
-                                            }
-
-                                            if (event.key === ' ' && !isTypingRef.current) {
-                                                event.preventDefault();
-                                                handleSelect(i, 'space');
-                                            }
-                                        },
-                                    })}
-                                >
-                                    {effectiveRenderOption(option)}
-                                </MenuItemComponent>
-                            ))}
+                            {options.map((option, i) => {
+                                const isSelected = isItemSelected(i);
+                                return (
+                                    <MenuItemComponent
+                                        key={option.value}
+                                        $isSelected={isSelected}
+                                        $isActive={i === activeIndex}
+                                        ref={(node: HTMLElement | null) => {
+                                            listRef.current[i] = node;
+                                        }}
+                                        role="option"
+                                        tabIndex={i === activeIndex ? 0 : -1}
+                                        className={menuClassNames.ITEM}
+                                        aria-selected={isSelected && i === activeIndex}
+                                        {...getItemProps({
+                                            onClick: () => handleSelect(i, 'click'), // Handles mouse click
+                                            onKeyDown: (event) => {
+                                                if (event.key === 'Enter') {
+                                                    event.preventDefault();
+                                                    handleSelect(i, 'enter'); // Handles enter press
+                                                }
+
+                                                if (event.key === ' ' && !isTypingRef.current) {
+                                                    event.preventDefault();
+                                                    handleSelect(i, 'space');
+                                                }
+                                            },
+                                        })}
+                                    >
+                                        {effectiveRenderOption(option, isSelected)}
+                                    </MenuItemComponent>
+                                );
+                            })}
                         </MenuComponent>
                     </FloatingFocusManager>
                 </FloatingPortal>

package/src/components/floating/menu_components.tsx

@@ -1,10 +1,12 @@
 import { type ReferenceType, type UseFloatingReturn } from '@floating-ui/react';
+import type React from 'react';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 
-import { ChevronDownIcon } from '@apify/ui-icons';
+import { ChevronDownIcon, CrossIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
+import { Badge } from '../badge.js';
 import type { BoxProps } from '../box.js';
 import { Box } from '../box.js';
 
@@ -97,3 +99,51 @@ export const DropdownMenuBaseComponent = forwardRef<HTMLElement, DropdownMenuBas
         );
     },
 );
+
+const VerticalDivider = styled.div`
+    width: 1px;
+    align-self: stretch;
+    background: ${theme.color.neutral.separatorSubtle};
+`;
+
+type DropdownMenuBaseComponentWithCountProps = {
+    children: React.ReactNode;
+    onClear?: () => void;
+    selectedCount?: number;
+} & BoxProps;
+
+/**
+ * Menu base component WITH dropdown icon and a selected-count badge.
+ * Use this variant when the menu supports multi-select and you want to
+ * display how many items are selected.
+ */
+export const DropdownMenuBaseComponentWithCount = forwardRef<HTMLElement, DropdownMenuBaseComponentWithCountProps>(
+    ({ children, onClear, selectedCount, ...props }, ref) => {
+        const showCount = onClear && selectedCount !== undefined;
+
+        return (
+            <PlainMenuBaseComponent {...props} ref={ref}>
+                {children}
+                {showCount && (
+                    <Badge variant="primary_black" size="extra_small">
+                        {selectedCount}
+                    </Badge>
+                )}
+                {showCount && <VerticalDivider />}
+                {onClear ? (
+                    <CrossIcon
+                        size="16"
+                        color={theme.color.neutral.icon}
+                        onMouseDown={(e: React.MouseEvent) => e.stopPropagation()}
+                        onClick={(e: React.MouseEvent) => {
+                            e.stopPropagation();
+                            onClear();
+                        }}
+                    />
+                ) : (
+                    <ChevronDownIcon size="16" color={theme.color.neutral.icon} />
+                )}
+            </PlainMenuBaseComponent>
+        );
+    },
+);

package/src/components/index.ts

@@ -27,6 +27,7 @@ export * from './icon_button.js';
 export * from './spinner.js';
 export * from './store/index.js';
 export * from './checkbox/index.js';
+export * from './radio_button/index.js';
 export * from './browser_window/index.js';
 export * from './collapsible_card/index.js';
 export * from './select/index.js';

package/src/components/radio_button/index.ts

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

package/src/components/radio_button/radio_button.stories.tsx

@@ -0,0 +1,57 @@
+import { type ComponentProps, useState } from 'react';
+import styled from 'styled-components';
+
+import { RadioButtonPrimitive } from './radio_button.js';
+
+export default {
+    title: 'UI-Library/Inputs/RadioButtonPrimitive',
+};
+
+const Grid = styled.div`
+    margin: 5rem 3rem;
+    display: grid;
+    grid-template-columns: repeat(1, auto);
+    gap: 1.4rem;
+`;
+
+const Row = styled.div`
+    display: flex;
+    align-items: center;
+    gap: 0.8rem;
+`;
+
+type ControlledRadioButtonProps = { initialValue?: boolean } & Omit<
+    ComponentProps<typeof RadioButtonPrimitive>,
+    'value' | 'setValue'
+>;
+
+const ControlledRadioButton = ({ initialValue = false, ...props }: ControlledRadioButtonProps) => {
+    const [value, setValue] = useState(initialValue);
+    return <RadioButtonPrimitive value={value} setValue={setValue} {...props} />;
+};
+
+export const States = () => (
+    <Grid>
+        <Row>
+            <ControlledRadioButton /> Unchecked
+        </Row>
+        <Row>
+            <ControlledRadioButton initialValue /> Checked
+        </Row>
+        <Row>
+            <ControlledRadioButton disabled /> Disabled
+        </Row>
+        <Row>
+            <ControlledRadioButton initialValue disabled /> Checked & disabled
+        </Row>
+        <Row>
+            <ControlledRadioButton readOnly initialValue /> Checked & readonly
+        </Row>
+        <Row>
+            <ControlledRadioButton error="Some error" /> Error
+        </Row>
+        <Row>
+            <ControlledRadioButton initialValue error="Some error" /> Checked + error
+        </Row>
+    </Grid>
+);

package/src/components/radio_button/radio_button.style.ts

@@ -0,0 +1,48 @@
+import { css } from 'styled-components';
+
+import { theme } from '../../design_system/theme.js';
+
+export const radioButtonStyle = css`
+    all: unset;
+    box-sizing: border-box;
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: 50%;
+    background-color: ${theme.color.neutral.background};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    flex-shrink: 0;
+
+    &:hover,
+    &:focus {
+        border-color: ${theme.color.primary.action};
+        cursor: pointer;
+    }
+
+    &.disabled {
+        background-color: ${theme.color.neutral.textDisabled};
+        border-color: ${theme.color.neutral.border};
+        cursor: not-allowed;
+    }
+
+    &.error {
+        border-color: ${theme.color.danger.action};
+    }
+
+    &[data-state='checked'] {
+        border-color: ${theme.color.primary.action};
+        border-width: 4px;
+
+        &.error {
+            border-color: ${theme.color.danger.action};
+        }
+
+        &.disabled {
+            border-color: ${theme.color.neutral.border};
+            background-color: ${theme.color.neutral.textDisabled};
+        }
+    }
+`;

package/src/components/radio_button/radio_button.tsx

@@ -0,0 +1,43 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import clsx from 'clsx';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+import styled from 'styled-components';
+
+import { radioButtonStyle } from './radio_button.style.js';
+
+const RADIO_VALUE = 'checked';
+
+const StyledRoot = styled(RadioGroupPrimitive.Root)`
+    display: contents;
+`;
+
+const StyledRadioItem = styled(RadioGroupPrimitive.Item)`
+    ${radioButtonStyle}
+`;
+
+type RadioButtonBaseProps = Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, 'value'> & {
+    setValue: () => void;
+    error?: string;
+    readOnly?: boolean;
+};
+
+export type RadioButtonPrimitiveProps = RadioButtonBaseProps & { value: boolean };
+
+export const RadioButtonPrimitive: FC<RadioButtonPrimitiveProps> = ({
+    value,
+    setValue,
+    error,
+    disabled,
+    readOnly,
+    className,
+    ...rest
+}) => (
+    <StyledRoot value={value ? RADIO_VALUE : ''} onValueChange={() => setValue()}>
+        <StyledRadioItem
+            value={RADIO_VALUE}
+            disabled={disabled || readOnly}
+            className={clsx(className, error && 'error', (disabled || readOnly) && 'disabled')}
+            {...rest}
+        />
+    </StyledRoot>
+);

package/src/components/table/index.ts

@@ -12,5 +12,5 @@ export { TableEmptyRow } from './table_empty_row.js';
 export { TableLoadingRow } from './table_loading_row.js';
 export { TableErrorRow } from './table_error_row.js';
 export { tableClassNames } from './table.styled.js';
-export { tableTestIds } from './table_test_ids.js';
-export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './types.js';
+export { tableTestIds } from './table.test_ids.js';
+export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types.js';

package/src/components/table/table.stories.tsx

@@ -2,18 +2,21 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, within } from 'storybook/test';
 
 import { Text } from '../text/index.js';
-import { Table } from './table.js';
-import { TableBody } from './table_body.js';
-import { TableCell, TableCellLink } from './table_cell.js';
-import { TableEmptyRow } from './table_empty_row.js';
-import { TableErrorRow } from './table_error_row.js';
-import { TableHead } from './table_head.js';
-import { TableHeadCell } from './table_head_cell.js';
-import { TableHeadRow } from './table_head_row.js';
-import { TableLoadingRow } from './table_loading_row.js';
-import { TableRow } from './table_row.js';
-import { tableTestIds } from './table_test_ids.js';
-import { HorizontallyScrollableTableWrapper } from './table_wrapper.js';
+import {
+    HorizontallyScrollableTableWrapper,
+    Table,
+    TableBody,
+    TableCell,
+    TableCellLink,
+    TableEmptyRow,
+    TableErrorRow,
+    TableHead,
+    TableHeadCell,
+    TableHeadRow,
+    TableLoadingRow,
+    TableRow,
+    tableTestIds,
+} from './';
 
 // ---------------------------------------------------------------------------
 // Mock data

package/src/components/table/table.test_ids.ts

@@ -0,0 +1,15 @@
+export const tableTestIds = {
+    TABLE: 'table',
+    HEAD: 'table-head',
+    HEAD_ROW: 'table-head-row',
+    HEAD_CELL: 'table-head-cell',
+    BODY: 'table-body',
+    ROW: 'table-row',
+    CELL: 'table-cell',
+    FOOT: 'table-foot',
+    WRAPPER: 'table-wrapper',
+    EMPTY_ROW: 'table-empty-row',
+    LOADING_ROW: 'table-loading-row',
+    ERROR_ROW: 'table-error-row',
+    EXPANSION_ROW: 'table-expansion-row',
+};

package/src/components/table/table.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
 import { StyledTable, tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const Table: FC<HTMLAttributes<HTMLTableElement>> = ({ className, ...rest }) => (
     <StyledTable data-test={tableTestIds.TABLE} className={clsx(tableClassNames.TABLE, className)} {...rest} />

package/src/components/table/table_body.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <tbody data-test={tableTestIds.BODY} className={clsx(tableClassNames.BODY, className)} {...rest} />

package/src/components/table/table_cell.tsx

@@ -5,7 +5,7 @@ import { useContext } from 'react';
 import { Link, type LinkProps } from '../link.js';
 import { TableRowLinkContext } from './table.context.js';
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>> = ({ className, children, ...rest }) => {
     const rowLink = useContext(TableRowLinkContext);

package/src/components/table/table_empty_row.tsx

@@ -1,7 +1,7 @@
 import type { FC, ReactNode } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableEmptyRow: FC<{ colSpan: number; children: ReactNode }> = ({ colSpan, children }) => (
     <tr data-test={tableTestIds.EMPTY_ROW} className={tableClassNames.ROW_EMPTY}>

package/src/components/table/table_error_row.tsx

@@ -2,7 +2,7 @@ import type { FC, ReactNode } from 'react';
 
 import { Text } from '../text/index.js';
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableErrorRow: FC<{ colSpan: number; children?: ReactNode; error?: Error | null }> = ({
     colSpan,

package/src/components/table/table_expansion_row.tsx

@@ -2,8 +2,8 @@ import clsx from 'clsx';
 import type { FC, ReactNode } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
-import type { TableExpansion } from './types.js';
+import { tableTestIds } from './table.test_ids.js';
+import type { TableExpansion } from './table.types.js';
 
 export const TableExpansionRow: FC<{
     colSpan: number;

package/src/components/table/table_foot.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableFoot: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <tfoot data-test={tableTestIds.FOOT} className={clsx(tableClassNames.FOOT, className)} {...rest} />

package/src/components/table/table_head.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableHead: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <thead data-test={tableTestIds.HEAD} className={clsx(tableClassNames.HEAD, className)} {...rest} />

package/src/components/table/table_head_cell.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, ThHTMLAttributes } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableHeadCell: FC<ThHTMLAttributes<HTMLTableCellElement>> = ({ className, ...rest }) => (
     <th data-test={tableTestIds.HEAD_CELL} className={clsx(tableClassNames.HEAD_CELL, className)} {...rest} />

package/src/components/table/table_head_row.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableHeadRow: FC<HTMLAttributes<HTMLTableRowElement>> = ({ className, ...rest }) => (
     <tr data-test={tableTestIds.HEAD_ROW} className={clsx(tableClassNames.HEAD_ROW, className)} {...rest} />

package/src/components/table/table_loading_row.tsx

@@ -2,7 +2,7 @@ import type { FC, ReactNode } from 'react';
 
 import { InlineSpinner } from '../spinner.js';
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
+import { tableTestIds } from './table.test_ids.js';
 
 export const TableLoadingRow: FC<{ colSpan: number; children?: ReactNode }> = ({ colSpan, children }) => (
     <tr data-test={tableTestIds.LOADING_ROW} className={tableClassNames.ROW_EMPTY}>

package/src/components/table/table_row.tsx

@@ -3,8 +3,8 @@ import type { FC } from 'react';
 
 import { TableRowLinkContext } from './table.context.js';
 import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
-import type { TableRowProps } from './types.js';
+import { tableTestIds } from './table.test_ids.js';
+import type { TableRowProps } from './table.types.js';
 
 export const TableRow: FC<TableRowProps> = ({ className, clickable, expanded, to, ...rest }) => {
     const row = (

package/src/components/table/table_wrapper.tsx

@@ -3,8 +3,8 @@ import { useCallback, useEffect, useRef } from 'react';
 
 import { Box } from '../box.js';
 import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table_test_ids.js';
-import type { HorizontallyScrollableTableWrapperProps } from './types.js';
+import { tableTestIds } from './table.test_ids.js';
+import type { HorizontallyScrollableTableWrapperProps } from './table.types.js';
 
 export const HorizontallyScrollableTableWrapper: FC<HorizontallyScrollableTableWrapperProps> = ({
     children,

package/dist/src/components/table/table_test_ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table_test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC"}

package/dist/src/components/table/table_test_ids.js

@@ -1,16 +0,0 @@
-export const tableTestIds = {
-    TABLE: 'Table-table',
-    HEAD: 'Table-head',
-    HEAD_ROW: 'Table-headRow',
-    HEAD_CELL: 'Table-headCell',
-    BODY: 'Table-body',
-    ROW: 'Table-row',
-    CELL: 'Table-cell',
-    FOOT: 'Table-foot',
-    WRAPPER: 'Table-wrapper',
-    EMPTY_ROW: 'Table-emptyRow',
-    LOADING_ROW: 'Table-loadingRow',
-    ERROR_ROW: 'Table-errorRow',
-    EXPANSION_ROW: 'Table-expansionRow',
-};
-//# sourceMappingURL=table_test_ids.js.map

package/dist/src/components/table/table_test_ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table_test_ids.js","sourceRoot":"","sources":["../../../../src/components/table/table_test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,SAAS,EAAE,gBAAgB;IAC3B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,aAAa,EAAE,oBAAoB;CACtC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IAC9D,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,EAAE,CAAC,EAAE,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAAG;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC"}

package/dist/src/components/table/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/src/components/table/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/table/types.ts"],"names":[],"mappings":""}

package/src/components/table/table_test_ids.ts

@@ -1,15 +0,0 @@
-export const tableTestIds = {
-    TABLE: 'Table-table',
-    HEAD: 'Table-head',
-    HEAD_ROW: 'Table-headRow',
-    HEAD_CELL: 'Table-headCell',
-    BODY: 'Table-body',
-    ROW: 'Table-row',
-    CELL: 'Table-cell',
-    FOOT: 'Table-foot',
-    WRAPPER: 'Table-wrapper',
-    EMPTY_ROW: 'Table-emptyRow',
-    LOADING_ROW: 'Table-loadingRow',
-    ERROR_ROW: 'Table-errorRow',
-    EXPANSION_ROW: 'Table-expansionRow',
-};