@box/item-icon 3.2.32 → 3.2.34

package/dist/esm/index.js

@@ -1,7 +1 @@
-import { ItemIcon as e, itemIconTable as t } from "./lib/item-icon/item-icon.js";
-import { FILE_CATEGORY_COLORS as n, FILE_EXTENSION_CATEGORIES as r } from "./lib/constants.js";
-import { getColorByExtension as i, getFileCategoryByExtension as a } from "./lib/utils.js";
-import { ItemTypeIcon as o } from "./lib/item-type-icon/item-type-icon.js";
-import "./lib/item-type-icon/index.js";
-import "./lib/types/index.js";
-export { n as FILE_CATEGORY_COLORS, r as FILE_EXTENSION_CATEGORIES, e as ItemIcon, o as ItemTypeIcon, i as getColorByExtension, a as getFileCategoryByExtension, t as itemIconTable };
+import{ItemIcon,itemIconTable}from"./lib/item-icon/item-icon.js";import{FILE_CATEGORY_COLORS,FILE_EXTENSION_CATEGORIES}from"./lib/constants.js";import{getColorByExtension,getFileCategoryByExtension}from"./lib/utils.js";import{ItemTypeIcon}from"./lib/item-type-icon/item-type-icon.js";import"./lib/item-type-icon/index.js";import"./lib/types/index.js";export{FILE_CATEGORY_COLORS,FILE_EXTENSION_CATEGORIES,ItemIcon,ItemTypeIcon,getColorByExtension,getFileCategoryByExtension,itemIconTable};

package/dist/esm/lib/constants.js

@@ -1,190 +1 @@
-var e = {
-	audio: [
-		"aac",
-		"aif",
-		"aifc",
-		"aiff",
-		"amr",
-		"au",
-		"flac",
-		"m3u",
-		"m4a",
-		"mid",
-		"mp3",
-		"ra",
-		"wav",
-		"wma",
-		"wpl"
-	],
-	boxcanvas: ["boxcanvas"],
-	boxnote: ["boxnote"],
-	code: /* @__PURE__ */ "as.as3.asm.aspx.bat.c.cc.cmake.cpp.cs.css.cxx.db.diff.erb.groovy.h.haml.hh.htm.html.java.js.json.less.m.make.ml.mm.php.pl.plist.properties.py.rb.rst.sass.scala.scm.script.sh.sml.sql.wabba.yaml".split("."),
-	document: [
-		"dot",
-		"dotx",
-		"msg",
-		"odt",
-		"rtf",
-		"wpd",
-		"xhtml",
-		"xml",
-		"xsd",
-		"xsl"
-	],
-	"docuworks-binder": ["xbd"],
-	"docuworks-file": ["xdw"],
-	dwg: ["dwg", "dwgzip"],
-	"excel-spreadsheet": [
-		"xls",
-		"xlsb",
-		"xlsm",
-		"xlsx"
-	],
-	"google-docs": ["gdoc"],
-	"google-sheets": ["gsheet"],
-	"google-slides": ["gslide", "gslides"],
-	illustrator: ["ai"],
-	image: [
-		"bmp",
-		"cr2",
-		"crw",
-		"dng",
-		"gdraw",
-		"gif",
-		"heic",
-		"heif",
-		"jpeg",
-		"jpg",
-		"nef",
-		"png",
-		"ps",
-		"raf",
-		"raw",
-		"svg",
-		"svs",
-		"tga",
-		"tif",
-		"tiff",
-		"webp"
-	],
-	indesign: [
-		"idml",
-		"indd",
-		"indt",
-		"inx"
-	],
-	keynote: ["key"],
-	markdown: ["md", "markdown"],
-	numbers: ["numbers"],
-	pages: ["pages"],
-	pdf: ["pdf"],
-	photoshop: ["psb", "psd"],
-	"powerpoint-presentation": [
-		"ppt",
-		"pptm",
-		"pptx"
-	],
-	presentation: [
-		"odp",
-		"otp",
-		"pot",
-		"potx"
-	],
-	spreadsheet: [
-		"csv",
-		"ods",
-		"tsv",
-		"xlt",
-		"xltx"
-	],
-	text: [
-		"fdx",
-		"log",
-		"txt",
-		"vi",
-		"vim",
-		"vtt",
-		"webdoc"
-	],
-	threed: [
-		"3ds",
-		"box3d",
-		"dae",
-		"fbx",
-		"mtl",
-		"obj",
-		"ply",
-		"stl"
-	],
-	vector: ["eps"],
-	video: [
-		"3g2",
-		"3gp",
-		"avi",
-		"flv",
-		"m2ts",
-		"m2v",
-		"m4v",
-		"mkv",
-		"mov",
-		"mp4",
-		"mpeg",
-		"mpg",
-		"mts",
-		"ogg",
-		"qt",
-		"ts",
-		"wmv"
-	],
-	"word-document": [
-		"doc",
-		"docm",
-		"docx"
-	],
-	zip: [
-		"gz",
-		"rar",
-		"tgz",
-		"zip"
-	]
-}, t = {
-	red: "var(--bp-watermelon-red-120, var(--watermelon-red-120))",
-	orange: "var(--bp-orange-130, var(--orange-120))",
-	green: "var(--bp-green-light-135, var(--green-light-120))",
-	lightBlue: "var(--bp-light-blue-115, var(--light-blue-110))",
-	darkBlue: "var(--bp-light-blue-135, var(--light-blue-120))",
-	purple: "var(--bp-purple-rain-100, var(--purple-rain-100))",
-	gray: "var(--bp-gray-100, var(--gray-100))"
-}, n = {
-	audio: t.purple,
-	boxcanvas: t.orange,
-	boxnote: t.gray,
-	code: t.red,
-	document: t.gray,
-	"docuworks-binder": t.gray,
-	"docuworks-file": t.green,
-	dwg: t.lightBlue,
-	"excel-spreadsheet": t.green,
-	"google-docs": t.darkBlue,
-	"google-sheets": t.green,
-	"google-slides": t.orange,
-	illustrator: t.orange,
-	image: t.green,
-	indesign: t.gray,
-	keynote: t.lightBlue,
-	markdown: t.gray,
-	numbers: t.green,
-	pages: t.orange,
-	pdf: t.red,
-	photoshop: t.lightBlue,
-	"powerpoint-presentation": t.red,
-	presentation: t.orange,
-	spreadsheet: t.green,
-	text: t.darkBlue,
-	threed: t.orange,
-	vector: t.orange,
-	video: t.lightBlue,
-	"word-document": t.darkBlue,
-	zip: t.gray
-};
-export { n as FILE_CATEGORY_COLORS, e as FILE_EXTENSION_CATEGORIES };
+var FILE_EXTENSION_CATEGORIES={audio:[`aac`,`aif`,`aifc`,`aiff`,`amr`,`au`,`flac`,`m3u`,`m4a`,`mid`,`mp3`,`ra`,`wav`,`wma`,`wpl`],boxcanvas:[`boxcanvas`],boxnote:[`boxnote`],code:`as.as3.asm.aspx.bat.c.cc.cmake.cpp.cs.css.cxx.db.diff.erb.groovy.h.haml.hh.htm.html.java.js.json.less.m.make.ml.mm.php.pl.plist.properties.py.rb.rst.sass.scala.scm.script.sh.sml.sql.wabba.yaml`.split(`.`),document:[`dot`,`dotx`,`msg`,`odt`,`rtf`,`wpd`,`xhtml`,`xml`,`xsd`,`xsl`],"docuworks-binder":[`xbd`],"docuworks-file":[`xdw`],dwg:[`dwg`,`dwgzip`],"excel-spreadsheet":[`xls`,`xlsb`,`xlsm`,`xlsx`],"google-docs":[`gdoc`],"google-sheets":[`gsheet`],"google-slides":[`gslide`,`gslides`],illustrator:[`ai`],image:[`bmp`,`cr2`,`crw`,`dng`,`gdraw`,`gif`,`heic`,`heif`,`jpeg`,`jpg`,`nef`,`png`,`ps`,`raf`,`raw`,`svg`,`svs`,`tga`,`tif`,`tiff`,`webp`],indesign:[`idml`,`indd`,`indt`,`inx`],keynote:[`key`],markdown:[`md`,`markdown`],numbers:[`numbers`],pages:[`pages`],pdf:[`pdf`],photoshop:[`psb`,`psd`],"powerpoint-presentation":[`ppt`,`pptm`,`pptx`],presentation:[`odp`,`otp`,`pot`,`potx`],spreadsheet:[`csv`,`ods`,`tsv`,`xlt`,`xltx`],text:[`fdx`,`log`,`txt`,`vi`,`vim`,`vtt`,`webdoc`],threed:[`3ds`,`box3d`,`dae`,`fbx`,`mtl`,`obj`,`ply`,`stl`],vector:[`eps`],video:[`3g2`,`3gp`,`avi`,`flv`,`m2ts`,`m2v`,`m4v`,`mkv`,`mov`,`mp4`,`mpeg`,`mpg`,`mts`,`ogg`,`qt`,`ts`,`wmv`],"word-document":[`doc`,`docm`,`docx`],zip:[`gz`,`rar`,`tgz`,`zip`]},COLOR_TOKENS={red:`var(--bp-watermelon-red-120, var(--watermelon-red-120))`,orange:`var(--bp-orange-130, var(--orange-120))`,green:`var(--bp-green-light-135, var(--green-light-120))`,lightBlue:`var(--bp-light-blue-115, var(--light-blue-110))`,darkBlue:`var(--bp-light-blue-135, var(--light-blue-120))`,purple:`var(--bp-purple-rain-100, var(--purple-rain-100))`,gray:`var(--bp-gray-100, var(--gray-100))`},FILE_CATEGORY_COLORS={audio:COLOR_TOKENS.purple,boxcanvas:COLOR_TOKENS.orange,boxnote:COLOR_TOKENS.gray,code:COLOR_TOKENS.red,document:COLOR_TOKENS.gray,"docuworks-binder":COLOR_TOKENS.gray,"docuworks-file":COLOR_TOKENS.green,dwg:COLOR_TOKENS.lightBlue,"excel-spreadsheet":COLOR_TOKENS.green,"google-docs":COLOR_TOKENS.darkBlue,"google-sheets":COLOR_TOKENS.green,"google-slides":COLOR_TOKENS.orange,illustrator:COLOR_TOKENS.orange,image:COLOR_TOKENS.green,indesign:COLOR_TOKENS.gray,keynote:COLOR_TOKENS.lightBlue,markdown:COLOR_TOKENS.gray,numbers:COLOR_TOKENS.green,pages:COLOR_TOKENS.orange,pdf:COLOR_TOKENS.red,photoshop:COLOR_TOKENS.lightBlue,"powerpoint-presentation":COLOR_TOKENS.red,presentation:COLOR_TOKENS.orange,spreadsheet:COLOR_TOKENS.green,text:COLOR_TOKENS.darkBlue,threed:COLOR_TOKENS.orange,vector:COLOR_TOKENS.orange,video:COLOR_TOKENS.lightBlue,"word-document":COLOR_TOKENS.darkBlue,zip:COLOR_TOKENS.gray};export{FILE_CATEGORY_COLORS,FILE_EXTENSION_CATEGORIES};

package/dist/esm/lib/item-icon/index.js

@@ -1,2 +1 @@
-import { ItemIcon as e, itemIconTable as t } from "./item-icon.js";
-export { e as ItemIcon, t as itemIconTable };
+import{ItemIcon,itemIconTable}from"./item-icon.js";export{ItemIcon,itemIconTable};

package/dist/esm/lib/item-icon/item-icon.js

@@ -1,61 +1 @@
-import * as e from "@box/blueprint-web-assets/icons/Content";
-import { AgentCustomExtract as t, Form as n, RelayAdvanced as r } from "@box/blueprint-web-assets/icons/Logo";
-import { Element as i } from "@box/blueprint-web-assets/icons/Medium";
-import { jsx as a } from "react/jsx-runtime";
-var o = {
-	ai_session: e.FileAiSession,
-	archive: e.Archive,
-	audio: e.FileAudio,
-	bookmark: e.FileBookmark,
-	boxcanvas: e.FileCanvas,
-	boxnote: e.FileBoxNote,
-	code: e.FileCode,
-	default: e.FileDefault,
-	document: e.FileText,
-	"docuworks-binder": e.FileXbd,
-	"docuworks-file": e.FileXdw,
-	dwg: e.FileDwg,
-	"excel-spreadsheet": e.FileExcel,
-	extract_agent: t,
-	"file-variable": e.FileVariable,
-	"folder-archive": e.FolderArchive,
-	"folder-collab": e.FolderShared,
-	"folder-external": e.FolderExternal,
-	"folder-plain": e.FolderPersonal,
-	"folder-variable": e.FolderVariable,
-	form: n,
-	"google-docs": e.FileDocs,
-	"google-sheets": e.FileSheets,
-	"google-slides": e.FileSlides,
-	illustrator: e.FileIllustrator,
-	image: e.FileImage,
-	indesign: e.FileIndesign,
-	keynote: e.FileKeynote,
-	markdown: e.FileMarkdown,
-	numbers: e.FileNumbers,
-	pages: e.FilePages,
-	pdf: e.FilePdf,
-	photoshop: e.FilePhotoshop,
-	"powerpoint-presentation": e.FilePowerpoint,
-	presentation: e.FilePresentation,
-	prompt: e.FileAiPrompt,
-	spreadsheet: e.FileSpreadsheet,
-	text: e.FileText,
-	threed: e.FileThreeD,
-	vector: e.FileVector,
-	video: e.FileVideo,
-	"word-document": e.FileWord,
-	workflow: r,
-	zip: e.FileZip
-}, s = ({ ariaHidden: t, ariaLabel: n, className: r, dimension: s = 32, iconType: c, isAppItem: l, title: u }) => {
-	let d = l ? i : e.FileDefault;
-	return /* @__PURE__ */ a(o[c] || d, {
-		"aria-hidden": t,
-		"aria-label": n,
-		className: r,
-		height: s,
-		title: u,
-		width: s
-	});
-};
-export { s as ItemIcon, s as default, o as itemIconTable };
+import*as icons from"@box/blueprint-web-assets/icons/Content";import{AgentCustomExtract,Form,RelayAdvanced}from"@box/blueprint-web-assets/icons/Logo";import{Element}from"@box/blueprint-web-assets/icons/Medium";import{jsx}from"react/jsx-runtime";var itemIconTable={ai_session:icons.FileAiSession,archive:icons.Archive,audio:icons.FileAudio,bookmark:icons.FileBookmark,boxcanvas:icons.FileCanvas,boxnote:icons.FileBoxNote,code:icons.FileCode,default:icons.FileDefault,document:icons.FileText,"docuworks-binder":icons.FileXbd,"docuworks-file":icons.FileXdw,dwg:icons.FileDwg,"excel-spreadsheet":icons.FileExcel,extract_agent:AgentCustomExtract,"file-variable":icons.FileVariable,"folder-archive":icons.FolderArchive,"folder-collab":icons.FolderShared,"folder-external":icons.FolderExternal,"folder-plain":icons.FolderPersonal,"folder-variable":icons.FolderVariable,form:Form,"google-docs":icons.FileDocs,"google-sheets":icons.FileSheets,"google-slides":icons.FileSlides,illustrator:icons.FileIllustrator,image:icons.FileImage,indesign:icons.FileIndesign,keynote:icons.FileKeynote,markdown:icons.FileMarkdown,numbers:icons.FileNumbers,pages:icons.FilePages,pdf:icons.FilePdf,photoshop:icons.FilePhotoshop,"powerpoint-presentation":icons.FilePowerpoint,presentation:icons.FilePresentation,prompt:icons.FileAiPrompt,spreadsheet:icons.FileSpreadsheet,text:icons.FileText,threed:icons.FileThreeD,vector:icons.FileVector,video:icons.FileVideo,"word-document":icons.FileWord,workflow:RelayAdvanced,zip:icons.FileZip},ItemIcon=({ariaHidden,ariaLabel,className,dimension=32,iconType,isAppItem,title})=>{let defaultIcon=isAppItem?Element:icons.FileDefault;return jsx(itemIconTable[iconType]||defaultIcon,{"aria-hidden":ariaHidden,"aria-label":ariaLabel,className,height:dimension,title,width:dimension})};export{ItemIcon,ItemIcon as default,itemIconTable};

package/dist/esm/lib/item-type-icon/index.js

@@ -1,2 +1 @@
-import { ItemTypeIcon as e } from "./item-type-icon.js";
-export { e as ItemTypeIcon };
+import{ItemTypeIcon}from"./item-type-icon.js";export{ItemTypeIcon};

package/dist/esm/lib/item-type-icon/item-type-icon.js

@@ -1,15 +1 @@
-import { ItemIcon as e } from "../item-icon/item-icon.js";
-import { getFileCategoryByExtension as t } from "../utils.js";
-import n from "../messages.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useIntl as i } from "react-intl";
-import { ItemType as a } from "@box/types";
-var o = ({ item: o, ...s }) => {
-	let { archiveType: c, hasCollaborations: l, isExternallyOwned: u, type: d } = o, { extension: f = "" } = o, { formatMessage: p } = i(), m = "default", h = n.file;
-	return d === a.File ? (m = t(f.toLowerCase()), h = m === "default" ? n.file : n.fileExtension) : d === a.Folder ? c === "archive" ? (m = "archive", h = n.archive) : c === "folder_archive" ? (m = "folder-archive", h = n.archiveFolder) : u ? (m = "folder-external", h = n.externalFolder) : l ? (m = "folder-collab", h = n.collaboratedFolder) : (m = "folder-plain", h = n.personalFolder) : d === a.WebLink && (m = "bookmark", h = n.bookmark), /* @__PURE__ */ r(e, {
-		ariaLabel: p(h, { extension: f.toUpperCase() }),
-		iconType: m,
-		...s
-	});
-};
-export { o as ItemTypeIcon, o as default };
+import{ItemIcon}from"../item-icon/item-icon.js";import{getFileCategoryByExtension}from"../utils.js";import messages from"../messages.js";import{jsx}from"react/jsx-runtime";import{useIntl}from"react-intl";import{ItemType}from"@box/types";var ItemTypeIcon=({item,...rest})=>{let{archiveType,hasCollaborations,isExternallyOwned,type}=item,{extension=``}=item,{formatMessage}=useIntl(),iconType=`default`,message=messages.file;return type===ItemType.File?(iconType=getFileCategoryByExtension(extension.toLowerCase()),message=iconType==="default"?messages.file:messages.fileExtension):type===ItemType.Folder?archiveType===`archive`?(iconType=`archive`,message=messages.archive):archiveType===`folder_archive`?(iconType=`folder-archive`,message=messages.archiveFolder):isExternallyOwned?(iconType=`folder-external`,message=messages.externalFolder):hasCollaborations?(iconType=`folder-collab`,message=messages.collaboratedFolder):(iconType=`folder-plain`,message=messages.personalFolder):type===ItemType.WebLink&&(iconType=`bookmark`,message=messages.bookmark),jsx(ItemIcon,{ariaLabel:formatMessage(message,{extension:extension.toUpperCase()}),iconType,...rest})};export{ItemTypeIcon,ItemTypeIcon as default};

package/dist/esm/lib/messages.js

@@ -1,36 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	archive: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.archive",
-		defaultMessage: "Archive"
-	},
-	archiveFolder: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.archiveFolder",
-		defaultMessage: "Archive folder"
-	},
-	bookmark: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.bookmark",
-		defaultMessage: "Bookmark"
-	},
-	collaboratedFolder: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.collaboratedFolder",
-		defaultMessage: "Collaborated folder"
-	},
-	externalFolder: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.externalFolder",
-		defaultMessage: "External folder"
-	},
-	file: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.file",
-		defaultMessage: "File"
-	},
-	fileExtension: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.fileExtension",
-		defaultMessage: "{extension} file"
-	},
-	personalFolder: {
-		id: "groupSharedFeatures.itemIcon.itemTypeIcon.personalFolder",
-		defaultMessage: "Personal folder"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({archive:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.archive`,defaultMessage:`Archive`},archiveFolder:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.archiveFolder`,defaultMessage:`Archive folder`},bookmark:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.bookmark`,defaultMessage:`Bookmark`},collaboratedFolder:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.collaboratedFolder`,defaultMessage:`Collaborated folder`},externalFolder:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.externalFolder`,defaultMessage:`External folder`},file:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.file`,defaultMessage:`File`},fileExtension:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.fileExtension`,defaultMessage:`{extension} file`},personalFolder:{id:`groupSharedFeatures.itemIcon.itemTypeIcon.personalFolder`,defaultMessage:`Personal folder`}});export{messages as default};

package/dist/esm/lib/utils.js

@@ -1,10 +1 @@
-import { FILE_CATEGORY_COLORS as e, FILE_EXTENSION_CATEGORIES as t } from "./constants.js";
-var n = (e = "") => {
-	let n = {};
-	return Object.entries(t).forEach(([e, t]) => {
-		t.forEach((t) => {
-			n[t] = e;
-		});
-	}), n[e] || "default";
-}, r = (t) => t ? e[t] : void 0;
-export { r as getColorByExtension, n as getFileCategoryByExtension };
+import{FILE_CATEGORY_COLORS,FILE_EXTENSION_CATEGORIES}from"./constants.js";var getFileCategoryByExtension=(extension=``)=>{let iconTypes={};return Object.entries(FILE_EXTENSION_CATEGORIES).forEach(([iconType,typeExtensions])=>{typeExtensions.forEach(typeExtension=>{iconTypes[typeExtension]=iconType})}),iconTypes[extension]||`default`},getColorByExtension=fileCategory=>fileCategory?FILE_CATEGORY_COLORS[fileCategory]:void 0;export{getColorByExtension,getFileCategoryByExtension};

package/package.json

@@ -1,19 +1,19 @@
 {
     "name": "@box/item-icon",
-    "version": "3.2.32",
+    "version": "3.2.34",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
-        "@box/types": "^3.1.10",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/types": "^3.1.11",
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.12.1",
-        "@box/blueprint-web-assets": "^5.5.8",
-        "@box/storybook-utils": "^1.1.32",
-        "@box/types": "^3.1.10",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/storybook-utils": "^1.1.34",
+        "@box/types": "^3.1.11",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-intl": "^6.4.2"