@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/chunk-43W6UDUZ.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Apps/StorybookApp/StorybookApp.module.css
-var StorybookApp_default = {};
-var STORYBOOK_URL = "https://frannunpal.github.io/storybook/";
-var StorybookApp = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "iframe",
-  {
-    src: STORYBOOK_URL,
-    className: StorybookApp_default.frame,
-    title: "Storybook",
-    "aria-label": "Storybook component explorer"
-  }
-);
-var StorybookApp_default2 = StorybookApp;
-
-exports.StorybookApp_default = StorybookApp_default2;

package/dist/chunk-4E45FBAH.js

@@ -1,223 +0,0 @@
-import { useFcIconElement } from './chunk-YY6OUR2U.js';
-import { Select, NumberInput, TextInput, Tooltip, Slider, Switch, Menu } from './chunk-BQL3YXMV.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-
-var DirtyIndicator = ({ size = 16 }) => {
-  const icon = useFcIconElement("FcSynchronize", { size });
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        color: "orange",
-        fontWeight: "bold",
-        marginLeft: "8px",
-        display: "flex",
-        alignItems: "center"
-      },
-      title: "Unsaved changes",
-      children: icon
-    }
-  );
-};
-var DirtyIndicator_default = DirtyIndicator;
-
-// src/components/AppMenuBar/AppMenuBar.module.css
-var AppMenuBar_default = {};
-var ICON_PROPS = { size: 16, style: { display: "block" } };
-var FcIcon = ({ name }) => useFcIconElement(name, ICON_PROPS);
-var MenuDropdownElement = ({
-  label,
-  icon,
-  items,
-  rightSection
-}) => {
-  const [opened, setOpened] = useState(false);
-  const TriggerIcon = () => useFcIconElement(icon ?? "", ICON_PROPS);
-  return /* @__PURE__ */ jsxs(
-    Menu,
-    {
-      opened,
-      onClose: () => setOpened(false),
-      withinPortal: true,
-      keepMounted: true,
-      closeOnItemClick: true,
-      closeOnEscape: true,
-      closeOnClickOutside: true,
-      position: "bottom-start",
-      children: [
-        /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsxs("button", { className: AppMenuBar_default.menuTrigger, onClick: () => setOpened((o) => !o), children: [
-          icon && /* @__PURE__ */ jsx(TriggerIcon, {}),
-          /* @__PURE__ */ jsx("span", { children: label }),
-          rightSection && /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: rightSection })
-        ] }) }),
-        /* @__PURE__ */ jsx(Menu.Dropdown, { children: items.map((item, idx) => {
-          if (item.type === "divider") {
-            return /* @__PURE__ */ jsx(Menu.Divider, {}, idx);
-          }
-          if (item.type === "slider") {
-            return /* @__PURE__ */ jsx(Menu.Item, { closeMenuOnClick: false, children: /* @__PURE__ */ jsxs("div", { style: { minWidth: 120 }, children: [
-              item.label && /* @__PURE__ */ jsx("div", { style: { marginBottom: 4 }, children: item.label }),
-              /* @__PURE__ */ jsx(
-                Slider,
-                {
-                  min: item.min,
-                  max: item.max,
-                  value: item.value,
-                  onChange: item.onChange,
-                  size: "sm"
-                }
-              )
-            ] }) }, idx);
-          }
-          return /* @__PURE__ */ jsx(
-            Menu.Item,
-            {
-              disabled: item.disabled,
-              onClick: item.onClick,
-              leftSection: item.icon ? /* @__PURE__ */ jsx(FcIcon, { name: item.icon }) : void 0,
-              children: item.label
-            },
-            idx
-          );
-        }) })
-      ]
-    }
-  );
-};
-var AppMenuBar = ({ elements }) => {
-  const [sliderStates, setSliderStates] = useState({});
-  const setSliderState = (idx, state) => {
-    setSliderStates((prev) => ({
-      ...prev,
-      [idx]: { ...prev[idx] ?? { isHovered: false, isDragging: false }, ...state }
-    }));
-  };
-  return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.root, role: "menubar", "aria-label": "Application menu", children: elements.map((el, idx) => {
-    switch (el.type) {
-      case "menu":
-        return /* @__PURE__ */ jsx(
-          MenuDropdownElement,
-          {
-            label: el.label,
-            icon: el.icon,
-            items: el.items,
-            rightSection: el.rightSection
-          },
-          idx
-        );
-      case "combobox":
-        return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsx(
-          Select,
-          {
-            data: el.options,
-            value: el.value,
-            onChange: (v) => v && el.onChange(v),
-            placeholder: el.label,
-            size: "sm",
-            className: AppMenuBar_default.select,
-            comboboxProps: { withinPortal: true }
-          }
-        ) }, idx);
-      case "switch":
-        return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsx(
-          Switch,
-          {
-            label: el.label,
-            checked: el.checked,
-            onChange: (e) => el.onChange(e.currentTarget.checked),
-            size: "sm"
-          }
-        ) }, idx);
-      case "slider": {
-        const sliderState = sliderStates[idx] ?? { isHovered: false, isDragging: false };
-        const isTooltipOpen = sliderState.isHovered || sliderState.isDragging;
-        const labelFormat = el.labelFormat ?? ((val) => String(val));
-        return /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            label: labelFormat(el.value),
-            position: "bottom",
-            withArrow: true,
-            opened: isTooltipOpen,
-            children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: AppMenuBar_default.element,
-                onMouseEnter: () => setSliderState(idx, { isHovered: true }),
-                onMouseLeave: () => setSliderState(idx, { isHovered: false }),
-                children: [
-                  el.label && /* @__PURE__ */ jsx("span", { className: AppMenuBar_default.sliderLabel, children: el.label }),
-                  /* @__PURE__ */ jsx(
-                    Slider,
-                    {
-                      min: el.min,
-                      max: el.max,
-                      value: el.value,
-                      onChange: (val) => {
-                        el.onChange(val);
-                        setSliderState(idx, { isDragging: true });
-                      },
-                      onChangeEnd: (val) => {
-                        el.onChange(val);
-                        setSliderState(idx, { isDragging: false });
-                      },
-                      size: "sm",
-                      className: AppMenuBar_default.slider,
-                      marks: el.marks
-                    }
-                  )
-                ]
-              }
-            )
-          },
-          idx
-        );
-      }
-      case "text-input":
-        return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            placeholder: el.placeholder,
-            value: el.value,
-            onChange: (e) => el.onChange(e.currentTarget.value),
-            size: "sm",
-            className: AppMenuBar_default.textInput
-          }
-        ) }, idx);
-      case "number-input":
-        return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsx(
-          NumberInput,
-          {
-            label: el.label,
-            value: el.value,
-            onChange: (v) => el.onChange(typeof v === "number" ? v : 0),
-            min: el.min,
-            max: el.max,
-            step: el.step ?? 1,
-            placeholder: el.placeholder,
-            size: "sm",
-            className: AppMenuBar_default.numberInput
-          }
-        ) }, idx);
-      case "select":
-        return /* @__PURE__ */ jsx("div", { className: AppMenuBar_default.element, children: /* @__PURE__ */ jsx(
-          Select,
-          {
-            label: el.label,
-            data: el.options,
-            value: el.value,
-            onChange: (v) => v && el.onChange(v),
-            size: "sm",
-            className: AppMenuBar_default.select,
-            comboboxProps: { withinPortal: true }
-          }
-        ) }, idx);
-      case "dirty-indicator":
-        return /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(DirtyIndicator_default, {}) }, idx);
-    }
-  }) });
-};
-var AppMenuBar_default2 = AppMenuBar;
-
-export { AppMenuBar_default2 as AppMenuBar_default, DirtyIndicator_default };

package/dist/chunk-4KIMZJ3L.cjs

@@ -1,88 +0,0 @@
-'use strict';
-
-var chunkUIQCTAVM_cjs = require('./chunk-UIQCTAVM.cjs');
-var chunkBQCD5RAF_cjs = require('./chunk-BQCD5RAF.cjs');
-var chunk7HQ6KUIO_cjs = require('./chunk-7HQ6KUIO.cjs');
-var chunkYOHBUOZJ_cjs = require('./chunk-YOHBUOZJ.cjs');
-var chunk2UW42GAP_cjs = require('./chunk-2UW42GAP.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Apps/ImageViewerApp/ImageViewerApp.module.css
-var ImageViewerApp_default = {};
-var ACCEPTED_IMAGE_TYPES = [...chunk2UW42GAP_cjs.IMAGE_MIME_TYPES, "image/*"];
-var ImageViewerApp = ({ window, notifyReady }) => {
-  const { t } = reactI18next.useTranslation("apps");
-  const win = window;
-  const windowId = win?.id ?? "";
-  const initialSrc = win?.contentData?.src;
-  const [src, setSrc] = react.useState(initialSrc);
-  const [pickerOpen, setPickerOpen] = react.useState(false);
-  const [imageDimensions, setImageDimensions] = react.useState(null);
-  const containerRef = react.useRef(null);
-  const displayZoom = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.getDisplayZoom(windowId));
-  const fitToWindow = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.getFitToWindow(windowId));
-  const updateCalculatedZoom = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.updateCalculatedZoom);
-  const reset = chunkUIQCTAVM_cjs.useImageViewerStore((s) => s.reset);
-  const resolvedSrc = chunk7HQ6KUIO_cjs.useResolvedUrl(src);
-  react.useEffect(() => {
-    reset(windowId);
-  }, [windowId, reset]);
-  react.useEffect(() => {
-    if (!fitToWindow || !imageDimensions || !containerRef.current) return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const { width, height } = entry.contentRect;
-        updateCalculatedZoom(windowId, imageDimensions, { width, height });
-      }
-    });
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [fitToWindow, imageDimensions, windowId, updateCalculatedZoom]);
-  react.useEffect(() => {
-    notifyReady?.({
-      ...win?.contentData ?? {},
-      setPickerOpen: () => setPickerOpen(true)
-    });
-  }, [win, notifyReady]);
-  const handleFileSelected = react.useCallback(
-    (node) => {
-      setSrc(node.url ?? node.name);
-      setPickerOpen(false);
-      reset(windowId);
-      setImageDimensions(null);
-    },
-    [windowId, reset]
-  );
-  const handleImageLoad = react.useCallback((e) => {
-    const img = e.currentTarget;
-    setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
-  }, []);
-  const imgStyle = fitToWindow ? void 0 : { transform: `scale(${displayZoom / 100})` };
-  const content = resolvedSrc ? /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      src: resolvedSrc,
-      alt: resolvedSrc.split("/").pop() ?? "image",
-      className: ImageViewerApp_default.image,
-      style: imgStyle,
-      onLoad: handleImageLoad
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(chunkBQCD5RAF_cjs.AppEmptyState_default, { label: t("imageViewer.noImage") });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: ImageViewerApp_default.container, "data-windowid": win?.id, children: [
-    content,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYOHBUOZJ_cjs.FilePickerModal,
-      {
-        opened: pickerOpen,
-        acceptedMimeTypes: ACCEPTED_IMAGE_TYPES,
-        onConfirm: handleFileSelected,
-        onCancel: () => setPickerOpen(false)
-      }
-    )
-  ] });
-};
-var ImageViewerApp_default2 = ImageViewerApp;
-
-exports.ImageViewerApp_default = ImageViewerApp_default2;

package/dist/chunk-4XURSNM4.js

@@ -1,43 +0,0 @@
-import { AppMenuBar_default } from './chunk-4E45FBAH.js';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx } from 'react/jsx-runtime';
-
-var usePdfMenuBarElements = (options) => {
-  const { contentData, onExit } = options;
-  const { t } = useTranslation("common");
-  const setPickerOpen = contentData?.setPickerOpen;
-  return useMemo(() => {
-    return [
-      {
-        type: "menu",
-        label: t("menu.file"),
-        items: [
-          {
-            type: "item",
-            label: t("actions.open"),
-            icon: "FcOpenedFolder",
-            onClick: () => setPickerOpen?.()
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.exit"),
-            icon: "FcLeft",
-            onClick: onExit
-          }
-        ]
-      }
-    ];
-  }, [t, setPickerOpen, onExit]);
-};
-var PdfMenuBar = memo(({ windowId, contentData, onExit }) => {
-  const elements = usePdfMenuBarElements({
-    contentData,
-    onExit
-  });
-  return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
-});
-PdfMenuBar.displayName = "PdfMenuBar";
-
-export { PdfMenuBar };