@ohif/app 3.13.0-beta.105 → 3.13.0-beta.107

package/dist/{7847.bundle.bca8050a15ff4153.js → 9358.bundle.1b85858cf5d8b064.js}

@@ -1,11 +1,11 @@
 "use strict";
-(globalThis["rspackChunk"] = globalThis["rspackChunk"] || []).push([[7847], {
+(globalThis["rspackChunk"] = globalThis["rspackChunk"] || []).push([[9358], {
 7132(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
   A: () => (MoreDropdownMenu)
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(86326);
-/* import */ var _ohif_ui_next__rspack_import_1 = __webpack_require__(4849);
+/* import */ var _ohif_ui_next__rspack_import_1 = __webpack_require__(39987);
 /* import */ var _ohif_core__rspack_import_2 = __webpack_require__(62901);
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 
@@ -117,8 +117,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3672 modules
-var src = __webpack_require__(4849);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3682 modules
+var src = __webpack_require__(39987);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(62901);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -611,7 +611,7 @@ __webpack_require__.d(__webpack_exports__, {
   T: () => (PanelStudyBrowserHeader)
 });
 /* import */ var react__rspack_import_0 = __webpack_require__(86326);
-/* import */ var _ohif_ui_next__rspack_import_1 = __webpack_require__(4849);
+/* import */ var _ohif_ui_next__rspack_import_1 = __webpack_require__(39987);
 
 
 
@@ -734,7 +734,7 @@ function Toolbar({
 }
 
 },
-6698(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+5213(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -3960,8 +3960,8 @@ var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3672 modules
-var ui_next_src = __webpack_require__(4849);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3682 modules
+var ui_next_src = __webpack_require__(39987);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state_0 = __webpack_require__(55461);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -4145,6 +4145,7 @@ function ViewerHeader({
     show
   } = (0,ui_next_src/* .useModal */.hSE)();
   const AboutModal = customizationService.getCustomization('ohif.aboutModal');
+  const AppearanceModal = customizationService.getCustomization('ohif.appearanceModal');
   const UserPreferencesModal = customizationService.getCustomization('ohif.userPreferencesModal');
   const menuOptions = [{
     title: AboutModal?.menuTitle ?? t('Header:About'),
@@ -4163,6 +4164,17 @@ function ViewerHeader({
       containerClassName: UserPreferencesModal?.containerClassName ?? 'flex max-w-4xl p-6 flex-col'
     })
   }];
+  if (AppearanceModal) {
+    menuOptions.splice(1, 0, {
+      title: AppearanceModal.menuTitle ?? t('Header:Appearance'),
+      icon: 'ColorChange',
+      onClick: () => show({
+        content: AppearanceModal,
+        title: AppearanceModal.title ?? t('AppearanceModal:Appearance'),
+        containerClassName: AppearanceModal.containerClassName ?? 'max-w-md'
+      })
+    });
+  }
   if (appConfig.oidc) {
     menuOptions.push({
       title: t('Header:Logout'),
@@ -5038,8 +5050,8 @@ function getPanelModule({
   }];
 }
 /* export default */ const src_getPanelModule = (getPanelModule);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 299 modules
-var i18n_src = __webpack_require__(40405);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 300 modules
+var i18n_src = __webpack_require__(90119);
 ;// CONCATENATED MODULE: ../../../extensions/default/package.json
 var package_namespaceObject = JSON.parse('{"UU":"@ohif/extension-default"}')
 ;// CONCATENATED MODULE: ../../../extensions/default/src/id.js
@@ -10400,7 +10412,8 @@ function DataSourceConfigurationModalComponent({
       }, /*#__PURE__*/react.createElement("div", {
         className: "text- flex items-center gap-2"
       }, itemLabelIndex < selectedItems.length ? /*#__PURE__*/react.createElement(ui_next_src/* .Icons.ByName */.FI1.ByName, {
-        name: "status-tracked"
+        name: "status-tracked",
+        className: "text-highlight"
       }) : /*#__PURE__*/react.createElement(ui_next_src/* .Icons.ByName */.FI1.ByName, {
         name: "status-untracked"
       }), /*#__PURE__*/react.createElement("div", {
@@ -10798,8 +10811,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* ["default"] */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.13.0-beta.105";
-  const commitHash = "661ecb5b2e5e6dc02406566ddc42849e70c3dbf5";
+  const versionNumber = "3.13.0-beta.107";
+  const commitHash = "0dfd32132603bb7aae91547a0d9f2812272a5215";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* .AboutModal */.VTU, {
     className: "w-[400px]"
@@ -10818,6 +10831,101 @@ function AboutModalDefault() {
 /* export default */ const aboutModalCustomization = ({
   'ohif.aboutModal': AboutModalDefault
 });
+;// CONCATENATED MODULE: ../../../extensions/default/src/customizations/appearanceModalCustomization.tsx
+
+
+
+function AppearanceModalDefault() {
+  const {
+    activeTheme,
+    setActiveTheme,
+    customCss,
+    applyCustomTheme,
+    clearCustomTheme
+  } = (0,ui_next_src/* .useActiveTheme */.zUl)();
+  const {
+    t
+  } = (0,es/* .useTranslation */.Bd)('AppearanceModal');
+  const [draftCss, setDraftCss] = react.useState(() => customCss);
+  const [isCustomOpen, setIsCustomOpen] = react.useState(() => activeTheme === 'custom');
+  const [parseFailed, setParseFailed] = react.useState(false);
+  const handleToggleCustom = () => {
+    setIsCustomOpen(!isCustomOpen);
+  };
+  const handleSave = () => {
+    setParseFailed(!applyCustomTheme(draftCss));
+  };
+  const handleClear = () => {
+    clearCustomTheme();
+    setDraftCss('');
+    setParseFailed(false);
+    setIsCustomOpen(false);
+  };
+  const handlePresetChange = value => {
+    if (value === 'custom') {
+      // Selecting "Custom" restores the saved custom theme; the draft is only
+      // committed through the explicit Apply button.
+      setIsCustomOpen(true);
+      if (customCss) {
+        applyCustomTheme(customCss);
+      }
+    } else {
+      setIsCustomOpen(false);
+      setActiveTheme(value);
+    }
+  };
+  const handleTextChange = e => {
+    setDraftCss(e.target.value);
+    setParseFailed(false);
+  };
+  return /*#__PURE__*/react.createElement(ui_next_src/* .AppearanceModal */.KU0, null, /*#__PURE__*/react.createElement(ui_next_src/* .AppearanceModal.Body */.KU0.Body, null, /*#__PURE__*/react.createElement("div", {
+    className: "grid grid-cols-[auto_1fr] items-center gap-x-6 gap-y-4"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* .AppearanceModal.SectionLabel */.KU0.SectionLabel, null, t('Theme')), /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(ui_next_src/* .Select */.l6P, {
+    value: activeTheme,
+    onValueChange: handlePresetChange
+  }, /*#__PURE__*/react.createElement(ui_next_src/* .SelectTrigger */.bqE, {
+    className: "w-[200px]",
+    "aria-label": t('Theme')
+  }, /*#__PURE__*/react.createElement(ui_next_src/* .SelectValue */.yvm, null)), /*#__PURE__*/react.createElement(ui_next_src/* .SelectContent */.gCo, null, /*#__PURE__*/react.createElement(ui_next_src/* .SelectItem */.ebT, {
+    value: "default"
+  }, t('Default Theme')), ui_next_src/* .themePresets.map */.sSB.map(preset => /*#__PURE__*/react.createElement(ui_next_src/* .SelectItem */.ebT, {
+    key: preset.name,
+    value: preset.name
+  }, preset.label)), (customCss || draftCss) && /*#__PURE__*/react.createElement(ui_next_src/* .SelectItem */.ebT, {
+    value: "custom"
+  }, t('Custom'))))), /*#__PURE__*/react.createElement("div", {
+    className: "col-start-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* .Button */.$nd, {
+    variant: "ghost",
+    size: "sm",
+    onClick: handleToggleCustom
+  }, isCustomOpen ? t('Hide') : t('Custom Theme')))), isCustomOpen && /*#__PURE__*/react.createElement("div", {
+    className: "mt-4 flex flex-col space-y-2"
+  }, /*#__PURE__*/react.createElement("textarea", {
+    value: draftCss,
+    onChange: handleTextChange,
+    placeholder: t('Paste your custom theme color tokens here'),
+    "aria-label": t('Paste your custom theme color tokens here'),
+    rows: 8,
+    className: "bg-muted text-foreground border-input placeholder:text-muted-foreground focus:ring-ring rounded-md border px-3 py-2 font-mono text-sm focus:outline-none focus:ring-1 focus:ring-inset"
+  }), parseFailed && /*#__PURE__*/react.createElement("span", {
+    className: "text-destructive text-sm",
+    role: "alert"
+  }, t('No valid theme tokens found')), /*#__PURE__*/react.createElement("div", {
+    className: "flex space-x-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* .Button */.$nd, {
+    variant: "default",
+    size: "sm",
+    onClick: handleSave
+  }, t('Apply')), /*#__PURE__*/react.createElement(ui_next_src/* .Button */.$nd, {
+    variant: "ghost",
+    size: "sm",
+    onClick: handleClear
+  }, t('Clear'))))));
+}
+/* export default */ const appearanceModalCustomization = ({
+  'ohif.appearanceModal': AppearanceModalDefault
+});
 ;// CONCATENATED MODULE: ../../../extensions/default/src/customizations/userPreferencesCustomization.tsx
 
 
@@ -11516,6 +11624,7 @@ function getWorkListCustomization() {
 
 
 
+
 
 
 /**
@@ -11534,6 +11643,9 @@ function getCustomizationModule({
   return [{
     name: 'helloPage',
     value: helloPageCustomization
+  }, {
+    name: 'theme',
+    value: appearanceModalCustomization
   }, {
     name: 'datasources',
     value: datasourcesCustomization
@@ -11736,6 +11848,7 @@ function registerHangingProtocolAttributes({
 
 
 
+
 const init_metadataProvider = src/* .classes.MetadataProvider */.Ly.MetadataProvider;
 
 /**
@@ -11746,8 +11859,14 @@ const init_metadataProvider = src/* .classes.MetadataProvider */.Ly.MetadataProv
 function init({
   servicesManager,
   commandsManager,
-  hotkeysManager
+  hotkeysManager,
+  serviceProvidersManager,
+  appConfig
 }) {
+  const hasThemeModule = Array.isArray(appConfig.customizationService) && appConfig.customizationService.some(ref => typeof ref === 'string' && ref.includes('customizationModule.theme'));
+  if (hasThemeModule) {
+    serviceProvidersManager.registerProvider('activeTheme', ui_next_src/* .ActiveThemeProvider */.lsJ);
+  }
   const {
     toolbarService,
     cineService,

package/dist/{9415.bundle.08589a1bead52042.js → 9415.bundle.65b1f625994dcdeb.js}

@@ -19,8 +19,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var src = __webpack_require__(62901);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 299 modules
-var i18n_src = __webpack_require__(40405);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 300 modules
+var i18n_src = __webpack_require__(90119);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
 var esm = __webpack_require__(70594);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/esm/index.js + 79 modules

package/dist/9415.css

@@ -1,2 +1,2 @@
-.dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{border-top:1px solid #ddd;color:#fff;padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{color:"#20A5D6";padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
-.chrome-picker{background:#090c29!important}
+.dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{color:hsl(var(--foreground));padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
+.chrome-picker{background:#0000!important;-webkit-box-shadow:none!important;box-shadow:none!important}

package/dist/976.css

@@ -1,2 +1,2 @@
-.dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{border-top:1px solid #ddd;color:#fff;padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{color:"#20A5D6";padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
-.chrome-picker{background:#090c29!important}
+.dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{color:hsl(var(--foreground));padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
+.chrome-picker{background:#0000!important;-webkit-box-shadow:none!important;box-shadow:none!important}