@scbt-ecom/ui 0.107.0 → 0.108.0

package/dist/types/lib/shared/ui/formElements/controlled/editor/model/config.d.ts

@@ -1 +1 @@
-export declare const editorConfig: (import('@tiptap/core').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-underline').UnderlineOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-color').ColorOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-heading').HeadingOptions, any>)[];
+export declare const editorConfig: (import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<import('@tiptap/extension-underline').UnderlineOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-heading').HeadingOptions, any>)[];

package/dist/types/lib/shared/ui/formElements/controlled/editor/model/extensions.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+export declare const FontSizeExtension: Extension<any, any>;

package/dist/types/lib/shared/ui/formElements/controlled/editor/model/helper.d.ts

@@ -1,7 +1,11 @@
 import { Editor } from '@tiptap/react';
-import { ColorOption, HeadingOptions } from './types';
-export declare const headingsOptions: HeadingOptions[];
+import { ColorOption, HeadingLevel } from './types';
+export declare const headingsOptions: HeadingLevel[];
 export declare const editorHeadingClasses: Record<number, string>;
+export declare const fontSizesOptions: {
+    label: string;
+    value: string;
+}[];
 export declare const editorAllowedColors: ColorOption[];
 export declare const renderEditorPanel: (editor: Editor) => ({
     label: string;

package/dist/types/lib/shared/ui/formElements/controlled/editor/model/index.d.ts

@@ -0,0 +1,4 @@
+export * from './extensions';
+export type * from './types';
+export * from './config';
+export * from './helper';

package/dist/types/lib/shared/ui/formElements/controlled/editor/model/types.d.ts

@@ -1,6 +1,2 @@
-export type THeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-export interface HeadingOptions {
-    shortcuts: string[];
-    level: THeadingLevel;
-}
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export type ColorOption = `#${string}`;

package/dist/types/lib/shared/ui/formElements/controlled/editor/ui/Editor.d.ts

@@ -11,9 +11,6 @@ interface EditorProps extends Partial<UseEditorOptions> {
     error?: FieldError;
     classes?: EditorControlClasses;
     externalHandlers?: ExternalHandlers;
-    /**
-     * Заголовок
-     */
     label?: string;
     helperText?: string | ReactElement;
     /**

package/dist/types/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+export interface SetFontSizeProps {
+    editor: Editor;
+}
+export declare const SetFontSize: ({ editor }: SetFontSizeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/shared/ui/formElements/controlled/editor/ui/commands/index.d.ts

@@ -2,3 +2,4 @@ export { SetCoreCommands } from './SetCoreCommands';
 export { SetHeadings } from './SetHeadings';
 export { SetColor } from './SetColor';
 export { SetCustomLink } from './setCustomLink';
+export { SetFontSize } from './SetFontSize';

package/dist/types/lib/shared/ui/icon/allowedIcons.d.ts

@@ -4,7 +4,7 @@ export declare const allowedIcons: {
         readonly arrows: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll"];
         readonly brandLogos: readonly ["brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite"];
         readonly communication: readonly ["communication/phone"];
-        readonly editor: readonly ["editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo"];
+        readonly editor: readonly ["editor/bold", "editor/fonts", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo"];
         readonly files: readonly ["files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload"];
         readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
@@ -13,5 +13,5 @@ export declare const allowedIcons: {
         readonly social: readonly ["social/classmates", "social/telegram", "social/vk"];
         readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"];
     };
-    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"];
+    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/fonts", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle"];
 };

package/dist/types/lib/shared/ui/icon/iconsMap.d.ts

@@ -83,6 +83,12 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'editor/fonts': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     'editor/heading': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/types/lib/shared/ui/table/Table.d.ts

@@ -1,2 +1,2 @@
 import { DataTableProps } from './model';
-export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination, empty, pageSize }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination, empty, horizontal, pageSize }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/table/Table.d.ts

@@ -1,21 +1,2 @@
-import { ReactElement } from 'react';
-import { DataTableProps } from '../../shared/ui/table/model';
-import { DataTableClasses } from '../../../shared/ui/table/model/types';
-export type TableClasses = {
-    root?: string;
-    container?: string;
-    textContainer?: string;
-    title?: string;
-    subtitle?: string;
-    tableContainer?: string;
-    helperText?: string;
-    tableClasses?: DataTableClasses;
-};
-export interface TableProps<TData extends {}> extends Omit<DataTableProps<TData>, 'classes'> {
-    title: ReactElement | string;
-    subtitle: ReactElement | string;
-    helperText: ReactElement | string;
-    horizontal?: boolean;
-    classes?: TableClasses;
-}
-export declare const Table: <TData extends {}>(props: TableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+import { TableProps } from './model';
+export declare const Table: <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/table/index.d.ts

@@ -1 +1,2 @@
 export { Table } from './Table';
+export type { TableProps } from './model';

package/dist/types/lib/widgets/table/model/index.d.ts

@@ -0,0 +1,2 @@
+export type { TableProps } from './types';
+export { getHeaderAccessors, isHorizontalTable } from './utils';

package/dist/types/lib/widgets/table/model/types.d.ts

@@ -0,0 +1,35 @@
+import { BuiltInSortingFn } from '@tanstack/react-table';
+export type ColumnDefinition<Key extends string> = {
+    title: Key;
+    visibleTitle?: string;
+    enableSorting: boolean;
+    sortingFn: BuiltInSortingFn;
+};
+type OrientationEnabled = {
+    type: 'true';
+};
+type OrientationDisabled = {
+    type: 'false';
+};
+type OrientationCondition = {
+    type: 'condition';
+    condition: '<' | '<=' | '===' | '!==' | '>' | '>=';
+    operand: {
+        left: string;
+        right: string;
+    };
+};
+export type OrientationOptions = OrientationEnabled | OrientationDisabled | OrientationCondition;
+export interface TableProps<Key extends string, TData extends Record<Key, unknown>> {
+    title: string;
+    subtitle: string;
+    columns: ColumnDefinition<Key>[];
+    data: TData[];
+    enableHeaders: boolean;
+    helperText?: string;
+    horizontal: OrientationOptions;
+    mode: 'solid' | 'odd';
+    pagination: boolean;
+    pageSize?: number;
+}
+export {};

package/dist/types/lib/widgets/table/model/utils.d.ts

@@ -0,0 +1,8 @@
+import { HeaderContext, SortingFnOption } from '@tanstack/react-table';
+import { ColumnDefinition, OrientationOptions } from './types';
+export declare const getHeaderAccessors: <Key extends string, TData extends Record<Key, unknown>>(columns: ColumnDefinition<Key>[]) => {
+    accessors: Record<keyof TData, (key: keyof TData, headerContext: HeaderContext<TData, TData[keyof TData]>) => React.ReactNode>;
+    sortingColumns: Key[];
+    sortingFn: Partial<Record<keyof TData, SortingFnOption<TData>>>;
+};
+export declare const isHorizontalTable: (orientation: OrientationOptions) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.107.0",
+  "version": "0.108.0",
   "type": "module",
   "exports": {
     ".": {
@@ -88,6 +88,7 @@
     "esbuild": "0.24.0"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.9.0",
     "@headlessui/react": "^2.1.2",
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-popover": "^1.1.1",
@@ -121,14 +122,13 @@
     "react-hook-form": "^7.53.1",
     "react-hot-toast": "^2.4.1",
     "react-number-format": "^5.4.0",
-    "uuid": "^11.1.0",
-    "vite-plugin-svgr": "^4.3.0",
-    "@hookform/resolvers": "^3.9.0",
     "tailwind-merge": "2.4.0",
     "tailwindcss": "^3.4.7",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.23.8",
-    "use-mask-input": "^3.4.2"
+    "use-mask-input": "^3.4.2",
+    "uuid": "^11.1.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.1",