starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-22 16:58:28 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Move Icon and LoadingIcon to shared package

Browse Source
This commit is contained in:
Gregory Schier
2026-03-07 08:00:14 -08:00
parent d99898f39b
commit 3586c8fe24
62 changed files with 64 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/yaak-client/components/CommandPaletteDialog.tsx
View File

@@ -21,7 +21,7 @@ import { useActiveRequest } from '../hooks/useActiveRequest';
import { activeWorkspaceIdAtom } from '../hooks/useActiveWorkspace'; import { activeWorkspaceIdAtom } from '../hooks/useActiveWorkspace';
import { useAllRequests } from '../hooks/useAllRequests'; import { useAllRequests } from '../hooks/useAllRequests';
import { useCreateWorkspace } from '../hooks/useCreateWorkspace'; import { useCreateWorkspace } from '../hooks/useCreateWorkspace';
import { useDebouncedState } from '@yaakapp-internal/ui'; import { Icon, useDebouncedState } from '@yaakapp-internal/ui';
import { useEnvironmentsBreakdown } from '../hooks/useEnvironmentsBreakdown'; import { useEnvironmentsBreakdown } from '../hooks/useEnvironmentsBreakdown';
import { useGrpcRequestActions } from '../hooks/useGrpcRequestActions'; import { useGrpcRequestActions } from '../hooks/useGrpcRequestActions';
import type { HotkeyAction } from '../hooks/useHotKey'; import type { HotkeyAction } from '../hooks/useHotKey';
@@ -50,7 +50,6 @@ import { Button } from './core/Button';
import { Heading } from './core/Heading'; import { Heading } from './core/Heading';
import { Hotkey } from './core/Hotkey'; import { Hotkey } from './core/Hotkey';
import { HttpMethodTag } from './core/HttpMethodTag'; import { HttpMethodTag } from './core/HttpMethodTag';
import { Icon } from './core/Icon';
import { PlainInput } from './core/PlainInput'; import { PlainInput } from './core/PlainInput';
interface CommandPaletteGroup { interface CommandPaletteGroup {

2
apps/yaak-client/components/CookieDropdown.tsx
View File

@@ -9,7 +9,7 @@ import { showPrompt } from '../lib/prompt';
import { setWorkspaceSearchParams } from '../lib/setWorkspaceSearchParams'; import { setWorkspaceSearchParams } from '../lib/setWorkspaceSearchParams';
import { CookieDialog } from './CookieDialog'; import { CookieDialog } from './CookieDialog';
import { Dropdown, type DropdownItem } from './core/Dropdown'; import { Dropdown, type DropdownItem } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';

2
apps/yaak-client/components/EnvironmentActionsDropdown.tsx
View File

@@ -8,7 +8,7 @@ import type { ButtonProps } from './core/Button';
import { Button } from './core/Button'; import { Button } from './core/Button';
import type { DropdownItem } from './core/Dropdown'; import type { DropdownItem } from './core/Dropdown';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { EnvironmentColorIndicator } from './EnvironmentColorIndicator'; import { EnvironmentColorIndicator } from './EnvironmentColorIndicator';
type Props = { type Props = {

2
apps/yaak-client/components/EnvironmentEditDialog.tsx
View File

@@ -15,7 +15,7 @@ import { resolvedModelName } from '../lib/resolvedModelName';
import { showColorPicker } from '../lib/showColorPicker'; import { showColorPicker } from '../lib/showColorPicker';
import { Banner } from './core/Banner'; import { Banner } from './core/Banner';
import type { ContextMenuProps, DropdownItem } from './core/Dropdown'; import type { ContextMenuProps, DropdownItem } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { IconTooltip } from './core/IconTooltip'; import { IconTooltip } from './core/IconTooltip';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';

3
apps/yaak-client/components/FolderLayout.tsx
View File

@@ -15,9 +15,8 @@ import { Button } from './core/Button';
import { Heading } from './core/Heading'; import { Heading } from './core/Heading';
import { HttpResponseDurationTag } from './core/HttpResponseDurationTag'; import { HttpResponseDurationTag } from './core/HttpResponseDurationTag';
import { HttpStatusTag } from './core/HttpStatusTag'; import { HttpStatusTag } from './core/HttpStatusTag';
import { Icon } from './core/Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { LoadingIcon } from './core/LoadingIcon';
import { Separator } from './core/Separator'; import { Separator } from './core/Separator';
import { SizeTag } from './core/SizeTag'; import { SizeTag } from './core/SizeTag';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';

2
apps/yaak-client/components/FolderSettingsDialog.tsx
View File

@@ -15,7 +15,7 @@ import { hideDialog } from '../lib/dialog';
import { CopyIconButton } from './CopyIconButton'; import { CopyIconButton } from './CopyIconButton';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { CountBadge } from './core/CountBadge'; import { CountBadge } from './core/CountBadge';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import { Input } from './core/Input'; import { Input } from './core/Input';
import { Link } from './core/Link'; import { Link } from './core/Link';

2
apps/yaak-client/components/GrpcProtoSelectionDialog.tsx
View File

@@ -6,7 +6,7 @@ import { useGrpcProtoFiles } from '../hooks/useGrpcProtoFiles';
import { pluralizeCount } from '../lib/pluralize'; import { pluralizeCount } from '../lib/pluralize';
import { Banner } from './core/Banner'; import { Banner } from './core/Banner';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import { Link } from './core/Link'; import { Link } from './core/Link';

2
apps/yaak-client/components/GrpcRequestPane.tsx
View File

@@ -11,7 +11,7 @@ import { useRequestUpdateKey } from '../hooks/useRequestUpdateKey';
import { resolvedModelName } from '../lib/resolvedModelName'; import { resolvedModelName } from '../lib/resolvedModelName';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { CountBadge } from './core/CountBadge'; import { CountBadge } from './core/CountBadge';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { PlainInput } from './core/PlainInput'; import { PlainInput } from './core/PlainInput';
import { RadioDropdown } from './core/RadioDropdown'; import { RadioDropdown } from './core/RadioDropdown';

3
apps/yaak-client/components/GrpcResponsePane.tsx
View File

@@ -14,9 +14,8 @@ import { Editor } from './core/Editor/LazyEditor';
import { EventDetailHeader, EventViewer } from './core/EventViewer'; import { EventDetailHeader, EventViewer } from './core/EventViewer';
import { EventViewerRow } from './core/EventViewerRow'; import { EventViewerRow } from './core/EventViewerRow';
import { HotkeyList } from './core/HotkeyList'; import { HotkeyList } from './core/HotkeyList';
import { Icon, type IconProps } from './core/Icon'; import { Icon, LoadingIcon, type IconProps } from '@yaakapp-internal/ui';
import { KeyValueRow, KeyValueRows } from './core/KeyValueRow'; import { KeyValueRow, KeyValueRows } from './core/KeyValueRow';
import { LoadingIcon } from './core/LoadingIcon';
import { HStack, VStack } from './core/Stacks'; import { HStack, VStack } from './core/Stacks';
import { EmptyStateText } from './EmptyStateText'; import { EmptyStateText } from './EmptyStateText';
import { ErrorBoundary } from './ErrorBoundary'; import { ErrorBoundary } from './ErrorBoundary';

2
apps/yaak-client/components/HttpAuthenticationEditor.tsx
View File

@@ -14,7 +14,7 @@ import { useInheritedAuthentication } from '../hooks/useInheritedAuthentication'
import { useRenderTemplate } from '../hooks/useRenderTemplate'; import { useRenderTemplate } from '../hooks/useRenderTemplate';
import { resolvedModelName } from '../lib/resolvedModelName'; import { resolvedModelName } from '../lib/resolvedModelName';
import { Dropdown, type DropdownItem } from './core/Dropdown'; import { Dropdown, type DropdownItem } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import { Input, type InputProps } from './core/Input'; import { Input, type InputProps } from './core/Input';

3
apps/yaak-client/components/HttpResponsePane.tsx
View File

@@ -18,8 +18,7 @@ import { CountBadge } from './core/CountBadge';
import { HotkeyList } from './core/HotkeyList'; import { HotkeyList } from './core/HotkeyList';
import { HttpResponseDurationTag } from './core/HttpResponseDurationTag'; import { HttpResponseDurationTag } from './core/HttpResponseDurationTag';
import { HttpStatusTag } from './core/HttpStatusTag'; import { HttpStatusTag } from './core/HttpStatusTag';
import { Icon } from './core/Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { LoadingIcon } from './core/LoadingIcon';
import { PillButton } from './core/PillButton'; import { PillButton } from './core/PillButton';
import { SizeTag } from './core/SizeTag'; import { SizeTag } from './core/SizeTag';
import { HStack, VStack } from './core/Stacks'; import { HStack, VStack } from './core/Stacks';

2
apps/yaak-client/components/HttpResponseTimeline.tsx
View File

@@ -9,7 +9,7 @@ import { Editor } from './core/Editor/LazyEditor';
import { type EventDetailAction, EventDetailHeader, EventViewer } from './core/EventViewer'; import { type EventDetailAction, EventDetailHeader, EventViewer } from './core/EventViewer';
import { EventViewerRow } from './core/EventViewerRow'; import { EventViewerRow } from './core/EventViewerRow';
import { HttpStatusTagRaw } from './core/HttpStatusTag'; import { HttpStatusTagRaw } from './core/HttpStatusTag';
import { Icon, type IconProps } from './core/Icon'; import { Icon, type IconProps } from '@yaakapp-internal/ui';
import { KeyValueRow, KeyValueRows } from './core/KeyValueRow'; import { KeyValueRow, KeyValueRows } from './core/KeyValueRow';
import type { TimelineViewMode } from './HttpResponsePane'; import type { TimelineViewMode } from './HttpResponsePane';

2
apps/yaak-client/components/ImportCurlButton.tsx
View File

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
import { useImportCurl } from '../hooks/useImportCurl'; import { useImportCurl } from '../hooks/useImportCurl';
import { useWindowFocus } from '../hooks/useWindowFocus'; import { useWindowFocus } from '../hooks/useWindowFocus';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
export function ImportCurlButton() { export function ImportCurlButton() {
const focused = useWindowFocus(); const focused = useWindowFocus();

2
apps/yaak-client/components/LicenseBadge.tsx
View File

@@ -12,7 +12,7 @@ import { jotaiStore } from '../lib/jotai';
import { CargoFeature } from './CargoFeature'; import { CargoFeature } from './CargoFeature';
import type { ButtonProps } from './core/Button'; import type { ButtonProps } from './core/Button';
import { Dropdown, type DropdownItem } from './core/Dropdown'; import { Dropdown, type DropdownItem } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { PillButton } from './core/PillButton'; import { PillButton } from './core/PillButton';
const dismissedAtom = atomWithKVStorage<string | null>('dismissed_license_expired', null); const dismissedAtom = atomWithKVStorage<string | null>('dismissed_license_expired', null);

2
apps/yaak-client/components/RecentGrpcConnectionsDropdown.tsx
View File

@@ -4,7 +4,7 @@ import { formatDistanceToNowStrict } from 'date-fns';
import { useDeleteGrpcConnections } from '../hooks/useDeleteGrpcConnections'; import { useDeleteGrpcConnections } from '../hooks/useDeleteGrpcConnections';
import { pluralizeCount } from '../lib/pluralize'; import { pluralizeCount } from '../lib/pluralize';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';

2
apps/yaak-client/components/RecentHttpResponsesDropdown.tsx
View File

@@ -6,7 +6,7 @@ import { useSaveResponse } from '../hooks/useSaveResponse';
import { pluralize } from '../lib/pluralize'; import { pluralize } from '../lib/pluralize';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import { HttpStatusTag } from './core/HttpStatusTag'; import { HttpStatusTag } from './core/HttpStatusTag';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';

2
apps/yaak-client/components/RecentWebsocketConnectionsDropdown.tsx
View File

@@ -4,7 +4,7 @@ import { formatDistanceToNowStrict } from 'date-fns';
import { deleteWebsocketConnections } from '../commands/deleteWebsocketConnections'; import { deleteWebsocketConnections } from '../commands/deleteWebsocketConnections';
import { pluralizeCount } from '../lib/pluralize'; import { pluralizeCount } from '../lib/pluralize';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';

2
apps/yaak-client/components/RequestBodyViewer.tsx
View File

@@ -2,7 +2,7 @@ import type { HttpResponse } from '@yaakapp-internal/models';
import { lazy, Suspense } from 'react'; import { lazy, Suspense } from 'react';
import { useHttpRequestBody } from '../hooks/useHttpRequestBody'; import { useHttpRequestBody } from '../hooks/useHttpRequestBody';
import { getMimeTypeFromContentType, languageFromContentType } from '../lib/contentType'; import { getMimeTypeFromContentType, languageFromContentType } from '../lib/contentType';
import { LoadingIcon } from './core/LoadingIcon'; import { LoadingIcon } from '@yaakapp-internal/ui';
import { EmptyStateText } from './EmptyStateText'; import { EmptyStateText } from './EmptyStateText';
import { AudioViewer } from './responseViewers/AudioViewer'; import { AudioViewer } from './responseViewers/AudioViewer';
import { CsvViewer } from './responseViewers/CsvViewer'; import { CsvViewer } from './responseViewers/CsvViewer';

2
apps/yaak-client/components/RequestMethodDropdown.tsx
View File

@@ -6,7 +6,7 @@ import { showPrompt } from '../lib/prompt';
import { Button } from './core/Button'; import { Button } from './core/Button';
import type { DropdownItem } from './core/Dropdown'; import type { DropdownItem } from './core/Dropdown';
import { HttpMethodTag, HttpMethodTagRaw } from './core/HttpMethodTag'; import { HttpMethodTag, HttpMethodTagRaw } from './core/HttpMethodTag';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import type { RadioDropdownItem } from './core/RadioDropdown'; import type { RadioDropdownItem } from './core/RadioDropdown';
import { RadioDropdown } from './core/RadioDropdown'; import { RadioDropdown } from './core/RadioDropdown';

3
apps/yaak-client/components/Settings/Settings.tsx
View File

@@ -9,10 +9,9 @@ import { useKeyPressEvent } from 'react-use';
import { appInfo } from '../../lib/appInfo'; import { appInfo } from '../../lib/appInfo';
import { capitalize } from '../../lib/capitalize'; import { capitalize } from '../../lib/capitalize';
import { CountBadge } from '../core/CountBadge'; import { CountBadge } from '../core/CountBadge';
import { Icon } from '../core/Icon';
import { HStack } from '../core/Stacks'; import { HStack } from '../core/Stacks';
import { TabContent, type TabItem, Tabs } from '../core/Tabs/Tabs'; import { TabContent, type TabItem, Tabs } from '../core/Tabs/Tabs';
import { HeaderSize } from '@yaakapp-internal/ui'; import { HeaderSize, Icon } from '@yaakapp-internal/ui';
import { SettingsCertificates } from './SettingsCertificates'; import { SettingsCertificates } from './SettingsCertificates';
import { SettingsGeneral } from './SettingsGeneral'; import { SettingsGeneral } from './SettingsGeneral';
import { SettingsHotkeys } from './SettingsHotkeys'; import { SettingsHotkeys } from './SettingsHotkeys';

2
apps/yaak-client/components/Settings/SettingsHotkeys.tsx
View File

@@ -18,7 +18,7 @@ import { Button } from '../core/Button';
import { Dropdown, type DropdownItem } from '../core/Dropdown'; import { Dropdown, type DropdownItem } from '../core/Dropdown';
import { Heading } from '../core/Heading'; import { Heading } from '../core/Heading';
import { HotkeyRaw } from '../core/Hotkey'; import { HotkeyRaw } from '../core/Hotkey';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from '../core/IconButton'; import { IconButton } from '../core/IconButton';
import { PlainInput } from '../core/PlainInput'; import { PlainInput } from '../core/PlainInput';
import { HStack, VStack } from '../core/Stacks'; import { HStack, VStack } from '../core/Stacks';

2
apps/yaak-client/components/Settings/SettingsInterface.tsx
View File

@@ -14,7 +14,7 @@ import { CargoFeature } from '../CargoFeature';
import { Button } from '../core/Button'; import { Button } from '../core/Button';
import { Checkbox } from '../core/Checkbox'; import { Checkbox } from '../core/Checkbox';
import { Heading } from '../core/Heading'; import { Heading } from '../core/Heading';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { Link } from '../core/Link'; import { Link } from '../core/Link';
import { Select } from '../core/Select'; import { Select } from '../core/Select';
import { HStack, VStack } from '../core/Stacks'; import { HStack, VStack } from '../core/Stacks';

2
apps/yaak-client/components/Settings/SettingsLicense.tsx
View File

@@ -8,7 +8,7 @@ import { pluralizeCount } from '../../lib/pluralize';
import { CargoFeature } from '../CargoFeature'; import { CargoFeature } from '../CargoFeature';
import { Banner } from '../core/Banner'; import { Banner } from '../core/Banner';
import { Button } from '../core/Button'; import { Button } from '../core/Button';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { Link } from '../core/Link'; import { Link } from '../core/Link';
import { PlainInput } from '../core/PlainInput'; import { PlainInput } from '../core/PlainInput';
import { Separator } from '../core/Separator'; import { Separator } from '../core/Separator';

4
apps/yaak-client/components/Settings/SettingsPlugins.tsx
View File

@@ -12,7 +12,7 @@ import {
import classNames from 'classnames'; import classNames from 'classnames';
import { useAtomValue } from 'jotai'; import { useAtomValue } from 'jotai';
import { useState } from 'react'; import { useState } from 'react';
import { useDebouncedValue } from '@yaakapp-internal/ui'; import { Icon, LoadingIcon, useDebouncedValue } from '@yaakapp-internal/ui';
import { useInstallPlugin } from '../../hooks/useInstallPlugin'; import { useInstallPlugin } from '../../hooks/useInstallPlugin';
import { usePluginInfo } from '../../hooks/usePluginInfo'; import { usePluginInfo } from '../../hooks/usePluginInfo';
import { usePluginsKey, useRefreshPlugins } from '../../hooks/usePlugins'; import { usePluginsKey, useRefreshPlugins } from '../../hooks/usePlugins';
@@ -21,11 +21,9 @@ import { minPromiseMillis } from '../../lib/minPromiseMillis';
import { Button } from '../core/Button'; import { Button } from '../core/Button';
import { Checkbox } from '../core/Checkbox'; import { Checkbox } from '../core/Checkbox';
import { CountBadge } from '../core/CountBadge'; import { CountBadge } from '../core/CountBadge';
import { Icon } from '../core/Icon';
import { IconButton } from '../core/IconButton'; import { IconButton } from '../core/IconButton';
import { InlineCode } from '../core/InlineCode'; import { InlineCode } from '../core/InlineCode';
import { Link } from '../core/Link'; import { Link } from '../core/Link';
import { LoadingIcon } from '../core/LoadingIcon';
import { PlainInput } from '../core/PlainInput'; import { PlainInput } from '../core/PlainInput';
import { HStack } from '../core/Stacks'; import { HStack } from '../core/Stacks';
import { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from '../core/Table'; import { Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow } from '../core/Table';

3
apps/yaak-client/components/Settings/SettingsTheme.tsx
View File

@@ -6,8 +6,7 @@ import { useResolvedAppearance } from '../../hooks/useResolvedAppearance';
import { useResolvedTheme } from '../../hooks/useResolvedTheme'; import { useResolvedTheme } from '../../hooks/useResolvedTheme';
import type { ButtonProps } from '../core/Button'; import type { ButtonProps } from '../core/Button';
import { Heading } from '../core/Heading'; import { Heading } from '../core/Heading';
import type { IconProps } from '../core/Icon'; import { Icon, type IconProps } from '@yaakapp-internal/ui';
import { Icon } from '../core/Icon';
import { IconButton } from '../core/IconButton'; import { IconButton } from '../core/IconButton';
import { Link } from '../core/Link'; import { Link } from '../core/Link';
import type { SelectProps } from '../core/Select'; import type { SelectProps } from '../core/Select';

2
apps/yaak-client/components/SettingsDropdown.tsx
View File

@@ -9,7 +9,7 @@ import { showDialog } from '../lib/dialog';
import { importData } from '../lib/importData'; import { importData } from '../lib/importData';
import type { DropdownRef } from './core/Dropdown'; import type { DropdownRef } from './core/Dropdown';
import { Dropdown } from './core/Dropdown'; import { Dropdown } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { KeyboardShortcutsDialog } from './KeyboardShortcutsDialog'; import { KeyboardShortcutsDialog } from './KeyboardShortcutsDialog';

3
apps/yaak-client/components/Sidebar.tsx
View File

@@ -54,12 +54,11 @@ import { filter } from './core/Editor/filter/extension';
import { evaluate, parseQuery } from './core/Editor/filter/query'; import { evaluate, parseQuery } from './core/Editor/filter/query';
import { HttpMethodTag } from './core/HttpMethodTag'; import { HttpMethodTag } from './core/HttpMethodTag';
import { HttpStatusTag } from './core/HttpStatusTag'; import { HttpStatusTag } from './core/HttpStatusTag';
import { Icon } from './core/Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import type { InputHandle } from './core/Input'; import type { InputHandle } from './core/Input';
import { Input } from './core/Input'; import { Input } from './core/Input';
import { LoadingIcon } from './core/LoadingIcon';
import { collapsedFamily, isSelectedFamily, selectedIdsFamily } from './core/tree/atoms'; import { collapsedFamily, isSelectedFamily, selectedIdsFamily } from './core/tree/atoms';
import type { TreeNode } from './core/tree/common'; import type { TreeNode } from './core/tree/common';
import type { TreeHandle, TreeProps } from './core/tree/Tree'; import type { TreeHandle, TreeProps } from './core/tree/Tree';

2
apps/yaak-client/components/SwitchWorkspaceDialog.tsx
View File

@@ -5,7 +5,7 @@ import { useState } from 'react';
import { switchWorkspace } from '../commands/switchWorkspace'; import { switchWorkspace } from '../commands/switchWorkspace';
import { Button } from './core/Button'; import { Button } from './core/Button';
import { Checkbox } from './core/Checkbox'; import { Checkbox } from './core/Checkbox';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import { HStack, VStack } from './core/Stacks'; import { HStack, VStack } from './core/Stacks';

2
apps/yaak-client/components/TemplateFunctionDialog.tsx
View File

@@ -28,7 +28,7 @@ import { Button } from './core/Button';
import { collectArgumentValues } from './core/Editor/twig/util'; import { collectArgumentValues } from './core/Editor/twig/util';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { InlineCode } from './core/InlineCode'; import { InlineCode } from './core/InlineCode';
import { LoadingIcon } from './core/LoadingIcon'; import { LoadingIcon } from '@yaakapp-internal/ui';
import { PlainInput } from './core/PlainInput'; import { PlainInput } from './core/PlainInput';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';
import { DYNAMIC_FORM_NULL_ARG, DynamicForm } from './DynamicForm'; import { DYNAMIC_FORM_NULL_ARG, DynamicForm } from './DynamicForm';

2
apps/yaak-client/components/UrlBar.tsx
View File

@@ -3,7 +3,7 @@ import classNames from 'classnames';
import type { FormEvent, ReactNode } from 'react'; import type { FormEvent, ReactNode } from 'react';
import { memo, useCallback, useRef, useState } from 'react'; import { memo, useCallback, useRef, useState } from 'react';
import { useHotKey } from '../hooks/useHotKey'; import { useHotKey } from '../hooks/useHotKey';
import type { IconProps } from './core/Icon'; import type { IconProps } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import type { InputHandle, InputProps } from './core/Input'; import type { InputHandle, InputProps } from './core/Input';
import { Input } from './core/Input'; import { Input } from './core/Input';

3
apps/yaak-client/components/WebsocketResponsePane.tsx
View File

@@ -16,8 +16,7 @@ import { Editor } from './core/Editor/LazyEditor';
import { type EventDetailAction, EventDetailHeader, EventViewer } from './core/EventViewer'; import { type EventDetailAction, EventDetailHeader, EventViewer } from './core/EventViewer';
import { EventViewerRow } from './core/EventViewerRow'; import { EventViewerRow } from './core/EventViewerRow';
import { HotkeyList } from './core/HotkeyList'; import { HotkeyList } from './core/HotkeyList';
import { Icon } from './core/Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { LoadingIcon } from './core/LoadingIcon';
import { HStack, VStack } from './core/Stacks'; import { HStack, VStack } from './core/Stacks';
import { WebsocketStatusTag } from './core/WebsocketStatusTag'; import { WebsocketStatusTag } from './core/WebsocketStatusTag';
import { EmptyStateText } from './EmptyStateText'; import { EmptyStateText } from './EmptyStateText';

2
apps/yaak-client/components/WorkspaceActionsDropdown.tsx
View File

@@ -22,7 +22,7 @@ import { CloneGitRepositoryDialog } from './CloneGitRepositoryDialog';
import type { ButtonProps } from './core/Button'; import type { ButtonProps } from './core/Button';
import { Button } from './core/Button'; import { Button } from './core/Button';
import type { DropdownItem } from './core/Dropdown'; import type { DropdownItem } from './core/Dropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import type { RadioDropdownItem } from './core/RadioDropdown'; import type { RadioDropdownItem } from './core/RadioDropdown';
import { RadioDropdown } from './core/RadioDropdown'; import { RadioDropdown } from './core/RadioDropdown';
import { SwitchWorkspaceDialog } from './SwitchWorkspaceDialog'; import { SwitchWorkspaceDialog } from './SwitchWorkspaceDialog';

2
apps/yaak-client/components/WorkspaceHeader.tsx
View File

@@ -6,7 +6,7 @@ import { useToggleCommandPalette } from '../hooks/useToggleCommandPalette';
import { workspaceLayoutAtom } from '../lib/atoms'; import { workspaceLayoutAtom } from '../lib/atoms';
import { setupOrConfigureEncryption } from '../lib/setupOrConfigureEncryption'; import { setupOrConfigureEncryption } from '../lib/setupOrConfigureEncryption';
import { CookieDropdown } from './CookieDropdown'; import { CookieDropdown } from './CookieDropdown';
import { Icon } from './core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './core/IconButton'; import { IconButton } from './core/IconButton';
import { PillButton } from './core/PillButton'; import { PillButton } from './core/PillButton';
import { HStack } from './core/Stacks'; import { HStack } from './core/Stacks';

3
apps/yaak-client/components/core/Button.tsx
View File

@@ -4,8 +4,7 @@ import type { HTMLAttributes, ReactNode } from 'react';
import { forwardRef, useImperativeHandle, useRef } from 'react'; import { forwardRef, useImperativeHandle, useRef } from 'react';
import type { HotkeyAction } from '../../hooks/useHotKey'; import type { HotkeyAction } from '../../hooks/useHotKey';
import { useFormattedHotkey, useHotKey } from '../../hooks/useHotKey'; import { useFormattedHotkey, useHotKey } from '../../hooks/useHotKey';
import { Icon } from './Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { LoadingIcon } from './LoadingIcon';
export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> & { export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> & {
innerClassName?: string; innerClassName?: string;

2
apps/yaak-client/components/core/Checkbox.tsx
View File

@@ -1,6 +1,6 @@
import classNames from 'classnames'; import classNames from 'classnames';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconTooltip } from './IconTooltip'; import { IconTooltip } from './IconTooltip';
import { HStack } from './Stacks'; import { HStack } from './Stacks';

2
apps/yaak-client/components/core/ColorPicker.tsx
View File

@@ -2,7 +2,7 @@ import classNames from 'classnames';
import { useState } from 'react'; import { useState } from 'react';
import { HexColorPicker } from 'react-colorful'; import { HexColorPicker } from 'react-colorful';
import { useRandomKey } from '../../hooks/useRandomKey'; import { useRandomKey } from '../../hooks/useRandomKey';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
import { PlainInput } from './PlainInput'; import { PlainInput } from './PlainInput';
interface Props { interface Props {

3
apps/yaak-client/components/core/Dropdown.tsx
View File

@@ -35,8 +35,7 @@ import { ErrorBoundary } from '../ErrorBoundary';
import { Overlay } from '../Overlay'; import { Overlay } from '../Overlay';
import { Button } from './Button'; import { Button } from './Button';
import { Hotkey } from './Hotkey'; import { Hotkey } from './Hotkey';
import { Icon, type IconProps } from './Icon'; import { Icon, LoadingIcon, type IconProps } from '@yaakapp-internal/ui';
import { LoadingIcon } from './LoadingIcon';
import { Separator } from './Separator'; import { Separator } from './Separator';
import { HStack, VStack } from './Stacks'; import { HStack, VStack } from './Stacks';

4
apps/yaak-client/components/core/IconButton.tsx
View File

@@ -4,9 +4,7 @@ import { forwardRef, useCallback } from 'react';
import { useTimedBoolean } from '../../hooks/useTimedBoolean'; import { useTimedBoolean } from '../../hooks/useTimedBoolean';
import type { ButtonProps } from './Button'; import type { ButtonProps } from './Button';
import { Button } from './Button'; import { Button } from './Button';
import type { IconProps } from './Icon'; import { Icon, LoadingIcon, type IconProps } from '@yaakapp-internal/ui';
import { Icon } from './Icon';
import { LoadingIcon } from './LoadingIcon';
export type IconButtonProps = IconProps & export type IconButtonProps = IconProps &
ButtonProps & { ButtonProps & {

3
apps/yaak-client/components/core/IconTooltip.tsx
View File

@@ -1,5 +1,4 @@
import type { IconProps } from './Icon'; import { Icon, type IconProps } from '@yaakapp-internal/ui';
import { Icon } from './Icon';
import type { TooltipProps } from './Tooltip'; import type { TooltipProps } from './Tooltip';
import { Tooltip } from './Tooltip'; import { Tooltip } from './Tooltip';

3
apps/yaak-client/components/core/Input.tsx
View File

@@ -22,8 +22,7 @@ import type { DropdownItem } from './Dropdown';
import { Dropdown } from './Dropdown'; import { Dropdown } from './Dropdown';
import type { EditorProps } from './Editor/Editor'; import type { EditorProps } from './Editor/Editor';
import { Editor } from './Editor/LazyEditor'; import { Editor } from './Editor/LazyEditor';
import type { IconProps } from './Icon'; import { Icon, type IconProps } from '@yaakapp-internal/ui';
import { Icon } from './Icon';
import { IconButton } from './IconButton'; import { IconButton } from './IconButton';
import { IconTooltip } from './IconTooltip'; import { IconTooltip } from './IconTooltip';
import { Label } from './Label'; import { Label } from './Label';

2
apps/yaak-client/components/core/JsonAttributeTree.tsx
View File

@@ -1,7 +1,7 @@
import classNames from 'classnames'; import classNames from 'classnames';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { useMemo, useState } from 'react'; import { useMemo, useState } from 'react';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
interface Props { interface Props {
depth?: number; depth?: number;

2
apps/yaak-client/components/core/Link.tsx
View File

@@ -2,7 +2,7 @@ import { Link as RouterLink } from '@tanstack/react-router';
import classNames from 'classnames'; import classNames from 'classnames';
import type { HTMLAttributes } from 'react'; import type { HTMLAttributes } from 'react';
import { appInfo } from '../../lib/appInfo'; import { appInfo } from '../../lib/appInfo';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
interface Props extends HTMLAttributes<HTMLAnchorElement> { interface Props extends HTMLAttributes<HTMLAnchorElement> {
href: string; href: string;

2
apps/yaak-client/components/core/PairEditor.tsx
View File

@@ -28,7 +28,7 @@ import { Dropdown } from './Dropdown';
import type { EditorProps } from './Editor/Editor'; import type { EditorProps } from './Editor/Editor';
import type { GenericCompletionConfig } from './Editor/genericCompletion'; import type { GenericCompletionConfig } from './Editor/genericCompletion';
import { Editor } from './Editor/LazyEditor'; import { Editor } from './Editor/LazyEditor';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconButton } from './IconButton'; import { IconButton } from './IconButton';
import type { InputHandle, InputProps } from './Input'; import type { InputHandle, InputProps } from './Input';
import { Input } from './Input'; import { Input } from './Input';

2
apps/yaak-client/components/core/RadioDropdown.tsx
View File

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
import { useMemo } from 'react'; import { useMemo } from 'react';
import type { DropdownItem, DropdownItemSeparator, DropdownProps } from './Dropdown'; import type { DropdownItem, DropdownItemSeparator, DropdownProps } from './Dropdown';
import { Dropdown } from './Dropdown'; import { Dropdown } from './Dropdown';
import { Icon } from './Icon'; import { Icon } from '@yaakapp-internal/ui';
export type RadioDropdownItem<T = string | null> = export type RadioDropdownItem<T = string | null> =
| { | {

2
apps/yaak-client/components/core/SegmentedControl.tsx
View File

@@ -3,7 +3,7 @@ import { type ReactNode, useRef } from 'react';
import { useStateWithDeps } from '../../hooks/useStateWithDeps'; import { useStateWithDeps } from '../../hooks/useStateWithDeps';
import { generateId } from '../../lib/generateId'; import { generateId } from '../../lib/generateId';
import { Button } from './Button'; import { Button } from './Button';
import type { IconProps } from './Icon'; import type { IconProps } from '@yaakapp-internal/ui';
import { IconButton, type IconButtonProps } from './IconButton'; import { IconButton, type IconButtonProps } from './IconButton';
import { Label } from './Label'; import { Label } from './Label';
import { HStack } from './Stacks'; import { HStack } from './Stacks';

2
apps/yaak-client/components/core/Tabs/Tabs.tsx
View File

@@ -27,7 +27,7 @@ import { DropMarker } from '../../DropMarker';
import { ErrorBoundary } from '../../ErrorBoundary'; import { ErrorBoundary } from '../../ErrorBoundary';
import type { ButtonProps } from '../Button'; import type { ButtonProps } from '../Button';
import { Button } from '../Button'; import { Button } from '../Button';
import { Icon } from '../Icon'; import { Icon } from '@yaakapp-internal/ui';
import type { RadioDropdownProps } from '../RadioDropdown'; import type { RadioDropdownProps } from '../RadioDropdown';
import { RadioDropdown } from '../RadioDropdown'; import { RadioDropdown } from '../RadioDropdown';

3
apps/yaak-client/components/core/Toast.tsx
View File

@@ -4,8 +4,7 @@ import * as m from 'motion/react-m';
import type { ReactNode } from 'react'; import type { ReactNode } from 'react';
import { useKey } from 'react-use'; import { useKey } from 'react-use';
import type { IconProps } from './Icon'; import { Icon, type IconProps } from '@yaakapp-internal/ui';
import { Icon } from './Icon';
import { IconButton } from './IconButton'; import { IconButton } from './IconButton';
import { VStack } from './Stacks'; import { VStack } from './Stacks';

2
apps/yaak-client/components/core/tree/TreeItem.tsx
View File

@@ -14,7 +14,7 @@ import { computeSideForDragMove } from '../../../lib/dnd';
import { jotaiStore } from '../../../lib/jotai'; import { jotaiStore } from '../../../lib/jotai';
import type { ContextMenuProps, DropdownItem } from '../Dropdown'; import type { ContextMenuProps, DropdownItem } from '../Dropdown';
import { ContextMenu } from '../Dropdown'; import { ContextMenu } from '../Dropdown';
import { Icon } from '../Icon'; import { Icon } from '@yaakapp-internal/ui';
import { collapsedFamily, isCollapsedFamily, isLastFocusedFamily, isSelectedFamily } from './atoms'; import { collapsedFamily, isCollapsedFamily, isLastFocusedFamily, isSelectedFamily } from './atoms';
import type { TreeNode } from './common'; import type { TreeNode } from './common';
import { getNodeKey } from './common'; import { getNodeKey } from './common';

2
apps/yaak-client/components/git/GitCommitDialog.tsx
View File

@@ -20,7 +20,7 @@ import { Button } from '../core/Button';
import type { CheckboxProps } from '../core/Checkbox'; import type { CheckboxProps } from '../core/Checkbox';
import { Checkbox } from '../core/Checkbox'; import { Checkbox } from '../core/Checkbox';
import { DiffViewer } from '../core/Editor/DiffViewer'; import { DiffViewer } from '../core/Editor/DiffViewer';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { InlineCode } from '../core/InlineCode'; import { InlineCode } from '../core/InlineCode';
import { Input } from '../core/Input'; import { Input } from '../core/Input';
import { Separator } from '../core/Separator'; import { Separator } from '../core/Separator';

2
apps/yaak-client/components/git/GitDropdown.tsx
View File

@@ -16,7 +16,7 @@ import { showErrorToast, showToast } from '../../lib/toast';
import { Banner } from '../core/Banner'; import { Banner } from '../core/Banner';
import type { DropdownItem } from '../core/Dropdown'; import type { DropdownItem } from '../core/Dropdown';
import { Dropdown } from '../core/Dropdown'; import { Dropdown } from '../core/Dropdown';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { InlineCode } from '../core/InlineCode'; import { InlineCode } from '../core/InlineCode';
import { gitCallbacks } from './callbacks'; import { gitCallbacks } from './callbacks';
import { GitCommitDialog } from './GitCommitDialog'; import { GitCommitDialog } from './GitCommitDialog';

3
apps/yaak-client/components/graphql/GraphQLDocsExplorer.tsx
View File

@@ -25,12 +25,11 @@ import type { CSSProperties, HTMLAttributes, KeyboardEvent, ReactNode } from 're
import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { useClickOutside } from '../../hooks/useClickOutside'; import { useClickOutside } from '../../hooks/useClickOutside';
import { useContainerSize } from '../../hooks/useContainerQuery'; import { useContainerSize } from '../../hooks/useContainerQuery';
import { useDebouncedValue } from '@yaakapp-internal/ui'; import { Icon, useDebouncedValue } from '@yaakapp-internal/ui';
import { useStateWithDeps } from '../../hooks/useStateWithDeps'; import { useStateWithDeps } from '../../hooks/useStateWithDeps';
import { jotaiStore } from '../../lib/jotai'; import { jotaiStore } from '../../lib/jotai';
import { Banner } from '../core/Banner'; import { Banner } from '../core/Banner';
import { CountBadge } from '../core/CountBadge'; import { CountBadge } from '../core/CountBadge';
import { Icon } from '../core/Icon';
import { IconButton } from '../core/IconButton'; import { IconButton } from '../core/IconButton';
import { PlainInput } from '../core/PlainInput'; import { PlainInput } from '../core/PlainInput';
import { Markdown } from '../Markdown'; import { Markdown } from '../Markdown';

2
apps/yaak-client/components/graphql/GraphQLEditor.tsx
View File

@@ -14,7 +14,7 @@ import { Dropdown } from '../core/Dropdown';
import type { EditorProps } from '../core/Editor/Editor'; import type { EditorProps } from '../core/Editor/Editor';
import { Editor } from '../core/Editor/LazyEditor'; import { Editor } from '../core/Editor/LazyEditor';
import { FormattedError } from '../core/FormattedError'; import { FormattedError } from '../core/FormattedError';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { Separator } from '../core/Separator'; import { Separator } from '../core/Separator';
import { showGraphQLDocExplorerAtom } from './graphqlAtoms'; import { showGraphQLDocExplorerAtom } from './graphqlAtoms';

2
apps/yaak-client/components/responseViewers/BinaryViewer.tsx
View File

@@ -4,7 +4,7 @@ import { getContentTypeFromHeaders } from '../../lib/model_util';
import { Banner } from '../core/Banner'; import { Banner } from '../core/Banner';
import { Button } from '../core/Button'; import { Button } from '../core/Button';
import { InlineCode } from '../core/InlineCode'; import { InlineCode } from '../core/InlineCode';
import { LoadingIcon } from '../core/LoadingIcon'; import { LoadingIcon } from '@yaakapp-internal/ui';
import { EmptyStateText } from '../EmptyStateText'; import { EmptyStateText } from '../EmptyStateText';
interface Props { interface Props {

2
apps/yaak-client/components/responseViewers/EventStreamViewer.tsx
View File

@@ -10,7 +10,7 @@ import type { EditorProps } from '../core/Editor/Editor';
import { Editor } from '../core/Editor/LazyEditor'; import { Editor } from '../core/Editor/LazyEditor';
import { EventDetailHeader, EventViewer } from '../core/EventViewer'; import { EventDetailHeader, EventViewer } from '../core/EventViewer';
import { EventViewerRow } from '../core/EventViewerRow'; import { EventViewerRow } from '../core/EventViewerRow';
import { Icon } from '../core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { InlineCode } from '../core/InlineCode'; import { InlineCode } from '../core/InlineCode';
import { HStack, VStack } from '../core/Stacks'; import { HStack, VStack } from '../core/Stacks';

3
apps/yaak-client/components/responseViewers/MultipartViewer.tsx
View File

@@ -2,8 +2,7 @@ import { type MultipartPart, parseMultipart } from '@mjackson/multipart-parser';
import { lazy, Suspense, useMemo } from 'react'; import { lazy, Suspense, useMemo } from 'react';
import { languageFromContentType } from '../../lib/contentType'; import { languageFromContentType } from '../../lib/contentType';
import { Banner } from '../core/Banner'; import { Banner } from '../core/Banner';
import { Icon } from '../core/Icon'; import { Icon, LoadingIcon } from '@yaakapp-internal/ui';
import { LoadingIcon } from '../core/LoadingIcon';
import { TabContent, Tabs } from '../core/Tabs/Tabs'; import { TabContent, Tabs } from '../core/Tabs/Tabs';
import { AudioViewer } from './AudioViewer'; import { AudioViewer } from './AudioViewer';
import { CsvViewer } from './CsvViewer'; import { CsvViewer } from './CsvViewer';

2
apps/yaak-client/hooks/useAuthTab.tsx
View File

@@ -3,7 +3,7 @@ import { modelTypeLabel, patchModel } from '@yaakapp-internal/models';
import { useMemo } from 'react'; import { useMemo } from 'react';
import { openFolderSettings } from '../commands/openFolderSettings'; import { openFolderSettings } from '../commands/openFolderSettings';
import { openWorkspaceSettings } from '../commands/openWorkspaceSettings'; import { openWorkspaceSettings } from '../commands/openWorkspaceSettings';
import { Icon } from '../components/core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { IconTooltip } from '../components/core/IconTooltip'; import { IconTooltip } from '../components/core/IconTooltip';
import { InlineCode } from '../components/core/InlineCode'; import { InlineCode } from '../components/core/InlineCode';
import { HStack } from '../components/core/Stacks'; import { HStack } from '../components/core/Stacks';

2
apps/yaak-client/hooks/useCreateDropdownItems.tsx
View File

@@ -4,7 +4,7 @@ import { useAtomValue } from 'jotai';
import { useMemo } from 'react'; import { useMemo } from 'react';
import { createFolder } from '../commands/commands'; import { createFolder } from '../commands/commands';
import type { DropdownItem } from '../components/core/Dropdown'; import type { DropdownItem } from '../components/core/Dropdown';
import { Icon } from '../components/core/Icon'; import { Icon } from '@yaakapp-internal/ui';
import { createRequestAndNavigate } from '../lib/createRequestAndNavigate'; import { createRequestAndNavigate } from '../lib/createRequestAndNavigate';
import { generateId } from '../lib/generateId'; import { generateId } from '../lib/generateId';
import { BODY_TYPE_GRAPHQL } from '../lib/model_util'; import { BODY_TYPE_GRAPHQL } from '../lib/model_util';

2
apps/yaak-client/lib/initGlobalListeners.tsx
View File

@@ -17,7 +17,7 @@ import type {
import { openSettings } from "../commands/openSettings"; import { openSettings } from "../commands/openSettings";
import { Button } from "../components/core/Button"; import { Button } from "../components/core/Button";
import { ButtonInfiniteLoading } from "../components/core/ButtonInfiniteLoading"; import { ButtonInfiniteLoading } from "../components/core/ButtonInfiniteLoading";
import { Icon } from "../components/core/Icon"; import { Icon } from "@yaakapp-internal/ui";
import { HStack, VStack } from "../components/core/Stacks"; import { HStack, VStack } from "../components/core/Stacks";
// Listen for toasts // Listen for toasts

16
packages/ui/src/components/Button.tsx
View File

@@ -1,16 +1,6 @@
import type { Color } from "@yaakapp-internal/plugins";
import type { HTMLAttributes, ReactNode } from "react"; import type { HTMLAttributes, ReactNode } from "react";
type ButtonColor =
| "default"
| "custom"
| "primary"
| "secondary"
| "info"
| "success"
| "notice"
| "warning"
| "danger";
type ButtonVariant = "border" | "solid"; type ButtonVariant = "border" | "solid";
type ButtonSize = "2xs" | "xs" | "sm" | "md" | "auto"; type ButtonSize = "2xs" | "xs" | "sm" | "md" | "auto";
@@ -19,8 +9,8 @@ export type ButtonProps = Omit<
"color" | "onChange" "color" | "onChange"
> & { > & {
innerClassName?: string; innerClassName?: string;
color?: ButtonColor; color?: Color | "custom" | "default";
tone?: Exclude<ButtonColor, "custom">; tone?: Color | "default";
variant?: ButtonVariant; variant?: ButtonVariant;
isLoading?: boolean; isLoading?: boolean;
size?: ButtonSize; size?: ButtonSize;

0
apps/yaak-client/components/core/Icon.tsx → packages/ui/src/components/Icon.tsx
View File

0
apps/yaak-client/components/core/LoadingIcon.tsx → packages/ui/src/components/LoadingIcon.tsx
View File

3
packages/ui/src/index.ts
View File

@@ -1,6 +1,9 @@
export { Button } from "./components/Button"; export { Button } from "./components/Button";
export type { ButtonProps } from "./components/Button"; export type { ButtonProps } from "./components/Button";
export { HeaderSize } from "./components/HeaderSize"; export { HeaderSize } from "./components/HeaderSize";
export { Icon } from "./components/Icon";
export type { IconProps } from "./components/Icon";
export { LoadingIcon } from "./components/LoadingIcon";
export { WindowControls } from "./components/WindowControls"; export { WindowControls } from "./components/WindowControls";
export { useIsFullscreen } from "./hooks/useIsFullscreen"; export { useIsFullscreen } from "./hooks/useIsFullscreen";
export { useDebouncedValue } from "./hooks/useDebouncedValue"; export { useDebouncedValue } from "./hooks/useDebouncedValue";