@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.
- package/dist/{StudioUI-GULMXZQF.js → StudioUI-2UVUYHHA.js} +86 -10
- package/dist/StudioUI-2UVUYHHA.js.map +1 -0
- package/dist/{StudioUI-BHFZVR57.mjs → StudioUI-74IZDKCP.mjs} +86 -10
- package/dist/StudioUI-74IZDKCP.mjs.map +1 -0
- package/dist/{chunk-VQJAJVAQ.mjs → chunk-FOKLOMKO.mjs} +1 -1
- package/dist/chunk-FOKLOMKO.mjs.map +1 -0
- package/dist/{chunk-WOHZ4LYG.js → chunk-X6F6IFY3.js} +1 -1
- package/dist/chunk-X6F6IFY3.js.map +1 -0
- package/dist/handlers/index.js +58 -34
- package/dist/handlers/index.js.map +1 -1
- package/dist/handlers/index.mjs +25 -1
- package/dist/handlers/index.mjs.map +1 -1
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -3
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
- package/dist/StudioUI-BHFZVR57.mjs.map +0 -1
- package/dist/StudioUI-GULMXZQF.js.map +0 -1
- package/dist/chunk-VQJAJVAQ.mjs.map +0 -1
- package/dist/chunk-WOHZ4LYG.js.map +0 -1
|
@@ -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.
|
|
3393
|
-
/* @__PURE__ */ _jsxruntime.
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
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 ?
|
|
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-
|
|
6300
|
+
//# sourceMappingURL=StudioUI-2UVUYHHA.js.map
|