@yourbestsoft/studio-screen-ui-kit 0.0.5 → 0.0.7

package/dist/features/card-collection/CardCollection.d.ts

@@ -3,6 +3,7 @@ type Item = {
     image: {
         url: string;
         name: string;
+        id: string;
     };
     headerAction?: ReactNode;
     footerSection?: ReactNode;

package/dist/features/card-collection/index.d.ts

@@ -1 +1 @@
-export * from './card-collection.module.scss';
+export * from './CardCollection';

package/dist/index2.js

@@ -1,21 +1,78 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import d from "classnames";
-import { HardDriveDownload as m, Share2 as _, PencilRuler as y } from "lucide-react";
-import { e as c, B as p } from "./ToolIconButton-uQjlHv_6.js";
-import { k as R, u as M } from "./ToolIconButton-uQjlHv_6.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import m from "classnames";
+import { Image as h, Video as g, FileQuestion as p, HardDriveDownload as u, Share2 as y, PencilRuler as I } from "lucide-react";
+import { d as l, e as o, B as v } from "./ToolIconButton-uQjlHv_6.js";
+import { k as U, u as X } from "./ToolIconButton-uQjlHv_6.js";
 import "react";
-const L = "_root_y0usf_1", x = "_cardList_y0usf_5", P = "_cardItemHeader_y0usf_16", w = "_cardItemHeaderIcon_y0usf_23", z = "_cardItemHeaderTitle_y0usf_28", j = "_cardItemHeaderAction_y0usf_34", A = "_cardItemContentImg_y0usf_38", h = "_content_1iqyy_1", u = "_card_1iqyy_5", g = "_cardList_1iqyy_12", I = "_cardIcon_1iqyy_19", f = "_cardTitle_1iqyy_28", v = "_cardDescription_1iqyy_33", N = "_red_1iqyy_41", S = "_green_1iqyy_45", b = "_primary_1iqyy_49", r = {
-  content: h,
-  card: u,
-  cardList: g,
-  cardIcon: I,
-  cardTitle: f,
-  cardDescription: v,
-  red: N,
-  green: S,
-  primary: b
-}, B = (o) => {
-  const { trigger: a } = o, i = [
+const f = [
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "bmp",
+  "webp",
+  "svg",
+  "ico",
+  "tiff",
+  "heic",
+  "heif"
+], N = [
+  "mp4",
+  "mov",
+  "avi",
+  "mkv",
+  "webm",
+  "flv",
+  "wmv",
+  "mpeg",
+  "3gp",
+  "ogv"
+];
+function C(t) {
+  const r = t.split(".").pop()?.toLowerCase();
+  return r ? f.includes(r) ? "image" : N.includes(r) ? "video" : "unknown" : "unknown";
+}
+const H = "_root_y0usf_1", b = "_cardList_y0usf_5", S = "_cardItemHeader_y0usf_16", T = "_cardItemHeaderIcon_y0usf_23", k = "_cardItemHeaderTitle_y0usf_28", x = "_cardItemHeaderAction_y0usf_34", q = "_cardItemContentImg_y0usf_38", a = {
+  root: H,
+  cardList: b,
+  cardItemHeader: S,
+  cardItemHeaderIcon: T,
+  cardItemHeaderTitle: k,
+  cardItemHeaderAction: x,
+  cardItemContentImg: q
+}, $ = (t) => {
+  const { className: r, items: n } = t;
+  return /* @__PURE__ */ e("div", { className: m(a.cardList, r), children: n.map((i) => /* @__PURE__ */ e(w, { card: i }, i.image.id)) });
+}, w = ({ card: t }) => {
+  const r = C(t.image.name);
+  return /* @__PURE__ */ e(l.Root, { style: { borderRadius: "0.5rem" }, children: /* @__PURE__ */ s(l.Content, { className: a.cardItem, children: [
+    /* @__PURE__ */ s("div", { className: a.cardItemHeader, children: [
+      /* @__PURE__ */ e("div", { className: a.cardItemHeaderIcon, children: r === "image" ? /* @__PURE__ */ e(h, { height: 20 }) : r === "video" ? /* @__PURE__ */ e(g, { height: 20 }) : /* @__PURE__ */ e(p, { height: 20 }) }),
+      /* @__PURE__ */ e("h5", { className: a.cardItemHeaderTitle, children: t.image.name }),
+      /* @__PURE__ */ e("div", { className: a.cardItemHeaderAction, children: t.headerAction })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.cardItemContent, children: /* @__PURE__ */ e(
+      "img",
+      {
+        src: t.image.url,
+        alt: t.image.name,
+        className: a.cardItemContentImg
+      }
+    ) }),
+    t.footerSection && /* @__PURE__ */ e("div", { className: a.cardItemFooter, children: t.footerSection })
+  ] }) });
+}, L = "_content_1iqyy_1", D = "_card_1iqyy_5", P = "_cardList_1iqyy_12", A = "_cardIcon_1iqyy_19", E = "_cardTitle_1iqyy_28", j = "_cardDescription_1iqyy_33", R = "_red_1iqyy_41", z = "_green_1iqyy_45", B = "_primary_1iqyy_49", c = {
+  content: L,
+  card: D,
+  cardList: P,
+  cardIcon: A,
+  cardTitle: E,
+  cardDescription: j,
+  red: R,
+  green: z,
+  primary: B
+}, G = (t) => {
+  const { trigger: r } = t, n = [
     {
       action: () => {
         console.log("Save to disk action");
@@ -23,7 +80,7 @@ const L = "_root_y0usf_1", x = "_cardList_y0usf_5", P = "_cardItemHeader_y0usf_1
       bgColor: "green",
       buttonName: "Save file",
       description: "Export scene data to a file that can be imported later.",
-      icon: /* @__PURE__ */ e(m, { size: 45 }),
+      icon: /* @__PURE__ */ e(u, { size: 45 }),
       title: "Save to disk"
     },
     {
@@ -33,7 +90,7 @@ const L = "_root_y0usf_1", x = "_cardList_y0usf_5", P = "_cardItemHeader_y0usf_1
       bgColor: "red",
       buttonName: "Share link",
       description: "Export a link to share your scene with others.",
-      icon: /* @__PURE__ */ e(_, { size: 45 }),
+      icon: /* @__PURE__ */ e(y, { size: 45 }),
       title: "Share via link"
     },
     {
@@ -43,60 +100,54 @@ const L = "_root_y0usf_1", x = "_cardList_y0usf_5", P = "_cardItemHeader_y0usf_1
       bgColor: "primary",
       buttonName: "Primer+",
       description: "Save the scene in your Primer+ workspace.",
-      icon: /* @__PURE__ */ e(y, { size: 45 }),
+      icon: /* @__PURE__ */ e(I, { size: 45 }),
       title: "Primer+"
     }
   ];
-  return /* @__PURE__ */ s(c.Root, { children: [
-    /* @__PURE__ */ e(c.Trigger, { children: a }),
-    /* @__PURE__ */ s(c.Content, { className: r.content, children: [
-      /* @__PURE__ */ e(c.Title, { children: "Save as..." }),
-      /* @__PURE__ */ e(c.Separator, {}),
-      /* @__PURE__ */ e("div", { className: r.cardList, children: i.map((t, n) => /* @__PURE__ */ e(
-        T,
+  return /* @__PURE__ */ s(o.Root, { children: [
+    /* @__PURE__ */ e(o.Trigger, { children: r }),
+    /* @__PURE__ */ s(o.Content, { className: c.content, children: [
+      /* @__PURE__ */ e(o.Title, { children: "Save as..." }),
+      /* @__PURE__ */ e(o.Separator, {}),
+      /* @__PURE__ */ e("div", { className: c.cardList, children: n.map((i, d) => /* @__PURE__ */ e(
+        F,
         {
-          icon: t.icon,
-          title: t.title,
-          bgColor: t.bgColor,
-          description: t.description,
-          action: t.action,
-          buttonName: t.buttonName
+          icon: i.icon,
+          title: i.title,
+          bgColor: i.bgColor,
+          description: i.description,
+          action: i.action,
+          buttonName: i.buttonName
         },
-        n
+        d
       )) })
     ] })
   ] });
-}, T = ({
-  action: o,
-  bgColor: a = "primary",
-  buttonName: i,
-  description: t,
-  icon: n,
-  title: l
-}) => /* @__PURE__ */ s("div", { className: r.card, children: [
-  /* @__PURE__ */ e("div", { className: d(r.cardIcon, r[a]), children: n }),
-  /* @__PURE__ */ e("h3", { className: r.cardTitle, children: l }),
-  /* @__PURE__ */ e("p", { className: r.cardDescription, children: t }),
+}, F = ({
+  action: t,
+  bgColor: r = "primary",
+  buttonName: n,
+  description: i,
+  icon: d,
+  title: _
+}) => /* @__PURE__ */ s("div", { className: c.card, children: [
+  /* @__PURE__ */ e("div", { className: m(c.cardIcon, c[r]), children: d }),
+  /* @__PURE__ */ e("h3", { className: c.cardTitle, children: _ }),
+  /* @__PURE__ */ e("p", { className: c.cardDescription, children: i }),
   /* @__PURE__ */ e(
-    p,
+    v,
     {
-      onClick: o,
+      onClick: t,
       fullWidth: !0,
-      className: d(r.button, r[a]),
-      children: i
+      className: m(c.button, c[r]),
+      children: n
     }
   )
 ] });
 export {
-  B as SaveModal,
-  R as ThemeProvider,
-  A as cardItemContentImg,
-  P as cardItemHeader,
-  j as cardItemHeaderAction,
-  w as cardItemHeaderIcon,
-  z as cardItemHeaderTitle,
-  x as cardList,
-  L as root,
-  M as useTheme
+  $ as CardCollection,
+  G as SaveModal,
+  U as ThemeProvider,
+  X as useTheme
 };
 //# sourceMappingURL=index2.js.map

package/dist/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":["../src/features/save-modal/SaveModal.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HardDriveDownload, PencilRuler, Share2 } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Dialog, Button } from '../../components'\nimport style from './save-modal.module.scss'\n\ninterface Props {\n  trigger: ReactNode\n}\n\ninterface SaveOption {\n  icon: ReactNode\n  title: string\n  description: string\n  action: () => void\n  buttonName: string\n  bgColor?: 'red' | 'green' | 'primary'\n}\n\nexport const SaveModal = (props: Props) => {\n  const { trigger } = props\n\n  const saveOptions: SaveOption[] = [\n    {\n      action: () => {\n        console.log('Save to disk action')\n      },\n      bgColor: 'green',\n      buttonName: 'Save file',\n      description: 'Export scene data to a file that can be imported later.',\n      icon: <HardDriveDownload size={45} />,\n      title: 'Save to disk',\n    },\n    {\n      action: () => {\n        console.log('Share link action')\n      },\n      bgColor: 'red',\n      buttonName: 'Share link',\n      description: 'Export a link to share your scene with others.',\n      icon: <Share2 size={45} />,\n      title: 'Share via link',\n    },\n    {\n      action: () => {\n        console.log('Save to Primer+ action')\n      },\n      bgColor: 'primary',\n      buttonName: 'Primer+',\n      description: 'Save the scene in your Primer+ workspace.',\n      icon: <PencilRuler size={45} />,\n      title: 'Primer+',\n    },\n  ]\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{trigger}</Dialog.Trigger>\n      <Dialog.Content className={style.content}>\n        <Dialog.Title>Save as...</Dialog.Title>\n        <Dialog.Separator />\n        <div className={style.cardList}>\n          {saveOptions.map((option, index) => (\n            <SaveCardOption\n              key={index}\n              icon={option.icon}\n              title={option.title}\n              bgColor={option.bgColor}\n              description={option.description}\n              action={option.action}\n              buttonName={option.buttonName}\n            />\n          ))}\n        </div>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n\nconst SaveCardOption = ({\n  action,\n  bgColor = 'primary',\n  buttonName,\n  description,\n  icon,\n  title,\n}: SaveOption) => {\n  return (\n    <div className={style.card}>\n      <div className={classNames(style.cardIcon, style[bgColor])}>{icon}</div>\n      <h3 className={style.cardTitle}>{title}</h3>\n      <p className={style.cardDescription}>{description}</p>\n      <Button\n        onClick={action}\n        fullWidth\n        className={classNames(style.button, style[bgColor])}\n      >\n        {buttonName}\n      </Button>\n    </div>\n  )\n}\n"],"names":["SaveModal","props","trigger","saveOptions","jsx","HardDriveDownload","Share2","PencilRuler","jsxs","Dialog","style","option","index","SaveCardOption","action","bgColor","buttonName","description","icon","title","classNames","Button"],"mappings":";;;;;;;;;;;;;;;;GAoBaA,IAAY,CAACC,MAAiB;AACnC,QAAA,EAAE,SAAAC,MAAYD,GAEdE,IAA4B;AAAA,IAChC;AAAA,MACE,QAAQ,MAAM;AACZ,gBAAQ,IAAI,qBAAqB;AAAA,MACnC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAM,gBAAAC,EAACC,GAAkB,EAAA,MAAM,GAAI,CAAA;AAAA,MACnC,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,MAAM;AACZ,gBAAQ,IAAI,mBAAmB;AAAA,MACjC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAM,gBAAAD,EAACE,GAAO,EAAA,MAAM,GAAI,CAAA;AAAA,MACxB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,MAAM;AACZ,gBAAQ,IAAI,wBAAwB;AAAA,MACtC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAM,gBAAAF,EAACG,GAAY,EAAA,MAAM,GAAI,CAAA;AAAA,MAC7B,OAAO;AAAA,IAAA;AAAA,EAEX;AAGE,SAAA,gBAAAC,EAACC,EAAO,MAAP,EACC,UAAA;AAAA,IAAC,gBAAAL,EAAAK,EAAO,SAAP,EAAgB,UAAQP,EAAA,CAAA;AAAA,sBACxBO,EAAO,SAAP,EAAe,WAAWC,EAAM,SAC/B,UAAA;AAAA,MAAC,gBAAAN,EAAAK,EAAO,OAAP,EAAa,UAAU,aAAA,CAAA;AAAA,MACxB,gBAAAL,EAACK,EAAO,WAAP,EAAiB;AAAA,MAClB,gBAAAL,EAAC,SAAI,WAAWM,EAAM,UACnB,UAAYP,EAAA,IAAI,CAACQ,GAAQC,MACxB,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,MAAMF,EAAO;AAAA,UACb,OAAOA,EAAO;AAAA,UACd,SAASA,EAAO;AAAA,UAChB,aAAaA,EAAO;AAAA,UACpB,QAAQA,EAAO;AAAA,UACf,YAAYA,EAAO;AAAA,QAAA;AAAA,QANdC;AAAA,MAAA,CAQR,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,GAEMC,IAAiB,CAAC;AAAA,EACtB,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACF,MAEK,gBAAAX,EAAA,OAAA,EAAI,WAAWE,EAAM,MACpB,UAAA;AAAA,EAAC,gBAAAN,EAAA,OAAA,EAAI,WAAWgB,EAAWV,EAAM,UAAUA,EAAMK,CAAO,CAAC,GAAI,UAAKG,EAAA,CAAA;AAAA,EACjE,gBAAAd,EAAA,MAAA,EAAG,WAAWM,EAAM,WAAY,UAAMS,GAAA;AAAA,EACtC,gBAAAf,EAAA,KAAA,EAAE,WAAWM,EAAM,iBAAkB,UAAYO,GAAA;AAAA,EAClD,gBAAAb;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,SAASP;AAAA,MACT,WAAS;AAAA,MACT,WAAWM,EAAWV,EAAM,QAAQA,EAAMK,CAAO,CAAC;AAAA,MAEjD,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index2.js","sources":["../src/utils/fileUtils.ts","../src/features/card-collection/CardCollection.tsx","../src/features/save-modal/SaveModal.tsx"],"sourcesContent":["const imageMimeTypes = [\n  'image/png',\n  'image/jpeg',\n  'image/jpg',\n  'image/gif',\n  'image/bmp',\n  'image/webp',\n  'image/svg+xml',\n  'image/x-icon',\n  'image/tiff',\n  'image/heic',\n  'image/heif',\n]\n\nconst videoMimeTypes = [\n  'video/mp4',\n  'video/quicktime',\n  'video/x-msvideo',\n  'video/x-matroska',\n  'video/webm',\n  'video/x-flv',\n  'video/x-ms-wmv',\n  'video/mpeg',\n  'video/3gpp',\n  'video/ogg',\n]\n\nconst imageExtensions = [\n  'png',\n  'jpg',\n  'jpeg',\n  'gif',\n  'bmp',\n  'webp',\n  'svg',\n  'ico',\n  'tiff',\n  'heic',\n  'heif',\n]\n\nconst videoExtensions = [\n  'mp4',\n  'mov',\n  'avi',\n  'mkv',\n  'webm',\n  'flv',\n  'wmv',\n  'mpeg',\n  '3gp',\n  'ogv',\n]\n\nexport type FileType = 'image' | 'video' | 'unknown'\n\nexport function checkFileType(file: File): FileType {\n  const fileType = file.type\n  if (imageMimeTypes.includes(fileType)) return 'image'\n  if (videoMimeTypes.includes(fileType)) return 'video'\n  return 'unknown'\n}\n\nexport function checkFileTypeByExtension(filename: string): FileType {\n  const extension = filename.split('.').pop()?.toLowerCase()\n\n  if (!extension) return 'unknown'\n\n  if (imageExtensions.includes(extension)) return 'image'\n  if (videoExtensions.includes(extension)) return 'video'\n  return 'unknown'\n}\n","import classNames from 'classnames'\nimport { FileQuestion, Image, Video } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Card } from '../../components'\nimport { checkFileTypeByExtension } from '../../utils'\nimport s from './card-collection.module.scss'\n\ntype Item = {\n  image: {\n    url: string\n    name: string\n    id: string\n  }\n  headerAction?: ReactNode\n  footerSection?: ReactNode\n}\n\ntype Props = {\n  className?: string\n  items: Item[]\n}\n\nexport const CardCollection = (props: Props) => {\n  const { className, items } = props\n\n  return (\n    <div className={classNames(s.cardList, className)}>\n      {items.map((item) => (\n        <CardCollectionItem key={item.image.id} card={item} />\n      ))}\n    </div>\n  )\n}\n\nconst CardCollectionItem = ({ card }: { card: Item }) => {\n  const fileType = checkFileTypeByExtension(card.image.name)\n\n  return (\n    <Card.Root style={{ borderRadius: '0.5rem' }}>\n      <Card.Content className={s.cardItem}>\n        <div className={s.cardItemHeader}>\n          <div className={s.cardItemHeaderIcon}>\n            {fileType === 'image' ? (\n              <Image height={20} />\n            ) : fileType === 'video' ? (\n              <Video height={20} />\n            ) : (\n              <FileQuestion height={20} />\n            )}\n          </div>\n          <h5 className={s.cardItemHeaderTitle}>{card.image.name}</h5>\n          <div className={s.cardItemHeaderAction}>{card.headerAction}</div>\n        </div>\n        <div className={s.cardItemContent}>\n          <img\n            src={card.image.url}\n            alt={card.image.name}\n            className={s.cardItemContentImg}\n          />\n        </div>\n        {card.footerSection && (\n          <div className={s.cardItemFooter}>{card.footerSection}</div>\n        )}\n      </Card.Content>\n    </Card.Root>\n  )\n}\n","import classNames from 'classnames'\nimport { HardDriveDownload, PencilRuler, Share2 } from 'lucide-react'\nimport { ReactNode } from 'react'\n\nimport { Dialog, Button } from '../../components'\nimport style from './save-modal.module.scss'\n\ninterface Props {\n  trigger: ReactNode\n}\n\ninterface SaveOption {\n  icon: ReactNode\n  title: string\n  description: string\n  action: () => void\n  buttonName: string\n  bgColor?: 'red' | 'green' | 'primary'\n}\n\nexport const SaveModal = (props: Props) => {\n  const { trigger } = props\n\n  const saveOptions: SaveOption[] = [\n    {\n      action: () => {\n        console.log('Save to disk action')\n      },\n      bgColor: 'green',\n      buttonName: 'Save file',\n      description: 'Export scene data to a file that can be imported later.',\n      icon: <HardDriveDownload size={45} />,\n      title: 'Save to disk',\n    },\n    {\n      action: () => {\n        console.log('Share link action')\n      },\n      bgColor: 'red',\n      buttonName: 'Share link',\n      description: 'Export a link to share your scene with others.',\n      icon: <Share2 size={45} />,\n      title: 'Share via link',\n    },\n    {\n      action: () => {\n        console.log('Save to Primer+ action')\n      },\n      bgColor: 'primary',\n      buttonName: 'Primer+',\n      description: 'Save the scene in your Primer+ workspace.',\n      icon: <PencilRuler size={45} />,\n      title: 'Primer+',\n    },\n  ]\n\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{trigger}</Dialog.Trigger>\n      <Dialog.Content className={style.content}>\n        <Dialog.Title>Save as...</Dialog.Title>\n        <Dialog.Separator />\n        <div className={style.cardList}>\n          {saveOptions.map((option, index) => (\n            <SaveCardOption\n              key={index}\n              icon={option.icon}\n              title={option.title}\n              bgColor={option.bgColor}\n              description={option.description}\n              action={option.action}\n              buttonName={option.buttonName}\n            />\n          ))}\n        </div>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n\nconst SaveCardOption = ({\n  action,\n  bgColor = 'primary',\n  buttonName,\n  description,\n  icon,\n  title,\n}: SaveOption) => {\n  return (\n    <div className={style.card}>\n      <div className={classNames(style.cardIcon, style[bgColor])}>{icon}</div>\n      <h3 className={style.cardTitle}>{title}</h3>\n      <p className={style.cardDescription}>{description}</p>\n      <Button\n        onClick={action}\n        fullWidth\n        className={classNames(style.button, style[bgColor])}\n      >\n        {buttonName}\n      </Button>\n    </div>\n  )\n}\n"],"names":["imageExtensions","videoExtensions","checkFileTypeByExtension","filename","extension","CardCollection","props","className","items","jsx","classNames","s","item","CardCollectionItem","card","fileType","Card","jsxs","Image","Video","FileQuestion","SaveModal","trigger","saveOptions","HardDriveDownload","Share2","PencilRuler","Dialog","style","option","index","SaveCardOption","action","bgColor","buttonName","description","icon","title","Button"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yourbestsoft/studio-screen-ui-kit",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",