@snack-uikit/attachment 0.4.45-preview-02d918ac.0 → 0.4.45

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.4.45 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/card@0.20.23]($PUBLIC_PROJECT_URL/blob/master/packages/card/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.7.14]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.4.44 (2026-06-24)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Attachment/Attachment.js

@@ -27,29 +27,27 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("./components");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Attachment(_a) {
-  var {
-      file,
-      loading,
-      icon,
-      title: titleProp,
-      description: descriptionProp,
-      error,
-      disabled,
-      truncateVariant,
-      checked,
-      onDownload,
-      onDelete,
-      onClick,
-      onRetry,
-      size = 's',
-      truncate,
-      className
-    } = _a,
+  var file = _a.file,
+    loading = _a.loading,
+    icon = _a.icon,
+    titleProp = _a.title,
+    descriptionProp = _a.description,
+    error = _a.error,
+    disabled = _a.disabled,
+    truncateVariant = _a.truncateVariant,
+    checked = _a.checked,
+    onDownload = _a.onDownload,
+    onDelete = _a.onDelete,
+    onClick = _a.onClick,
+    onRetry = _a.onRetry,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 's' : _a$size,
+    truncate = _a.truncate,
+    className = _a.className,
     rest = __rest(_a, ["file", "loading", "icon", "title", "description", "error", "disabled", "truncateVariant", "checked", "onDownload", "onDelete", "onClick", "onRetry", "size", "truncate", "className"]);
-  const {
-    loading: loadingImage,
-    imageData
-  } = (0, hooks_1.useImage)(file);
+  const _ref = (0, hooks_1.useImage)(file),
+    loadingImage = _ref.loading,
+    imageData = _ref.imageData;
   const isLoading = loading || loadingImage;
   const title = titleProp || (0, helpers_1.getBaseFileName)(file === null || file === void 0 ? void 0 : file.name);
   const description = descriptionProp || (0, helpers_1.getFileExtension)(file === null || file === void 0 ? void 0 : file.name);

package/dist/cjs/components/Attachment/components/Emblem/Emblem.js

@@ -17,15 +17,12 @@ const contexts_1 = require("../../../../contexts");
 const testIds_1 = require("../../../../testIds");
 const styled_module_scss_1 = __importDefault(require('./styled.module.css'));
 function Emblem(_ref) {
-  let {
-    loading,
-    icon,
-    imageData,
-    title
-  } = _ref;
-  const {
-    size
-  } = (0, contexts_1.useAttachmentContext)();
+  let loading = _ref.loading,
+    icon = _ref.icon,
+    imageData = _ref.imageData,
+    title = _ref.title;
+  const _ref2 = (0, contexts_1.useAttachmentContext)(),
+    size = _ref2.size;
   if (loading) {
     return (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
       size: size,

package/dist/cjs/components/AttachmentSquare/AttachmentSquare.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -28,32 +30,33 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("./components");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function AttachmentSquare(_a) {
-  var {
-      file,
-      loading,
-      icon,
-      title: titleProp,
-      description: descriptionProp,
-      error,
-      disabled,
-      truncateVariant,
-      checked,
-      onDownload,
-      onDelete,
-      onClick,
-      onRetry,
-      size = 's',
-      className
-    } = _a,
+  var file = _a.file,
+    loading = _a.loading,
+    icon = _a.icon,
+    titleProp = _a.title,
+    descriptionProp = _a.description,
+    error = _a.error,
+    disabled = _a.disabled,
+    truncateVariant = _a.truncateVariant,
+    checked = _a.checked,
+    onDownload = _a.onDownload,
+    onDelete = _a.onDelete,
+    onClick = _a.onClick,
+    onRetry = _a.onRetry,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 's' : _a$size,
+    className = _a.className,
     rest = __rest(_a, ["file", "loading", "icon", "title", "description", "error", "disabled", "truncateVariant", "checked", "onDownload", "onDelete", "onClick", "onRetry", "size", "className"]);
-  const {
-    loading: loadingImage,
-    imageData
-  } = (0, hooks_1.useImage)(file);
+  const _ref = (0, hooks_1.useImage)(file),
+    loadingImage = _ref.loading,
+    imageData = _ref.imageData;
   const isLoading = loading || loadingImage;
   const title = titleProp || (0, helpers_1.getBaseFileName)(file === null || file === void 0 ? void 0 : file.name);
   const description = descriptionProp || (0, helpers_1.getFileExtension)(file === null || file === void 0 ? void 0 : file.name);
-  const [hasFocusedActions, setHasFocusedActions] = (0, react_1.useState)(false);
+  const _ref2 = (0, react_1.useState)(false),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    hasFocusedActions = _ref3[0],
+    setHasFocusedActions = _ref3[1];
   return (0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({}, (0, utils_1.extractSupportProps)(rest), {
     outline: true,
     disabled: !loading && disabled,

package/dist/cjs/components/AttachmentSquare/components/HoverContent/HoverContent.js

@@ -15,16 +15,14 @@ const contexts_1 = require("../../../../contexts");
 const helperComponents_1 = require("../../../../helperComponents");
 const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
 function HoverContent(_ref) {
-  let {
-    title,
-    description,
-    error,
-    className = ''
-  } = _ref;
-  const {
-    disabled,
-    size
-  } = (0, contexts_1.useAttachmentContext)();
+  let title = _ref.title,
+    description = _ref.description,
+    error = _ref.error,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  const _ref2 = (0, contexts_1.useAttachmentContext)(),
+    disabled = _ref2.disabled,
+    size = _ref2.size;
   return (0, jsx_runtime_1.jsxs)("div", {
     className: (0, classnames_1.default)(styles_module_scss_1.default.composition, {
       [className]: !disabled && !error

package/dist/cjs/components/AttachmentSquare/components/LoadingContent/LoadingContent.js

@@ -17,9 +17,8 @@ const helperComponents_1 = require("../../../../helperComponents");
 const testIds_1 = require("../../../../testIds");
 const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
 function LoadingContent() {
-  const {
-    size
-  } = (0, contexts_1.useAttachmentContext)();
+  const _ref = (0, contexts_1.useAttachmentContext)(),
+    size = _ref.size;
   return (0, jsx_runtime_1.jsxs)("div", {
     className: styles_module_scss_1.default.composition,
     "data-size": size,

package/dist/cjs/components/AttachmentSquare/components/MainContent/MainContent.js

@@ -19,17 +19,14 @@ const helperComponents_1 = require("../../../../helperComponents");
 const testIds_1 = require("../../../../testIds");
 const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
 function MainContent(_ref) {
-  let {
-    title,
-    icon,
-    imageData,
-    className
-  } = _ref;
+  let title = _ref.title,
+    icon = _ref.icon,
+    imageData = _ref.imageData,
+    className = _ref.className;
   var _a;
-  const {
-    file,
-    size
-  } = (0, contexts_1.useAttachmentContext)();
+  const _ref2 = (0, contexts_1.useAttachmentContext)(),
+    file = _ref2.file,
+    size = _ref2.size;
   if (imageData) {
     return (0, jsx_runtime_1.jsx)("div", {
       className: (0, classnames_1.default)(styles_module_scss_1.default.composition, className),

package/dist/cjs/helperComponents/Actions/Actions.js

@@ -17,21 +17,18 @@ const testIds_1 = require("../../testIds");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const noop = () => {};
 function Actions(_ref) {
-  let {
-    hideDelete,
-    hideDownload,
-    hideRetry
-  } = _ref;
-  const {
-    onDelete,
-    onDownload,
-    file,
-    disabled,
-    onRetry
-  } = (0, contexts_1.useAttachmentContext)();
-  const {
-    setFocused = noop
-  } = (0, contexts_1.useAttachmentFocusActionsContext)();
+  let hideDelete = _ref.hideDelete,
+    hideDownload = _ref.hideDownload,
+    hideRetry = _ref.hideRetry;
+  const _ref2 = (0, contexts_1.useAttachmentContext)(),
+    onDelete = _ref2.onDelete,
+    onDownload = _ref2.onDownload,
+    file = _ref2.file,
+    disabled = _ref2.disabled,
+    onRetry = _ref2.onRetry;
+  const _ref3 = (0, contexts_1.useAttachmentFocusActionsContext)(),
+    _ref3$setFocused = _ref3.setFocused,
+    setFocused = _ref3$setFocused === void 0 ? noop : _ref3$setFocused;
   const showDownload = onDownload && !hideDownload;
   const showDelete = onDelete && !hideDelete;
   const showRetry = onRetry && !hideRetry;

package/dist/cjs/helperComponents/Text/Text.js

@@ -17,15 +17,13 @@ const truncate_string_1 = require("@snack-uikit/truncate-string");
 const utils_1 = require("@snack-uikit/utils");
 const contexts_1 = require("../../contexts");
 function Text(_a) {
-  var {
-      text,
-      className,
-      maxLines = 1
-    } = _a,
+  var text = _a.text,
+    className = _a.className,
+    _a$maxLines = _a.maxLines,
+    maxLines = _a$maxLines === void 0 ? 1 : _a$maxLines,
     rest = __rest(_a, ["text", "className", "maxLines"]);
-  const {
-    truncateVariant
-  } = (0, contexts_1.useAttachmentContext)();
+  const _ref = (0, contexts_1.useAttachmentContext)(),
+    truncateVariant = _ref.truncateVariant;
   if (!text) {
     return null;
   }

package/dist/cjs/helperComponents/TextBlock/TextBlock.js

@@ -16,17 +16,16 @@ const testIds_1 = require("../../testIds");
 const Text_1 = require("../Text");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function TextBlock(_ref) {
-  let {
-    title,
-    description,
-    error,
-    className,
-    align = 'left'
-  } = _ref;
-  const {
-    size,
-    truncate = {}
-  } = (0, contexts_1.useAttachmentContext)();
+  let title = _ref.title,
+    description = _ref.description,
+    error = _ref.error,
+    className = _ref.className,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align;
+  const _ref2 = (0, contexts_1.useAttachmentContext)(),
+    size = _ref2.size,
+    _ref2$truncate = _ref2.truncate,
+    truncate = _ref2$truncate === void 0 ? {} : _ref2$truncate;
   return (0, jsx_runtime_1.jsxs)("div", {
     className: (0, classnames_1.default)(styles_module_scss_1.default.content, className),
     "data-size": size,

package/dist/cjs/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,8 +9,14 @@ exports.useImage = useImage;
 const react_1 = require("react");
 const helpers_1 = require("./helpers");
 function useImage(file) {
-  const [imageData, setImageData] = (0, react_1.useState)(undefined);
-  const [loading, setIsLoading] = (0, react_1.useState)(false);
+  const _ref = (0, react_1.useState)(undefined),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    imageData = _ref2[0],
+    setImageData = _ref2[1];
+  const _ref3 = (0, react_1.useState)(false),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    loading = _ref4[0],
+    setIsLoading = _ref4[1];
   (0, react_1.useEffect)(() => {
     if (file && (0, helpers_1.isFileImage)(file)) {
       const reader = new FileReader();
@@ -17,9 +25,7 @@ function useImage(file) {
       };
       reader.onloadend = () => {
         setIsLoading(false);
-        const {
-          result
-        } = reader;
+        const result = reader.result;
         if (result) {
           setImageData(result.toString());
         }

package/dist/cjs/testIds.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.TEST_IDS = void 0;
 const PREFIX = 'attachment';
 exports.TEST_IDS = {
-  icon: `${PREFIX}__icon`,
-  image: `${PREFIX}__image`,
-  loading: `${PREFIX}__loading`,
-  retryAction: `${PREFIX}__retry-action`,
-  deleteAction: `${PREFIX}__delete-action`,
-  downloadAction: `${PREFIX}__download-action`,
-  title: `${PREFIX}__title`,
-  description: `${PREFIX}__description`,
-  error: `${PREFIX}__error`
+  icon: "".concat(PREFIX, "__icon"),
+  image: "".concat(PREFIX, "__image"),
+  loading: "".concat(PREFIX, "__loading"),
+  retryAction: "".concat(PREFIX, "__retry-action"),
+  deleteAction: "".concat(PREFIX, "__delete-action"),
+  downloadAction: "".concat(PREFIX, "__download-action"),
+  title: "".concat(PREFIX, "__title"),
+  description: "".concat(PREFIX, "__description"),
+  error: "".concat(PREFIX, "__error")
 };

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Attachment",
-  "version": "0.4.45-preview-02d918ac.0",
+  "version": "0.4.45",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,13 +37,13 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.19",
-    "@snack-uikit/card": "0.20.23-preview-02d918ac.0",
+    "@snack-uikit/card": "0.20.23",
     "@snack-uikit/icon-predefined": "0.7.12",
     "@snack-uikit/icons": "0.27.7",
     "@snack-uikit/loaders": "0.9.11",
-    "@snack-uikit/truncate-string": "0.7.14-preview-02d918ac.0",
+    "@snack-uikit/truncate-string": "0.7.14",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }