@up42/up-components 4.11.0 → 4.13.0

package/dist/cjs/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/cjs/types/components/EditTagsButton/EditTagsButton.test.d.ts

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

package/dist/cjs/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/cjs/types/components/EditTagsButton/SearchTags.test.d.ts

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

package/dist/cjs/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/cjs/types/components/EditTagsButton/TagsManager.test.d.ts

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

package/dist/cjs/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/cjs/types/components/FeatureFlagCheckbox/FeatureFlagCheckbox.test.d.ts

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

package/dist/cjs/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/cjs/types/components/TagsList/MoreTags.test.d.ts

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

package/dist/cjs/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/cjs/types/components/TagsList/Tags.test.d.ts

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

package/dist/cjs/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/cjs/types/components/TagsList/TagsList.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/utils/hooks/useToggle.test.d.ts

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