@searpent/react-image-annotate 2.3.4 → 2.3.6

package/MetadataEditorSidebarBox/index_repr.js

@@ -63,57 +63,84 @@ var MetadataItem = function MetadataItem(_ref2) {
     });
   };
 
-  return React.createElement(MetadataItemDiv, null, React.createElement("label", {
-    for: name
-  }, name), React.createElement("div", {
-    style: {
-      width: "50%"
-    }
-  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && React.createElement(React.Fragment, null, React.createElement("input", {
-    type: "text",
-    value: allowUncontrolledForDebug ? value : value !== null && value !== void 0 ? value : "",
-    name: name,
-    onChange: handleChange,
-    id: name,
-    list: "".concat(name, "-list"),
-    style: {
-      width: "100%"
-    }
-  }), React.createElement("datalist", {
-    id: "".concat(name, "-list")
-  }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio = metadataConfig.options) === null || _metadataConfig$optio === void 0 ? void 0 : _metadataConfig$optio.map(function (opt) {
-    if (opt.value && opt.label) {
-      return React.createElement("option", {
-        key: opt.value,
-        value: opt.value
-      }, opt.label);
-    }
+  return (
+    /*#__PURE__*/
+    React.createElement(MetadataItemDiv, null,
+    /*#__PURE__*/
+    React.createElement("label", {
+      "for": name
+    }, name),
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        width: "50%"
+      }
+    }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true &&
+    /*#__PURE__*/
+    React.createElement(React.Fragment, null,
+    /*#__PURE__*/
+    React.createElement("input", {
+      type: "text",
+      value: allowUncontrolledForDebug ? value : value !== null && value !== void 0 ? value : "",
+      name: name,
+      onChange: handleChange,
+      id: name,
+      list: "".concat(name, "-list"),
+      style: {
+        width: "100%"
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("datalist", {
+      id: "".concat(name, "-list")
+    }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio = metadataConfig.options) === null || _metadataConfig$optio === void 0 ? void 0 : _metadataConfig$optio.map(function (opt) {
+      if (opt.value && opt.label) {
+        return (
+          /*#__PURE__*/
+          React.createElement("option", {
+            key: opt.value,
+            value: opt.value
+          }, opt.label)
+        );
+      }
 
-    return React.createElement("option", {
-      key: opt,
-      value: opt
-    });
-  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && React.createElement("select", {
-    name: name,
-    id: name,
-    value: value || '',
-    onChange: handleChange,
-    style: {
-      width: '100%'
-    }
-  }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio2 = metadataConfig.options) === null || _metadataConfig$optio2 === void 0 ? void 0 : _metadataConfig$optio2.map(function (opt) {
-    if (opt.value && opt.label) {
-      return React.createElement("option", {
-        key: opt.value,
-        value: opt.value
-      }, opt.label);
-    }
+      return (
+        /*#__PURE__*/
+        React.createElement("option", {
+          key: opt,
+          value: opt
+        })
+      );
+    }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true &&
+    /*#__PURE__*/
+    React.createElement("select", {
+      name: name,
+      id: name,
+      value: value || '',
+      onChange: handleChange,
+      style: {
+        width: '100%'
+      }
+    }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio2 = metadataConfig.options) === null || _metadataConfig$optio2 === void 0 ? void 0 : _metadataConfig$optio2.map(function (opt) {
+      if (opt.value && opt.label) {
+        return (
+          /*#__PURE__*/
+          React.createElement("option", {
+            key: opt.value,
+            value: opt.value
+          }, opt.label)
+        );
+      }
 
-    return React.createElement("option", {
-      key: opt,
-      value: opt
-    });
-  }))));
+      return (
+        /*#__PURE__*/
+        React.createElement("option", {
+          key: opt,
+          value: opt
+        })
+      );
+    }))))
+  );
 };
 
 var MetadataList = function MetadataList(_ref3) {
@@ -124,40 +151,51 @@ var MetadataList = function MetadataList(_ref3) {
       _ref3$metadataConfigs = _ref3.metadataConfigs,
       metadataConfigs = _ref3$metadataConfigs === void 0 ? [] : _ref3$metadataConfigs,
       groupId = _ref3.groupId;
-  return React.createElement("div", null, React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
-    var key = _ref4.key,
-        value = _ref4.value,
-        metadataId = _ref4.metadataId;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
+      var key = _ref4.key,
+          value = _ref4.value,
+          metadataId = _ref4.metadataId;
 
-    // In Storybook hang repro mode, deliberately remove React keys so React is
-    // more likely to reuse the same DOM <input> across article switches.
-    if (isStorybookHangReproModeEnabled()) {
-      return React.createElement(MetadataItem, {
-        name: key,
-        value: value,
-        imageIndex: imageIndex,
-        metadataId: metadataId,
-        groupId: groupId,
-        onChange: onMetadataChange,
-        metadataConfig: metadataConfigs.find(function (i) {
-          return i.key === key;
-        })
-      });
-    }
+      // In Storybook hang repro mode, deliberately remove React keys so React is
+      // more likely to reuse the same DOM <input> across article switches.
+      if (isStorybookHangReproModeEnabled()) {
+        return (
+          /*#__PURE__*/
+          React.createElement(MetadataItem, {
+            name: key,
+            value: value,
+            imageIndex: imageIndex,
+            metadataId: metadataId,
+            groupId: groupId,
+            onChange: onMetadataChange,
+            metadataConfig: metadataConfigs.find(function (i) {
+              return i.key === key;
+            })
+          })
+        );
+      }
 
-    return React.createElement(MetadataItem, {
-      key: "".concat(groupId, "-").concat(key),
-      name: key,
-      value: value,
-      imageIndex: imageIndex,
-      metadataId: metadataId,
-      groupId: groupId,
-      onChange: onMetadataChange,
-      metadataConfig: metadataConfigs.find(function (i) {
-        return i.key === key;
-      })
-    });
-  }));
+      return (
+        /*#__PURE__*/
+        React.createElement(MetadataItem, {
+          key: "".concat(groupId, "-").concat(key),
+          name: key,
+          value: value,
+          imageIndex: imageIndex,
+          metadataId: metadataId,
+          groupId: groupId,
+          onChange: onMetadataChange,
+          metadataConfig: metadataConfigs.find(function (i) {
+            return i.key === key;
+          })
+        })
+      );
+    }))
+  );
 };
 
 var theme = createTheme();
@@ -217,55 +255,72 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     }
   }
 
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBoxContainer, {
-    title: "Metadata",
-    icon: React.createElement(DescriptionIcon, {
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Metadata",
+      icon:
+      /*#__PURE__*/
+      React.createElement(DescriptionIcon, {
+        style: {
+          color: grey[700]
+        }
+      }),
+      expandedByDefault: true
+    },
+    /*#__PURE__*/
+    React.createElement(DivContainer, {
       style: {
-        color: grey[700]
+        height: "600px"
       }
+    }, articleMetadata.length > 0 && (isStorybookHangReproModeEnabled() ?
+    /*#__PURE__*/
+    React.createElement(MetadataList, {
+      title: "Article",
+      metadata: articleMetadata,
+      imageIndex: state.selectedImage,
+      groupId: selectedGroupId,
+      onMetadataChange: onMetadataChange,
+      metadataConfigs: metadataConfigs.filter(function (mfc) {
+        return mfc.level === 'photo_metadata-engine';
+      })
+    }) :
+    /*#__PURE__*/
+    React.createElement(MetadataList, {
+      key: "article-".concat(selectedGroupId),
+      title: "Article",
+      metadata: articleMetadata,
+      imageIndex: state.selectedImage,
+      groupId: selectedGroupId,
+      onMetadataChange: onMetadataChange,
+      metadataConfigs: metadataConfigs.filter(function (mfc) {
+        return mfc.level === 'photo_metadata-engine';
+      })
+    })), selectedPhotoMetadata &&
+    /*#__PURE__*/
+    React.createElement(MetadataList, {
+      title: "Page",
+      metadata: selectedPhotoMetadata,
+      imageIndex: state.selectedImage,
+      onMetadataChange: onMetadataChange,
+      metadataConfigs: metadataConfigs.filter(function (mfc) {
+        return mfc.level === 'photo';
+      })
     }),
-    expandedByDefault: true
-  }, React.createElement(DivContainer, {
-    style: {
-      height: "600px"
-    }
-  }, articleMetadata.length > 0 && (isStorybookHangReproModeEnabled() ? React.createElement(MetadataList, {
-    title: "Article",
-    metadata: articleMetadata,
-    imageIndex: state.selectedImage,
-    groupId: selectedGroupId,
-    onMetadataChange: onMetadataChange,
-    metadataConfigs: metadataConfigs.filter(function (mfc) {
-      return mfc.level === 'photo_metadata-engine';
-    })
-  }) : React.createElement(MetadataList, {
-    key: "article-".concat(selectedGroupId),
-    title: "Article",
-    metadata: articleMetadata,
-    imageIndex: state.selectedImage,
-    groupId: selectedGroupId,
-    onMetadataChange: onMetadataChange,
-    metadataConfigs: metadataConfigs.filter(function (mfc) {
-      return mfc.level === 'photo_metadata-engine';
-    })
-  })), selectedPhotoMetadata && React.createElement(MetadataList, {
-    title: "Page",
-    metadata: selectedPhotoMetadata,
-    imageIndex: state.selectedImage,
-    onMetadataChange: onMetadataChange,
-    metadataConfigs: metadataConfigs.filter(function (mfc) {
-      return mfc.level === 'photo';
-    })
-  }), React.createElement(MetadataList, {
-    title: "Issue",
-    metadata: state.albumMetadata,
-    onMetadataChange: onMetadataChange,
-    id: "metadata-album",
-    metadataConfigs: metadataConfigs.filter(function (mfc) {
-      return mfc.level === 'album';
-    })
-  }))));
+    /*#__PURE__*/
+    React.createElement(MetadataList, {
+      title: "Issue",
+      metadata: state.albumMetadata,
+      onMetadataChange: onMetadataChange,
+      id: "metadata-album",
+      metadataConfigs: metadataConfigs.filter(function (mfc) {
+        return mfc.level === 'album';
+      })
+    }))))
+  );
 };
 export default memo(MetadataEditorSidebarBox);

package/PageSelector/UpdatedBySemaphore.js

@@ -0,0 +1,95 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useMemo, useState } from "react";
+export function isUpdatedByAggregator(updatedBy) {
+  if (updatedBy == null) return false;
+  return String(updatedBy).trim() === "AGGREGATOR";
+}
+/** Non-empty lease string or null (treat undefined / "" / whitespace as no lock). */
+
+export function normalizeMediaPresenterLeaseUntil(raw) {
+  if (raw == null) return null;
+  var s = String(raw).trim();
+  return s === "" ? null : s;
+}
+/**
+ * True when Dynamo `mediaPresenterLeaseUntil` (ISO UTC string) is still in the future.
+ * Matches the media-presenter webhook lease written by BasicLinkingFunction.
+ */
+
+export function isMediaPresenterLockActive(mediaPresenterLeaseUntil) {
+  var s = normalizeMediaPresenterLeaseUntil(mediaPresenterLeaseUntil);
+  if (s == null) return false;
+  var t = Date.parse(s);
+  if (Number.isNaN(t)) return false;
+  return t > Date.now();
+}
+/**
+ * Case-level “UPDATED BY” indicator for the page strip (left panel).
+ * Red (left) / green (right) discs, left-aligned with the page-strip switch column; status label after them.
+ * Green lit only when `updatedBy` is exactly AGGREGATOR and the media-presenter Dynamo lease is not active.
+ * `selectionKey` should change per selected page so the control remounts when paging.
+ */
+
+export default function UpdatedBySemaphore(_ref) {
+  var updatedBy = _ref.updatedBy,
+      mediaPresenterLeaseUntil = _ref.mediaPresenterLeaseUntil,
+      selectionKey = _ref.selectionKey;
+  var leaseStr = useMemo(function () {
+    return normalizeMediaPresenterLeaseUntil(mediaPresenterLeaseUntil);
+  }, [mediaPresenterLeaseUntil]); // While a lease string is present, re-evaluate every second so expiry clears without a parent refetch.
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      setLeasePulse = _useState2[1];
+
+  useEffect(function () {
+    if (leaseStr == null) return undefined;
+    var id = window.setInterval(function () {
+      return setLeasePulse(function (n) {
+        return n + 1;
+      });
+    }, 1000);
+    return function () {
+      return window.clearInterval(id);
+    };
+  }, [leaseStr]);
+  var lockActive = isMediaPresenterLockActive(leaseStr);
+  var green = isUpdatedByAggregator(updatedBy) && !lockActive;
+  var source = updatedBy == null || updatedBy === "" ? "—" : String(updatedBy);
+  var leaseHint = lockActive ? " Media presenter lock active (lease until ".concat(leaseStr, ").") : "";
+  var statusLabel = green ? "Ready" : "Do not modify";
+  var title = "Case last updated by: ".concat(source, ".").concat(leaseHint, " Status: ").concat(statusLabel, ". Green lamp: safe to modify (AGGREGATOR and no active media-presenter lease). Red lamp: do not modify (other updater and/or lock).");
+  var redClass = "ps-semaphore-lamp ps-semaphore-red" + (green ? "" : " ps-semaphore-lit");
+  var greenClass = "ps-semaphore-lamp ps-semaphore-green" + (green ? " ps-semaphore-lit" : "");
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      key: "".concat(selectionKey, "|").concat(leaseStr !== null && leaseStr !== void 0 ? leaseStr : ""),
+      className: "ps-updated-by-semaphore",
+      title: title,
+      role: "img",
+      "aria-label": statusLabel
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: "ps-semaphore-toggle-column",
+      "aria-hidden": true
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: "ps-semaphore-lamps"
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: redClass
+    }),
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: greenClass
+    }))),
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: "ps-top-bar-label ps-updated-by-semaphore__label"
+    }, statusLabel))
+  );
+}