@snack-uikit/attachment 0.1.28 → 0.1.29-preview-ba12ca94.0

package/dist/esm/helperComponents/TextBlock/styles.module.css

@@ -0,0 +1,68 @@
+.content{
+  overflow:hidden;
+  display:flex;
+  flex:1;
+  flex-direction:column;
+  align-items:flex-start;
+  justify-content:flex-start;
+}
+.content[data-align=left]{
+  text-align:left;
+}
+.content[data-align=center]{
+  max-width:100%;
+  text-align:center;
+}
+.content[data-size=s] .title{
+  font-family:var(--sans-label-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}
+.content[data-size=s] .description,
+.content[data-size=s] .error{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+}
+.content[data-size=m] .title{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.content[data-size=m] .description,
+.content[data-size=m] .error{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+}
+
+.title,
+.description,
+.error{
+  overflow:hidden;
+  width:100%;
+}
+
+.title{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.description{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.error{
+  color:var(--sys-red-text-support, #ae514c);
+}

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,2 @@
+export * from './Actions';
+export * from './TextBlock';

package/dist/esm/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare function getBaseFileName(fileName?: string): string | undefined;
+export declare function getFileExtension(fileName?: string): string | undefined;
+export declare function isFileImage(file: File): RegExpMatchArray | null;

package/dist/esm/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare function useImage(file?: File): {
+    imageData: string | undefined;
+    loading: boolean;
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export type { AttachmentSquareProps, AttachmentProps } from './types';

package/dist/esm/testIds.d.ts

@@ -0,0 +1,11 @@
+export declare const TEST_IDS: {
+    icon: string;
+    image: string;
+    loading: string;
+    retryAction: string;
+    deleteAction: string;
+    downloadAction: string;
+    title: string;
+    description: string;
+    error: string;
+};

package/dist/esm/types.d.ts

@@ -0,0 +1,61 @@
+import { CardProps } from '@snack-uikit/card';
+import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
+import { TruncateStringProps } from '@snack-uikit/truncate-string';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type Size = 's' | 'm';
+export type AttachmentSquareProps = WithSupportProps<{
+    /** Файл */
+    file?: File;
+    /** Колбек на клик по кнопке скачивания */
+    onDownload?(file?: File | undefined): void;
+    /** Колбек на клик по кнопке удаления */
+    onDelete?(file?: File | undefined): void;
+    /** Колбек на клик по кнопке повторения */
+    onRetry?(): void;
+    /**
+     * Заголовок
+     * @default fileName
+     */
+    title?: string;
+    /**
+     * Описание
+     * @default fileExtension
+     */
+    description?: string;
+    /** Сообщение об ошибке */
+    error?: string;
+    /**
+     * Вариант обрезания строки:
+     * <br> - `End` - с конца;
+     * <br> - `Middle` - по середине
+     * */
+    truncateVariant?: TruncateStringProps['variant'];
+    /** Управление состоянием загрузки */
+    loading?: boolean;
+    /**
+     * Иконка для файла
+     * @defaultIcon FileSVG
+     */
+    icon?: IconPredefinedProps['icon'];
+    /** Размер */
+    size?: Size;
+}> & Pick<CardProps, 'checked' | 'disabled' | 'onClick' | 'className'>;
+export type AttachmentProps = AttachmentSquareProps & {
+    truncate?: {
+        /**
+         * Максимальное кол-во строк заголовка
+         * @default 1
+         */
+        title?: number;
+        /**
+         * Максимальное кол-во строк описания
+         * @default 1
+         */
+        description?: number;
+        /**
+         * Максимальное кол-во строк ошибки
+         * @default 1
+         */
+        error?: number;
+    };
+};

package/package.json

@@ -4,15 +4,18 @@
     "access": "public"
   },
   "title": "Attachment",
-  "version": "0.1.28",
+  "version": "0.1.29-preview-ba12ca94.0",
   "sideEffects": [
     "*.css",
     "*.woff",
     "*.woff2"
   ],
   "description": "",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    "import": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js"
+  },
   "homepage": "https://cloud-ru-tech.github.io/snack-uikit/packages/attachment",
   "repository": {
     "type": "git",
@@ -24,7 +27,8 @@
     "Nikita Ershov <niershov@cloud.ru>"
   ],
   "files": [
-    "dist",
+    "dist/cjs",
+    "dist/esm",
     "src",
     "./CHANGELOG.md",
     "./LICENSE"
@@ -32,14 +36,14 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.5",
-    "@snack-uikit/card": "0.12.42",
-    "@snack-uikit/icon-predefined": "0.5.2",
-    "@snack-uikit/icons": "0.22.1",
-    "@snack-uikit/loaders": "0.5.3",
-    "@snack-uikit/truncate-string": "0.4.24",
-    "@snack-uikit/utils": "3.4.0",
+    "@snack-uikit/button": "0.17.6-preview-ba12ca94.0",
+    "@snack-uikit/card": "0.12.43-preview-ba12ca94.0",
+    "@snack-uikit/icon-predefined": "0.5.3-preview-ba12ca94.0",
+    "@snack-uikit/icons": "0.22.2-preview-ba12ca94.0",
+    "@snack-uikit/loaders": "0.5.4-preview-ba12ca94.0",
+    "@snack-uikit/truncate-string": "0.4.25-preview-ba12ca94.0",
+    "@snack-uikit/utils": "3.4.1-preview-ba12ca94.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "a80c5b606728e51dd8470bf622cbab4f4b6fe337"
+  "gitHead": "9ac0a3e5e530c09fa4dc050f9bc08d1849962129"
 }