@qoretechnologies/reqore 0.44.0 → 0.46.0

package/src/index.tsx

@@ -1,80 +0,0 @@
-export { default as ReqoreBreadcrumbs } from './components/Breadcrumbs';
-export { default as ReqoreBreadcrumbsItem } from './components/Breadcrumbs/item';
-export { default as ReqoreButton } from './components/Button';
-export { default as ReqoreCheckbox } from './components/Checkbox';
-export { ReqoreCollection } from './components/Collection';
-export { ReqoreColumns } from './components/Columns';
-export { ReqoreColumn } from './components/Columns/column';
-export { ReqoreComment } from './components/Comment';
-export { ReqoreCommentFeed } from './components/CommentFeed';
-export { default as ReqoreContent } from './components/Content';
-export { default as ReqoreControlGroup } from './components/ControlGroup';
-export * from './components/DatePicker';
-export { ReqoreDrawer } from './components/Drawer';
-export { ReqoreBackdrop } from './components/Drawer/backdrop';
-export { default as ReqoreDropdown } from './components/Dropdown';
-export { ReqoreDropdownDivider, ReqoreDropdownItem } from './components/Dropdown/item';
-export { ReqoreEffect, ReqoreTextEffect } from './components/Effect';
-export {
-  ReqoreH1,
-  ReqoreH2,
-  ReqoreH3,
-  ReqoreH4,
-  ReqoreH5,
-  ReqoreH6,
-  ReqoreHeading,
-} from './components/Header';
-export { default as ReqoreIcon } from './components/Icon';
-export { default as ReqoreInput } from './components/Input';
-export { ReqoreKeyValueTable } from './components/KeyValueTable';
-export * from './components/Label';
-export { default as ReqoreLayoutContent } from './components/Layout/content';
-export { default as ReqoreMenu } from './components/Menu';
-export { default as ReqoreMenuDivider } from './components/Menu/divider';
-export { default as ReqoreMenuItem } from './components/Menu/item';
-export { ReqoreMenuSection } from './components/Menu/section';
-export { default as ReqoreMessage } from './components/Message';
-export { ReqoreModal } from './components/Modal';
-export { ReqoreMultiSelect } from './components/MultiSelect';
-export { ReqoreFooter, ReqoreHeader } from './components/Navbar';
-export { default as ReqoreNavbarDivider } from './components/Navbar/divider';
-export { default as ReqoreNavbarGroup } from './components/Navbar/group';
-export { default as ReqoreNavbarItem } from './components/Navbar/item';
-export { default as ReqoreNotificationsWrapper } from './components/Notifications';
-export { default as ReqoreNotification } from './components/Notifications/notification';
-export { ReqorePagination } from './components/Paging';
-export { ReqorePanel } from './components/Panel';
-export { ReqoreP, ReqoreP as ReqoreParagraph } from './components/Paragraph';
-export { default as ReqorePopover } from './components/Popover';
-export { default as ReqoreRadioGroup } from './components/RadioGroup';
-export * from './components/Slider';
-export { ReqoreHorizontalSpacer, ReqoreSpacer, ReqoreVerticalSpacer } from './components/Spacer';
-export { ReqoreSpinner } from './components/Spinner';
-export { default as ReqoreTable } from './components/Table';
-export { ReqoreTableBodyCell } from './components/Table/cell';
-export { ReqoreTableHeaderCell } from './components/Table/headerCell';
-export { default as ReqoreTableRow } from './components/Table/row';
-export { ReqoreTableValue } from './components/Table/value';
-export { default as ReqoreTabs } from './components/Tabs';
-export { default as ReqoreTabsContent } from './components/Tabs/content';
-export { default as ReqoreTabsListItem } from './components/Tabs/item';
-export { default as ReqoreTabsList } from './components/Tabs/list';
-export { default as ReqoreTag } from './components/Tag';
-export { default as ReqoreTagGroup } from './components/Tag/group';
-export { default as ReqoreTextarea } from './components/Textarea';
-export { TimeAgo as ReqoreTimeAgo } from './components/TimeAgo';
-export { ReqoreTree } from './components/Tree';
-export { Colors as ReqoreColors } from './constants/colors';
-export { ReqoreSizes } from './constants/sizes';
-export { ReqoreIntents } from './constants/theme';
-export { ReqorePaginationContainer } from './containers/Paging';
-export { default as ReqoreNotifications } from './containers/ReqoreProvider';
-export { default as ReqoreUIProvider } from './containers/UIProvider';
-export { default as ReqoreContext } from './context/ReqoreContext';
-export { default as ReqoreThemeContext } from './context/ThemeContext';
-export { useCloneThroughFragments } from './hooks/useCloneThroughFragments';
-export { default as useLatestZIndex } from './hooks/useLatestZIndex';
-export { useReqorePaging } from './hooks/usePaging';
-export { useReqore } from './hooks/useReqore';
-export { useReqoreProperty } from './hooks/useReqoreContext';
-export { useReqoreTheme } from './hooks/useTheme';

package/src/mock/breadcrumbs.ts

@@ -1,146 +0,0 @@
-import { noop } from 'lodash';
-import { IReqoreBreadcrumbItem, IReqoreBreadcrumbItemTabs } from '../components/Breadcrumbs';
-import { ReqoreH3 } from '../components/Header';
-import { Icons } from './icons';
-
-export default [
-  {
-    label: 'Dashboard',
-    icon: Icons.Dashboard,
-    tooltip: 'Dashboard',
-    active: true,
-  },
-  {
-    label: 'Workflows as Link',
-    tooltip: 'Opens in a new window',
-    as: 'a',
-    props: {
-      href: 'https://google.com',
-    },
-    leftIconProps: {
-      image:
-        'https://avatars.githubusercontent.com/u/44835090?s=400&u=371120ce0755102d2e432f11ad9aa0378c871b45&v=4',
-    },
-    flat: false,
-    intent: 'info',
-    effect: {
-      glow: {
-        color: 'info',
-        size: 1,
-        blur: 10,
-        when: 'hover',
-      },
-    },
-  },
-  {
-    icon: Icons.Services,
-    tooltip: 'Services as H3',
-    as: ReqoreH3,
-    label: 'Services as H3',
-    props: {
-      onClick: noop,
-    },
-  },
-  {
-    label: 'Jobs',
-    icon: Icons.Jobs,
-    customTheme: { main: '#a9a9a9' },
-    badge: 10,
-    description: 'Some item description',
-    intent: 'warning',
-    minimal: false,
-  },
-  {
-    tooltip: 'Connections',
-    icon: Icons.Connections,
-    customTheme: { main: 'danger:darken' },
-  },
-] satisfies IReqoreBreadcrumbItem[];
-
-export const specialbreadcrumbs = [
-  {
-    label: 'Home',
-    icon: Icons.Dashboard,
-    tooltip: 'Dashboard',
-  },
-  {
-    label: 'Some Kinda Link',
-    tooltip: 'Opens in a new window',
-    as: 'a',
-    props: {
-      href: 'https://google.com',
-    },
-    icon: 'ShareBoxLine',
-    flat: false,
-    intent: 'info',
-    effect: {
-      glow: {
-        color: 'info',
-        size: 1,
-        blur: 10,
-        when: 'hover',
-      },
-    },
-  },
-  {
-    icon: 'AliensLine',
-    tooltip: 'This is a max length item',
-    label: 'This is a max length item',
-    onClick: noop,
-    maxWidth: '100px',
-  },
-] satisfies IReqoreBreadcrumbItem[];
-
-export const breadcrumbsTabs = {
-  withTabs: {
-    activeTab: 'valuemaps',
-    onTabChange(tabId) {
-      console.log('🚀 ~ file: breadcrumbs.ts ~ line 46 ~ onTabChange ~ tabId', tabId);
-    },
-    tabs: [
-      {
-        label: 'RBAC',
-        icon: Icons.RBAC,
-        id: 'rbac',
-        props: {
-          onClick() {
-            console.log('rbac');
-          },
-        },
-      },
-      {
-        label: 'Value Maps',
-        icon: Icons.Valuemaps,
-        id: 'valuemaps',
-        onCloseClick(id) {
-          console.log('🚀 ~ file: breadcrumbs.ts ~ line 54 ~ onCloseClick ~ id', id);
-        },
-        intent: 'success',
-      },
-      {
-        label: 'SLAs',
-        icon: Icons.SLAs,
-        id: 'sla',
-        intent: 'danger',
-      },
-      {
-        label: 'Releases',
-        icon: Icons.Releases,
-        id: 'releases',
-        tooltip: {
-          content: 'Releases',
-        },
-      },
-      {
-        label: 'Errors',
-        icon: Icons.Errors,
-        id: 'errors',
-        props: {
-          onClick() {
-            console.log('errors');
-          },
-        },
-      },
-    ],
-  } as IReqoreBreadcrumbItemTabs,
-} as IReqoreBreadcrumbItem;

package/src/mock/collectionData.tsx

@@ -1,380 +0,0 @@
-import { noop } from 'lodash';
-import { IReqoreCollectionItemProps } from '../components/Collection/item';
-import { ReqoreH1 } from '../components/Header';
-import ReqoreMessage from '../components/Message';
-import { ReqoreP } from '../components/Paragraph';
-import { ReqoreSpacer } from '../components/Spacer';
-import ReqoreTag from '../components/Tag';
-import data from './data.json';
-
-export const bigCollection = data.slice(0, 100).map((datum) => ({
-  label: `${datum.firstName} ${datum.lastName}`,
-  badge: datum.id,
-  size: 'small',
-  expandable: true,
-  content: datum.address,
-  tags: [
-    {
-      labelKey: 'Age',
-      label: datum.age,
-    },
-    {
-      labelKey: 'Occupation',
-      label: datum.occupation,
-    },
-  ],
-})) as IReqoreCollectionItemProps[];
-
-export default [
-  {
-    label: 'This item is not flat',
-    tooltip: 'This is a test item',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    flat: false,
-    tags: [
-      {
-        label: 23,
-        asBadge: true,
-      },
-      {
-        label: 2022,
-        labelKey: 'Year',
-        asBadge: true,
-        onRemoveClick: noop,
-      },
-    ],
-    expandable: true,
-    metadata: {
-      id: 23,
-      category: 'Article',
-    },
-  },
-  {
-    label: 'Test with tooltip',
-    tooltip: 'This is a test item',
-    headerSize: 2,
-    contentSize: 'huge',
-    selected: true,
-    icon: 'Hashtag',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    tags: [
-      {
-        label: 'local',
-        labelKey: 'level',
-        intent: 'info',
-        icon: 'Hashtag',
-      },
-      {
-        label: 'string',
-        labelKey: 'type',
-        intent: 'warning',
-        icon: 'CodeLine',
-      },
-    ],
-    metadata: {
-      id: 24,
-      category: 'Post',
-    },
-  },
-  {
-    icon: 'TextWrap',
-    label: 'Small item that is not minimal',
-    tooltip: 'This is a test item',
-    size: 'small',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    minimal: false,
-    badge: 0,
-    searchString: 'secret',
-    metadata: {
-      id: 1,
-      category: 'None',
-    },
-  },
-  {
-    icon: 'ZcoolLine',
-    label: 'Item without fade',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long Hello I am a test item content and I am very long so will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long Hello I am a test item content and I am very long so will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    showContentFade: false,
-    metadata: {
-      id: 13,
-      category: 'Article',
-    },
-  },
-  {
-    icon: 'FolderWarningFill',
-    label: 'Expandable item',
-    tooltip: 'This is a test item',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    expandable: true,
-    badge: 10,
-    actions: [
-      {
-        label: 'Action 1',
-        show: 'hover',
-      },
-    ],
-    tags: [
-      {
-        label: 23,
-        asBadge: true,
-      },
-      {
-        label: 2022,
-        labelKey: 'Year',
-        asBadge: true,
-        onRemoveClick: noop(),
-      },
-    ],
-    metadata: {
-      id: 99,
-      category: 'Post',
-    },
-  },
-  {
-    metadata: {
-      id: 30,
-      category: 'Article',
-    },
-    label: 'Item with custom content when expanded',
-    tooltip: 'Expandable item with custom content',
-    selected: true,
-    badge: '2km',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    expandable: true,
-    contentEffect: {
-      gradient: {
-        colors: { 0: '#3b065e', 100: '#00d3c8' },
-        direction: 'to right bottom',
-      },
-      uppercase: true,
-      weight: 'thin',
-      spaced: 2,
-    },
-    expandedActions: [
-      {
-        label: 'Action 1',
-        id: 'action1',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 1 clicked'),
-        position: 'left',
-      },
-      {
-        label: 'Action 2',
-        id: 'action2',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 2 clicked'),
-        position: 'right',
-      },
-    ],
-    expandedContent: (
-      <>
-        <ReqoreMessage intent='info'>Hello I am a custom content</ReqoreMessage>
-        <ReqoreSpacer height={10} />
-        <ReqoreH1>Well hello</ReqoreH1>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-        </ReqoreP>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long
-        </ReqoreP>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long
-        </ReqoreP>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long
-        </ReqoreP>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long
-        </ReqoreP>
-        <ReqoreP>
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long. Hello I am a test item content and I am very long so I
-          will wrap to the next line and I will be very long. Hello I am a test item content and I
-          am very long so I will wrap to the next line and I will be very long. Hello I am a test
-          item content and I am very long so I will wrap to the next line and I will be very long.
-          Hello I am a test item content and I am very long so I will wrap to the next line and I
-          will be very long. Hello I am a test item content and I am very long so I will wrap to the
-          next line and I will be very long
-        </ReqoreP>
-      </>
-    ),
-    tags: [
-      {
-        label: 'local',
-        labelKey: 'level',
-        intent: 'info',
-        icon: 'Hashtag',
-      },
-      {
-        label: 'string',
-        labelKey: 'type',
-        intent: 'warning',
-        icon: 'CodeLine',
-      },
-    ],
-  },
-  {
-    metadata: {
-      id: 31,
-      category: 'None',
-    },
-    label: 'I have intent!',
-    transparent: true,
-    minimal: false,
-    flat: false,
-    content: (
-      <ReqoreP>
-        'Well would you look at that. Lorem ipsum dolor{' '}
-        <ReqoreTag label='dolor' icon='Briefcase3Line' /> <ReqoreTag label='sit amet' />,
-        consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
-        natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
-        ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
-        pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
-        imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer
-        tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
-        Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
-        dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
-        laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
-        ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget
-        condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam
-        quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante
-        tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam
-        sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
-        Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus
-        nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus
-        quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras
-        ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci
-        luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam
-        pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis,
-        ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget,
-        posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc
-        nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl
-        sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat,
-        pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque
-        facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non,
-        auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae,
-        posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis
-        vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante
-        ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi
-        quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus
-        consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non,
-        nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent
-        turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin
-        urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.
-        Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat
-        nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci
-        luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero.
-        Phasellus dolor. Maecenas vestibulum mollis'
-      </ReqoreP>
-    ),
-    expandable: true,
-    intent: 'info',
-  },
-  {
-    metadata: {
-      id: 25,
-      category: 'Article',
-    },
-    label: 'I have actions',
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long. Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    actions: [
-      {
-        label: 'Action 1',
-        id: 'action1',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 1 clicked'),
-        show: false,
-      },
-      {
-        label: 'Action 2',
-        id: 'action2',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 2 clicked'),
-      },
-    ],
-    intent: 'success',
-    expandable: true,
-  },
-  {
-    metadata: {
-      id: 2,
-      category: 'None',
-    },
-    content:
-      'Hello I am a test item content and I am very long so I will wrap to the next line and I will be very long',
-    expandedActions: [
-      {
-        label: 'Action 1',
-        id: 'action1',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 1 clicked'),
-        position: 'left',
-      },
-      {
-        label: 'Action 2',
-        id: 'action2',
-        icon: 'CapsuleFill',
-        onClick: () => alert('Action 2 clicked'),
-        position: 'right',
-      },
-    ],
-    tags: [
-      {
-        label: 23,
-        asBadge: true,
-      },
-      {
-        label: 2022,
-        labelKey: 'Year',
-        asBadge: true,
-        onRemoveClick: noop,
-      },
-    ],
-    expandable: true,
-  },
-] as IReqoreCollectionItemProps[];