@scbt-ecom/ui 0.120.1 → 0.121.0

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

@@ -8,11 +8,11 @@ export declare const allowedIcons: {
         readonly logos: readonly ["logos/beeline", "logos/megafon", "logos/mts"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
         readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/optionsHorizontal", "general/optionsVertical", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
-        readonly files: readonly ["files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload"];
+        readonly files: readonly ["files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/fileMultiple", "files/upload"];
         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 communication: readonly ["communication/phone"];
         readonly brandLogos: readonly ["brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite"];
         readonly arrows: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll"];
     };
-    readonly flatten: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle", "social/classmates", "social/telegram", "social/vk", "media/desktop", "media/mobile", "logos/beeline", "logos/megafon", "logos/mts", "info/helpCircle", "info/warningCircle", "general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/optionsHorizontal", "general/optionsVertical", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "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", "communication/phone", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll"];
+    readonly flatten: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser", "status/succesCircle", "social/classmates", "social/telegram", "social/vk", "media/desktop", "media/mobile", "logos/beeline", "logos/megafon", "logos/mts", "info/helpCircle", "info/warningCircle", "general/calendar", "general/check", "general/close", "general/edit", "general/heart", "general/hiddenEye", "general/loginFilled", "general/menu", "general/optionsHorizontal", "general/optionsVertical", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/fileMultiple", "files/upload", "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", "communication/phone", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll"];
 };

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

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

package/dist/types/lib/shared/ui/table/ui/editableCell/EditableCell.d.ts

@@ -1,10 +1,15 @@
 import { CellContext } from '@tanstack/react-table';
+import { AllowedIcons } from '../../..';
 type Cell<TData, TValue> = CellContext<TData, TValue> & {
     rowIndex?: number;
 };
 interface EditableCellProps<TData, TValue> extends Cell<TData, TValue> {
     target: keyof TData;
     update: (target: number, values: TData) => void;
+    attachment?: {
+        icon: AllowedIcons;
+        handler?: (value: TValue | string, event: React.MouseEvent<HTMLButtonElement>) => void;
+    };
 }
-export declare const EditableCell: <TData, TValue extends string | undefined>({ row, getValue, update, target, rowIndex }: EditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const EditableCell: <TData, TValue extends string | undefined>({ row, getValue, update, target, rowIndex, attachment }: EditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,3 @@
+import { TableProps } from './model';
+export declare const InfoTable: <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => import("react/jsx-runtime").JSX.Element;
+export default InfoTable;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.120.1",
+  "version": "0.121.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/lib/widgets/table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../lib/widgets/table/Table.tsx"],"sourcesContent":["import { TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { getHeaderAccessors, isHorizontalTable, type TableProps } from './model'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\n\nexport const Table = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n  const { title, subtitle, helperText, pagination = false, columns, data, horizontal, ...restTableProps } = props\n\n  const { accessors, sortingColumns, sortingFn } = getHeaderAccessors(columns)\n\n  const cols = TableUtils.getColumns(data[0], {\n    headerAccessor: accessors,\n    enableSorting: sortingColumns,\n    sortingFn\n  })\n\n  const isHorizontal = isHorizontalTable(horizontal)\n\n  return (\n    <section className='w-full'>\n      <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]')}>\n        <div className='flex flex-col gap-[16px]'>\n          <div className='mob-headline-bold-s desktop:desk-headline-bold-m' dangerouslySetInnerHTML={{ __html: title }} />\n          <div className='desktop:desk-body-regular-l' dangerouslySetInnerHTML={{ __html: subtitle }} />\n        </div>\n\n        <div className='flex flex-col gap-4'>\n          <DataTable\n            {...restTableProps}\n            horizontal={isHorizontal}\n            data={data}\n            columns={cols}\n            mode='odd'\n            pagination={pagination}\n          />\n          {helperText && (\n            <div className='desk-body-regular-m text-color-tetriary' dangerouslySetInnerHTML={{ __html: helperText }} />\n          )}\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default Table\n"],"names":["Table","props","title","subtitle","helperText","pagination","columns","data","horizontal","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","ResponsiveContainer","cn","jsxs","DataTable"],"mappings":"4oEAKO,MAAMA,GAAiEC,GAAkC,CAC9G,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,GAAGC,CAAA,EAAmBR,EAEpG,CAAE,UAAAS,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBP,CAAO,EAErEQ,EAAOC,EAAW,WAAWR,EAAK,CAAC,EAAG,CAC1C,eAAgBG,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBT,CAAU,EAEjD,OACEU,EAAC,WAAQ,UAAU,SACjB,WAACC,EAAA,CAAoB,UAAWC,EAAG,2CAA2C,EAC5E,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAH,EAAC,OAAI,UAAU,mDAAmD,wBAAyB,CAAE,OAAQhB,GAAS,EAC9GgB,EAAC,OAAI,UAAU,8BAA8B,wBAAyB,CAAE,OAAQf,EAAS,CAAG,CAAA,EAC9F,EAEAkB,EAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAH,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAT,EACA,QAASO,EACT,KAAK,MACL,WAAAT,CAAA,CAAA,EAEDD,KACE,MAAA,CAAI,UAAU,0CAA0C,wBAAyB,CAAE,OAAQA,EAAW,CAAG,CAAA,CAAA,CAE9G,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

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

@@ -1,3 +0,0 @@
-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;
-export default Table;