@soul-refiner/design-system 2.13.0-alpha.5 → 2.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/components/card/person/person.js +1 -23
  2. package/dist/components/iconography/icon/icon.js +1 -1
  3. package/dist/components/input/responsive-text_area/responsive_text_area.js +0 -4
  4. package/dist/components/input/text_area/text_area.js +1 -9
  5. package/dist/components/media/audio-player/audio-player.js +1 -1
  6. package/dist/components/media/audio-playlist/playlist-item.js +1 -1
  7. package/dist/components/media/video-player/playlist-item.js +2 -2
  8. package/dist/components/media/video-player/video.js +1 -1
  9. package/dist/components/surfaces/comment/comment.js +5 -14
  10. package/dist/components/surfaces/discuss_post/discuss_post.js +6 -6
  11. package/dist/components/surfaces/post/post.js +1 -1
  12. package/dist/index.js +1 -1
  13. package/dist/src/components/card/person/person.d.ts +2 -4
  14. package/dist/src/components/feedback/index.d.ts +0 -2
  15. package/dist/src/components/iconography/icon/icon.d.ts +1 -2
  16. package/dist/src/components/media/index.d.ts +0 -1
  17. package/dist/src/components/surfaces/comment/comment.d.ts +1 -2
  18. package/dist/src/styles/globals.css +1 -1
  19. package/package.json +2 -5
  20. package/dist/assets/custom_emoji_data.json.js +0 -1
  21. package/dist/components/custom/help_center/help_center-auth.js +0 -1
  22. package/dist/components/custom/help_center/help_center-customModal.js +0 -7
  23. package/dist/components/custom/help_center/help_center-defaultArticle.js +0 -60
  24. package/dist/components/custom/help_center/help_center-editable-content.js +0 -31
  25. package/dist/components/custom/help_center/help_center-mainPage.js +0 -32
  26. package/dist/components/custom/help_center/help_center-sidebar.js +0 -1
  27. package/dist/components/custom/help_center/help_center.js +0 -1
  28. package/dist/components/custom/help_center/help_center_articlle-list.js +0 -30
  29. package/dist/components/custom/help_center/help_center_categoryList.js +0 -55
  30. package/dist/components/custom/help_center/help_center_dataStore.js +0 -1
  31. package/dist/components/custom/help_center/help_center_layout.js +0 -64
  32. package/dist/components/custom/help_center/help_center_sub-category.js +0 -27
  33. package/dist/components/custom/help_center/types.js +0 -1
  34. package/dist/components/feedback/emojiPicker/constants.js +0 -1
  35. package/dist/components/feedback/emojiPicker/emoji-picker.js +0 -84
  36. package/dist/components/feedback/emojiPicker/emoji-reactions.js +0 -17
  37. package/dist/components/feedback/emojiPicker/sparkle-reaction.js +0 -5
  38. package/dist/components/feedback/emojiPicker/utils.js +0 -1
  39. package/dist/components/media/audio-player/progress-bar.js +0 -4
  40. package/dist/components/media/audio-playlist/playing_indicator.js +0 -28
  41. package/dist/emojis/64-2Q7F4PKG.png +0 -0
  42. package/dist/icons/time/hourglass.js +0 -1
  43. package/dist/src/components/custom/help_center/help_center-auth.d.ts +0 -7
  44. package/dist/src/components/custom/help_center/help_center-customModal.d.ts +0 -4
  45. package/dist/src/components/custom/help_center/help_center-defaultArticle.d.ts +0 -15
  46. package/dist/src/components/custom/help_center/help_center-editable-content.d.ts +0 -7
  47. package/dist/src/components/custom/help_center/help_center-mainPage.d.ts +0 -3
  48. package/dist/src/components/custom/help_center/help_center-sidebar.d.ts +0 -3
  49. package/dist/src/components/custom/help_center/help_center.d.ts +0 -13
  50. package/dist/src/components/custom/help_center/help_center_articlle-list.d.ts +0 -7
  51. package/dist/src/components/custom/help_center/help_center_categoryList.d.ts +0 -6
  52. package/dist/src/components/custom/help_center/help_center_dataStore.d.ts +0 -4
  53. package/dist/src/components/custom/help_center/help_center_layout.d.ts +0 -3
  54. package/dist/src/components/custom/help_center/help_center_seedData.d.ts +0 -2
  55. package/dist/src/components/custom/help_center/help_center_sub-category.d.ts +0 -7
  56. package/dist/src/components/custom/help_center/index.d.ts +0 -1
  57. package/dist/src/components/custom/help_center/types.d.ts +0 -124
  58. package/dist/src/components/feedback/emojiPicker/constants.d.ts +0 -17
  59. package/dist/src/components/feedback/emojiPicker/emoji-picker.d.ts +0 -8
  60. package/dist/src/components/feedback/emojiPicker/emoji-reactions.d.ts +0 -12
  61. package/dist/src/components/feedback/emojiPicker/grid-mapper.d.ts +0 -2
  62. package/dist/src/components/feedback/emojiPicker/index.d.ts +0 -3
  63. package/dist/src/components/feedback/emojiPicker/sparkle-reaction.d.ts +0 -4
  64. package/dist/src/components/feedback/emojiPicker/types.d.ts +0 -37
  65. package/dist/src/components/feedback/emojiPicker/utils.d.ts +0 -3
  66. package/dist/src/components/iconography/EmojiPicker/Reaction.d.ts +0 -9
  67. package/dist/src/components/iconography/EmojiPicker/emoji-picker.d.ts +0 -18
  68. package/dist/src/components/iconography/EmojiPicker/grid-mapper.d.ts +0 -2
  69. package/dist/src/components/media/audio-player/progress-bar.d.ts +0 -14
  70. package/dist/src/components/media/audio-playlist/playing_indicator.d.ts +0 -4
  71. package/dist/src/emoji/sparkle-emoji.d.ts +0 -15
  72. package/dist/src/emoji/sprite-emoji.d.ts +0 -9
  73. package/dist/src/hooks/useSparkle.d.ts +0 -12
  74. package/dist/src/icons/time/hourglass.d.ts +0 -3
  75. package/dist/src/utils/debounce.d.ts +0 -1
  76. package/dist/styles/output.css +0 -1911
@@ -1,124 +0,0 @@
1
- /// <reference types="react" />
2
- import { TElement } from '@udecode/plate';
3
- import { IStyledComponent } from 'styled-components';
4
- import { FastOmit } from 'styled-components/dist/types';
5
- export interface Category {
6
- id: string;
7
- name: string;
8
- subcategories: Subcategory[];
9
- }
10
- export interface Subcategory {
11
- id: string;
12
- name: string;
13
- categoryId: string;
14
- articles: Article[];
15
- }
16
- export interface WithPermissionProps {
17
- role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
18
- permission: string;
19
- }
20
- export declare const USER_ROLES: {
21
- readonly ADMIN: "admin";
22
- readonly EDITOR: "editor";
23
- readonly VIEWER: "viewer";
24
- };
25
- export interface User {
26
- id: string;
27
- email: string;
28
- role: (typeof USER_ROLES)[keyof typeof USER_ROLES];
29
- }
30
- export interface Category {
31
- id: string;
32
- name: string;
33
- subcategories: Subcategory[];
34
- }
35
- export declare enum DropdownOptions {
36
- RENAME = "Rename",
37
- CREATE_SUBCATEGORY = "Create Sub-Category",
38
- DELETE_CATEGORY = "Remove the Category",
39
- CREATE_ARTICLES = "Create Articles",
40
- DELETE_SUBCATEGORY = "Remove"
41
- }
42
- export interface CustomModalProps {
43
- title: string;
44
- isOpen: boolean;
45
- setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
46
- initialValue?: string;
47
- modalType: modalType;
48
- submitButtonText?: string;
49
- cancelButtonText?: string;
50
- mainContent?: React.ReactNode;
51
- headerContent?: React.ReactNode;
52
- footerContent?: React.ReactNode;
53
- onSubmit: (value: string) => void;
54
- trigger: React.ReactNode;
55
- }
56
- export type modalType = 'create' | 'edit' | 'delete' | 'create-article-category' | 'edit-article' | 'edit-article-category' | 'delete-article-category' | 'edit-article-QA' | 'delete-article-QA' | 'articleQuestion';
57
- export interface Subcategory {
58
- id: string;
59
- name: string;
60
- categoryId: string;
61
- articles: Article[];
62
- }
63
- export interface ArticleCategory {
64
- id: string;
65
- title?: string;
66
- articleId: string;
67
- description?: string;
68
- questions?: ArticleQuestion[];
69
- }
70
- export interface ArticleQuestion {
71
- id: string;
72
- articleCategoryId: string;
73
- question?: string;
74
- answer?: TElement[];
75
- }
76
- export interface Article {
77
- id: string;
78
- title: string;
79
- content: ArticleCategory[];
80
- categoryId: string;
81
- subcategoryId: string;
82
- }
83
- export interface HelpCenterContextValue {
84
- categories: Category[];
85
- isLoading: boolean;
86
- selectedArticle: Article | null;
87
- isNewArticle: boolean;
88
- selectedSubcategory: Subcategory | null;
89
- error: string | null;
90
- userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
91
- breadcrumbTrail: string[];
92
- setSelectedSubcategory: React.Dispatch<React.SetStateAction<Subcategory | null>>;
93
- setSelectedArticle: React.Dispatch<React.SetStateAction<Article | null>>;
94
- setIsNewArticle: React.Dispatch<React.SetStateAction<boolean>>;
95
- setBreadcrumbTrail: React.Dispatch<React.SetStateAction<string[]>>;
96
- addCategory: (name: string) => void;
97
- updateCategory: (id: string, name: string) => void;
98
- deleteCategory: (id: string) => void;
99
- addSubcategory: (categoryId: string, name: string) => void;
100
- addArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, newCategory: Omit<ArticleCategory, 'id'>) => void;
101
- deleteArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, questionId: string) => void;
102
- deleteArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string) => void;
103
- updateArticleCategory: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, updatedCategoryName: string) => void;
104
- addArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, newQuestion: Omit<ArticleQuestion, 'id'>) => void;
105
- updateArticleQuestion: (categoryId: string, subcategoryId: string, articleId: string, articleCategoryId: string, articleQuestionId: string, updatedQuestion: Omit<ArticleQuestion, 'id'>) => void;
106
- updateSubcategory: (categoryId: string, subcategoryId: string, name: string) => void;
107
- deleteSubcategory: (categoryId: string, subcategoryId: string) => void;
108
- addArticle: (categoryId: string, subcategoryId: string, title: string, content: ArticleCategory[]) => string;
109
- updateArticle: (categoryId: string, subcategoryId: string, articleId: string, title: string, content: ArticleCategory[]) => void;
110
- deleteArticle: (categoryId: string, subcategoryId: string, articleId: string) => void;
111
- }
112
- export interface HelpCenterProviderProps extends HelpCenterProps {
113
- children: React.ReactNode;
114
- }
115
- export interface HelpCenterProps {
116
- initialData: {
117
- categories: Category[];
118
- userRole: (typeof USER_ROLES)[keyof typeof USER_ROLES];
119
- };
120
- onDataChange?: (data: {
121
- categories: Category[];
122
- }) => void;
123
- }
124
- export type StyledType = IStyledComponent<'web', FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -1,17 +0,0 @@
1
- export declare const FREQUENTLY_USED_IDS: string[];
2
- export declare enum CategoryId {
3
- FREQUENTLY = "frequently",
4
- PEOPLE = "people",
5
- NATURE = "nature",
6
- FOODS = "foods",
7
- ACTIVITY = "activity",
8
- OBJECTS = "objects",
9
- SYMBOLS = "symbols",
10
- FLAGS = "flags"
11
- }
12
- export declare const CATEGORY_ICONS: Record<CategoryId, string>;
13
- export declare const RAINBOW_COLORS: string[];
14
- export declare const SPRITE_URL = "/emojis/64-2Q7F4PKG.png";
15
- export declare const SPRITE_COLUMNS = 62;
16
- export declare const TILE_SIZE = 25;
17
- export declare const SPRITE_SIZE = 100;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare const CustomEmojiPicker: React.FC<{
3
- onSelect: (emoji: Record<string, string>) => void;
4
- onClickOutside?: () => void;
5
- open?: boolean;
6
- trigger?: React.ReactNode;
7
- $pickersx?: string;
8
- }>;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- interface EmojiReactionProps {
3
- emoji: string;
4
- isActive: boolean;
5
- size?: number;
6
- showSparkle?: boolean;
7
- count?: number;
8
- onReact: () => void;
9
- showCount?: boolean;
10
- }
11
- export declare const EmojiReaction: React.FC<EmojiReactionProps>;
12
- export {};
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const EmojiGridMapper: React.FC;
@@ -1,3 +0,0 @@
1
- export { CustomEmojiPicker } from './emoji-picker';
2
- export { EmojiReaction } from './emoji-reactions';
3
- export type { NormalizedEmojiType, ReactionEmojiProps } from './types';
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import './reaction-sparkle.css';
3
- import { ReactionEmojiProps } from './types';
4
- export declare const ReactionEmoji: React.FC<ReactionEmojiProps>;
@@ -1,37 +0,0 @@
1
- export type NormalizedEmojiType = {
2
- id: string;
3
- name: string;
4
- keywords?: string[];
5
- skins: {
6
- unified: string;
7
- native: string;
8
- }[];
9
- coordinates?: {
10
- x: number;
11
- y: number;
12
- };
13
- };
14
- export interface ReactionEmojiProps {
15
- emojiId: string;
16
- size?: number;
17
- sparkleOnMount?: boolean;
18
- coordinates?: {
19
- x: number;
20
- y: number;
21
- };
22
- }
23
- export type RawEmojiDataType = {
24
- emojis: Record<string, NormalizedEmojiType>;
25
- categories: {
26
- id: string;
27
- emojis: string[];
28
- }[];
29
- };
30
- export type PreprocessedEmojiDataType = {
31
- categories: {
32
- [categoryId: string]: NormalizedEmojiType[];
33
- };
34
- emojiMap: {
35
- [emojiId: string]: NormalizedEmojiType;
36
- };
37
- };
@@ -1,3 +0,0 @@
1
- import { NormalizedEmojiType, PreprocessedEmojiDataType, RawEmojiDataType } from './types';
2
- export declare function preprocessEmojiData(rawData: RawEmojiDataType, FREQUENTLY_USED_IDS: string[]): PreprocessedEmojiDataType;
3
- export declare function buildNativeEmojiMap(emojis: Record<string, NormalizedEmojiType>): Record<string, NormalizedEmojiType>;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import './reaction-sparkle.css';
3
- interface RainbowReactionEmojiProps {
4
- emojiId: string;
5
- size?: number;
6
- sparkleOnMount?: boolean;
7
- }
8
- export declare const RainbowReactionEmoji: React.FC<RainbowReactionEmojiProps>;
9
- export {};
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- type NormalizedEmoji = {
3
- id: string;
4
- name: string;
5
- keywords?: string[];
6
- skins: {
7
- unified: string;
8
- native: string;
9
- }[];
10
- coordinates?: {
11
- x: number;
12
- y: number;
13
- };
14
- };
15
- export declare const CustomEmojiPicker: React.FC<{
16
- onSelect: (emoji: NormalizedEmoji) => void;
17
- }>;
18
- export {};
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const EmojiGridMapper: React.FC;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface AudioProgressBarProps {
3
- /**
4
- * @param duration the total duration of the audio media in seconds
5
- * */
6
- duration: number;
7
- /**
8
- * @param progress the amount of the audio media listened to
9
- * */
10
- progress: number;
11
- onSeek: (percent: number) => void;
12
- }
13
- export declare const AudioProgressBar: ({ duration, progress, onSeek, }: AudioProgressBarProps) => React.JSX.Element;
14
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare const NowPlaying: ({ sx }: {
3
- sx?: string | undefined;
4
- }) => React.JSX.Element;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- interface ClickUpStyleEmojiButtonProps {
3
- emojiId: string;
4
- count?: number;
5
- size?: number;
6
- onClick?: () => void;
7
- }
8
- interface ClickUpStyleEmojiButtonProps {
9
- emojiId: string;
10
- count?: number;
11
- size?: number;
12
- onClick?: () => void;
13
- }
14
- export declare const ClickUpStyleEmojiButton: React.FC<ClickUpStyleEmojiButtonProps>;
15
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface SpriteEmojiProps {
3
- emoji: {
4
- id: string;
5
- };
6
- size?: number;
7
- }
8
- export declare const SpriteEmoji: React.FC<SpriteEmojiProps>;
9
- export {};
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- interface SparkleOptions {
3
- containerRef: React.RefObject<HTMLDivElement>;
4
- size: number;
5
- shape?: 'star' | 'dot';
6
- theme?: 'rainbow' | 'gold';
7
- ringCount?: number;
8
- sparkleCount?: number;
9
- delay?: number;
10
- }
11
- export declare const useSparkle: ({ containerRef, size, shape, theme, ringCount, sparkleCount, delay, }: SparkleOptions) => void;
12
- export {};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../../components/iconography/icon/icon';
3
- export declare const Hourglass: (props: IconProps) => React.JSX.Element;
@@ -1 +0,0 @@
1
- export declare const useDebounce: <T extends (...args: any[]) => void>(callback: T, delay: number) => T;