@gallop.software/studio 1.5.2 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3124,15 +3124,22 @@ var styles6 = {
3124
3124
  display: flex;
3125
3125
  align-items: center;
3126
3126
  gap: 8px;
3127
- margin-left: auto;
3128
- padding-left: 8px;
3127
+ margin: 2px 0 0 0;
3129
3128
  `,
3130
3129
  folderStat: _react3.css`
3131
3130
  display: flex;
3132
3131
  align-items: center;
3133
3132
  gap: 3px;
3134
- font-size: 11px;
3135
- color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3133
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3134
+ `,
3135
+ folderStatLocal: _react3.css`
3136
+ color: ${_chunkN6JYTJCBjs.colors.textMuted};
3137
+ `,
3138
+ folderStatCloud: _react3.css`
3139
+ color: #f59e0b;
3140
+ `,
3141
+ folderStatRemote: _react3.css`
3142
+ color: #ef4444;
3136
3143
  `,
3137
3144
  folderStatIcon: _react3.css`
3138
3145
  width: 14px;
@@ -3148,6 +3155,19 @@ var styles6 = {
3148
3155
  height: 14px;
3149
3156
  color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3150
3157
  `,
3158
+ folderStatIconRemote: _react3.css`
3159
+ width: 14px;
3160
+ height: 14px;
3161
+ color: #ef4444;
3162
+ `,
3163
+ storedLabel: _react3.css`
3164
+ display: flex;
3165
+ align-items: center;
3166
+ gap: 4px;
3167
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3168
+ color: #f59e0b;
3169
+ margin: 2px 0 0 0;
3170
+ `,
3151
3171
  globeIcon: _react3.css`
3152
3172
  width: 18px;
3153
3173
  height: 18px;
@@ -3379,8 +3399,6 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3379
3399
  }
3380
3400
  ),
3381
3401
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.content, children: [
3382
- item.cdnPushed && !item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles6.statusBtn, title: "Pushed to CDN", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.cloudIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }),
3383
- item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles6.statusBtn, title: "Remote image", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
3384
3402
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
3385
3403
  "button",
3386
3404
  {
@@ -3417,26 +3435,30 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3417
3435
  }
3418
3436
  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) })
3419
3437
  ] }),
3420
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.label, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.labelRow, children: [
3421
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.labelText, children: [
3422
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
3423
- isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.size, children: [
3424
- item.fileCount !== void 0 ? `${item.fileCount} files` : "",
3425
- item.fileCount !== void 0 && item.totalSize !== void 0 ? " \xB7 " : "",
3426
- item.totalSize !== void 0 ? formatFileSize(item.totalSize) : ""
3427
- ] }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
3428
- ] }),
3429
- isFolder && (item.localCount || item.cloudCount) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.folderStats, children: [
3430
- item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.localCount} local`, children: [
3438
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles6.labelRow, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.labelText, children: [
3439
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
3440
+ isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles6.folderStats, children: [
3441
+ item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatLocal], title: `${item.localCount} local`, children: [
3431
3442
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
3432
3443
  item.localCount
3433
3444
  ] }),
3434
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.cloudCount} in cloud`, children: [
3445
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
3435
3446
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
3436
3447
  item.cloudCount
3448
+ ] }),
3449
+ item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles6.folderStat, styles6.folderStatRemote], title: `${item.remoteCount} remote`, children: [
3450
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles6.folderStatIconRemote, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
3451
+ item.remoteCount
3452
+ ] }),
3453
+ !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.size, children: [
3454
+ item.fileCount,
3455
+ " files"
3437
3456
  ] })
3438
- ] })
3439
- ] }) })
3457
+ ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.storedLabel, children: [
3458
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles6.folderStatIconRemote : styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
3459
+ "stored"
3460
+ ] }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
3461
+ ] }) }) })
3440
3462
  ]
3441
3463
  }
3442
3464
  );
@@ -3646,8 +3668,16 @@ var styles7 = {
3646
3668
  display: flex;
3647
3669
  align-items: center;
3648
3670
  gap: 3px;
3649
- font-size: 12px;
3650
- color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3671
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3672
+ `,
3673
+ folderStatLocal: _react3.css`
3674
+ color: ${_chunkN6JYTJCBjs.colors.textMuted};
3675
+ `,
3676
+ folderStatCloud: _react3.css`
3677
+ color: #f59e0b;
3678
+ `,
3679
+ folderStatRemote: _react3.css`
3680
+ color: #ef4444;
3651
3681
  `,
3652
3682
  folderStatIconCloud: _react3.css`
3653
3683
  width: 14px;
@@ -3659,6 +3689,18 @@ var styles7 = {
3659
3689
  height: 14px;
3660
3690
  color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3661
3691
  `,
3692
+ folderStatIconRemote: _react3.css`
3693
+ width: 14px;
3694
+ height: 14px;
3695
+ color: #ef4444;
3696
+ `,
3697
+ storedLabel: _react3.css`
3698
+ display: flex;
3699
+ align-items: center;
3700
+ gap: 4px;
3701
+ font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
3702
+ color: #f59e0b;
3703
+ `,
3662
3704
  globeIcon: _react3.css`
3663
3705
  width: 16px;
3664
3706
  height: 16px;
@@ -3972,8 +4014,6 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3972
4014
  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.folderIconWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderIcon, fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2h-8l-2-2z" }) }) }) : isImage && item.thumbnail ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { css: styles7.thumbnail, src: item.thumbnail, alt: item.name, loading: "lazy" }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles7.thumbnailWrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.fileIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }) }),
3973
4015
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.name, title: item.name, children: truncateMiddle(item.name) }),
3974
4016
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.actionsCell, children: [
3975
- item.cdnPushed && !item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.statusBtn, title: "Pushed to CDN", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.cloudIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }),
3976
- item.isRemote && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.statusBtn, title: "Remote image", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.globeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }) }),
3977
4017
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
3978
4018
  "button",
3979
4019
  {
@@ -4000,19 +4040,26 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
4000
4040
  ] })
4001
4041
  ] }) }),
4002
4042
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles7.folderStats, children: [
4003
- item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.localCount} local`, children: [
4043
+ item.localCount !== void 0 && item.localCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatLocal], title: `${item.localCount} local`, children: [
4004
4044
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconLocal, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
4005
4045
  item.localCount
4006
4046
  ] }),
4007
- item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.cloudCount} in cloud`, children: [
4047
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatCloud], title: `${item.cloudCount} in cloud`, children: [
4008
4048
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
4009
4049
  item.cloudCount
4010
4050
  ] }),
4011
- !item.localCount && !item.cloudCount && item.fileCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
4051
+ item.remoteCount !== void 0 && item.remoteCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: [styles7.folderStat, styles7.folderStatRemote], title: `${item.remoteCount} remote`, children: [
4052
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.folderStatIconRemote, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) }),
4053
+ item.remoteCount
4054
+ ] }),
4055
+ !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
4012
4056
  item.fileCount,
4013
4057
  " files"
4014
4058
  ] }),
4015
- !item.localCount && !item.cloudCount && item.fileCount === void 0 && "--"
4059
+ !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount === void 0 && "--"
4060
+ ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.storedLabel, children: [
4061
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles7.folderStatIconRemote : styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
4062
+ "stored"
4016
4063
  ] }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
4017
4064
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? item.totalSize !== void 0 ? formatFileSize2(item.totalSize) : "--" : item.dimensions ? `${item.dimensions.width}x${item.dimensions.height}` : "--" }),
4018
4065
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: styles7.td, children: item.cdnPushed ? item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.cdnBadgeRemote, children: "Remote" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.cdnBadge, children: [
@@ -6297,4 +6344,4 @@ var StudioUI_default = StudioUI;
6297
6344
 
6298
6345
 
6299
6346
  exports.StudioUI = StudioUI; exports.default = StudioUI_default;
6300
- //# sourceMappingURL=StudioUI-2UVUYHHA.js.map
6347
+ //# sourceMappingURL=StudioUI-JNACMWLN.js.map