triafly-ui-kit 1.0.3 → 1.0.5

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 (123) hide show
  1. package/dist/main.d.ts +1181 -26
  2. package/package.json +1 -1
  3. package/dist/components/Ui/Accordeon/Accordeon.d.ts +0 -8
  4. package/dist/components/Ui/Accordeon/Accordeon.stories.d.ts +0 -9
  5. package/dist/components/Ui/Accordeon/index.d.ts +0 -1
  6. package/dist/components/Ui/Alert/Alert.d.ts +0 -9
  7. package/dist/components/Ui/Alert/index.d.ts +0 -1
  8. package/dist/components/Ui/Avatar/Avatar.d.ts +0 -6
  9. package/dist/components/Ui/Avatar/index.d.ts +0 -1
  10. package/dist/components/Ui/Badge/Badge.d.ts +0 -14
  11. package/dist/components/Ui/Badge/index.d.ts +0 -1
  12. package/dist/components/Ui/Button/Button.d.ts +0 -17
  13. package/dist/components/Ui/Button/index.d.ts +0 -1
  14. package/dist/components/Ui/Checkbox/Checkbox.d.ts +0 -10
  15. package/dist/components/Ui/Checkbox/Checkbox.stories.d.ts +0 -15
  16. package/dist/components/Ui/Checkbox/index.d.ts +0 -1
  17. package/dist/components/Ui/CliTextareaInput/CliTextareaInput.d.ts +0 -17
  18. package/dist/components/Ui/CliTextareaInput/index.d.ts +0 -2
  19. package/dist/components/Ui/CliTextareaInput/utils/escapeHtml/escapeHtml.d.ts +0 -1
  20. package/dist/components/Ui/CliTextareaInput/utils/fixJson/fixJson.d.ts +0 -1
  21. package/dist/components/Ui/CliTextareaInput/utils/highlightSyntax/highlightSyntax.d.ts +0 -2
  22. package/dist/components/Ui/CliTextareaInput/utils/highlightSyntax/index.d.ts +0 -1
  23. package/dist/components/Ui/CliTextareaInput/utils/hooks/index.d.ts +0 -7
  24. package/dist/components/Ui/CliTextareaInput/utils/hooks/useFixFormat/index.d.ts +0 -1
  25. package/dist/components/Ui/CliTextareaInput/utils/hooks/useFixFormat/useFixFormat.d.ts +0 -5
  26. package/dist/components/Ui/CliTextareaInput/utils/hooks/useHistoryNavigation/index.d.ts +0 -1
  27. package/dist/components/Ui/CliTextareaInput/utils/hooks/useHistoryNavigation/useHistoryNavigation.d.ts +0 -6
  28. package/dist/components/Ui/CliTextareaInput/utils/hooks/useKeyHandlers/index.d.ts +0 -1
  29. package/dist/components/Ui/CliTextareaInput/utils/hooks/useKeyHandlers/useKeyHandlers.d.ts +0 -9
  30. package/dist/components/Ui/CliTextareaInput/utils/hooks/useLineNumbers/index.d.ts +0 -1
  31. package/dist/components/Ui/CliTextareaInput/utils/hooks/useLineNumbers/useLineNumbers.d.ts +0 -7
  32. package/dist/components/Ui/CliTextareaInput/utils/hooks/useScrollSync/index.d.ts +0 -1
  33. package/dist/components/Ui/CliTextareaInput/utils/hooks/useScrollSync/useScrollSync.d.ts +0 -6
  34. package/dist/components/Ui/CliTextareaInput/utils/hooks/useTextActions/index.d.ts +0 -1
  35. package/dist/components/Ui/CliTextareaInput/utils/hooks/useTextActions/useTextActions.d.ts +0 -14
  36. package/dist/components/Ui/CliTextareaInput/utils/hooks/useTextCoursore/index.d.ts +0 -1
  37. package/dist/components/Ui/CliTextareaInput/utils/hooks/useTextCoursore/useTextCoursore.d.ts +0 -10
  38. package/dist/components/Ui/CliTextareaInput/utils/index.d.ts +0 -3
  39. package/dist/components/Ui/CliTextareaInput/utils/processJson/index.d.ts +0 -1
  40. package/dist/components/Ui/CliTextareaInput/utils/processJson/processJson.d.ts +0 -1
  41. package/dist/components/Ui/CliTextareaInput/utils/processXml/processXml.d.ts +0 -1
  42. package/dist/components/Ui/CliTextareaInput/utils/processYml/processYml.d.ts +0 -1
  43. package/dist/components/Ui/CliTextareaInput/utils/types.d.ts +0 -10
  44. package/dist/components/Ui/CustomLink/CustomLink.d.ts +0 -14
  45. package/dist/components/Ui/CustomLink/index.d.ts +0 -1
  46. package/dist/components/Ui/Demos/DemoElements/DemoElements.d.ts +0 -2
  47. package/dist/components/Ui/Demos/DemoForm/DemoForm.d.ts +0 -9
  48. package/dist/components/Ui/Demos/DemoForm/DemoForm.stories.d.ts +0 -6
  49. package/dist/components/Ui/Demos/DemoLogin/DemoLogin.d.ts +0 -2
  50. package/dist/components/Ui/Demos/DemoLogin/DemoLogin.stories.d.ts +0 -11
  51. package/dist/components/Ui/DropdownInput/DropdownInput.d.ts +0 -18
  52. package/dist/components/Ui/DropdownInput/DropdownInput.stories.d.ts +0 -19
  53. package/dist/components/Ui/DropdownInput/index.d.ts +0 -1
  54. package/dist/components/Ui/DropdownMenu/DropdownMenu.d.ts +0 -15
  55. package/dist/components/Ui/DropdownMenu/DropdownMenu.stories.d.ts +0 -6
  56. package/dist/components/Ui/DropdownMenu/index.d.ts +0 -1
  57. package/dist/components/Ui/FileUpload/FileUpload.d.ts +0 -3
  58. package/dist/components/Ui/FileUpload/fn.d.ts +0 -7
  59. package/dist/components/Ui/FileUpload/index.d.ts +0 -1
  60. package/dist/components/Ui/FileUpload/types.d.ts +0 -32
  61. package/dist/components/Ui/Form/FormContext/FormContext.d.ts +0 -76
  62. package/dist/components/Ui/Form/FormItem/FormItem.d.ts +0 -3
  63. package/dist/components/Ui/Form/FormItem/fn.d.ts +0 -2
  64. package/dist/components/Ui/Form/FormItem/types.d.ts +0 -10
  65. package/dist/components/Ui/Form/FormRoot/FormRoot.d.ts +0 -3
  66. package/dist/components/Ui/Form/FormRoot/index.d.ts +0 -1
  67. package/dist/components/Ui/Form/FormRoot/types.d.ts +0 -12
  68. package/dist/components/Ui/Form/index.d.ts +0 -2
  69. package/dist/components/Ui/Form/useForm/index.d.ts +0 -1
  70. package/dist/components/Ui/Form/useForm/useForm.d.ts +0 -2
  71. package/dist/components/Ui/Form/utils/fn.d.ts +0 -7
  72. package/dist/components/Ui/Form/utils/types.d.ts +0 -12
  73. package/dist/components/Ui/Icons/Icons.d.ts +0 -564
  74. package/dist/components/Ui/Icons/index.d.ts +0 -1
  75. package/dist/components/Ui/Icons/utils/CreateIcon.d.ts +0 -11
  76. package/dist/components/Ui/Loader/Loader.d.ts +0 -7
  77. package/dist/components/Ui/Loader/index.d.ts +0 -1
  78. package/dist/components/Ui/Pagination/Pagination.d.ts +0 -7
  79. package/dist/components/Ui/Pagination/index.d.ts +0 -1
  80. package/dist/components/Ui/Radio/Radio.d.ts +0 -11
  81. package/dist/components/Ui/Radio/Radio.stories.d.ts +0 -8
  82. package/dist/components/Ui/Radio/index.d.ts +0 -1
  83. package/dist/components/Ui/SearchInput/SearchData.d.ts +0 -1
  84. package/dist/components/Ui/SearchInput/SearchInput.d.ts +0 -22
  85. package/dist/components/Ui/Skeleton/Skeleton.d.ts +0 -12
  86. package/dist/components/Ui/Skeleton/index.d.ts +0 -1
  87. package/dist/components/Ui/Switch/Switch.d.ts +0 -10
  88. package/dist/components/Ui/Switch/index.d.ts +0 -1
  89. package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.d.ts +0 -13
  90. package/dist/components/Ui/Table/Table.d.ts +0 -2
  91. package/dist/components/Ui/Table/TableTypes.d.ts +0 -34
  92. package/dist/components/Ui/Table/index.d.ts +0 -1
  93. package/dist/components/Ui/TextInput/TextInput.d.ts +0 -22
  94. package/dist/components/Ui/TextInput/TextInput.stories.d.ts +0 -16
  95. package/dist/components/Ui/TextInput/index.d.ts +0 -1
  96. package/dist/components/Ui/TextareaInput/TextareaInput.d.ts +0 -16
  97. package/dist/components/Ui/TextareaInput/TextareaInput.stories.d.ts +0 -6
  98. package/dist/components/Ui/TextareaInput/index.d.ts +0 -1
  99. package/dist/components/Ui/Tooltip/Tooltip.d.ts +0 -13
  100. package/dist/components/Ui/Tooltip/Tooltip.stories.d.ts +0 -8
  101. package/dist/components/Ui/Tooltip/index.d.ts +0 -1
  102. package/dist/components/Ui/Tree/Tree.stories.d.ts +0 -14
  103. package/dist/components/Ui/Tree/TreeEl/Tree.d.ts +0 -3
  104. package/dist/components/Ui/Tree/TreeEl/index.d.ts +0 -1
  105. package/dist/components/Ui/Tree/TreeEl/tree-types.d.ts +0 -20
  106. package/dist/components/Ui/Tree/TreeItem/TreeItem.d.ts +0 -5
  107. package/dist/components/Ui/Tree/TreeItem/treeItem-types.d.ts +0 -16
  108. package/dist/components/Ui/Tree/TreeList/TreeList.d.ts +0 -4
  109. package/dist/components/Ui/Tree/TreeList/treeList-types.d.ts +0 -17
  110. package/dist/components/Ui/Tree/index.d.ts +0 -1
  111. package/dist/components/Ui/Tree/types-tree.d.ts +0 -7
  112. package/dist/context/ToastContext/ToastContext.d.ts +0 -9
  113. package/dist/context/ToastContext/index.d.ts +0 -1
  114. package/dist/context/TriaflyContext/TriaflyContext.types.d.ts +0 -7
  115. package/dist/context/TriaflyContext/TriaflyProvider.d.ts +0 -7
  116. package/dist/context/TriaflyContext/hooks/index.d.ts +0 -3
  117. package/dist/context/TriaflyContext/hooks/useBreakpointValue/index.d.ts +0 -1
  118. package/dist/context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.d.ts +0 -8
  119. package/dist/context/TriaflyContext/hooks/useModal/index.d.ts +0 -1
  120. package/dist/context/TriaflyContext/hooks/useModal/useModal.d.ts +0 -6
  121. package/dist/context/TriaflyContext/hooks/useTheme/index.d.ts +0 -1
  122. package/dist/context/TriaflyContext/hooks/useTheme/useTheme.d.ts +0 -5
  123. package/dist/context/TriaflyContext/index.d.ts +0 -2
@@ -1,13 +0,0 @@
1
- import { Column } from '../TableTypes';
2
- type RowProps<T extends object> = {
3
- record: T;
4
- columns: Column<T>[];
5
- rowKey: keyof T | ((record: T) => string);
6
- rowClassName?: (row: T, index: number) => string;
7
- index: number;
8
- stickyLeft?: boolean;
9
- onClickTr?: (record: T) => void;
10
- bordered: boolean;
11
- };
12
- export declare const MemoizedRow: <T extends object>(props: RowProps<T>) => JSX.Element;
13
- export {};
@@ -1,2 +0,0 @@
1
- import { TablesProps } from './TableTypes';
2
- export declare const Table: <T extends object>(props: TablesProps<T>) => JSX.Element;
@@ -1,34 +0,0 @@
1
- import { default as React } from 'react';
2
- export type Column<T extends object = Record<string, unknown>> = {
3
- title: React.ReactNode;
4
- dataIndex?: keyof T | string;
5
- key: string;
6
- align?: "left" | "center" | "right";
7
- render?: (_: unknown, record: T) => React.ReactNode;
8
- width?: number;
9
- className?: string;
10
- sorted?: boolean;
11
- };
12
- export type TablesProps<T extends object = Record<string, unknown>> = {
13
- columns: Column<T>[];
14
- dataSource: T[];
15
- rowKey: keyof T | ((record: T) => string);
16
- tableClassName?: string;
17
- trTheadClassNames?: string;
18
- thTheadClassNames?: string;
19
- stickyHeader?: boolean;
20
- stickyLeft?: boolean;
21
- theadClassName?: string;
22
- tbodyClassName?: string;
23
- wrapperClassName?: string;
24
- borderBottom?: boolean;
25
- bordered?: boolean;
26
- rowClassName?: (row: T, index: number) => string;
27
- defaultSort?: {
28
- key: string;
29
- order: "asc" | "desc";
30
- };
31
- onClickTr?: (record: T) => void;
32
- onClickTrHeader?: () => void;
33
- loading?: boolean;
34
- };
@@ -1 +0,0 @@
1
- export * from './Table';
@@ -1,22 +0,0 @@
1
- import { default as React } from 'react';
2
- type TextInputProps = {
3
- label?: string;
4
- className?: string;
5
- placeholder?: string;
6
- value?: string;
7
- type?: string;
8
- name?: string;
9
- id?: string;
10
- isDisabled?: boolean;
11
- iconType?: "checkmark" | "search" | "password" | "email";
12
- errorMessage?: string;
13
- hasError?: boolean;
14
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
15
- isClearable?: boolean;
16
- isLoading?: boolean;
17
- onFocus?: React.FocusEventHandler<HTMLInputElement>;
18
- onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
19
- onBlur?: React.FocusEventHandler<HTMLInputElement>;
20
- };
21
- export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
22
- export {};
@@ -1,16 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { TextInput } from './TextInput';
3
- declare const meta: Meta<typeof TextInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof TextInput>;
6
- export declare const Default: Story;
7
- export declare const WithIcon: Story;
8
- export declare const WithError: Story;
9
- export declare const Disabled: Story;
10
- export declare const Clearable: Story;
11
- export declare const Loading: Story;
12
- export declare const SmallSize: Story;
13
- export declare const SmallRounded: Story;
14
- export declare const AllStates: Story;
15
- export declare const SizeComparison: Story;
16
- export declare const InteractiveDemo: Story;
@@ -1 +0,0 @@
1
- export * from './TextInput';
@@ -1,16 +0,0 @@
1
- type TextareaInputProps = {
2
- label?: string;
3
- name?: string;
4
- placeholder?: string;
5
- errorMessage?: string;
6
- hasError?: boolean;
7
- isDisabled?: boolean;
8
- charLimit?: number;
9
- onChange?: (value: string) => void;
10
- value?: string;
11
- resize?: boolean;
12
- isClearable?: boolean;
13
- spellCheck?: boolean;
14
- };
15
- export declare const TextareaInput: import('react').ForwardRefExoticComponent<TextareaInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
16
- export default TextareaInput;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { TextareaInput } from './TextareaInput';
3
- declare const meta: Meta<typeof TextareaInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof TextareaInput>;
6
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- export * from './TextareaInput';
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- type TooltipPosition = "top" | "bottom" | "left" | "right";
3
- type ClickBehavior = "toggle" | "show" | "hide";
4
- interface TooltipProps {
5
- content: string;
6
- children: React.ReactNode;
7
- position?: TooltipPosition;
8
- trigger?: "hover" | "click" | "mixed";
9
- clickBehavior?: ClickBehavior;
10
- className?: string;
11
- }
12
- export declare const Tooltip: React.FC<TooltipProps>;
13
- export {};
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Tooltip } from './Tooltip';
3
- declare const meta: Meta<typeof Tooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof Tooltip>;
6
- export declare const EdgeCases: Story;
7
- export declare const AllPositions: Story;
8
- export declare const InteractiveExample: Story;
@@ -1 +0,0 @@
1
- export * from './Tooltip';
@@ -1,14 +0,0 @@
1
- import { Meta } from '@storybook/react';
2
- import { Tree } from './TreeEl';
3
- export type TypeNodeFlows = {
4
- id: string | number;
5
- name: string;
6
- type: "folder" | "file";
7
- modifiedAt?: string;
8
- size?: string;
9
- fileType?: string;
10
- branches?: TypeNodeFlows[];
11
- };
12
- declare const meta: Meta<typeof Tree<TypeNodeFlows>>;
13
- export default meta;
14
- export declare const WithCustomKeys: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('./TreeEl/tree-types').TreeProps<TypeNodeFlows>>;
@@ -1,3 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- import { TreeProps } from './tree-types';
3
- export declare const Tree: <T extends TreeNodeBase>({ data, childrenKey, idKey, nameKey, typeKey, onSelect, defaultExpandedKeys, autoExpandParent, expandedKeys: externalExpandedKeys, onExpandedKeysChange, selectedKey: controlledSelectedKey, isFetching, isAllExpanded, wrapperTreeClassName, TreeItemClassName, TreeItemContentClassName, }: TreeProps<T>) => JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Tree';
@@ -1,20 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- export type TreeProps<T extends TreeNodeBase> = {
3
- data: T[];
4
- childrenKey?: keyof T | string;
5
- idKey?: keyof T | string;
6
- nameKey?: keyof T | string;
7
- typeKey?: keyof T | string;
8
- onSelect?: (node: T) => void;
9
- defaultExpandedKeys?: (string | number)[];
10
- expandedKeys?: (string | number)[];
11
- onExpandedKeysChange?: (keys: (string | number)[]) => void;
12
- autoExpandParent?: boolean;
13
- selectedKey?: string | number | null;
14
- setSectedKey?: (value: string | number | null) => void;
15
- isFetching?: boolean;
16
- isAllExpanded?: boolean;
17
- wrapperTreeClassName?: string;
18
- TreeItemClassName?: string;
19
- TreeItemContentClassName?: string;
20
- };
@@ -1,5 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- import { TreeItemProps } from './treeItem-types';
3
- declare const TreeItem: <T extends TreeNodeBase>({ node, onSelect, level, childrenKey, idKey, nameKey, typeKey, expandedKeys, onExpand, selectedKey, isFetching, TreeItemClassName, TreeItemContentClassName, }: TreeItemProps<T>) => JSX.Element;
4
- declare const _default: typeof TreeItem;
5
- export default _default;
@@ -1,16 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- export type TreeItemProps<T extends TreeNodeBase> = {
3
- node: T;
4
- onSelect?: (node: T) => void;
5
- level?: number;
6
- childrenKey?: keyof T | string;
7
- idKey?: keyof T | string;
8
- nameKey?: keyof T | string;
9
- typeKey?: keyof T | string;
10
- expandedKeys: (string | number)[];
11
- onExpand?: (key: string | number) => void;
12
- selectedKey?: string | number | null;
13
- isFetching?: boolean;
14
- TreeItemClassName?: string;
15
- TreeItemContentClassName?: string;
16
- };
@@ -1,4 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- import { TreeListProps } from './treeList-types';
3
- declare const TreeList: <T extends TreeNodeBase>({ node, onSelect, childrenKey, expandedKeys, onExpand, level, selectedKey, idKey, nameKey, typeKey, isFetching, TreeItemClassName, TreeItemContentClassName, }: TreeListProps<T>) => JSX.Element;
4
- export default TreeList;
@@ -1,17 +0,0 @@
1
- import { TreeNodeBase } from '../types-tree';
2
- export type TreeListProps<T extends TreeNodeBase> = {
3
- node: T;
4
- level?: number;
5
- onSelect?: (node: T) => void;
6
- childrenKey?: keyof T | string;
7
- expandedKeys?: (string | number)[];
8
- idKey?: keyof T | string;
9
- nameKey?: keyof T | string;
10
- typeKey?: keyof T | string;
11
- onExpand?: (key: string | number) => void;
12
- autoExpandParent?: boolean;
13
- selectedKey?: string | number | null;
14
- isFetching?: boolean;
15
- TreeItemClassName?: string;
16
- TreeItemContentClassName?: string;
17
- };
@@ -1 +0,0 @@
1
- export * from './TreeEl';
@@ -1,7 +0,0 @@
1
- export interface FileNode {
2
- id: string;
3
- name: string;
4
- type: "folder" | "file";
5
- children?: FileNode[];
6
- }
7
- export type TreeNodeBase = Record<string, unknown>;
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface ToastContextType {
3
- addToast: (message: string) => void;
4
- }
5
- export declare const useToast: () => ToastContextType;
6
- export declare const ToastProvider: ({ children }: {
7
- children: ReactNode;
8
- }) => JSX.Element;
9
- export {};
@@ -1 +0,0 @@
1
- export * from './ToastContext';
@@ -1,7 +0,0 @@
1
- import { BreakpointValuesTriafly, Theme, useModalState } from './hooks';
2
- export interface TriaflyContextType {
3
- theme: Theme;
4
- toggleTheme: () => void;
5
- useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
6
- useModalState: typeof useModalState;
7
- }
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TriaflyContextType } from './TriaflyContext.types';
3
- export declare const TriaflyContext: import('react').Context<TriaflyContextType | undefined>;
4
- export declare const useTriafly: () => TriaflyContextType;
5
- export declare const TriaflyProvider: ({ children }: {
6
- children: ReactNode;
7
- }) => JSX.Element;
@@ -1,3 +0,0 @@
1
- export * from './useBreakpointValue';
2
- export * from './useTheme';
3
- export * from './useModal';
@@ -1 +0,0 @@
1
- export * from './useBreakpointValue';
@@ -1,8 +0,0 @@
1
- export type BreakpointValuesTriafly<T> = {
2
- base?: T;
3
- sm?: T;
4
- md?: T;
5
- lg?: T;
6
- xl?: T;
7
- };
8
- export declare const useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
@@ -1 +0,0 @@
1
- export * from './useModal';
@@ -1,6 +0,0 @@
1
- export interface UseModalReturn {
2
- isOpen: boolean;
3
- onOpen: () => void;
4
- onClose: () => void;
5
- }
6
- export declare const useModalState: () => UseModalReturn;
@@ -1 +0,0 @@
1
- export * from './useTheme';
@@ -1,5 +0,0 @@
1
- export type Theme = "light" | "dark";
2
- export declare const useThemeLogic: () => {
3
- theme: Theme;
4
- toggleTheme: () => void;
5
- };
@@ -1,2 +0,0 @@
1
- export * from './TriaflyProvider';
2
- export * from './hooks';