@lokalise/harmony 1.4.0-exp-sidebarComponent.5 → 1.4.0

package/dist/types/src/node.d.ts

@@ -2,5 +2,12 @@
  * COMPONENTS EXPORTS
  */
 export { NavigationPanel } from './components/NavigationPanel/NavigationPanel';
-export { Sidebar } from './components/Sidebar/Sidebar';
-export * from './utils/node';
+export { Breadcrumbs } from './components/NavigationPanel/components/Breadcrumbs/Breadcrumbs';
+export { NavigationTabs } from './components/NavigationPanel/components/NavigationTabs/NavigationTabs';
+/**
+ * UTILITIES EXPORTS
+ */
+export { isPaidPlan, isProPlan, isEnterpriseOpenSourcePlan, isEnterprisePlan, isEssentialPlan, isStartPlan, isFreePlan, isTrialPlan, ENTERPRISE_PLAN_IDS, START_PLAN_IDS, ESSENTIAL_PLAN_IDS, PRO_PLAN_IDS, FREE_PLAN_ID, TRIAL_PLAN_ID, ENTERPRISE_OPENSOURCE_PLAN_ID, } from './utils/billing/plan/plan';
+export { convertNewLineToBreakTag } from './utils/content/text/text';
+export { makeUrlClickable } from './utils/content/url/url';
+export { formatDate, formatDateTz } from './utils/i18n/date/date';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lokalise/harmony",
-    "version": "1.4.0-exp-sidebarComponent.5",
+    "version": "1.4.0",
     "author": {
         "name": "Lokalise",
         "url": "https://lokalise.com/"
@@ -30,7 +30,7 @@
         "storybook:build": "storybook build"
     },
     "peerDependencies": {
-        "@lokalise/louis": ">=26.1.1",
+        "@lokalise/louis": ">=26.0.0",
         "@lokalise/styled": ">=3.0.0",
         "@lokalise/token-dictionary": ">=2.42.1",
         "date-fns": ">=4.1",
@@ -41,7 +41,6 @@
     "devDependencies": {
         "@biomejs/biome": "^1.9.4",
         "@chromatic-com/storybook": "^3.2.4",
-        "@faker-js/faker": "^9.5.0",
         "@lokalise/biome-config": "^1.6.1",
         "@semantic-release/changelog": "^6.0.3",
         "@semantic-release/commit-analyzer": "^13.0.1",
@@ -82,15 +81,14 @@
     "main": "dist/harmony.cjs",
     "module": "dist/harmony.mjs",
     "types": "dist/types/index.d.ts",
+    "sideEffects": false,
     "exports": {
         ".": {
             "types": "./dist/types/index.d.ts",
             "require": "./dist/harmony.cjs",
             "import": "./dist/harmony.mjs"
-        },
-        "./harmony.css": "./dist/harmony.css"
+        }
     },
-    "sideEffects": ["*.css"],
     "dependencies": {
         "clsx": "^2.1.1",
         "react-resize-detector": "^11.0.1"

package/dist/types/fixtures/sidebar/profileMenu.d.ts

@@ -1,2 +0,0 @@
-import { SidebarTeam } from '../../src/components/Sidebar/types';
-export declare const createTeam: () => SidebarTeam;

package/dist/types/fixtures/sidebar/tasks.d.ts

@@ -1,2 +0,0 @@
-import { SidebarTask } from '../../src/components/Sidebar/Widgets/Tasks/types';
-export declare const createTask: () => SidebarTask;

package/dist/types/src/components/Sidebar/Sidebar.d.ts

@@ -1,45 +0,0 @@
-import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
-type SidebarProps = HTMLProps<HTMLElement> & {
-    children: ReactNode;
-};
-declare const Sidebar: {
-    ({ children, ...navProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
-    Top({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Bottom({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Avatar: ({ src, href, ariaLabel, alt }: {
-        src: string;
-        href?: string;
-        ariaLabel?: string;
-        alt?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    IconLink: ({ label, to, icon }: {
-        to: string;
-        label: string;
-        icon: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Menu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Tasks: (props: {
-        config: import('./Widgets/Tasks/types').SidebarTasksConfig;
-    }) => import("react/jsx-runtime").JSX.Element;
-    ProfileMenu: ({ config, children }: {
-        config: import('./Widgets/ProfileMenu/types').SidebarProfileMenuConfig;
-        children: import('./Widgets/ProfileMenu/ProfileMenuContent').ProfileMenuContentProps["children"];
-    }) => import("react/jsx-runtime").JSX.Element;
-    TeamSwitch: ({ onSwitchTeam }: {
-        onSwitchTeam: (team: import('./types').SidebarTeam) => void;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    TeamMenuItem: ({ team, onClick, hidePlanLabel }: {
-        team?: import('./types').SidebarTeam;
-        onClick?: (team: import('./types').SidebarTeam) => void;
-        hidePlanLabel?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    UpgradeMenuItem: ({ upgradeOptionHref }: {
-        upgradeOptionHref: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    ProfileSettingsMenuItem: ({ href, onClick, userEmail }: {
-        href: string;
-        userEmail: string;
-        onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-};
-export { Sidebar };

package/dist/types/src/components/Sidebar/Sidebar.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Sidebar } from './Sidebar';
-declare const meta: Meta<typeof Sidebar>;
-export default meta;
-type Story = StoryObj<typeof Sidebar>;
-export declare const TopSectionOnly: Story;
-export declare const FullSidebar: Story;

package/dist/types/src/components/Sidebar/UpgradeIcon/UpgradeIcon.d.ts

@@ -1,5 +0,0 @@
-type UpgradeIconProps = {
-    className?: string;
-};
-export declare const UpgradeIcon: ({ className }: UpgradeIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-type AvatarProps = {
-    src: string;
-    href?: string;
-    ariaLabel?: string;
-    alt?: string;
-};
-export declare const Avatar: ({ src, href, ariaLabel, alt }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/IconLink/IconLink.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-type IconLinkProps = {
-    to: string;
-    label: string;
-    icon: ReactNode;
-};
-export declare const IconLink: ({ label, to, icon }: IconLinkProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/Menu/Menu.d.ts

@@ -1,2 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare const Menu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.d.ts

@@ -1,8 +0,0 @@
-import { SidebarProfileMenuConfig } from './types';
-import { ProfileMenuContentProps } from './ProfileMenuContent';
-type ProfileMenuProps = {
-    config: SidebarProfileMenuConfig;
-    children: ProfileMenuContentProps['children'];
-};
-export declare const ProfileMenu: ({ config, children }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { SidebarProfileMenuRenderProps } from './types';
-export type ProfileMenuContentProps = {
-    children: (props: SidebarProfileMenuRenderProps) => ReactNode;
-};
-export declare const ProfileMenuContent: ({ children }: ProfileMenuContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContext.d.ts

@@ -1,3 +0,0 @@
-import { SidebarProfileMenuContextProps } from './types';
-export declare const ProfileMenuContext: import('react').Context<SidebarProfileMenuContextProps>;
-export declare const useProfileMenu: () => SidebarProfileMenuContextProps;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { SidebarProfileMenuConfig } from './types';
-type ProfileMenuProviderProps = PropsWithChildren<{
-    config: SidebarProfileMenuConfig;
-}>;
-export declare const ProfileMenuProvider: ({ children, config }: ProfileMenuProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.d.ts

@@ -1,7 +0,0 @@
-type ProfileSettingsMenuItemProps = {
-    href: string;
-    userEmail: string;
-    onClick?: () => void;
-};
-export declare const ProfileSettingsMenuItem: ({ href, onClick, userEmail }: ProfileSettingsMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.d.ts

@@ -1,8 +0,0 @@
-import { SidebarTeam } from '../../../types';
-type TeamMenuItemProps = {
-    team?: SidebarTeam;
-    onClick?: (team: SidebarTeam) => void;
-    hidePlanLabel?: boolean;
-};
-export declare const TeamMenuItem: ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.d.ts

@@ -1,6 +0,0 @@
-import { SidebarTeam } from '../../../types';
-type TeamSwitchProps = {
-    onSwitchTeam: (team: SidebarTeam) => void;
-};
-export declare const TeamSwitch: ({ onSwitchTeam }: TeamSwitchProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.d.ts

@@ -1,5 +0,0 @@
-type UpgradeMenuItemProps = {
-    upgradeOptionHref: string;
-};
-export declare const UpgradeMenuItem: ({ upgradeOptionHref }: UpgradeMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/types.d.ts

@@ -1,22 +0,0 @@
-import { SidebarTeam } from '../../types';
-export type SidebarProfileMenuConfig = {
-    teams: SidebarTeam[];
-    currentTeamId: number;
-    planId: number;
-    isLimitedView: boolean;
-    isTeamSuspended: boolean;
-    canAccessTeamSettings: boolean;
-    isEndOfTrialActive: boolean;
-    trialDaysLeft: number;
-    isProviderAlpha: boolean;
-};
-export type SidebarProfileMenuContextProps = SidebarProfileMenuConfig & {
-    currentTeam?: SidebarTeam;
-    otherTeams: SidebarTeam[];
-    canChangeBilling: boolean;
-    isOnFreeOrTrialPlan: boolean;
-    showUpgradeCta: boolean;
-    showBillingButton: boolean;
-    allowTeamCreation: boolean;
-};
-export type SidebarProfileMenuRenderProps = Pick<SidebarProfileMenuContextProps, 'otherTeams' | 'allowTeamCreation' | 'isLimitedView' | 'canAccessTeamSettings' | 'isEndOfTrialActive' | 'isTeamSuspended' | 'showBillingButton' | 'isProviderAlpha'>;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskLanguage/TaskLanguage.d.ts

@@ -1,6 +0,0 @@
-import { SidebarLanguage, SidebarTask } from '../types';
-export type TaskLanguageProps = {
-    task: SidebarTask;
-    language: SidebarLanguage;
-};
-export declare const TaskLanguage: ({ language, task }: TaskLanguageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskLanguageCompleted/TaskLanguageCompleted.d.ts

@@ -1,7 +0,0 @@
-import { SidebarLanguage, SidebarTask } from '../types';
-type TaskLanguageCompletedProps = {
-    task: SidebarTask;
-    language: SidebarLanguage;
-};
-export declare const TaskLanguageCompleted: ({ task, language }: TaskLanguageCompletedProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskOverview/TaskOverview.d.ts

@@ -1,5 +0,0 @@
-import { SidebarTask } from '../types';
-export type TaskProps = {
-    task: SidebarTask;
-};
-export declare const TaskOverview: ({ task }: TaskProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Sidebar/Widgets/Tasks/Tasks.d.ts

@@ -1,3 +0,0 @@
-export declare const Tasks: (props: {
-    config: import('./types').SidebarTasksConfig;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksContext.d.ts

@@ -1,2 +0,0 @@
-export declare const TasksContext: import('react').Context<TasksContextProps>;
-export declare const useTasks: () => TasksContextProps;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksPopover/TasksPopover.d.ts

@@ -1 +0,0 @@
-export declare const TasksPopover: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksProvider.d.ts

@@ -1,10 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { SidebarTasksConfig } from './types';
-type TasksProviderProps = PropsWithChildren<{
-    config: SidebarTasksConfig;
-}>;
-export declare const TasksProvider: ({ children, config }: TasksProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const withTasksContext: <P extends {
-    config: SidebarTasksConfig;
-}>(WrappedComponent: FC<Omit<P, "config">>) => (props: P) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/Sidebar/Widgets/Tasks/index.d.ts

@@ -1,2 +0,0 @@
-export { Tasks } from './Tasks';
-export { dispatchTaskEvent, TaskEvents } from './utils/taskEvents';

package/dist/types/src/components/Sidebar/Widgets/Tasks/types.d.ts

@@ -1,85 +0,0 @@
-import { TypesFromMap } from '../../../../utils/node.ts/typeUtils';
-export declare const SidebarTaskStatuses: {
-    readonly Completed: "completed";
-    readonly InProgress: "in_progress";
-    readonly Created: "created";
-    readonly Queued: "queued";
-};
-export type SidebarTaskStatus = TypesFromMap<typeof SidebarTaskStatuses>;
-export declare const SidebarTaskLanguageStatuses: {
-    readonly Completed: "completed";
-    readonly InProgress: "in_progress";
-    readonly Created: "created";
-    readonly Queued: "queued";
-};
-export type SidebarTaskLanguageStatus = TypesFromMap<typeof SidebarTaskLanguageStatuses>;
-export declare const SidebarTaskTypeOptions: {
-    readonly translation: "translation";
-    readonly review: "review";
-    readonly lqa_by_ai: "lqa_by_ai";
-    readonly automatic_translation: "automatic_translation";
-};
-export type SidebarTaskTypeOption = TypesFromMap<typeof SidebarTaskTypeOptions>;
-export type SidebarTaskStyleGuide = {
-    id: string;
-    name: string;
-};
-export type SidebarTaskLanguage = {
-    lang_id: string;
-    name: string;
-    progress?: number;
-    status: SidebarTaskLanguageStatus;
-    base_words_total: `${number}`;
-    base_words_done: `${number}`;
-};
-export type SidebarTask = {
-    id: string;
-    title: string;
-    status: SidebarTaskStatus;
-    langs: SidebarTaskLanguage[];
-    team_id: number;
-    created_by_fullname: string;
-    source_lang_name: string;
-    task_type: SidebarTaskTypeOption;
-    style_guides: SidebarTaskStyleGuide[];
-    description?: string;
-    project_name: string;
-    master_branching_enabled: '0' | '1';
-    branch_name: string | null;
-    due_date: string | null;
-};
-export type SidebarDefaultFnArgs = {
-    task: SidebarTask;
-    language: SidebarTaskLanguage;
-};
-export type SidebarDefaultFn = (props: SidebarDefaultFnArgs) => void;
-export type SidebarTasksGetProjectUrlFnArgs = {
-    task: SidebarTask;
-    language?: SidebarTaskLanguage;
-    view?: 'single' | 'multi';
-    taskUncompleted?: boolean;
-};
-export type SidebarTasksGetProjectUrlFn = (props: SidebarTasksGetProjectUrlFnArgs) => string;
-export type SidebarTaskTitleOnClickFn = (props: Pick<SidebarDefaultFnArgs, 'task'>) => void;
-export type SidebarOnLanguageCompleteConfirmFnArgs = SidebarDefaultFnArgs & {
-    closePrompt: () => void;
-};
-export type SidebarOnLanguageCompleteConfirmFn = (props: SidebarOnLanguageCompleteConfirmFnArgs) => Promise<void>;
-export type SidebarTasksConfig = {
-    getTasksCount: () => Promise<number>;
-    getTasks: () => Promise<SidebarTask[]>;
-    getProjectUrl: SidebarTasksGetProjectUrlFn;
-    onLanguageCompleteConfirm: SidebarOnLanguageCompleteConfirmFn;
-    onTasksWidgetOpen?: ({ tasks }: {
-        tasks: SidebarTask[];
-    }) => void;
-    taskTitleOnClick?: SidebarTaskTitleOnClickFn;
-    langNameOnClick?: SidebarDefaultFn;
-    langProgressOnClick?: SidebarDefaultFn;
-};
-export type SidebarTasksContextProps = Pick<SidebarTasksConfig, 'onTasksWidgetOpen' | 'getProjectUrl' | 'taskTitleOnClick' | 'langNameOnClick' | 'langProgressOnClick' | 'onLanguageCompleteConfirm'> & {
-    fetchTasks: () => Promise<void>;
-    tasks: SidebarTask[];
-    tasksCount: number;
-    loadingTasks: boolean;
-};

package/dist/types/src/components/Sidebar/Widgets/Tasks/utils/content.d.ts

@@ -1,16 +0,0 @@
-import { SidebarLanguage, SidebarLanguageStatus, SidebarTask, SidebarTaskTypeOption } from '../types';
-export declare const getStatusText: (status: SidebarLanguageStatus, progressValue: number) => "Closed" | "Completed" | "In progress" | "Not started" | "Queued" | "-";
-export declare const resolveStatus: (language: SidebarLanguage) => SidebarLanguageStatus;
-export declare const statusSortOrder: string[];
-/**
- * TODO - these should be taken from louis
- */
-export declare const tagColor: Record<SidebarTaskTypeOption, string>;
-export declare const getTaskLanguages: (langs: SidebarTask["langs"]) => {
-    status: SidebarLanguageStatus;
-    lang_id: string;
-    name: string;
-    progress?: number;
-    base_words_total: `${number}`;
-    base_words_done: `${number}`;
-}[];

package/dist/types/src/components/Sidebar/Widgets/Tasks/utils/taskEvents.d.ts

@@ -1,23 +0,0 @@
-export declare const TaskEvents: {
-    readonly TaskCompleted: "task_completed";
-    readonly TaskClosed: "task_closed";
-    readonly Refresh: "refresh";
-    readonly ShowDialog: "show_dialog";
-};
-export type TaskEvent = (typeof TaskEvents)[keyof typeof TaskEvents];
-type SingleTaskPayload = {
-    taskId: string | number;
-};
-type DispatchTaskEventPayload = {
-    name: typeof TaskEvents.TaskCompleted;
-    detail: SingleTaskPayload;
-} | {
-    name: typeof TaskEvents.TaskClosed;
-    detail: SingleTaskPayload;
-} | {
-    name: typeof TaskEvents.Refresh;
-} | {
-    name: typeof TaskEvents.ShowDialog;
-};
-export declare const dispatchTaskEvent: (props: DispatchTaskEventPayload) => void;
-export {};

package/dist/types/src/components/Sidebar/Widgets/index.d.ts

@@ -1,5 +0,0 @@
-export { Avatar } from './Avatar/Avatar';
-export { IconLink } from './IconLink/IconLink';
-export { Menu } from './Menu/Menu';
-export { Tasks } from './Tasks';
-export { ProfileMenu } from './ProfileMenu/ProfileMenu';

package/dist/types/src/components/Sidebar/types.d.ts

@@ -1,14 +0,0 @@
-import { TypesFromMap } from '../../utils/node.ts';
-export declare const SidebarTeamRoles: {
-    readonly member: "member";
-    readonly admin: "admin";
-    readonly biller: "biller";
-    readonly owner: "owner";
-};
-export type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>;
-export type SidebarTeam = {
-    id: number;
-    name: string;
-    role: SidebarTeamRole;
-    logoUrl: string;
-};

package/dist/types/src/components/Sidebar/utils/index.d.ts

@@ -1,4 +0,0 @@
-export declare const splitFileName: (fileName: string) => {
-    name: string;
-    extension: string;
-};

package/dist/types/src/utils/hooks/useEffectOnce.d.ts

@@ -1,5 +0,0 @@
-import { EffectCallback } from 'react';
-/**
- * React hook that runs an effect only once.
- */
-export declare const useEffectOnce: (effect: EffectCallback) => void;

package/dist/types/src/utils/node.d.ts

@@ -1,6 +0,0 @@
-export { isPaidPlan, isProPlan, isEnterpriseOpenSourcePlan, isEnterprisePlan, isEssentialPlan, isStartPlan, isFreePlan, isTrialPlan, ENTERPRISE_PLAN_IDS, START_PLAN_IDS, ESSENTIAL_PLAN_IDS, PRO_PLAN_IDS, FREE_PLAN_ID, TRIAL_PLAN_ID, ENTERPRISE_OPENSOURCE_PLAN_ID, } from './billing/plan/plan';
-export { convertNewLineToBreakTag } from './content/text/text';
-export { makeUrlClickable } from './content/url/url';
-export { formatDate, formatDateTz } from './i18n/date/date';
-export { useEffectOnce } from './hooks/useEffectOnce';
-export type { TypesFromMap } from './typeUtils';

package/dist/types/src/utils/typeUtils.d.ts

@@ -1,3 +0,0 @@
-export type TypesFromMap<T extends {
-    [key: string]: string | number;
-}> = T[keyof T];

package/dist/types/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;