@up42/up-components 4.11.0 → 4.13.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/FeatureFlagCheckbox/FeatureFlagCheckbox.d.ts

@@ -0,0 +1,25 @@
+import React, { SyntheticEvent } from 'react';
+export type FeatureFlagCheckboxProps = {
+    label: string;
+    checked: boolean;
+    /**
+     * Defines if the component should be rendered or not.
+     * Use this prop to indicate if the application is in a development environment.
+     */
+    isDevelopment: boolean;
+    onChange: (event: SyntheticEvent, checked: boolean) => void;
+    onClose?: () => void;
+};
+/**
+ *
+ * Development-only feature toggle component (not for production use).
+ *
+ * **Important**: This component is intended *strictly* for development environments and should not be included in production builds.
+ *
+ * The `FeatureFlagCheckbox` is a temporary UI component used by developers to enable or disable feature flags manually. It renders a labeled checkbox and an optional close button to dismiss the control.
+ *
+ * **Note**: The component is rendered only when the `isDevelopment` prop is set to `true`. It is the responsibility of the consuming application to ensure the provided value is correct so that is only rendered in non-production environments.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs/development-featureflagcheckbox--docs
+ */
+export declare function FeatureFlagCheckbox({ label, checked, isDevelopment, onChange, onClose }: FeatureFlagCheckboxProps): React.JSX.Element;

package/dist/esm/types/components/FeatureFlagCheckbox/FeatureFlagCheckbox.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

@@ -49,6 +49,9 @@ export { FeatureCard, type FeatureCardProps } from './components/FeatureCard/Fea
 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 { FeatureFlagCheckbox, type FeatureFlagCheckboxProps, } from './components/FeatureFlagCheckbox/FeatureFlagCheckbox';
 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';
@@ -63,5 +66,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

@@ -4,7 +4,7 @@ import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, Cont
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
-import React__default, { ReactNode, ElementType } from 'react';
+import React__default, { ReactNode, ElementType, SyntheticEvent } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
@@ -5201,6 +5201,46 @@ type StatusLightProps = {
  */
 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 FeatureFlagCheckboxProps = {
+    label: string;
+    checked: boolean;
+    /**
+     * Defines if the component should be rendered or not.
+     * Use this prop to indicate if the application is in a development environment.
+     */
+    isDevelopment: boolean;
+    onChange: (event: SyntheticEvent, checked: boolean) => void;
+    onClose?: () => void;
+};
+/**
+ *
+ * Development-only feature toggle component (not for production use).
+ *
+ * **Important**: This component is intended *strictly* for development environments and should not be included in production builds.
+ *
+ * The `FeatureFlagCheckbox` is a temporary UI component used by developers to enable or disable feature flags manually. It renders a labeled checkbox and an optional close button to dismiss the control.
+ *
+ * **Note**: The component is rendered only when the `isDevelopment` prop is set to `true`. It is the responsibility of the consuming application to ensure the provided value is correct so that is only rendered in non-production environments.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs/development-featureflagcheckbox--docs
+ */
+declare function FeatureFlagCheckbox({ label, checked, isDevelopment, onChange, onClose }: FeatureFlagCheckboxProps): React__default.JSX.Element;
+
 type DocumentationPopoverProps = {
     title: string;
     children: React__default.ReactNode;
@@ -5387,6 +5427,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.
@@ -5448,5 +5513,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, StatusLight, 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, StatusLightProps, 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, FeatureFlagCheckbox, 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, FeatureFlagCheckboxProps, 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.11.0",
+  "version": "4.13.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",

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';