@up42/up-components 4.10.0 → 4.12.0

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type EditTagsButtonProps = {
+    tags: string[];
+    tagPool?: string[];
+    onSave: (tags: string[]) => void;
+    label?: string;
+    tooltip?: string;
+};
+export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip }: EditTagsButtonProps): React.JSX.Element;

package/dist/esm/types/components/EditTagsButton/EditTagsButton.test.d.ts

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

package/dist/esm/types/components/EditTagsButton/SearchTags.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type SearchTagsProps = {
+    tags: string[];
+    onAddTag: (tag: string) => void;
+};
+export declare const SearchTags: ({ tags, onAddTag }: SearchTagsProps) => React.JSX.Element;

package/dist/esm/types/components/EditTagsButton/SearchTags.test.d.ts

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

package/dist/esm/types/components/EditTagsButton/TagsManager.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type TagsManagerProps = {
+    currentTags: string[];
+    setCurrentTags: (tags: string[]) => void;
+    tagPool?: string[];
+};
+export declare const TagsManager: ({ currentTags, setCurrentTags, tagPool }: TagsManagerProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/EditTagsButton/TagsManager.test.d.ts

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

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

@@ -0,0 +1,46 @@
+import { SxProps, Theme } from '@mui/material';
+import React from 'react';
+declare const COLORS: {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    neutral: string;
+};
+declare const SIZES: {
+    small: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    medium: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    large: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};
+type Variant = 'filled' | 'half';
+type Color = keyof typeof COLORS;
+type Size = keyof typeof SIZES;
+export type StatusLightProps = {
+    label: string;
+    variant?: Variant;
+    color?: Color;
+    size?: Size;
+    sx?: SxProps<Theme>;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-status-light--docs
+ */
+export declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/StatusLight/StatusLight.test.d.ts

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

package/dist/esm/types/components/TagsList/MoreTags.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MoreTags: ({ tags }: {
+    tags: string[];
+}) => React.JSX.Element | null;

package/dist/esm/types/components/TagsList/MoreTags.test.d.ts

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

package/dist/esm/types/components/TagsList/Tags.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type TagsProps = {
+    tags: string[];
+    setHiddenTagCount: (count: number) => void;
+    hiddenTagCount: number;
+};
+export declare const Tags: ({ tags, setHiddenTagCount, hiddenTagCount }: TagsProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/TagsList/Tags.test.d.ts

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export type TagsListProps = {
+    tags: string[];
+    onTagsChange?: (tags: string[]) => void;
+};
+export declare const TagsList: ({ tags: tagsProp, onTagsChange }: TagsListProps) => React.JSX.Element;

package/dist/esm/types/components/TagsList/TagsList.test.d.ts

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

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

@@ -48,6 +48,9 @@ export { Divider, type DividerProps } from './components/Divider/Divider';
 export { FeatureCard, type FeatureCardProps } from './components/FeatureCard/FeatureCard';
 export { FeatureCardHeader, type FeatureCardHeaderProps } from './components/FeatureCardHeader/FeatureCardHeader';
 export { FeatureCardHeaderActions, type IconAction, type MenuAction, type FeatureCardHeaderActionsProps, } from './components/FeatureCardHeaderActions/FeatureCardHeaderActions';
+export { StatusLight, type StatusLightProps } from './components/StatusLight/StatusLight';
+export { TagsList, type TagsListProps } from './components/TagsList/TagsList';
+export { EditTagsButton, type EditTagsButtonProps } from './components/EditTagsButton/EditTagsButton';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
 export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';
@@ -62,5 +65,6 @@ export { formatFileSize } from './utils/helpers/formatFileSize';
 export { useQueryParams } from './utils/hooks/useQueryParams';
 export { useRemotePagination, type PaginatedResponse } from './utils/hooks/useRemotePagination';
 export { useCursorPagination, type CursorPaginatedResponse } from './utils/hooks/useCursorPagination';
+export { useToggle, type UseToggleResult } from './utils/hooks/useToggle';
 export { useDebounce } from './utils/hooks/useDebounce';
 export { useAlert, type CreateAlertProps, type CreateSnackbarProps, } from './global/providers/AlertProvider/AlertProvider';

package/dist/esm/types/utils/hooks/useToggle.d.ts

@@ -0,0 +1,24 @@
+export type UseToggleResult = [
+    boolean,
+    {
+        on: () => void;
+        off: () => void;
+        flip: () => void;
+    }
+];
+/**
+ * A custom hook that provides a boolean state with convenient toggle actions.
+ *
+ * This hook returns a boolean value and an object with three methods to control the state:
+ * - `on`: Sets the value to `true`
+ * - `off`: Sets the value to `false`
+ * - `flip`: Toggles the current value (true becomes false, false becomes true)
+ *
+ * @param initialState - The initial boolean value. Can be a boolean or a function that returns a boolean.
+ * @returns A tuple containing:
+ *   - The current boolean value
+ *   - An object with `on`, `off`, and `flip` methods to control the state
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs/utils--docs#usetoggle
+ */
+export declare function useToggle(initialState: boolean | (() => boolean)): UseToggleResult;

package/dist/esm/types/utils/hooks/useToggle.test.d.ts

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

package/dist/index.d.ts

@@ -5157,6 +5157,65 @@ type FeatureCardHeaderActionsProps = {
 };
 declare const FeatureCardHeaderActions: ({ iconActions, menuActions }: FeatureCardHeaderActionsProps) => React__default.JSX.Element;
 
+declare const COLORS: {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    neutral: string;
+};
+declare const SIZES: {
+    small: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    medium: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    large: {
+        circle: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};
+type Variant = 'filled' | 'half';
+type Color = keyof typeof COLORS;
+type Size = keyof typeof SIZES;
+type StatusLightProps = {
+    label: string;
+    variant?: Variant;
+    color?: Color;
+    size?: Size;
+    sx?: SxProps<Theme>;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-status-light--docs
+ */
+declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React__default.JSX.Element;
+
+type TagsListProps = {
+    tags: string[];
+    onTagsChange?: (tags: string[]) => void;
+};
+declare const TagsList: ({ tags: tagsProp, onTagsChange }: TagsListProps) => React__default.JSX.Element;
+
+type EditTagsButtonProps = {
+    tags: string[];
+    tagPool?: string[];
+    onSave: (tags: string[]) => void;
+    label?: string;
+    tooltip?: string;
+};
+declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip }: EditTagsButtonProps): React__default.JSX.Element;
+
 type DocumentationPopoverProps = {
     title: string;
     children: React__default.ReactNode;
@@ -5343,6 +5402,31 @@ declare const useCursorPagination: (fetchingHook: ({ params }: {
     [paramName: string]: string;
 } | undefined) => UseCursorPaginationResponse;
 
+type UseToggleResult = [
+    boolean,
+    {
+        on: () => void;
+        off: () => void;
+        flip: () => void;
+    }
+];
+/**
+ * A custom hook that provides a boolean state with convenient toggle actions.
+ *
+ * This hook returns a boolean value and an object with three methods to control the state:
+ * - `on`: Sets the value to `true`
+ * - `off`: Sets the value to `false`
+ * - `flip`: Toggles the current value (true becomes false, false becomes true)
+ *
+ * @param initialState - The initial boolean value. Can be a boolean or a function that returns a boolean.
+ * @returns A tuple containing:
+ *   - The current boolean value
+ *   - An object with `on`, `off`, and `flip` methods to control the state
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs/utils--docs#usetoggle
+ */
+declare function useToggle(initialState: boolean | (() => boolean)): UseToggleResult;
+
 /**
  * useDebounce is a generic React Hook that returns a debounced version of a given value.
  * @param {T} value - The value to debounce.
@@ -5404,5 +5488,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TypographyProps };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TagsListProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -31,7 +31,7 @@
     "optimize-icons": "svgo -f src/global/icons"
   },
   "dependencies": {
-    "@up42/design-system-tokens": "^6.0.1",
+    "@up42/design-system-tokens": "^6.1.0",
     "dayjs": "^1.11.7",
     "prismjs": "^1.29.0"
   },

package/dist/cjs/types/global/overrides/form/datePicker.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const datepickerOverrides: OverridesStyleRules;

package/dist/cjs/types/global/overrides/index.d.ts

@@ -1 +0,0 @@
-export * from './form/label';

package/dist/esm/types/global/overrides/form/datePicker.d.ts

@@ -1,2 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const datepickerOverrides: OverridesStyleRules;

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

@@ -1 +0,0 @@
-export * from './form/label';