@gallop.software/studio 1.5.1 → 1.5.2

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.
@@ -3120,6 +3120,34 @@ var styles6 = {
3120
3120
  color: #f59e0b;
3121
3121
  transform: translateY(1px);
3122
3122
  `,
3123
+ folderStats: _react3.css`
3124
+ display: flex;
3125
+ align-items: center;
3126
+ gap: 8px;
3127
+ margin-left: auto;
3128
+ padding-left: 8px;
3129
+ `,
3130
+ folderStat: _react3.css`
3131
+ display: flex;
3132
+ align-items: center;
3133
+ gap: 3px;
3134
+ font-size: 11px;
3135
+ color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3136
+ `,
3137
+ folderStatIcon: _react3.css`
3138
+ width: 14px;
3139
+ height: 14px;
3140
+ `,
3141
+ folderStatIconCloud: _react3.css`
3142
+ width: 14px;
3143
+ height: 14px;
3144
+ color: #f59e0b;
3145
+ `,
3146
+ folderStatIconLocal: _react3.css`
3147
+ width: 14px;
3148
+ height: 14px;
3149
+ color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3150
+ `,
3123
3151
  globeIcon: _react3.css`
3124
3152
  width: 18px;
3125
3153
  height: 18px;
@@ -3389,14 +3417,26 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3389
3417
  }
3390
3418
  ) : /* @__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" }) })
3391
3419
  ] }),
3392
- /* @__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: [
3393
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.name, title: item.name, children: item.name }),
3394
- isFolder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.size, children: [
3395
- item.fileCount !== void 0 ? `${item.fileCount} files` : "",
3396
- item.fileCount !== void 0 && item.totalSize !== void 0 ? " \xB7 " : "",
3397
- item.totalSize !== void 0 ? formatFileSize(item.totalSize) : ""
3398
- ] }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
3399
- ] }) }) })
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: [
3431
+ /* @__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
+ item.localCount
3433
+ ] }),
3434
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles6.folderStat, title: `${item.cloudCount} in cloud`, children: [
3435
+ /* @__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
+ item.cloudCount
3437
+ ] })
3438
+ ] })
3439
+ ] }) })
3400
3440
  ]
3401
3441
  }
3402
3442
  );
@@ -3597,6 +3637,28 @@ var styles7 = {
3597
3637
  color: #f59e0b;
3598
3638
  transform: translateY(1px);
3599
3639
  `,
3640
+ folderStats: _react3.css`
3641
+ display: flex;
3642
+ align-items: center;
3643
+ gap: 8px;
3644
+ `,
3645
+ folderStat: _react3.css`
3646
+ display: flex;
3647
+ align-items: center;
3648
+ gap: 3px;
3649
+ font-size: 12px;
3650
+ color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3651
+ `,
3652
+ folderStatIconCloud: _react3.css`
3653
+ width: 14px;
3654
+ height: 14px;
3655
+ color: #f59e0b;
3656
+ `,
3657
+ folderStatIconLocal: _react3.css`
3658
+ width: 14px;
3659
+ height: 14px;
3660
+ color: ${_chunkN6JYTJCBjs.colors.textSecondary};
3661
+ `,
3600
3662
  globeIcon: _react3.css`
3601
3663
  width: 16px;
3602
3664
  height: 16px;
@@ -3937,7 +3999,21 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
3937
3999
  )
3938
4000
  ] })
3939
4001
  ] }) }),
3940
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? item.fileCount !== void 0 ? `${item.fileCount} files` : "--" : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
4002
+ /* @__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: [
4004
+ /* @__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
+ item.localCount
4006
+ ] }),
4007
+ item.cloudCount !== void 0 && item.cloudCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.folderStat, title: `${item.cloudCount} in cloud`, children: [
4008
+ /* @__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
+ item.cloudCount
4010
+ ] }),
4011
+ !item.localCount && !item.cloudCount && item.fileCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
4012
+ item.fileCount,
4013
+ " files"
4014
+ ] }),
4015
+ !item.localCount && !item.cloudCount && item.fileCount === void 0 && "--"
4016
+ ] }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
3941
4017
  /* @__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}` : "--" }),
3942
4018
  /* @__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: [
3943
4019
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.cdnIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }),
@@ -6221,4 +6297,4 @@ var StudioUI_default = StudioUI;
6221
6297
 
6222
6298
 
6223
6299
  exports.StudioUI = StudioUI; exports.default = StudioUI_default;
6224
- //# sourceMappingURL=StudioUI-GULMXZQF.js.map
6300
+ //# sourceMappingURL=StudioUI-2UVUYHHA.js.map