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

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

@@ -0,0 +1,94 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Attachment = Attachment;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("@snack-uikit/card");
+const utils_1 = require("@snack-uikit/utils");
+const contexts_1 = require("../../contexts");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+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,
+    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 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);
+  return (0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({}, (0, utils_1.extractSupportProps)(rest), {
+    outline: true,
+    disabled: !loading && disabled,
+    checked: !loading && checked,
+    multipleSelection: true,
+    className: className,
+    size: size,
+    onClick: !isLoading && !disabled ? onClick : undefined,
+    header: (0, jsx_runtime_1.jsx)(contexts_1.AttachmentContext.Provider, {
+      value: {
+        file,
+        truncateVariant,
+        onDelete,
+        onDownload,
+        onRetry,
+        disabled,
+        size,
+        truncate
+      },
+      children: (0, jsx_runtime_1.jsxs)("div", {
+        className: styles_module_scss_1.default.composition,
+        "data-size": size,
+        children: [(0, jsx_runtime_1.jsx)(components_1.Emblem, {
+          title: title,
+          loading: isLoading,
+          icon: icon,
+          imageData: imageData
+        }), (0, jsx_runtime_1.jsx)(helperComponents_1.TextBlock, {
+          title: title,
+          description: description,
+          error: error
+        }), (0, jsx_runtime_1.jsx)(helperComponents_1.Actions, {
+          hideDownload: isLoading || Boolean(error),
+          hideRetry: isLoading || !Boolean(error)
+        })]
+      })
+    })
+  }));
+}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Emblem = Emblem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icon_predefined_1 = require("@snack-uikit/icon-predefined");
+const icons_1 = require("@snack-uikit/icons");
+const loaders_1 = require("@snack-uikit/loaders");
+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)();
+  if (loading) {
+    return (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
+      size: size,
+      icon: () => (0, jsx_runtime_1.jsx)(loaders_1.Spinner, {
+        size: 's'
+      }),
+      decor: false,
+      appearance: 'neutral',
+      shape: 'square',
+      "data-test-id": testIds_1.TEST_IDS.loading
+    });
+  }
+  if (imageData) {
+    return (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
+      size: size,
+      icon: () => (0, jsx_runtime_1.jsx)("img", {
+        src: imageData,
+        alt: title,
+        "data-size": size || undefined,
+        className: styled_module_scss_1.default.img
+      }),
+      decor: false,
+      shape: 'square',
+      "data-test-id": testIds_1.TEST_IDS.image
+    });
+  }
+  return (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
+    size: size,
+    icon: icon !== null && icon !== void 0 ? icon : icons_1.FileSVG,
+    decor: true,
+    appearance: 'neutral',
+    shape: 'square',
+    "data-test-id": testIds_1.TEST_IDS.icon
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Emblem"), exports);

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Emblem"), exports);

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Attachment"), exports);

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

@@ -0,0 +1,98 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentSquare = AttachmentSquare;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const card_1 = require("@snack-uikit/card");
+const utils_1 = require("@snack-uikit/utils");
+const contexts_1 = require("../../contexts");
+const helpers_1 = require("../../helpers");
+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,
+    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 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);
+  return (0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({}, (0, utils_1.extractSupportProps)(rest), {
+    outline: true,
+    disabled: !loading && disabled,
+    size: size,
+    className: (0, classnames_1.default)(className, styles_module_scss_1.default.wrapper, {
+      [styles_module_scss_1.default.sizeS]: size === 's',
+      [styles_module_scss_1.default.sizeM]: size === 'm',
+      [styles_module_scss_1.default.hasFocusedActions]: hasFocusedActions
+    }),
+    checked: !loading && checked,
+    multipleSelection: true,
+    onClick: !isLoading && !disabled ? onClick : undefined,
+    header: (0, jsx_runtime_1.jsx)(contexts_1.AttachmentContext.Provider, {
+      value: {
+        file,
+        truncateVariant,
+        onDelete,
+        onDownload,
+        onRetry,
+        disabled,
+        size
+      },
+      children: (0, jsx_runtime_1.jsxs)(contexts_1.AttachmentFocusActionsContext.Provider, {
+        value: {
+          focused: hasFocusedActions,
+          setFocused: setHasFocusedActions
+        },
+        children: [!isLoading && !disabled && !error && (0, jsx_runtime_1.jsx)(components_1.MainContent, {
+          title: title,
+          icon: icon,
+          imageData: imageData,
+          className: styles_module_scss_1.default.main
+        }), !isLoading && (0, jsx_runtime_1.jsx)(components_1.HoverContent, {
+          title: title,
+          description: description,
+          error: error,
+          className: styles_module_scss_1.default.hover
+        }), isLoading && (0, jsx_runtime_1.jsx)(components_1.LoadingContent, {})]
+      })
+    })
+  }));
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HoverContent = HoverContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+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)();
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: (0, classnames_1.default)(styles_module_scss_1.default.composition, {
+      [className]: !disabled && !error
+    }),
+    "data-size": size,
+    children: [(0, jsx_runtime_1.jsx)(helperComponents_1.TextBlock, {
+      title: title,
+      error: error,
+      description: !error ? description : undefined,
+      align: 'center'
+    }), (0, jsx_runtime_1.jsx)(helperComponents_1.Actions, {
+      hideDownload: Boolean(error),
+      hideRetry: !Boolean(error)
+    })]
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./HoverContent"), exports);

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingContent = LoadingContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icon_predefined_1 = require("@snack-uikit/icon-predefined");
+const loaders_1 = require("@snack-uikit/loaders");
+const contexts_1 = require("../../../../contexts");
+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)();
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: styles_module_scss_1.default.composition,
+    "data-size": size,
+    children: [(0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
+      size: size,
+      icon: () => (0, jsx_runtime_1.jsx)(loaders_1.Spinner, {
+        size: 's'
+      }),
+      decor: false,
+      appearance: 'neutral',
+      shape: 'square',
+      "data-test-id": testIds_1.TEST_IDS.loading
+    }), (0, jsx_runtime_1.jsx)(helperComponents_1.Actions, {
+      hideDownload: true,
+      hideRetry: true
+    })]
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./LoadingContent"), exports);

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MainContent = MainContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const card_1 = require("@snack-uikit/card");
+const icon_predefined_1 = require("@snack-uikit/icon-predefined");
+const icons_1 = require("@snack-uikit/icons");
+const contexts_1 = require("../../../../contexts");
+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;
+  var _a;
+  const {
+    file,
+    size
+  } = (0, contexts_1.useAttachmentContext)();
+  if (imageData) {
+    return (0, jsx_runtime_1.jsx)("div", {
+      className: (0, classnames_1.default)(styles_module_scss_1.default.composition, className),
+      children: (0, jsx_runtime_1.jsx)(card_1.Card.Image, {
+        src: imageData,
+        alt: (_a = file === null || file === void 0 ? void 0 : file.name) !== null && _a !== void 0 ? _a : 'file',
+        mode: 'background',
+        hideFading: true,
+        "data-test-id": testIds_1.TEST_IDS.image
+      })
+    });
+  }
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: (0, classnames_1.default)(styles_module_scss_1.default.composition, className),
+    "data-size": size,
+    children: [(0, jsx_runtime_1.jsx)(helperComponents_1.TextBlock, {
+      title: title,
+      align: 'center'
+    }), (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, {
+      size: size,
+      icon: icon !== null && icon !== void 0 ? icon : icons_1.FileSVG,
+      decor: true,
+      appearance: 'neutral',
+      shape: 'square',
+      "data-test-id": testIds_1.TEST_IDS.icon
+    })]
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./MainContent"), exports);

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./LoadingContent"), exports);
+__exportStar(require("./HoverContent"), exports);
+__exportStar(require("./MainContent"), exports);

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./AttachmentSquare"), exports);

package/dist/cjs/components/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./AttachmentSquare"), exports);
+__exportStar(require("./Attachment"), exports);

package/dist/cjs/contexts.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentFocusActionsContext = exports.AttachmentContext = void 0;
+exports.useAttachmentContext = useAttachmentContext;
+exports.useAttachmentFocusActionsContext = useAttachmentFocusActionsContext;
+const react_1 = require("react");
+exports.AttachmentContext = (0, react_1.createContext)({});
+function useAttachmentContext() {
+  return (0, react_1.useContext)(exports.AttachmentContext);
+}
+exports.AttachmentFocusActionsContext = (0, react_1.createContext)({
+  focused: false,
+  setFocused: () => {}
+});
+function useAttachmentFocusActionsContext() {
+  return (0, react_1.useContext)(exports.AttachmentFocusActionsContext);
+}