@up42/up-components 7.5.0-react-18.0 → 8.1.0

package/dist/esm/types/components/FilterPopover/FilterPopover.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { type PopoverProps } from '../Popover/Popover';
+export type FilterPopoverProps = Pick<PopoverProps, 'anchorEl' | 'onClose' | 'header' | 'sx' | 'size'> & {
+    /**
+     * Filter area content (placeholder node for now).
+     */
+    content?: React.ReactNode;
+    /**
+     * Apply button text.
+     * @default 'Apply filters'
+     */
+    applyButtonLabel?: string;
+    /**
+     * Loading state for the count of results.
+     * @default false
+     */
+    isLoadingCount?: boolean;
+    /**
+     * Clear button text.
+     * @default 'Reset to defaults'
+     */
+    clearButtonLabel?: string;
+    /**
+     * When true, Apply is enabled; when false, disabled.
+     * @default false
+     */
+    disableApplyButton?: boolean;
+    /**
+     * Called when Apply is clicked; popover closes after.
+     */
+    onApply?: () => void | Promise<void>;
+    /**
+     * Called when Clear is clicked; no other behaviour (no close).
+     */
+    onClear?: () => void | Promise<void>;
+};
+/**
+ * Main container for filter inputs. Composes Popover with Apply/Clear footer.
+ * Opens when the user clicks the anchor; closes on Apply or Escape.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-filterpopover--docs
+ */
+export declare const FilterPopover: ({ anchorEl, onClose, header, content, applyButtonLabel, clearButtonLabel, disableApplyButton, isLoadingCount, onApply, onClear, ...popoverProps }: FilterPopoverProps) => React.JSX.Element;

package/dist/esm/types/index.d.ts

@@ -36,6 +36,7 @@ export { ControlButton, type ControlButtonProps } from './components/ControlButt
 export { CopyButton, type CopyButtonProps } from './components/CopyButton/CopyButton';
 export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
 export { Popover, type PopoverProps } from './components/Popover/Popover';
+export { FilterPopover, type FilterPopoverProps } from './components/FilterPopover/FilterPopover';
 export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHeader';
 export { PageHeaderV2, type PageHeaderV2Props } from './components/PageHeaderV2/PageHeaderV2';
 export { NotFound, type NotFoundProps } from './components/NotFound/NotFound';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, PopoverProps as PopoverProps$1, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, ButtonProps as ButtonProps$2, SnackbarProps } from '@mui/material';
+import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, PopoverProps as PopoverProps$1, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, ButtonProps as ButtonProps$2, SnackbarProps } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
@@ -4740,6 +4740,48 @@ type PopoverProps = Omit<PopoverProps$1, 'content' | 'open' | 'onClose'> & {
  */
 declare const Popover: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<unknown>>;
 
+type FilterPopoverProps = Pick<PopoverProps, 'anchorEl' | 'onClose' | 'header' | 'sx' | 'size'> & {
+    /**
+     * Filter area content (placeholder node for now).
+     */
+    content?: React__default.ReactNode;
+    /**
+     * Apply button text.
+     * @default 'Apply filters'
+     */
+    applyButtonLabel?: string;
+    /**
+     * Loading state for the count of results.
+     * @default false
+     */
+    isLoadingCount?: boolean;
+    /**
+     * Clear button text.
+     * @default 'Reset to defaults'
+     */
+    clearButtonLabel?: string;
+    /**
+     * When true, Apply is enabled; when false, disabled.
+     * @default false
+     */
+    disableApplyButton?: boolean;
+    /**
+     * Called when Apply is clicked; popover closes after.
+     */
+    onApply?: () => void | Promise<void>;
+    /**
+     * Called when Clear is clicked; no other behaviour (no close).
+     */
+    onClear?: () => void | Promise<void>;
+};
+/**
+ * Main container for filter inputs. Composes Popover with Apply/Clear footer.
+ * Opens when the user clicks the anchor; closes on Apply or Escape.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-filterpopover--docs
+ */
+declare const FilterPopover: ({ anchorEl, onClose, header, content, applyButtonLabel, clearButtonLabel, disableApplyButton, isLoadingCount, onApply, onClear, ...popoverProps }: FilterPopoverProps) => React__default.JSX.Element;
+
 type PageHeaderProps = {
     title: string;
     divider?: boolean;
@@ -11672,5 +11714,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FindUsersButton, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, LearnMoreButton, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, RoleBanner, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, analytics, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FindUsersButtonProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LearnMoreButtonProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, RoleBannerProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FilterPopover, FindUsersButton, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, LearnMoreButton, Link, Loading, Logo, NotFound, PageContainer, PageHeader, PageHeaderV2, Popover, Radio, RoleBanner, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, analytics, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, generateQueryKey, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { AlertProps, AnalyticsConfig, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FilterPopoverProps, FindUsersButtonProps, FormCheckboxProps, FormDatePickerDateType, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LearnMoreButtonProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PageHeaderV2Props, PaginatedResponse, PopoverProps, RadioProps, RoleBannerProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "7.5.0-react-18.0",
+  "version": "8.1.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -30,7 +30,7 @@
     "optimize-icons": "svgo -f src/global/icons"
   },
   "dependencies": {
-    "@up42/design-system-tokens": "^8.0.2",
+    "@up42/design-system-tokens": "^8.0.5",
     "dayjs": "^1.11.7",
     "prismjs": "^1.29.0"
   },
@@ -49,13 +49,13 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
     "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-a11y": "^8.6.15",
-    "@storybook/addon-docs": "^8.6.15",
-    "@storybook/addon-essentials": "^8.6.15",
+    "@storybook/addon-a11y": "^8.6.17",
+    "@storybook/addon-docs": "^8.6.17",
+    "@storybook/addon-essentials": "^8.6.17",
     "@storybook/addon-links": "^8.6.15",
     "@storybook/manager-api": "^8.6.15",
-    "@storybook/react": "^8.6.15",
-    "@storybook/react-vite": "^8.6.15",
+    "@storybook/react": "^8.6.17",
+    "@storybook/react-vite": "^8.6.17",
     "@storybook/theming": "^8.6.15",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/react": "^14.3.1",
@@ -80,11 +80,11 @@
     "react": "^18.3.1",
     "react-router": "^7.12.0",
     "rimraf": "^6.1.2",
-    "rollup": "^4.13.2",
+    "rollup": "^4.59.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.6.15",
-    "svgo": "^3.3.2",
+    "storybook": "^8.6.17",
+    "svgo": "^3.3.3",
     "tslib": "^2.8.1",
     "typescript": "^4.5.4",
     "vite": "^7.1.12",
@@ -120,7 +120,9 @@
     "//": "Lodash override should be removed when we upgrade to Storybook 9+",
     "overrides": {
       "lodash@>=4.0.0 <=4.17.22": ">=4.17.23",
-      "csstype@>=3.0.0": "3.1.3"
+      "serialize-javascript@<=7.0.2": ">=7.0.3",
+      "csstype@>=3.0.0": "3.1.3",
+      "@tootallnate/once@<3.0.1": ">=3.0.1"
     }
   }
 }