@fde-desktop/fde-core 0.4.7 → 0.4.9
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/AccordionChevron-DxpOyInK.js +26 -0
- package/dist/AccordionChevron-kn5kSrEc.cjs +1 -0
- package/dist/ActionIcon-Drh4p6Fv.js +145 -0
- package/dist/ActionIcon-alk2zZD6.cjs +1 -0
- package/dist/AppEmptyState-BWCUbf-B.cjs +1 -0
- package/dist/AppEmptyState-Bxpit0JV.js +49 -0
- package/dist/AppIcon-BU7a3ZNH.cjs +1 -0
- package/dist/AppIcon-XumS3bIG.js +80 -0
- package/dist/AppMenuBar-B9U0n1Vv.cjs +1 -0
- package/dist/AppMenuBar-CnIEVjr8.js +2049 -0
- package/dist/Box-DSKR_qaa.js +1579 -0
- package/dist/Box-zW6Twge8.cjs +1 -0
- package/dist/Button-DMlnrqyx.cjs +1 -0
- package/dist/Button-wTOTQKxF.js +178 -0
- package/dist/CalendarApp-B_e1B1Yn.cjs +1 -0
- package/dist/CalendarApp-C-l9D6nd.cjs +1 -0
- package/dist/CalendarApp-D0ftTCTG.js +1399 -0
- package/dist/Center-CmxXB9ql.js +25 -0
- package/dist/Center-DKUE2pER.cjs +1 -0
- package/dist/CheckIcon-CZhtJD1O.cjs +1 -0
- package/dist/CheckIcon-N5qBqXQJ.js +25 -0
- package/dist/CodeServerApp-BOoGwZ7r.cjs +1 -0
- package/dist/CodeServerApp-Be3I5EGg.cjs +1 -0
- package/dist/CodeServerApp-DW18EZxa.js +150 -0
- package/dist/ColorPicker-BCNqi02x.js +997 -0
- package/dist/ColorPicker-BrDE7tMO.cjs +1 -0
- package/dist/Colors-ClnDxnyA.js +15 -0
- package/dist/Colors-zP2AFgU3.cjs +1 -0
- package/dist/CreateItemApp-B12M1E_1.cjs +1 -0
- package/dist/CreateItemApp-TAAprby3.js +400 -0
- package/dist/CreateItemApp-ePB6ujNl.cjs +1 -0
- package/dist/DeviceInfoApp-BMF18BGo.cjs +1 -0
- package/dist/DeviceInfoApp-DRy0H3aT.cjs +1 -0
- package/dist/DeviceInfoApp-lgpwkeRR.js +223 -0
- package/dist/DownloadProgress-EoyCaD5O.js +174 -0
- package/dist/DownloadProgress-VNdj22U8.cjs +1 -0
- package/dist/FileIcon-7JaSR3Gn.js +89 -0
- package/dist/FileIcon-CIXopWLv.cjs +1 -0
- package/dist/FilePickerApp-DaMgEqKh.js +409 -0
- package/dist/FilePickerApp-DjmuSFqa.cjs +1 -0
- package/dist/FilesApp-Bp7wfrBZ.cjs +1 -0
- package/dist/FilesApp-BpJJRKhi.cjs +1 -0
- package/dist/FilesApp-Cj94QG5o.js +225 -0
- package/dist/Group-CtBJSfCo.js +48 -0
- package/dist/Group-Dsrf6lEK.cjs +1 -0
- package/dist/ImageViewerApp-BaLP3gkO.js +69 -0
- package/dist/ImageViewerApp-DlHGeB3S.cjs +1 -0
- package/dist/ImageViewerApp-DoXd_Swu.cjs +1 -0
- package/dist/ImageViewerMenuBar-CabGSi9r.js +87 -0
- package/dist/ImageViewerMenuBar-SAI7UNz7.cjs +1 -0
- package/dist/ImageViewerMenuBar-_Jr29gii.cjs +1 -0
- package/dist/MenuEditApp-BJjlPTOa.cjs +1 -0
- package/dist/MenuEditApp-BTRppYnD.js +497 -0
- package/dist/MenuEditApp-JPsGT-S3.cjs +1 -0
- package/dist/MenuEditMenuBar-BydGkqMw.cjs +1 -0
- package/dist/MenuEditMenuBar-DptlwVPQ.cjs +1 -0
- package/dist/MenuEditMenuBar-x1IQrHP2.js +60 -0
- package/dist/NotesApp-BOcRGO7w.cjs +1 -0
- package/dist/NotesApp-CQe7UfBC.js +364 -0
- package/dist/NotesApp-OL07JXRE.cjs +1 -0
- package/dist/NotesMenuBar-BSI_2Y7p.cjs +1 -0
- package/dist/NotesMenuBar-Df6aW85J.cjs +1 -0
- package/dist/NotesMenuBar-VhpIe68v.js +62 -0
- package/dist/Paper-BX_9odR6.js +30 -0
- package/dist/Paper-D8-BaBx2.cjs +1 -0
- package/dist/PdfApp-CNEbty5v.cjs +1 -0
- package/dist/PdfApp-CVv3ZCaM.cjs +1 -0
- package/dist/PdfApp-DL_R9-Nc.js +39 -0
- package/dist/PdfMenuBar--E6kDyrT.cjs +1 -0
- package/dist/PdfMenuBar-DZCLSOpR.js +39 -0
- package/dist/PdfMenuBar-Dj5cJUkg.cjs +1 -0
- package/dist/SettingsApp-BlmHuAjT.js +1831 -0
- package/dist/SettingsApp-CNvIgf5B.cjs +1 -0
- package/dist/SettingsApp-DWxanNE4.cjs +1 -0
- package/dist/SettingsMenuBar-CBoOBCfx.cjs +1 -0
- package/dist/SettingsMenuBar-DQooFkZN.cjs +1 -0
- package/dist/SettingsMenuBar-YWiJHaxq.js +42 -0
- package/dist/Slider-BUiHxjKO.cjs +1 -0
- package/dist/Slider-t-NcD60t.js +1176 -0
- package/dist/Stack-Bp1Ek2Gp.js +34 -0
- package/dist/Stack-D4jAiRfc.cjs +1 -0
- package/dist/StorybookApp-CDLV_kja.cjs +1 -0
- package/dist/StorybookApp-DKwlPCmo.js +10 -0
- package/dist/TerminalApp-BCB7i1lR.cjs +1 -0
- package/dist/TerminalApp-BYc_gHLe.js +326 -0
- package/dist/TerminalApp-Dviz6aP2.cjs +1 -0
- package/dist/TerminalMenuBar-D5tPmgR_.js +113 -0
- package/dist/TerminalMenuBar-DNshPmCa.cjs +1 -0
- package/dist/TerminalMenuBar-HzMSR7XP.cjs +1 -0
- package/dist/TextInput-C-JtGWn1.js +981 -0
- package/dist/TextInput-CrsmcOip.cjs +1 -0
- package/dist/Tooltip-D5Cd9wtz.cjs +1 -0
- package/dist/Tooltip-DOeIvhrO.js +1142 -0
- package/dist/UnstyledButton-DGaG-e_G.js +25 -0
- package/dist/UnstyledButton-DX2pTahr.cjs +1 -0
- package/dist/UploaderApp-C6xA5Rrf2.cjs +1 -0
- package/dist/UploaderApp-DnHIRxB_.cjs +1 -0
- package/dist/UploaderApp-qBfpukR_.js +488 -0
- package/dist/VscIcon-CcMdrFoJ.cjs +1 -0
- package/dist/VscIcon-DBfVnArE.js +8 -0
- package/dist/create-safe-context-Bboj0GWC.cjs +1 -0
- package/dist/create-safe-context-XT2cxc14.js +12 -0
- package/dist/desktopStore-CZoA9VHO.cjs +1 -0
- package/dist/desktopStore-F8bgLqFl.js +1768 -0
- package/dist/getRuntime-BFK0-8R1.cjs +1 -0
- package/dist/getRuntime-DAPqFH2W.js +63 -0
- package/dist/imageViewerStore-BB_tssZR.cjs +1 -0
- package/dist/imageViewerStore-C5kWz0o7.js +50 -0
- package/dist/index.cjs +1 -5642
- package/dist/index.css +2 -9192
- package/dist/index.d.ts +2258 -2019
- package/dist/index.js +4826 -4798
- package/dist/is-element-Bu_JY8Qy.js +7 -0
- package/dist/is-element-CdV0xajp.cjs +1 -0
- package/dist/menuEditStore-CTeM_dns.cjs +1 -0
- package/dist/menuEditStore-Cj1zAwxQ.js +38 -0
- package/dist/notesStore-BCEl1D_v.cjs +1 -0
- package/dist/notesStore-BPyRTHEc.js +36 -0
- package/dist/rolldown-runtime-CAFD8bLK.js +11 -0
- package/dist/settingsAppStore-BDQ3ts1y.js +29 -0
- package/dist/settingsAppStore-CMBc13VU.cjs +1 -0
- package/dist/terminalStore-IWdf4Mm6.js +30 -0
- package/dist/terminalStore-iIuyodfK.cjs +1 -0
- package/dist/use-merged-ref-BT8_u6vW.js +25 -0
- package/dist/use-merged-ref-n9Gw9LNn.cjs +1 -0
- package/dist/use-resolved-styles-api-8OXE2oRq.cjs +1 -0
- package/dist/use-resolved-styles-api-DNUlJJZf.js +21 -0
- package/dist/use-uncontrolled-A4hm9ATM.js +23 -0
- package/dist/use-uncontrolled-DDJVQiM_.cjs +1 -0
- package/dist/useAdaptiveDimensions-AVDc_qPa.js +40 -0
- package/dist/useAdaptiveDimensions-CfITBJ_m.cjs +1 -0
- package/dist/useCloseInterceptor-BZd3VILp.js +51 -0
- package/dist/useCloseInterceptor-yntBEzNc.cjs +1 -0
- package/dist/useDynamicIcon-Bf0t2foA.js +22 -0
- package/dist/useDynamicIcon-DJ_il30E.cjs +1 -0
- package/dist/useMenuBarUtils-nJIPJGIQ.cjs +1 -0
- package/dist/useMenuBarUtils-nmu9yehT.js +6 -0
- package/dist/useOpenApp-CBIm7Gzl.js +279 -0
- package/dist/useOpenApp-DW4x79Zg.cjs +1 -0
- package/dist/useResolvedUrl-BkMPM1fM.cjs +1 -0
- package/dist/useResolvedUrl-DQpLqOoL.js +30 -0
- package/package.json +7 -3
- package/dist/CalendarApp-CHLUCAI7.css +0 -744
- package/dist/CalendarApp-K7ZOUZ6C.js +0 -2
- package/dist/CalendarApp-OTGEERSS.cjs +0 -8
- package/dist/CodeServerApp-5KZGO7HL.css +0 -75
- package/dist/CodeServerApp-LUZFCQBI.js +0 -3
- package/dist/CodeServerApp-P3TMJPLY.cjs +0 -9
- package/dist/CreateItemApp-ESQ42VHH.js +0 -8
- package/dist/CreateItemApp-PQB5GTFG.css +0 -107
- package/dist/CreateItemApp-RFE3REWZ.cjs +0 -14
- package/dist/DeviceInfoApp-XNIS6ZY6.js +0 -5
- package/dist/DeviceInfoApp-ZNLQNOKI.cjs +0 -11
- package/dist/DeviceInfoApp-ZSMRSITP.css +0 -7
- package/dist/FilesApp-4GEU64QN.js +0 -8
- package/dist/FilesApp-E6L5W3T2.css +0 -1817
- package/dist/FilesApp-QSLB5IWR.cjs +0 -14
- package/dist/ImageViewerApp-N2Q7E7WZ.css +0 -215
- package/dist/ImageViewerApp-NCVDKLB3.js +0 -11
- package/dist/ImageViewerApp-QB373H5Z.cjs +0 -17
- package/dist/ImageViewerMenuBar-I3TFKQPS.cjs +0 -14
- package/dist/ImageViewerMenuBar-TV5C6TM2.js +0 -5
- package/dist/ImageViewerMenuBar-XLK4LIHW.css +0 -56
- package/dist/MenuEditApp-5EFYAPFC.cjs +0 -15
- package/dist/MenuEditApp-V5XOPIHX.js +0 -9
- package/dist/MenuEditApp-YA6HSAMJ.css +0 -94
- package/dist/MenuEditMenuBar-7VHMZNRM.css +0 -56
- package/dist/MenuEditMenuBar-GF6L4PGZ.cjs +0 -15
- package/dist/MenuEditMenuBar-IUXFPZE5.js +0 -6
- package/dist/NotesApp-2YNT7Y3D.js +0 -10
- package/dist/NotesApp-IAEE7YHU.cjs +0 -16
- package/dist/NotesApp-TQ6IHDNX.css +0 -302
- package/dist/NotesMenuBar-25LKN3SE.cjs +0 -15
- package/dist/NotesMenuBar-MXLOX7OT.css +0 -56
- package/dist/NotesMenuBar-SRV3AIAL.js +0 -6
- package/dist/PdfApp-67XIX6AM.js +0 -10
- package/dist/PdfApp-BUIC5U5H.css +0 -206
- package/dist/PdfApp-GZ6RHTBR.cjs +0 -16
- package/dist/PdfMenuBar-NLZC6JHS.js +0 -4
- package/dist/PdfMenuBar-QUM72EE4.css +0 -56
- package/dist/PdfMenuBar-WBRTKMLN.cjs +0 -13
- package/dist/SettingsApp-BPLMGPNK.cjs +0 -20
- package/dist/SettingsApp-JVOSEFH3.css +0 -283
- package/dist/SettingsApp-LUDIXCYY.js +0 -14
- package/dist/SettingsMenuBar-5CBSSMVM.css +0 -56
- package/dist/SettingsMenuBar-VLT6TTCM.js +0 -6
- package/dist/SettingsMenuBar-Y5QEXDEO.cjs +0 -15
- package/dist/StorybookApp-NQ244BER.css +0 -7
- package/dist/StorybookApp-NZDV4X3Y.js +0 -1
- package/dist/StorybookApp-VF3KIMU3.cjs +0 -7
- package/dist/TerminalApp-CDGWRBFJ.cjs +0 -10
- package/dist/TerminalApp-EAATMIMX.css +0 -77
- package/dist/TerminalApp-GCKJCM55.js +0 -4
- package/dist/TerminalMenuBar-3J26O26Q.css +0 -56
- package/dist/TerminalMenuBar-7BH7MGNJ.cjs +0 -14
- package/dist/TerminalMenuBar-7JAEQUZ4.js +0 -5
- package/dist/UploaderApp-6KV3TGCT.css +0 -1817
- package/dist/UploaderApp-FJC2J4I5.js +0 -10
- package/dist/UploaderApp-HLXJYJZQ.cjs +0 -16
- package/dist/chunk-2PSTHGTD.cjs +0 -42
- package/dist/chunk-2RQX7QBP.cjs +0 -148
- package/dist/chunk-43W6UDUZ.cjs +0 -19
- package/dist/chunk-4E45FBAH.js +0 -223
- package/dist/chunk-4E4U2A25.cjs +0 -237
- package/dist/chunk-4QHX7CMN.cjs +0 -38
- package/dist/chunk-4XURSNM4.js +0 -43
- package/dist/chunk-4ZCRYHL6.js +0 -407
- package/dist/chunk-5C6IQE42.cjs +0 -35
- package/dist/chunk-5HUYQDQF.js +0 -36
- package/dist/chunk-5NOHYJNH.js +0 -84
- package/dist/chunk-5QFZW6HW.js +0 -2241
- package/dist/chunk-5YH6AKEO.js +0 -146
- package/dist/chunk-756GPSPM.js +0 -283
- package/dist/chunk-7WUYUTPN.js +0 -2293
- package/dist/chunk-7XCMBW64.js +0 -162
- package/dist/chunk-7Y7HB7FB.cjs +0 -53
- package/dist/chunk-ABIAPZ6S.cjs +0 -45
- package/dist/chunk-ACHGJKCI.cjs +0 -286
- package/dist/chunk-BQCD5RAF.cjs +0 -48
- package/dist/chunk-BQL3YXMV.js +0 -17429
- package/dist/chunk-C3XER4N3.js +0 -442
- package/dist/chunk-C6BEZNAM.cjs +0 -45
- package/dist/chunk-CILU6BWC.cjs +0 -548
- package/dist/chunk-CV5PUHAE.cjs +0 -86
- package/dist/chunk-D5MVFFID.js +0 -42
- package/dist/chunk-D7R55WWT.js +0 -1601
- package/dist/chunk-DFYDUXWP.cjs +0 -34
- package/dist/chunk-DWP2SYF7.js +0 -55
- package/dist/chunk-E55VXNLK.cjs +0 -17498
- package/dist/chunk-E5FW77FG.js +0 -77
- package/dist/chunk-EAELL43F.js +0 -42
- package/dist/chunk-EX5V2ZTU.js +0 -40
- package/dist/chunk-FD7QZCTN.cjs +0 -2329
- package/dist/chunk-FH4ILMKF.js +0 -38
- package/dist/chunk-FRHBM2U7.js +0 -33
- package/dist/chunk-FX2TPX3L.cjs +0 -45
- package/dist/chunk-GPXNLTPI.cjs +0 -451
- package/dist/chunk-GRYCUBJZ.js +0 -9
- package/dist/chunk-HPHHS7FJ.cjs +0 -49
- package/dist/chunk-HWHBSAUC.js +0 -40
- package/dist/chunk-IDHP3R4I.js +0 -31
- package/dist/chunk-IHWGT3DL.js +0 -86
- package/dist/chunk-JEBKLIMU.cjs +0 -123
- package/dist/chunk-KDZLBI6F.cjs +0 -324
- package/dist/chunk-KQHICFX3.js +0 -121
- package/dist/chunk-LMJE6V4N.cjs +0 -42
- package/dist/chunk-MCHPDWVH.js +0 -444
- package/dist/chunk-MVDGM5Y4.js +0 -68
- package/dist/chunk-N36HBL53.cjs +0 -165
- package/dist/chunk-NV5GNFA3.js +0 -541
- package/dist/chunk-NVEGEK3N.js +0 -31
- package/dist/chunk-OJIDKDKF.js +0 -68
- package/dist/chunk-PGGNSLM7.js +0 -215
- package/dist/chunk-PKPQA5NR.js +0 -15
- package/dist/chunk-PNDBLFJW.cjs +0 -50
- package/dist/chunk-Q3WA72BF.cjs +0 -70
- package/dist/chunk-RDIDAZ3S.cjs +0 -9
- package/dist/chunk-RGJPRXYY.js +0 -48
- package/dist/chunk-RPSYXORB.cjs +0 -219
- package/dist/chunk-RQ6OZRUW.cjs +0 -41
- package/dist/chunk-SBE4SZAN.cjs +0 -226
- package/dist/chunk-TAFNCDUI.js +0 -234
- package/dist/chunk-TFIDSENE.cjs +0 -88
- package/dist/chunk-TGWMOHAO.js +0 -17
- package/dist/chunk-UA6XSTW6.js +0 -48
- package/dist/chunk-UIQCTAVM.cjs +0 -59
- package/dist/chunk-UKYESVDS.cjs +0 -50
- package/dist/chunk-V4N255NL.cjs +0 -2309
- package/dist/chunk-VO6KXO2I.js +0 -32
- package/dist/chunk-WXSTSC3D.cjs +0 -83
- package/dist/chunk-XSK7BWYO.js +0 -47
- package/dist/chunk-XVAPJ4PP.cjs +0 -449
- package/dist/chunk-XVASHRCE.cjs +0 -70
- package/dist/chunk-XYSMVQQD.cjs +0 -1608
- package/dist/chunk-YAIWI4Z5.js +0 -7
- package/dist/chunk-YGYOLDKR.js +0 -280
- package/dist/chunk-YP2PLNOF.cjs +0 -34
- package/dist/chunk-YSOLW4FS.cjs +0 -11
- package/dist/chunk-YY6OUR2U.js +0 -44
- package/dist/chunk-YZWS7FDT.cjs +0 -409
- package/dist/chunk-Z5YGWL65.cjs +0 -39
- package/dist/chunk-ZHNDXNL4.js +0 -45
- package/dist/chunk-ZX3EDZ5C.cjs +0 -17
- package/dist/index.d.cts +0 -2019
package/dist/chunk-CILU6BWC.cjs
DELETED
|
@@ -1,548 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkFX2TPX3L_cjs = require('./chunk-FX2TPX3L.cjs');
|
|
4
|
-
var chunkYSOLW4FS_cjs = require('./chunk-YSOLW4FS.cjs');
|
|
5
|
-
var chunkDFYDUXWP_cjs = require('./chunk-DFYDUXWP.cjs');
|
|
6
|
-
var chunkWXSTSC3D_cjs = require('./chunk-WXSTSC3D.cjs');
|
|
7
|
-
var chunkV4N255NL_cjs = require('./chunk-V4N255NL.cjs');
|
|
8
|
-
var chunkZ5YGWL65_cjs = require('./chunk-Z5YGWL65.cjs');
|
|
9
|
-
var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
|
|
10
|
-
var react = require('react');
|
|
11
|
-
var reactI18next = require('react-i18next');
|
|
12
|
-
var core = require('@dnd-kit/core');
|
|
13
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
-
|
|
15
|
-
var FOLDER_ID_TO_TRANSLATION_KEY = {
|
|
16
|
-
"launcher-folder-social-links": "socialLinks",
|
|
17
|
-
"launcher-folder-office": "office",
|
|
18
|
-
"launcher-folder-programming": "programming",
|
|
19
|
-
"launcher-folder-games": "games",
|
|
20
|
-
"launcher-folder-custom-apps": "customApps"
|
|
21
|
-
};
|
|
22
|
-
function useFolderName(folder) {
|
|
23
|
-
const { t } = reactI18next.useTranslation("apps");
|
|
24
|
-
if (!folder.isPredefined) {
|
|
25
|
-
return folder.name;
|
|
26
|
-
}
|
|
27
|
-
const translationKey = FOLDER_ID_TO_TRANSLATION_KEY[folder.id];
|
|
28
|
-
if (!translationKey) {
|
|
29
|
-
return folder.name;
|
|
30
|
-
}
|
|
31
|
-
return t(`folders.${translationKey}`, folder.name);
|
|
32
|
-
}
|
|
33
|
-
var DragDropStateContext = react.createContext(null);
|
|
34
|
-
var DragDropProvider = ({ children, onDrop, onCancel }) => {
|
|
35
|
-
const [activeItem, setActiveItem] = react.useState(null);
|
|
36
|
-
const [overTarget, setOverTarget] = react.useState(null);
|
|
37
|
-
const handleDragStart = react.useCallback((event) => {
|
|
38
|
-
const item = event.active.data.current;
|
|
39
|
-
if (item) {
|
|
40
|
-
setActiveItem(item);
|
|
41
|
-
}
|
|
42
|
-
}, []);
|
|
43
|
-
const handleDragOver = react.useCallback((event) => {
|
|
44
|
-
if (event.over) {
|
|
45
|
-
const target = event.over.data.current;
|
|
46
|
-
if (target) {
|
|
47
|
-
setOverTarget(target);
|
|
48
|
-
}
|
|
49
|
-
} else {
|
|
50
|
-
setOverTarget(null);
|
|
51
|
-
}
|
|
52
|
-
}, []);
|
|
53
|
-
const handleDragEnd = react.useCallback(
|
|
54
|
-
(event) => {
|
|
55
|
-
const { active, over } = event;
|
|
56
|
-
if (over && active.data.current) {
|
|
57
|
-
const item = active.data.current;
|
|
58
|
-
const target = over.data.current;
|
|
59
|
-
if (target.accepts.includes(item.type)) {
|
|
60
|
-
onDrop(item, target);
|
|
61
|
-
}
|
|
62
|
-
} else if (!over && onCancel) {
|
|
63
|
-
onCancel();
|
|
64
|
-
}
|
|
65
|
-
setActiveItem(null);
|
|
66
|
-
setOverTarget(null);
|
|
67
|
-
},
|
|
68
|
-
[onDrop, onCancel]
|
|
69
|
-
);
|
|
70
|
-
const value = react.useMemo(() => ({ activeItem, overTarget }), [activeItem, overTarget]);
|
|
71
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DragDropStateContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
72
|
-
core.DndContext,
|
|
73
|
-
{
|
|
74
|
-
onDragStart: handleDragStart,
|
|
75
|
-
onDragOver: handleDragOver,
|
|
76
|
-
onDragEnd: handleDragEnd,
|
|
77
|
-
collisionDetection: core.pointerWithin,
|
|
78
|
-
children
|
|
79
|
-
}
|
|
80
|
-
) });
|
|
81
|
-
};
|
|
82
|
-
function useDraggableItem(options) {
|
|
83
|
-
const { item, disabled = false } = options;
|
|
84
|
-
const { attributes, listeners, setNodeRef, transform, isDragging } = core.useDraggable({
|
|
85
|
-
id: `${item.sourceId}-${item.id}`,
|
|
86
|
-
data: item,
|
|
87
|
-
disabled
|
|
88
|
-
});
|
|
89
|
-
const style = {
|
|
90
|
-
opacity: isDragging ? 0 : 1,
|
|
91
|
-
cursor: disabled ? "default" : "grab"
|
|
92
|
-
};
|
|
93
|
-
return {
|
|
94
|
-
attributes,
|
|
95
|
-
listeners,
|
|
96
|
-
setNodeRef,
|
|
97
|
-
isDragging,
|
|
98
|
-
transform: transform ? { x: transform.x, y: transform.y } : null,
|
|
99
|
-
style
|
|
100
|
-
};
|
|
101
|
-
}
|
|
102
|
-
function useDroppableArea(options) {
|
|
103
|
-
const { target, disabled = false } = options;
|
|
104
|
-
const context = react.useContext(DragDropStateContext);
|
|
105
|
-
const { setNodeRef, isOver } = core.useDroppable({
|
|
106
|
-
id: target.id,
|
|
107
|
-
data: target,
|
|
108
|
-
disabled
|
|
109
|
-
});
|
|
110
|
-
return {
|
|
111
|
-
setNodeRef,
|
|
112
|
-
isOver,
|
|
113
|
-
active: context?.activeItem ?? null
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
function useDragDropState() {
|
|
117
|
-
const context = react.useContext(DragDropStateContext);
|
|
118
|
-
if (!context) {
|
|
119
|
-
throw new Error("useDragDropState must be used within a DragDropProvider");
|
|
120
|
-
}
|
|
121
|
-
return context;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
// src/hooks/useDragDrop/modifiers/snapCenterToCursor.ts
|
|
125
|
-
var snapCenterToCursor = ({ activatorEvent, transform, draggingNodeRect }) => {
|
|
126
|
-
if (!activatorEvent || !draggingNodeRect) {
|
|
127
|
-
return transform;
|
|
128
|
-
}
|
|
129
|
-
const event = activatorEvent;
|
|
130
|
-
let cursorX = 0;
|
|
131
|
-
let cursorY = 0;
|
|
132
|
-
if ("touches" in event && event.touches.length > 0) {
|
|
133
|
-
cursorX = event.touches[0].clientX;
|
|
134
|
-
cursorY = event.touches[0].clientY;
|
|
135
|
-
} else if ("clientX" in event) {
|
|
136
|
-
cursorX = event.clientX;
|
|
137
|
-
cursorY = event.clientY;
|
|
138
|
-
}
|
|
139
|
-
const offsetX = cursorX - draggingNodeRect.left - draggingNodeRect.width / 2;
|
|
140
|
-
const offsetY = cursorY - draggingNodeRect.top - draggingNodeRect.height / 2;
|
|
141
|
-
return {
|
|
142
|
-
...transform,
|
|
143
|
-
x: transform.x + offsetX,
|
|
144
|
-
y: transform.y + offsetY
|
|
145
|
-
};
|
|
146
|
-
};
|
|
147
|
-
|
|
148
|
-
// src/hooks/useDragDrop/DragOverlay.module.css
|
|
149
|
-
var DragOverlay_default = {};
|
|
150
|
-
var DragOverlayComponent = () => {
|
|
151
|
-
const { activeItem } = useDragDropState();
|
|
152
|
-
if (!activeItem) return null;
|
|
153
|
-
return /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { dropAnimation: core.defaultDropAnimation, modifiers: [snapCenterToCursor], children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { className: DragOverlay_default.dragOverlay, children: [
|
|
154
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
155
|
-
chunkDFYDUXWP_cjs.AppIcon_default,
|
|
156
|
-
{
|
|
157
|
-
fcIcon: activeItem.metadata?.fcIcon,
|
|
158
|
-
iconUrl: activeItem.metadata?.iconUrl,
|
|
159
|
-
fallback: activeItem.metadata?.icon,
|
|
160
|
-
size: 20
|
|
161
|
-
}
|
|
162
|
-
),
|
|
163
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: activeItem.name })
|
|
164
|
-
] }) });
|
|
165
|
-
};
|
|
166
|
-
|
|
167
|
-
// src/hooks/useDragDrop/constants.ts
|
|
168
|
-
var ACCEPTED_TYPES = {
|
|
169
|
-
"launcher-folder": ["app"],
|
|
170
|
-
"available-apps": ["app"]
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
// src/components/Apps/MenuEditApp/MenuEditApp.module.css
|
|
174
|
-
var MenuEditApp_default = {};
|
|
175
|
-
var FolderItem = ({
|
|
176
|
-
folder,
|
|
177
|
-
isEditing,
|
|
178
|
-
editingName,
|
|
179
|
-
onEdit,
|
|
180
|
-
onDelete,
|
|
181
|
-
onRename,
|
|
182
|
-
onSetEditingName,
|
|
183
|
-
onRemoveApp
|
|
184
|
-
}) => {
|
|
185
|
-
const { t } = reactI18next.useTranslation("menuedit");
|
|
186
|
-
const folderName = useFolderName(folder);
|
|
187
|
-
const { activeItem } = useDragDropState();
|
|
188
|
-
const { setNodeRef, isOver } = useDroppableArea({
|
|
189
|
-
target: {
|
|
190
|
-
type: "launcher-folder",
|
|
191
|
-
id: folder.id,
|
|
192
|
-
name: folderName,
|
|
193
|
-
accepts: ACCEPTED_TYPES["launcher-folder"]
|
|
194
|
-
}
|
|
195
|
-
});
|
|
196
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
197
|
-
chunkE55VXNLK_cjs.Card,
|
|
198
|
-
{
|
|
199
|
-
ref: setNodeRef,
|
|
200
|
-
className: MenuEditApp_default.folderCard,
|
|
201
|
-
shadow: "xs",
|
|
202
|
-
padding: "xs",
|
|
203
|
-
"data-is-over": isOver && activeItem?.type === "app" ? "true" : void 0,
|
|
204
|
-
children: [
|
|
205
|
-
/* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "space-between", mb: 4, children: [
|
|
206
|
-
isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
207
|
-
chunkE55VXNLK_cjs.TextInput,
|
|
208
|
-
{
|
|
209
|
-
value: editingName,
|
|
210
|
-
onChange: (e) => onSetEditingName(e.target.value),
|
|
211
|
-
onBlur: () => onRename(folder.id),
|
|
212
|
-
onKeyDown: (e) => {
|
|
213
|
-
if (e.key === "Enter") {
|
|
214
|
-
e.preventDefault();
|
|
215
|
-
onRename(folder.id);
|
|
216
|
-
}
|
|
217
|
-
},
|
|
218
|
-
autoFocus: true,
|
|
219
|
-
size: "xs",
|
|
220
|
-
style: { flex: 1 }
|
|
221
|
-
}
|
|
222
|
-
) : /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: "xs", children: [
|
|
223
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkDFYDUXWP_cjs.AppIcon_default, { fcIcon: folder.fcIcon, size: 16 }),
|
|
224
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", fw: 500, children: folderName }),
|
|
225
|
-
folder.isPredefined && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", children: [
|
|
226
|
-
"(",
|
|
227
|
-
t("predefined"),
|
|
228
|
-
")"
|
|
229
|
-
] })
|
|
230
|
-
] }),
|
|
231
|
-
!folder.isPredefined && !isEditing && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: 4, children: [
|
|
232
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
233
|
-
chunkE55VXNLK_cjs.ActionIcon,
|
|
234
|
-
{
|
|
235
|
-
variant: "subtle",
|
|
236
|
-
size: "xs",
|
|
237
|
-
onClick: () => onEdit(folder.id),
|
|
238
|
-
"aria-label": t("rename"),
|
|
239
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscEdit", size: 14 })
|
|
240
|
-
}
|
|
241
|
-
),
|
|
242
|
-
onDelete && /* @__PURE__ */ jsxRuntime.jsx(
|
|
243
|
-
chunkE55VXNLK_cjs.ActionIcon,
|
|
244
|
-
{
|
|
245
|
-
variant: "subtle",
|
|
246
|
-
size: "xs",
|
|
247
|
-
color: "red",
|
|
248
|
-
onClick: () => onDelete(folder.id),
|
|
249
|
-
"aria-label": t("delete"),
|
|
250
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscTrash", size: 14 })
|
|
251
|
-
}
|
|
252
|
-
)
|
|
253
|
-
] })
|
|
254
|
-
] }),
|
|
255
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.appList, children: folder.appIds.map((appId) => {
|
|
256
|
-
const app = chunkV4N255NL_cjs.APPS.find((a) => a.id === appId);
|
|
257
|
-
if (!app) return null;
|
|
258
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
259
|
-
DraggableApp,
|
|
260
|
-
{
|
|
261
|
-
app,
|
|
262
|
-
sourceId: folder.id,
|
|
263
|
-
onContextMenu: (e) => {
|
|
264
|
-
e.preventDefault();
|
|
265
|
-
e.stopPropagation();
|
|
266
|
-
onRemoveApp(appId, folder.id);
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
appId
|
|
270
|
-
);
|
|
271
|
-
}) })
|
|
272
|
-
]
|
|
273
|
-
}
|
|
274
|
-
);
|
|
275
|
-
};
|
|
276
|
-
var DraggableApp = ({ app, sourceId, onContextMenu }) => {
|
|
277
|
-
const { attributes, listeners, setNodeRef, isDragging, style } = useDraggableItem({
|
|
278
|
-
item: {
|
|
279
|
-
type: "app",
|
|
280
|
-
id: app.id,
|
|
281
|
-
name: app.name,
|
|
282
|
-
sourceId,
|
|
283
|
-
sourceType: "launcher-folder",
|
|
284
|
-
metadata: {
|
|
285
|
-
fcIcon: app.fcIcon,
|
|
286
|
-
iconUrl: app.iconUrl,
|
|
287
|
-
icon: app.icon
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
});
|
|
291
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
292
|
-
chunkE55VXNLK_cjs.UnstyledButton,
|
|
293
|
-
{
|
|
294
|
-
ref: setNodeRef,
|
|
295
|
-
className: MenuEditApp_default.appItem,
|
|
296
|
-
style: { ...style, opacity: isDragging ? 0.5 : 1 },
|
|
297
|
-
onContextMenu,
|
|
298
|
-
...attributes,
|
|
299
|
-
...listeners,
|
|
300
|
-
children: [
|
|
301
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkDFYDUXWP_cjs.AppIcon_default, { fcIcon: app.fcIcon, iconUrl: app.iconUrl, fallback: app.icon, size: 16 }),
|
|
302
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: app.name })
|
|
303
|
-
]
|
|
304
|
-
}
|
|
305
|
-
);
|
|
306
|
-
};
|
|
307
|
-
var AvailableApps = ({ customFolderId }) => {
|
|
308
|
-
const { t } = reactI18next.useTranslation("menuedit");
|
|
309
|
-
const { activeItem } = useDragDropState();
|
|
310
|
-
const { setNodeRef, isOver } = useDroppableArea({
|
|
311
|
-
target: {
|
|
312
|
-
type: "available-apps",
|
|
313
|
-
id: "available-apps",
|
|
314
|
-
name: "Available Apps",
|
|
315
|
-
accepts: ACCEPTED_TYPES["available-apps"]
|
|
316
|
-
}
|
|
317
|
-
});
|
|
318
|
-
const appsInFolders = new Set(chunkV4N255NL_cjs.useDesktopStore.getState().launcherFolders.flatMap((f) => f.appIds));
|
|
319
|
-
const availableApps = chunkV4N255NL_cjs.APPS.filter((app) => app.id !== "settings" && app.id !== "menuedit");
|
|
320
|
-
const addAppToFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.addAppToFolder);
|
|
321
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
322
|
-
chunkE55VXNLK_cjs.Box,
|
|
323
|
-
{
|
|
324
|
-
ref: setNodeRef,
|
|
325
|
-
className: MenuEditApp_default.availableApps,
|
|
326
|
-
"data-is-over": isOver && activeItem?.type === "app" ? "true" : void 0,
|
|
327
|
-
children: [
|
|
328
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("availableApps") }),
|
|
329
|
-
customFolderId === null && /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "orange", mb: 4, children: t("canCreateNewFolder") }),
|
|
330
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.appGrid, children: availableApps.filter((app) => !appsInFolders.has(app.id)).map((app) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
331
|
-
DraggableAppFromAvailable,
|
|
332
|
-
{
|
|
333
|
-
app,
|
|
334
|
-
targetFolderId: customFolderId,
|
|
335
|
-
onAdd: addAppToFolder
|
|
336
|
-
},
|
|
337
|
-
app.id
|
|
338
|
-
)) })
|
|
339
|
-
]
|
|
340
|
-
}
|
|
341
|
-
);
|
|
342
|
-
};
|
|
343
|
-
var DraggableAppFromAvailable = ({ app, targetFolderId, onAdd }) => {
|
|
344
|
-
const { attributes, listeners, setNodeRef, isDragging, style } = useDraggableItem({
|
|
345
|
-
item: {
|
|
346
|
-
type: "app",
|
|
347
|
-
id: app.id,
|
|
348
|
-
name: app.name,
|
|
349
|
-
sourceId: "available-apps",
|
|
350
|
-
sourceType: "available-apps",
|
|
351
|
-
metadata: {
|
|
352
|
-
fcIcon: app.fcIcon,
|
|
353
|
-
iconUrl: app.iconUrl,
|
|
354
|
-
icon: app.icon
|
|
355
|
-
}
|
|
356
|
-
}
|
|
357
|
-
});
|
|
358
|
-
const handleClick = () => {
|
|
359
|
-
if (targetFolderId) {
|
|
360
|
-
onAdd(app.id, targetFolderId);
|
|
361
|
-
}
|
|
362
|
-
};
|
|
363
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
364
|
-
chunkE55VXNLK_cjs.UnstyledButton,
|
|
365
|
-
{
|
|
366
|
-
ref: setNodeRef,
|
|
367
|
-
className: MenuEditApp_default.appItem,
|
|
368
|
-
style: { ...style, opacity: isDragging ? 0 : 1 },
|
|
369
|
-
onClick: handleClick,
|
|
370
|
-
disabled: !targetFolderId,
|
|
371
|
-
...attributes,
|
|
372
|
-
...listeners,
|
|
373
|
-
children: [
|
|
374
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkDFYDUXWP_cjs.AppIcon_default, { fcIcon: app.fcIcon, iconUrl: app.iconUrl, fallback: app.icon, size: 16 }),
|
|
375
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", children: app.name })
|
|
376
|
-
]
|
|
377
|
-
}
|
|
378
|
-
);
|
|
379
|
-
};
|
|
380
|
-
var MenuEditAppContent = ({ window: win, notifyReady }) => {
|
|
381
|
-
const { t } = reactI18next.useTranslation("menuedit");
|
|
382
|
-
const windowId = win?.id;
|
|
383
|
-
const launcherFolders = chunkV4N255NL_cjs.useDesktopStore((state) => state.launcherFolders);
|
|
384
|
-
const setLauncherFolders = chunkV4N255NL_cjs.useDesktopStore((state) => state.setLauncherFolders);
|
|
385
|
-
const createLauncherFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.createLauncherFolder);
|
|
386
|
-
const updateLauncherFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.updateLauncherFolder);
|
|
387
|
-
const deleteLauncherFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.deleteLauncherFolder);
|
|
388
|
-
const removeAppFromFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.removeAppFromFolder);
|
|
389
|
-
const [editingFolderId, setEditingFolderId] = react.useState(null);
|
|
390
|
-
const [editingName, setEditingName] = react.useState("");
|
|
391
|
-
const initializedRef = react.useRef(false);
|
|
392
|
-
react.useEffect(() => {
|
|
393
|
-
if (!windowId) return;
|
|
394
|
-
if (initializedRef.current) return;
|
|
395
|
-
initializedRef.current = true;
|
|
396
|
-
chunkFX2TPX3L_cjs.useMenuEditStore.getState().reset(windowId);
|
|
397
|
-
}, [windowId]);
|
|
398
|
-
react.useEffect(() => {
|
|
399
|
-
if (!windowId) return;
|
|
400
|
-
const store = chunkFX2TPX3L_cjs.useMenuEditStore.getState();
|
|
401
|
-
if (store.getSnapshot(windowId) === null) {
|
|
402
|
-
store.takeSnapshot(windowId, launcherFolders);
|
|
403
|
-
} else {
|
|
404
|
-
const snapshot = store.getSnapshot(windowId);
|
|
405
|
-
if (snapshot) {
|
|
406
|
-
const isDirty = JSON.stringify(launcherFolders) !== JSON.stringify(snapshot);
|
|
407
|
-
store.setIsDirty(windowId, isDirty);
|
|
408
|
-
}
|
|
409
|
-
}
|
|
410
|
-
}, [windowId, launcherFolders]);
|
|
411
|
-
const handleSave = react.useCallback(() => {
|
|
412
|
-
if (!windowId) return;
|
|
413
|
-
chunkFX2TPX3L_cjs.useMenuEditStore.getState().takeSnapshot(windowId, launcherFolders);
|
|
414
|
-
}, [windowId, launcherFolders]);
|
|
415
|
-
const revertToSnapshot = react.useCallback(() => {
|
|
416
|
-
if (!windowId) return;
|
|
417
|
-
const snapshot = chunkFX2TPX3L_cjs.useMenuEditStore.getState().getSnapshot(windowId);
|
|
418
|
-
if (snapshot) {
|
|
419
|
-
setLauncherFolders(snapshot);
|
|
420
|
-
}
|
|
421
|
-
}, [windowId, setLauncherFolders]);
|
|
422
|
-
const isDirtyGetter = react.useCallback(() => {
|
|
423
|
-
if (!windowId) return false;
|
|
424
|
-
const snapshot = chunkFX2TPX3L_cjs.useMenuEditStore.getState().getSnapshot(windowId);
|
|
425
|
-
return JSON.stringify(launcherFolders) !== JSON.stringify(snapshot ?? []);
|
|
426
|
-
}, [windowId, launcherFolders]);
|
|
427
|
-
chunkWXSTSC3D_cjs.useCloseInterceptor({
|
|
428
|
-
isDirtyGetter,
|
|
429
|
-
windowId: win?.id,
|
|
430
|
-
onDiscard: revertToSnapshot,
|
|
431
|
-
onSave: handleSave
|
|
432
|
-
});
|
|
433
|
-
const handleCreateFolder = react.useCallback(() => {
|
|
434
|
-
const folder = createLauncherFolder({
|
|
435
|
-
name: t("newFolder"),
|
|
436
|
-
fcIcon: "VscFolder",
|
|
437
|
-
order: launcherFolders.length
|
|
438
|
-
});
|
|
439
|
-
setEditingFolderId(folder.id);
|
|
440
|
-
setEditingName(folder.name);
|
|
441
|
-
}, [createLauncherFolder, launcherFolders.length, t]);
|
|
442
|
-
react.useEffect(() => {
|
|
443
|
-
notifyReady?.({
|
|
444
|
-
createFolder: handleCreateFolder,
|
|
445
|
-
save: handleSave,
|
|
446
|
-
discard: revertToSnapshot
|
|
447
|
-
});
|
|
448
|
-
}, [handleCreateFolder, handleSave, revertToSnapshot, notifyReady]);
|
|
449
|
-
const handleEditFolder = react.useCallback(
|
|
450
|
-
(folderId) => {
|
|
451
|
-
const folder = launcherFolders.find((f) => f.id === folderId);
|
|
452
|
-
if (folder) {
|
|
453
|
-
setEditingFolderId(folder.id);
|
|
454
|
-
setEditingName(folder.name);
|
|
455
|
-
}
|
|
456
|
-
},
|
|
457
|
-
[launcherFolders]
|
|
458
|
-
);
|
|
459
|
-
const handleRename = react.useCallback(
|
|
460
|
-
(folderId) => {
|
|
461
|
-
if (editingName.trim()) {
|
|
462
|
-
updateLauncherFolder(folderId, { name: editingName.trim() });
|
|
463
|
-
}
|
|
464
|
-
setEditingFolderId(null);
|
|
465
|
-
},
|
|
466
|
-
[editingName, updateLauncherFolder]
|
|
467
|
-
);
|
|
468
|
-
const dockerMode = chunkZ5YGWL65_cjs.isDocker();
|
|
469
|
-
const predefinedFolders = launcherFolders.filter((f) => f.isPredefined);
|
|
470
|
-
const customFolders = launcherFolders.filter((f) => !f.isPredefined);
|
|
471
|
-
const firstCustomFolderId = customFolders.length > 0 ? customFolders[0].id : null;
|
|
472
|
-
return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.container, "data-windowid": win?.id, "data-menuedit-container": true, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.content, children: [
|
|
473
|
-
predefinedFolders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { mb: "md", children: [
|
|
474
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("predefinedFolders") }),
|
|
475
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.folderList, children: predefinedFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
476
|
-
FolderItem,
|
|
477
|
-
{
|
|
478
|
-
folder,
|
|
479
|
-
isEditing: false,
|
|
480
|
-
editingName: "",
|
|
481
|
-
onEdit: () => {
|
|
482
|
-
},
|
|
483
|
-
onRemoveApp: removeAppFromFolder,
|
|
484
|
-
onRename: () => {
|
|
485
|
-
},
|
|
486
|
-
onSetEditingName: () => {
|
|
487
|
-
}
|
|
488
|
-
},
|
|
489
|
-
folder.id
|
|
490
|
-
)) })
|
|
491
|
-
] }),
|
|
492
|
-
dockerMode && customFolders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Box, { mb: "md", children: [
|
|
493
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mb: 8, children: t("customFolders") }),
|
|
494
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: MenuEditApp_default.folderList, children: customFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
495
|
-
FolderItem,
|
|
496
|
-
{
|
|
497
|
-
folder,
|
|
498
|
-
isEditing: editingFolderId === folder.id,
|
|
499
|
-
editingName,
|
|
500
|
-
onEdit: handleEditFolder,
|
|
501
|
-
onDelete: deleteLauncherFolder,
|
|
502
|
-
onRename: handleRename,
|
|
503
|
-
onSetEditingName: setEditingName,
|
|
504
|
-
onRemoveApp: removeAppFromFolder
|
|
505
|
-
},
|
|
506
|
-
folder.id
|
|
507
|
-
)) })
|
|
508
|
-
] }),
|
|
509
|
-
/* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "space-between", mb: "md", children: [
|
|
510
|
-
/* @__PURE__ */ jsxRuntime.jsx(AvailableApps, { customFolderId: firstCustomFolderId }),
|
|
511
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mt: "md", children: t("instructions") }),
|
|
512
|
-
dockerMode && /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.ActionIcon, { variant: "light", onClick: handleCreateFolder, "aria-label": t("addFolder"), children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscAdd", size: 16 }) })
|
|
513
|
-
] })
|
|
514
|
-
] }) });
|
|
515
|
-
};
|
|
516
|
-
var MenuEditApp = (props) => {
|
|
517
|
-
const addAppToFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.addAppToFolder);
|
|
518
|
-
const removeAppFromFolder = chunkV4N255NL_cjs.useDesktopStore((state) => state.removeAppFromFolder);
|
|
519
|
-
const handleDrop = react.useCallback(
|
|
520
|
-
(item, target) => {
|
|
521
|
-
if (item.type !== "app") return;
|
|
522
|
-
if (target.type === "available-apps") {
|
|
523
|
-
if (item.sourceType === "launcher-folder") {
|
|
524
|
-
removeAppFromFolder(item.id, item.sourceId);
|
|
525
|
-
}
|
|
526
|
-
return;
|
|
527
|
-
}
|
|
528
|
-
if (target.type !== "launcher-folder") return;
|
|
529
|
-
if (item.sourceId !== target.id && item.sourceType === "launcher-folder") {
|
|
530
|
-
removeAppFromFolder(item.id, item.sourceId);
|
|
531
|
-
}
|
|
532
|
-
addAppToFolder(item.id, target.id);
|
|
533
|
-
},
|
|
534
|
-
[addAppToFolder, removeAppFromFolder]
|
|
535
|
-
);
|
|
536
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(DragDropProvider, { onDrop: handleDrop, children: [
|
|
537
|
-
/* @__PURE__ */ jsxRuntime.jsx(MenuEditAppContent, { ...props }),
|
|
538
|
-
/* @__PURE__ */ jsxRuntime.jsx(DragOverlayComponent, {})
|
|
539
|
-
] });
|
|
540
|
-
};
|
|
541
|
-
var MenuEditApp_default2 = MenuEditApp;
|
|
542
|
-
|
|
543
|
-
exports.DragDropProvider = DragDropProvider;
|
|
544
|
-
exports.MenuEditApp_default = MenuEditApp_default2;
|
|
545
|
-
exports.useDragDropState = useDragDropState;
|
|
546
|
-
exports.useDraggableItem = useDraggableItem;
|
|
547
|
-
exports.useDroppableArea = useDroppableArea;
|
|
548
|
-
exports.useFolderName = useFolderName;
|
package/dist/chunk-CV5PUHAE.cjs
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
|
|
4
|
-
var chunkUIQCTAVM_cjs = require('./chunk-UIQCTAVM.cjs');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var reactI18next = require('react-i18next');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
var ZOOM_MARKS = [
|
|
10
|
-
{ value: 25, label: "25%" },
|
|
11
|
-
{ value: 50, label: "50%" },
|
|
12
|
-
{ value: 75, label: "75%" },
|
|
13
|
-
{ value: 100, label: "100%" },
|
|
14
|
-
{ value: 200, label: "200%" }
|
|
15
|
-
];
|
|
16
|
-
var useImageViewerMenuBarElements = (options) => {
|
|
17
|
-
const { windowId, onOpenPicker, onExit } = options;
|
|
18
|
-
const { t } = reactI18next.useTranslation("common");
|
|
19
|
-
const { t: tApps } = reactI18next.useTranslation("apps");
|
|
20
|
-
const displayZoom = chunkUIQCTAVM_cjs.useDisplayZoom(windowId);
|
|
21
|
-
const fitToWindow = chunkUIQCTAVM_cjs.useFitToWindow(windowId);
|
|
22
|
-
const setUserZoom = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.setUserZoom);
|
|
23
|
-
const setFitToWindow = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.setFitToWindow);
|
|
24
|
-
const handleFitChange = react.useCallback(
|
|
25
|
-
(checked) => setFitToWindow(windowId, checked),
|
|
26
|
-
[windowId, setFitToWindow]
|
|
27
|
-
);
|
|
28
|
-
const handleZoomChange = react.useCallback(
|
|
29
|
-
(value) => setUserZoom(windowId, value),
|
|
30
|
-
[windowId, setUserZoom]
|
|
31
|
-
);
|
|
32
|
-
return react.useMemo(() => {
|
|
33
|
-
const zoomLabel = `${tApps("imageViewer.zoom")}: ${displayZoom}%`;
|
|
34
|
-
return [
|
|
35
|
-
{
|
|
36
|
-
type: "menu",
|
|
37
|
-
label: t("menu.file"),
|
|
38
|
-
items: [
|
|
39
|
-
{
|
|
40
|
-
type: "item",
|
|
41
|
-
label: t("actions.open"),
|
|
42
|
-
icon: "FcOpenedFolder",
|
|
43
|
-
onClick: onOpenPicker ?? (() => {
|
|
44
|
-
})
|
|
45
|
-
},
|
|
46
|
-
{ type: "divider" },
|
|
47
|
-
{
|
|
48
|
-
type: "item",
|
|
49
|
-
label: t("actions.exit"),
|
|
50
|
-
icon: "FcLeft",
|
|
51
|
-
onClick: onExit
|
|
52
|
-
}
|
|
53
|
-
]
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
type: "switch",
|
|
57
|
-
label: tApps("imageViewer.fitToWindow"),
|
|
58
|
-
checked: fitToWindow,
|
|
59
|
-
onChange: handleFitChange
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
type: "slider",
|
|
63
|
-
label: zoomLabel,
|
|
64
|
-
min: 10,
|
|
65
|
-
max: 200,
|
|
66
|
-
value: displayZoom,
|
|
67
|
-
onChange: handleZoomChange,
|
|
68
|
-
marks: ZOOM_MARKS,
|
|
69
|
-
labelFormat: (value) => `${value}%`
|
|
70
|
-
}
|
|
71
|
-
];
|
|
72
|
-
}, [t, tApps, onOpenPicker, onExit, displayZoom, fitToWindow, handleFitChange, handleZoomChange]);
|
|
73
|
-
};
|
|
74
|
-
var ImageViewerMenuBar = react.memo(
|
|
75
|
-
({ windowId, contentData, onExit }) => {
|
|
76
|
-
const elements = useImageViewerMenuBarElements({
|
|
77
|
-
windowId,
|
|
78
|
-
onOpenPicker: contentData?.setPickerOpen,
|
|
79
|
-
onExit
|
|
80
|
-
});
|
|
81
|
-
return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
ImageViewerMenuBar.displayName = "ImageViewerMenuBar";
|
|
85
|
-
|
|
86
|
-
exports.ImageViewerMenuBar = ImageViewerMenuBar;
|
package/dist/chunk-D5MVFFID.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { create } from 'zustand';
|
|
2
|
-
|
|
3
|
-
// src/components/Apps/MenuEditApp/menuEditStore.ts
|
|
4
|
-
var useMenuEditStore = create((set, get) => ({
|
|
5
|
-
windows: {},
|
|
6
|
-
reset: (windowId) => {
|
|
7
|
-
set((state) => ({
|
|
8
|
-
windows: {
|
|
9
|
-
...state.windows,
|
|
10
|
-
[windowId]: { isDirty: false, snapshot: null }
|
|
11
|
-
}
|
|
12
|
-
}));
|
|
13
|
-
},
|
|
14
|
-
setIsDirty: (windowId, isDirty) => {
|
|
15
|
-
set((state) => {
|
|
16
|
-
const windowState = state.windows[windowId];
|
|
17
|
-
if (windowState?.isDirty === isDirty) return state;
|
|
18
|
-
return {
|
|
19
|
-
windows: {
|
|
20
|
-
...state.windows,
|
|
21
|
-
[windowId]: { ...windowState, isDirty }
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
});
|
|
25
|
-
},
|
|
26
|
-
takeSnapshot: (windowId, folders) => {
|
|
27
|
-
set((state) => ({
|
|
28
|
-
windows: {
|
|
29
|
-
...state.windows,
|
|
30
|
-
[windowId]: { isDirty: false, snapshot: folders }
|
|
31
|
-
}
|
|
32
|
-
}));
|
|
33
|
-
},
|
|
34
|
-
getSnapshot: (windowId) => {
|
|
35
|
-
return get().windows[windowId]?.snapshot ?? null;
|
|
36
|
-
}
|
|
37
|
-
}));
|
|
38
|
-
var useIsDirty = (windowId) => {
|
|
39
|
-
return useMenuEditStore((state) => state.windows[windowId]?.isDirty ?? false);
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export { useIsDirty, useMenuEditStore };
|