@soul-refiner/design-system 2.14.13 → 2.14.14

package/dist/src/components/custom/help_center/help_center_sub-category.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SubCategoryListProps {
+    categoryId: string;
+    children: (subcategoryId: string) => React.ReactNode;
+}
+declare const SubCategoryList: React.FC<SubCategoryListProps>;
+export default SubCategoryList;

package/dist/src/components/custom/help_center/index.d.ts

@@ -0,0 +1 @@
+export { HelpCenter } from './help_center';

package/dist/src/components/custom/help_center/types.d.ts

@@ -0,0 +1,124 @@
+/// <reference types="react" />
+import { TElement } from '@udecode/plate';
+import { IStyledComponent } from 'styled-components';
+import { FastOmit } from 'styled-components/dist/types';
+export interface Category {
+    id: string;
+    name: string;
+    subcategories: Subcategory[];
+}
+export interface Subcategory {
+    id: string;
+    name: string;
+    categoryId: string;
+    articles: Article[];
+}
+export interface WithPermissionProps {
+    role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    permission: string;
+}
+export declare const USER_ROLES: {
+    readonly ADMIN: "admin";
+    readonly EDITOR: "editor";
+    readonly VIEWER: "viewer";
+};
+export interface User {
+    id: string;
+    email: string;
+    role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+}
+export interface Category {
+    id: string;
+    name: string;
+    subcategories: Subcategory[];
+}
+export declare enum DropdownOptions {
+    RENAME = "Rename",
+    CREATE_SUBCATEGORY = "Create Sub-Category",
+    DELETE_CATEGORY = "Remove the Category",
+    CREATE_ARTICLES = "Create Articles",
+    DELETE_SUBCATEGORY = "Remove"
+}
+export interface CustomModalProps {
+    title: string;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    initialValue?: string;
+    modalType: modalType;
+    submitButtonText?: string;
+    cancelButtonText?: string;
+    mainContent?: React.ReactNode;
+    headerContent?: React.ReactNode;
+    footerContent?: React.ReactNode;
+    onSubmit: (value: string) => void;
+    trigger: React.ReactNode;
+}
+export type modalType = 'create' | 'edit' | 'delete' | 'create-article-category' | 'edit-article' | 'edit-article-category' | 'delete-article-category' | 'edit-article-QA' | 'delete-article-QA' | 'articleQuestion';
+export interface Subcategory {
+    id: string;
+    name: string;
+    categoryId: string;
+    articles: Article[];
+}
+export interface ArticleCategory {
+    id: string;
+    title?: string;
+    articleId: string;
+    description?: string;
+    questions?: ArticleQuestion[];
+}
+export interface ArticleQuestion {
+    id: string;
+    articleCategoryId: string;
+    question?: string;
+    answer?: TElement[];
+}
+export interface Article {
+    id: string;
+    title: string;
+    content: ArticleCategory[];
+    categoryId: string;
+    subcategoryId: string;
+}
+export interface HelpCenterContextValue {
+    categories: Category[];
+    isLoading: boolean;
+    selectedArticle: Article | null;
+    isNewArticle: boolean;
+    selectedSubcategory: Subcategory | null;
+    error: string | null;
+    userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    breadcrumbTrail: string[];
+    setSelectedSubcategory: React.Dispatch<React.SetStateAction<Subcategory | null>>;
+    setSelectedArticle: React.Dispatch<React.SetStateAction<Article | null>>;
+    setIsNewArticle: React.Dispatch<React.SetStateAction<boolean>>;
+    setBreadcrumbTrail: React.Dispatch<React.SetStateAction<string[]>>;
+    addCategory: (name: string) => void;
+    updateCategory: (id: string, name: string) => void;
+    deleteCategory: (id: string) => void;
+    addSubcategory: (categoryId: string, name: string) => void;
+    addArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, newCategory: Omit<ArticleCategory, 'id'>) => void;
+    deleteArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, questionId: string) => void;
+    deleteArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string) => void;
+    updateArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, updatedCategoryName: string) => void;
+    addArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, newQuestion: Omit<ArticleQuestion, 'id'>) => void;
+    updateArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, articleQuestionId: string, updatedQuestion: Omit<ArticleQuestion, 'id'>) => void;
+    updateSubcategory: (categoryId: string, subcategoryId: string, name: string) => void;
+    deleteSubcategory: (categoryId: string, subcategoryId: string) => void;
+    addArticle: (categoryId: string, subcategoryId: string, title: string, content: ArticleCategory[]) => string;
+    updateArticle: (categoryId: string, subcategoryId: string, articleId: string, title: string, content: ArticleCategory[]) => void;
+    deleteArticle: (categoryId: string, subcategoryId: string, articleId: string) => void;
+}
+export interface HelpCenterProviderProps extends HelpCenterProps {
+    children: React.ReactNode;
+}
+export interface HelpCenterProps {
+    initialData: {
+        categories: Category[];
+        userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
+    };
+    onDataChange?: (data: {
+        categories: Category[];
+    }) => void;
+}
+export type StyledType = IStyledComponent<'web', FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/src/components/iconography/EmojiPicker/Reaction.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './reaction-sparkle.css';
+interface RainbowReactionEmojiProps {
+    emojiId: string;
+    size?: number;
+    sparkleOnMount?: boolean;
+}
+export declare const RainbowReactionEmoji: React.FC<RainbowReactionEmojiProps>;
+export {};

package/dist/src/components/iconography/EmojiPicker/emoji-picker.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type NormalizedEmoji = {
+    id: string;
+    name: string;
+    keywords?: string[];
+    skins: {
+        unified: string;
+        native: string;
+    }[];
+    coordinates?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const CustomEmojiPicker: React.FC<{
+    onSelect: (emoji: NormalizedEmoji) => void;
+}>;
+export {};

package/dist/src/components/iconography/EmojiPicker/grid-mapper.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmojiGridMapper: React.FC;

package/dist/src/components/media/audio-player/progress-bar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface AudioProgressBarProps {
+    /**
+     * @param duration the total duration of the audio media in seconds
+     * */
+    duration: number;
+    /**
+     * @param progress the amount of the audio media listened to
+     * */
+    progress: number;
+    onSeek: (percent: number) => void;
+}
+export declare const AudioProgressBar: ({ duration, progress, onSeek, }: AudioProgressBarProps) => React.JSX.Element;
+export {};

package/dist/src/emoji/sparkle-emoji.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ClickUpStyleEmojiButtonProps {
+    emojiId: string;
+    count?: number;
+    size?: number;
+    onClick?: () => void;
+}
+interface ClickUpStyleEmojiButtonProps {
+    emojiId: string;
+    count?: number;
+    size?: number;
+    onClick?: () => void;
+}
+export declare const ClickUpStyleEmojiButton: React.FC<ClickUpStyleEmojiButtonProps>;
+export {};

package/dist/src/emoji/sprite-emoji.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface SpriteEmojiProps {
+    emoji: {
+        id: string;
+    };
+    size?: number;
+}
+export declare const SpriteEmoji: React.FC<SpriteEmojiProps>;
+export {};

package/dist/src/hooks/useSparkle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface SparkleOptions {
+    containerRef: React.RefObject<HTMLDivElement>;
+    size: number;
+    shape?: 'star' | 'dot';
+    theme?: 'rainbow' | 'gold';
+    ringCount?: number;
+    sparkleCount?: number;
+    delay?: number;
+}
+export declare const useSparkle: ({ containerRef, size, shape, theme, ringCount, sparkleCount, delay, }: SparkleOptions) => void;
+export {};

package/dist/src/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T extends (...args: any[]) => void>(callback: T, delay: number) => T;