@activecollab/components 2.0.497 → 2.0.499

package/dist/cjs/components/DockedCard/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DockedCard = require("./DockedCard");
+Object.keys(_DockedCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DockedCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DockedCard[key];
+    }
+  });
+});
+var _useDockedCard = require("./useDockedCard");
+Object.keys(_useDockedCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDockedCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDockedCard[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DockedCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_DockedCard","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDockedCard"],"sources":["../../../../src/components/DockedCard/index.ts"],"sourcesContent":["export * from \"./DockedCard\";\nexport * from \"./useDockedCard\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/DockedCard/useDockedCard.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDockedCard = exports.getScrollParent = void 0;
+var _react = require("react");
+var _reactDom = require("react-dom");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var getDocumentScroller = function getDocumentScroller() {
+  return document.scrollingElement || document.documentElement;
+};
+
+/** The closest ancestor that scrolls. The full page scrolls the document. */
+var getScrollParent = exports.getScrollParent = function getScrollParent(node) {
+  var element = node === null || node === void 0 ? void 0 : node.parentElement;
+  while (element && element !== document.body) {
+    var _window$getComputedSt = window.getComputedStyle(element),
+      overflowY = _window$getComputedSt.overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      return element;
+    }
+    element = element.parentElement;
+  }
+  return getDocumentScroller();
+};
+var isDocumentScroller = function isDocumentScroller(element) {
+  return element === document.scrollingElement || element === document.documentElement;
+};
+/** The moves of a docked card: its offset, its open state, the dim, the Escape key and the frozen scroll. */
+var useDockedCard = exports.useDockedCard = function useDockedCard(_ref) {
+  var cardRef = _ref.cardRef,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 200 : _ref$duration,
+    _ref$peek = _ref.peek,
+    peek = _ref$peek === void 0 ? 0 : _ref$peek,
+    getTopLimit = _ref.getTopLimit,
+    onEscape = _ref.onEscape,
+    isBusy = _ref.isBusy;
+  var scrollerRef = (0, _react.useRef)(null);
+  var dimNodeRef = (0, _react.useRef)(null);
+  var timerRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    viewHeight = _useState2[0],
+    setViewHeight = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cardHeight = _useState4[0],
+    setCardHeight = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    topLimit = _useState6[0],
+    setTopLimit = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    moving = _useState8[0],
+    setMoving = _useState8[1];
+  var latest = (0, _react.useRef)({
+    enabled,
+    onOpenChange,
+    onEscape,
+    isBusy,
+    getTopLimit
+  });
+  latest.current = {
+    enabled,
+    onOpenChange,
+    onEscape,
+    isBusy,
+    getTopLimit
+  };
+
+  // Found once: a frozen scroller has no scroll in its style, so a later search would miss it.
+  var findScroller = (0, _react.useCallback)(function () {
+    var _scrollerRef$current;
+    scrollerRef.current = (_scrollerRef$current = scrollerRef.current) !== null && _scrollerRef$current !== void 0 ? _scrollerRef$current : getScrollParent(cardRef.current);
+    return scrollerRef.current;
+  }, [cardRef]);
+
+  // The card moves with a transition only when it opens or closes, not when its content changes its height.
+  var setOpen = (0, _react.useCallback)(function (next) {
+    if (!latest.current.enabled) {
+      return;
+    }
+    if (!next) {
+      var _dimNodeRef$current, _dimNodeRef$current$a;
+      (_dimNodeRef$current = dimNodeRef.current) === null || _dimNodeRef$current === void 0 || (_dimNodeRef$current$a = _dimNodeRef$current.animate) === null || _dimNodeRef$current$a === void 0 || _dimNodeRef$current$a.call(_dimNodeRef$current, [{
+        opacity: 1
+      }, {
+        opacity: 0
+      }], {
+        duration,
+        fill: "forwards"
+      });
+    }
+    clearTimeout(timerRef.current);
+    setMoving(true);
+    latest.current.onOpenChange(next);
+    timerRef.current = setTimeout(function () {
+      return setMoving(false);
+    }, duration + 50);
+  }, [duration]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      return clearTimeout(timerRef.current);
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    var scroller = findScroller();
+    var isDocument = isDocumentScroller(scroller);
+    var measure = function measure() {
+      return setViewHeight(isDocument ? window.innerHeight : scroller.clientHeight);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") {
+      return undefined;
+    }
+
+    // eslint-disable-next-line compat/compat
+    var observer = new ResizeObserver(measure);
+    observer.observe(isDocument ? document.documentElement : scroller);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [findScroller]);
+  (0, _react.useLayoutEffect)(function () {
+    var _latest$current$getTo, _latest$current;
+    var scroller = findScroller();
+    var limit = (_latest$current$getTo = (_latest$current = latest.current).getTopLimit) === null || _latest$current$getTo === void 0 ? void 0 : _latest$current$getTo.call(_latest$current);
+    if (!enabled || !scroller || !limit) {
+      setTopLimit(0);
+      return;
+    }
+    var scrollerTop = scroller === getDocumentScroller() ? 0 : scroller.getBoundingClientRect().top;
+    setTopLimit(Math.max(0, Math.round(limit.getBoundingClientRect().bottom - scrollerTop)));
+  }, [open, enabled, viewHeight, findScroller]);
+
+  // A menu, a list or a dialog above the card takes its own Escape.
+  (0, _react.useEffect)(function () {
+    if (!open) {
+      return undefined;
+    }
+    var handleKeyDown = function handleKeyDown(event) {
+      var _target$closest, _latest$current$isBus, _latest$current$isBus2, _latest$current2;
+      var card = cardRef.current;
+      var target = event.target;
+      var isOwn = target === document.body || ((_target$closest = target.closest) === null || _target$closest === void 0 ? void 0 : _target$closest.call(target, ".c-window")) === (card === null || card === void 0 ? void 0 : card.closest(".c-window"));
+      var busy = card ? (_latest$current$isBus = (_latest$current$isBus2 = (_latest$current2 = latest.current).isBusy) === null || _latest$current$isBus2 === void 0 ? void 0 : _latest$current$isBus2.call(_latest$current2, card)) !== null && _latest$current$isBus !== void 0 ? _latest$current$isBus : false : false;
+      if (event.key === "Escape" && !event.defaultPrevented && isOwn && !busy) {
+        var _latest$current$onEsc;
+        event.preventDefault();
+        event.stopPropagation();
+        ((_latest$current$onEsc = latest.current.onEscape) !== null && _latest$current$onEsc !== void 0 ? _latest$current$onEsc : function () {
+          return setOpen(false);
+        })();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown, true);
+    return function () {
+      return document.removeEventListener("keydown", handleKeyDown, true);
+    };
+  }, [open, cardRef, setOpen]);
+  var dimRef = (0, _react.useCallback)(function (node) {
+    var _node$animate;
+    dimNodeRef.current = node;
+    node === null || node === void 0 || (_node$animate = node.animate) === null || _node$animate === void 0 || _node$animate.call(node, [{
+      opacity: 0
+    }, {
+      opacity: 1
+    }], duration);
+  }, [duration]);
+
+  // The height places the card, so each render reads it before the paint. The observer covers what comes in later.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useLayoutEffect)(function () {
+    var _cardRef$current$offs, _cardRef$current;
+    setCardHeight((_cardRef$current$offs = (_cardRef$current = cardRef.current) === null || _cardRef$current === void 0 ? void 0 : _cardRef$current.offsetHeight) !== null && _cardRef$current$offs !== void 0 ? _cardRef$current$offs : 0);
+  });
+  (0, _react.useLayoutEffect)(function () {
+    var card = cardRef.current;
+    if (!card || typeof ResizeObserver === "undefined") {
+      return undefined;
+    }
+
+    // eslint-disable-next-line compat/compat
+    var observer = new ResizeObserver(function () {
+      return (0, _reactDom.flushSync)(function () {
+        return setCardHeight(card.offsetHeight);
+      });
+    });
+    observer.observe(card);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [cardRef]);
+
+  // The page does not scroll under the open card.
+  var frozen = open || moving;
+  (0, _react.useEffect)(function () {
+    if (!frozen) {
+      return undefined;
+    }
+    var scroller = findScroller();
+    var previous = scroller.style.overflow;
+    scroller.style.overflow = "hidden";
+    return function () {
+      scroller.style.overflow = previous;
+    };
+  }, [frozen, findScroller]);
+  return {
+    setOpen,
+    moving,
+    /** The card and its dim cover the page while the card is open or on its way. */
+    lifted: frozen,
+    /** The height of the scroll container. */
+    viewHeight,
+    /** The bottom edge of the limit element, from the top of the scroll container. Zero with no limit. */
+    topLimit,
+    cardHeight,
+    /** How far the closed card stands under the edge. */
+    offset: Math.max(0, cardHeight - peek),
+    dimRef,
+    findScroller
+  };
+};
+//# sourceMappingURL=useDockedCard.js.map

package/dist/cjs/components/DockedCard/useDockedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDockedCard.js","names":["_react","require","_reactDom","_slicedToArray","r","e","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","return","isArray","getDocumentScroller","document","scrollingElement","documentElement","getScrollParent","exports","node","element","parentElement","body","_window$getComputedSt","window","getComputedStyle","overflowY","isDocumentScroller","useDockedCard","_ref","cardRef","open","onOpenChange","_ref$enabled","enabled","_ref$duration","duration","_ref$peek","peek","getTopLimit","onEscape","isBusy","scrollerRef","useRef","dimNodeRef","timerRef","_useState","useState","_useState2","viewHeight","setViewHeight","_useState3","_useState4","cardHeight","setCardHeight","_useState5","_useState6","topLimit","setTopLimit","_useState7","_useState8","moving","setMoving","latest","current","findScroller","useCallback","_scrollerRef$current","setOpen","_dimNodeRef$current","_dimNodeRef$current$a","animate","opacity","fill","clearTimeout","setTimeout","useEffect","scroller","isDocument","measure","innerHeight","clientHeight","ResizeObserver","undefined","observer","observe","disconnect","useLayoutEffect","_latest$current$getTo","_latest$current","limit","scrollerTop","getBoundingClientRect","top","Math","max","round","bottom","handleKeyDown","event","_target$closest","_latest$current$isBus","_latest$current$isBus2","_latest$current2","card","target","isOwn","closest","busy","key","defaultPrevented","_latest$current$onEsc","preventDefault","stopPropagation","addEventListener","removeEventListener","dimRef","_node$animate","_cardRef$current$offs","_cardRef$current","offsetHeight","flushSync","frozen","previous","style","overflow","lifted","offset"],"sources":["../../../../src/components/DockedCard/useDockedCard.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\nconst getDocumentScroller = () =>\n  (document.scrollingElement || document.documentElement) as HTMLElement;\n\n/** The closest ancestor that scrolls. The full page scrolls the document. */\nexport const getScrollParent = (node?: Element | null): HTMLElement => {\n  let element = node?.parentElement;\n\n  while (element && element !== document.body) {\n    const { overflowY } = window.getComputedStyle(element);\n\n    if (overflowY === \"auto\" || overflowY === \"scroll\") {\n      return element;\n    }\n\n    element = element.parentElement;\n  }\n\n  return getDocumentScroller();\n};\n\nconst isDocumentScroller = (element: HTMLElement) =>\n  element === document.scrollingElement || element === document.documentElement;\n\nexport interface UseDockedCardOptions {\n  cardRef: RefObject<HTMLElement>;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Set to false where the card is not docked. It then never opens and has no top limit. */\n  enabled?: boolean;\n  /** The time of the move, in milliseconds. */\n  duration?: number;\n  /** The height of the closed card that stays above the edge, in pixels. */\n  peek?: number;\n  /** The element whose bottom edge the open card must not pass. */\n  getTopLimit?: () => Element | null | undefined;\n  /** Called on Escape while the card is open. Without it Escape closes the card. */\n  onEscape?: () => void;\n  /** True while something in the card, such as an open menu, must take Escape itself. */\n  isBusy?: (card: HTMLElement) => boolean;\n}\n\n/** The moves of a docked card: its offset, its open state, the dim, the Escape key and the frozen scroll. */\nexport const useDockedCard = ({\n  cardRef,\n  open,\n  onOpenChange,\n  enabled = true,\n  duration = 200,\n  peek = 0,\n  getTopLimit,\n  onEscape,\n  isBusy,\n}: UseDockedCardOptions) => {\n  const scrollerRef = useRef<HTMLElement | null>(null);\n  const dimNodeRef = useRef<HTMLElement | null>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout>>();\n  const [viewHeight, setViewHeight] = useState(0);\n  const [cardHeight, setCardHeight] = useState(0);\n  const [topLimit, setTopLimit] = useState(0);\n  const [moving, setMoving] = useState(false);\n  const latest = useRef({\n    enabled,\n    onOpenChange,\n    onEscape,\n    isBusy,\n    getTopLimit,\n  });\n\n  latest.current = { enabled, onOpenChange, onEscape, isBusy, getTopLimit };\n\n  // Found once: a frozen scroller has no scroll in its style, so a later search would miss it.\n  const findScroller = useCallback(() => {\n    scrollerRef.current =\n      scrollerRef.current ?? getScrollParent(cardRef.current);\n\n    return scrollerRef.current;\n  }, [cardRef]);\n\n  // The card moves with a transition only when it opens or closes, not when its content changes its height.\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!latest.current.enabled) {\n        return;\n      }\n\n      if (!next) {\n        dimNodeRef.current?.animate?.([{ opacity: 1 }, { opacity: 0 }], {\n          duration,\n          fill: \"forwards\",\n        });\n      }\n\n      clearTimeout(timerRef.current);\n      setMoving(true);\n      latest.current.onOpenChange(next);\n      timerRef.current = setTimeout(() => setMoving(false), duration + 50);\n    },\n    [duration]\n  );\n\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  useEffect(() => {\n    const scroller = findScroller();\n    const isDocument = isDocumentScroller(scroller);\n    const measure = () =>\n      setViewHeight(isDocument ? window.innerHeight : scroller.clientHeight);\n\n    measure();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    // eslint-disable-next-line compat/compat\n    const observer = new ResizeObserver(measure);\n\n    observer.observe(isDocument ? document.documentElement : scroller);\n\n    return () => observer.disconnect();\n  }, [findScroller]);\n\n  useLayoutEffect(() => {\n    const scroller = findScroller();\n    const limit = latest.current.getTopLimit?.();\n\n    if (!enabled || !scroller || !limit) {\n      setTopLimit(0);\n\n      return;\n    }\n\n    const scrollerTop =\n      scroller === getDocumentScroller()\n        ? 0\n        : scroller.getBoundingClientRect().top;\n\n    setTopLimit(\n      Math.max(\n        0,\n        Math.round(limit.getBoundingClientRect().bottom - scrollerTop)\n      )\n    );\n  }, [open, enabled, viewHeight, findScroller]);\n\n  // A menu, a list or a dialog above the card takes its own Escape.\n  useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const card = cardRef.current;\n      const target = event.target as Element;\n      const isOwn =\n        target === document.body ||\n        target.closest?.(\".c-window\") === card?.closest(\".c-window\");\n      const busy = card ? latest.current.isBusy?.(card) ?? false : false;\n\n      if (event.key === \"Escape\" && !event.defaultPrevented && isOwn && !busy) {\n        event.preventDefault();\n        event.stopPropagation();\n        (latest.current.onEscape ?? (() => setOpen(false)))();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown, true);\n\n    return () => document.removeEventListener(\"keydown\", handleKeyDown, true);\n  }, [open, cardRef, setOpen]);\n\n  const dimRef = useCallback(\n    (node: HTMLElement | null) => {\n      dimNodeRef.current = node;\n      node?.animate?.([{ opacity: 0 }, { opacity: 1 }], duration);\n    },\n    [duration]\n  );\n\n  // The height places the card, so each render reads it before the paint. The observer covers what comes in later.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    setCardHeight(cardRef.current?.offsetHeight ?? 0);\n  });\n\n  useLayoutEffect(() => {\n    const card = cardRef.current;\n\n    if (!card || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    // eslint-disable-next-line compat/compat\n    const observer = new ResizeObserver(() =>\n      flushSync(() => setCardHeight(card.offsetHeight))\n    );\n\n    observer.observe(card);\n\n    return () => observer.disconnect();\n  }, [cardRef]);\n\n  // The page does not scroll under the open card.\n  const frozen = open || moving;\n\n  useEffect(() => {\n    if (!frozen) {\n      return undefined;\n    }\n\n    const scroller = findScroller();\n    const previous = scroller.style.overflow;\n\n    scroller.style.overflow = \"hidden\";\n\n    return () => {\n      scroller.style.overflow = previous;\n    };\n  }, [frozen, findScroller]);\n\n  return {\n    setOpen,\n    moving,\n    /** The card and its dim cover the page while the card is open or on its way. */\n    lifted: frozen,\n    /** The height of the scroll container. */\n    viewHeight,\n    /** The bottom edge of the limit element, from the top of the scroll container. Zero with no limit. */\n    topLimit,\n    cardHeight,\n    /** How far the closed card stands under the edge. */\n    offset: Math.max(0, cardHeight - peek),\n    dimRef,\n    findScroller,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_useHoverSuppression2","_utils","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","intInputRef","useRef","handleRef","useForkRef","_useHoverSuppression","useHoverSuppression","hoverSuppressed","suppressHoverOnKey","releaseHover","handleBlur","useCallback","evt","current","scrollLeft","onBlur","handleKeyDown","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useHoverSuppression } from \"./useHoverSuppression\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const { hoverSuppressed, suppressHoverOnKey, releaseHover } =\n      useHoverSuppression();\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        suppressHoverOnKey(evt);\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps, suppressHoverOnKey]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps, releaseHover]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave, releaseHover]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={hoverSuppressed}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_useHoverSuppression2","_utils","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","intInputRef","useRef","handleRef","useForkRef","_useHoverSuppression","useHoverSuppression","hoverSuppressed","suppressHoverOnKey","releaseHover","handleBlur","useCallback","evt","current","scrollLeft","onBlur","handleKeyDown","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useHoverSuppression } from \"./useHoverSuppression\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\" | \"semibold\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const { hoverSuppressed, suppressHoverOnKey, releaseHover } =\n      useHoverSuppression();\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        suppressHoverOnKey(evt);\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps, suppressHoverOnKey]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps, releaseHover]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        releaseHover();\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave, releaseHover]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={hoverSuppressed}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditorFrame/EditorFrame.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorFrameFooter = exports.EditorFrame = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _useContainerCss = require("../../utils/useContainerCss");
+var _excluded = ["look", "radius", "className", "children"],
+  _excluded2 = ["className", "children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var RADIUS = {
+  field: 14,
+  card: 16,
+  raised: 20
+};
+var EditorFrame = exports.EditorFrame = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$look = _ref.look,
+    look = _ref$look === void 0 ? "field" : _ref$look,
+    radius = _ref.radius,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEditorFrame, _extends({}, rest, {
+    ref: ref,
+    $look: look,
+    $radius: radius !== null && radius !== void 0 ? radius : RADIUS[look],
+    className: (0, _classnames.default)("c-editor-frame", className)
+  }), children);
+});
+EditorFrame.displayName = "EditorFrame";
+
+/** The row of actions under the editor, with a line above it. */
+var EditorFrameFooter = exports.EditorFrameFooter = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var className = _ref2.className,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  (0, _useContainerCss.useContainerCss)("c-editor-frame-container", _Styles.FOOTER_CONTAINER_CSS);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEditorFrameFooter, _extends({}, rest, {
+    ref: ref,
+    className: (0, _classnames.default)("c-editor-frame__footer", className)
+  }), children);
+});
+EditorFrameFooter.displayName = "EditorFrameFooter";
+//# sourceMappingURL=EditorFrame.js.map

package/dist/cjs/components/EditorFrame/EditorFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFrame.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useContainerCss","_excluded","_excluded2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","RADIUS","field","card","raised","EditorFrame","exports","forwardRef","_ref","ref","_ref$look","look","radius","className","children","rest","createElement","StyledEditorFrame","$look","$radius","classnames","displayName","EditorFrameFooter","_ref2","useContainerCss","FOOTER_CONTAINER_CSS","StyledEditorFrameFooter"],"sources":["../../../../src/components/EditorFrame/EditorFrame.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  FOOTER_CONTAINER_CSS,\n  StyledEditorFrame,\n  StyledEditorFrameFooter,\n} from \"./Styles\";\nimport { useContainerCss } from \"../../utils/useContainerCss\";\n\nexport type EditorFrameLook = \"field\" | \"card\" | \"raised\";\n\nexport interface IEditorFrameProps extends HTMLAttributes<HTMLDivElement> {\n  /** \"field\" for an edit in place, \"card\" for a composer, \"raised\" for an editor on the page. */\n  look?: EditorFrameLook;\n  /** The corner radius in pixels. Each look has its own default. */\n  radius?: number;\n  /** The element of the frame. A form keeps its submit handling on the frame. */\n  as?: \"div\" | \"form\";\n}\n\nconst RADIUS: Record<EditorFrameLook, number> = {\n  field: 14,\n  card: 16,\n  raised: 20,\n};\n\nexport const EditorFrame = forwardRef<HTMLDivElement, IEditorFrameProps>(\n  ({ look = \"field\", radius, className, children, ...rest }, ref) => (\n    <StyledEditorFrame\n      {...rest}\n      ref={ref}\n      $look={look}\n      $radius={radius ?? RADIUS[look]}\n      className={classnames(\"c-editor-frame\", className)}\n    >\n      {children}\n    </StyledEditorFrame>\n  )\n);\n\nEditorFrame.displayName = \"EditorFrame\";\n\n/** The row of actions under the editor, with a line above it. */\nexport const EditorFrameFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...rest }, ref) => {\n  useContainerCss(\"c-editor-frame-container\", FOOTER_CONTAINER_CSS);\n\n  return (\n    <StyledEditorFrameFooter\n      {...rest}\n      ref={ref}\n      className={classnames(\"c-editor-frame__footer\", className)}\n    >\n      {children}\n    </StyledEditorFrameFooter>\n  );\n});\n\nEditorFrameFooter.displayName = \"EditorFrameFooter\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditorFrame/Styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledEditorFrameFooter = exports.StyledEditorFrame = exports.FOOTER_CONTAINER_CSS = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var LOOKS = {
+  field: (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]),
+  card: (0, _styledComponents.css)(["background-color:var(--surface-bubble);box-shadow:var(--shadow-soft);"]),
+  raised: (0, _styledComponents.css)(["background-color:var(--surface-raised);box-shadow:var(--shadow-float);"])
+};
+var StyledEditorFrame = exports.StyledEditorFrame = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledEditorFrame",
+  componentId: "sc-ruvdwa-0"
+})(["position:relative;min-width:0;border:1px solid var(--border-raised);border-radius:", "px;", ""], function (_ref) {
+  var $radius = _ref.$radius;
+  return $radius;
+}, function (_ref2) {
+  var $look = _ref2.$look;
+  return LOOKS[$look];
+});
+var FOOTER_CONTAINER_CSS = exports.FOOTER_CONTAINER_CSS = "\n@container (min-width: 900px) {\n  .c-editor-frame__footer { padding-right: 19px; padding-left: 19px; }\n}\n";
+var StyledEditorFrameFooter = exports.StyledEditorFrameFooter = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledEditorFrameFooter",
+  componentId: "sc-ruvdwa-1"
+})(["display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:52px;padding:10px 11px;border-top:1px solid var(--border-raised);"]);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/EditorFrame/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LOOKS","field","css","card","raised","StyledEditorFrame","exports","styled","div","withConfig","displayName","componentId","_ref","$radius","_ref2","$look","FOOTER_CONTAINER_CSS","StyledEditorFrameFooter"],"sources":["../../../../src/components/EditorFrame/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst LOOKS = {\n  field: css`\n    background-color: var(--color-theme-200);\n  `,\n  card: css`\n    background-color: var(--surface-bubble);\n    box-shadow: var(--shadow-soft);\n  `,\n  raised: css`\n    background-color: var(--surface-raised);\n    box-shadow: var(--shadow-float);\n  `,\n};\n\nexport const StyledEditorFrame = styled.div<{\n  $look: keyof typeof LOOKS;\n  $radius: number;\n}>`\n  position: relative;\n  min-width: 0;\n  border: 1px solid var(--border-raised);\n  border-radius: ${({ $radius }) => $radius}px;\n\n  ${({ $look }) => LOOKS[$look]}\n`;\n\nexport const FOOTER_CONTAINER_CSS = `\n@container (min-width: 900px) {\n  .c-editor-frame__footer { padding-right: 19px; padding-left: 19px; }\n}\n`;\n\nexport const StyledEditorFrameFooter = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px 12px;\n  min-height: 52px;\n  padding: 10px 11px;\n  border-top: 1px solid var(--border-raised);\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhD,IAAMmB,KAAK,GAAG;EACZC,KAAK,MAAEC,qBAAG,+CAET;EACDC,IAAI,MAAED,qBAAG,4EAGR;EACDE,MAAM,MAAEF,qBAAG;AAIb,CAAC;AAEM,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sGAOxB,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO;AAAA,GAEvC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAOf,KAAK,CAACe,KAAK,CAAC;AAAA,EAC9B;AAEM,IAAMC,oBAAoB,GAAAV,OAAA,CAAAU,oBAAA,mHAIhC;AAEM,IAAMC,uBAAuB,GAAAX,OAAA,CAAAW,uBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAQhD","ignoreList":[]}

package/dist/cjs/components/EditorFrame/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _EditorFrame = require("./EditorFrame");
+Object.keys(_EditorFrame).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EditorFrame[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EditorFrame[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/EditorFrame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EditorFrame","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/EditorFrame/index.ts"],"sourcesContent":["export * from \"./EditorFrame\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/EmptySlate/EmptySlate.js

@@ -7,7 +7,7 @@ exports.EmptySlate = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _EmptySlate = require("./EmptySlate.styles");
 var _EmptySlateFooter = require("./EmptySlateFooter");
-var _excluded = ["title", "description", "src", "alt", "children"];
+var _excluded = ["title", "description", "src", "alt", "illustration", "size", "children"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -25,9 +25,14 @@ var EmptySlate = exports.EmptySlate = function EmptySlate(_ref) {
   var title = _ref.title,
     description = _ref.description,
     src = _ref.src,
-    alt = _ref.alt,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? "" : _ref$alt,
+    illustration = _ref.illustration,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var compact = size === "compact";
   var imageRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -42,19 +47,24 @@ var EmptySlate = exports.EmptySlate = function EmptySlate(_ref) {
     }
   }, [markLoaded]);
   return /*#__PURE__*/_react.default.createElement(_EmptySlate.Container, _extends({}, rest, {
-    role: "status"
-  }), /*#__PURE__*/_react.default.createElement(_EmptySlate.StyledImg, {
+    role: "status",
+    $compact: compact
+  }), illustration !== null && illustration !== void 0 ? illustration : src ? /*#__PURE__*/_react.default.createElement(_EmptySlate.StyledImg, {
     ref: imageRef,
     src: src,
     alt: alt,
     onLoad: markLoaded,
     $loaded: loadedSrc === src
-  }), /*#__PURE__*/_react.default.createElement(_EmptySlate.SubContainer, null, /*#__PURE__*/_react.default.createElement(_EmptySlate.Title, {
-    weight: "light",
-    variant: "Title 1"
+  }) : null, /*#__PURE__*/_react.default.createElement(_EmptySlate.SubContainer, {
+    $compact: compact
+  }, /*#__PURE__*/_react.default.createElement(_EmptySlate.Title, {
+    weight: compact ? "semibold" : "light",
+    variant: compact ? "Body 1" : "Title 1",
+    $compact: compact
   }, title), description && /*#__PURE__*/_react.default.createElement(_EmptySlate.Description, {
-    color: "tertiary",
-    variant: "Body 1"
+    color: compact ? "secondary" : "tertiary",
+    variant: compact ? "Body 2" : "Body 1",
+    $compact: compact
   }, description), children));
 };
 EmptySlate.Footer = _EmptySlateFooter.EmptySlateFooter;

package/dist/cjs/components/EmptySlate/EmptySlate.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.js","names":["_react","_interopRequireWildcard","require","_EmptySlate","_EmptySlateFooter","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","isAlreadyLoaded","image","complete","naturalWidth","EmptySlate","exports","_ref","title","description","src","alt","children","rest","imageRef","useRef","_useState","useState","_useState2","loadedSrc","setLoadedSrc","markLoaded","useCallback","useLayoutEffect","current","createElement","Container","role","StyledImg","ref","onLoad","$loaded","SubContainer","Title","weight","variant","Description","color","Footer","EmptySlateFooter","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt: string;\n  title: string;\n  description?: string;\n}\n\nconst isAlreadyLoaded = (image: HTMLImageElement | null) =>\n  !!image && image.complete && image.naturalWidth > 0;\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt,\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [loadedSrc, setLoadedSrc] = useState<string>();\n\n  const markLoaded = useCallback(() => setLoadedSrc(src), [src]);\n\n  useLayoutEffect(() => {\n    if (isAlreadyLoaded(imageRef.current)) {\n      markLoaded();\n    }\n  }, [markLoaded]);\n\n  return (\n    <Container {...rest} role=\"status\">\n      <StyledImg\n        ref={imageRef}\n        src={src}\n        alt={alt}\n        onLoad={markLoaded}\n        $loaded={loadedSrc === src}\n      />\n      <SubContainer>\n        <Title weight=\"light\" variant=\"Title 1\">\n          {title}\n        </Title>\n        {description && (\n          <Description color=\"tertiary\" variant=\"Body 1\">\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EmptySlate.js","names":["_react","_interopRequireWildcard","require","_EmptySlate","_EmptySlateFooter","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","isAlreadyLoaded","image","complete","naturalWidth","EmptySlate","exports","_ref","title","description","src","_ref$alt","alt","illustration","_ref$size","size","children","rest","compact","imageRef","useRef","_useState","useState","_useState2","loadedSrc","setLoadedSrc","markLoaded","useCallback","useLayoutEffect","current","createElement","Container","role","$compact","StyledImg","ref","onLoad","$loaded","SubContainer","Title","weight","variant","Description","color","Footer","EmptySlateFooter","displayName"],"sources":["../../../../src/components/EmptySlate/EmptySlate.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Container,\n  Description,\n  SubContainer,\n  Title,\n  StyledImg,\n} from \"./EmptySlate.styles\";\nimport { EmptySlateFooter } from \"./EmptySlateFooter\";\n\nexport interface EmptySlateProps extends HTMLAttributes<HTMLDivElement> {\n  /** The image. Not needed with an illustration. */\n  src?: string;\n  alt?: string;\n  title: string;\n  description?: string;\n  /** A drawing in place of the image, such as an inline SVG that follows the theme. */\n  illustration?: ReactNode;\n  /** \"compact\" is stacked and centered, with small text, for a panel. */\n  size?: \"regular\" | \"compact\";\n}\n\nconst isAlreadyLoaded = (image: HTMLImageElement | null) =>\n  !!image && image.complete && image.naturalWidth > 0;\n\nexport const EmptySlate = ({\n  title,\n  description,\n  src,\n  alt = \"\",\n  illustration,\n  size = \"regular\",\n  children,\n  ...rest\n}: EmptySlateProps) => {\n  const compact = size === \"compact\";\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [loadedSrc, setLoadedSrc] = useState<string>();\n\n  const markLoaded = useCallback(() => setLoadedSrc(src), [src]);\n\n  useLayoutEffect(() => {\n    if (isAlreadyLoaded(imageRef.current)) {\n      markLoaded();\n    }\n  }, [markLoaded]);\n\n  return (\n    <Container {...rest} role=\"status\" $compact={compact}>\n      {illustration ??\n        (src ? (\n          <StyledImg\n            ref={imageRef}\n            src={src}\n            alt={alt}\n            onLoad={markLoaded}\n            $loaded={loadedSrc === src}\n          />\n        ) : null)}\n      <SubContainer $compact={compact}>\n        <Title\n          weight={compact ? \"semibold\" : \"light\"}\n          variant={compact ? \"Body 1\" : \"Title 1\"}\n          $compact={compact}\n        >\n          {title}\n        </Title>\n        {description && (\n          <Description\n            color={compact ? \"secondary\" : \"tertiary\"}\n            variant={compact ? \"Body 2\" : \"Body 1\"}\n            $compact={compact}\n          >\n            {description}\n          </Description>\n        )}\n\n        {children}\n      </SubContainer>\n    </Container>\n  );\n};\n\nEmptySlate.Footer = EmptySlateFooter;\n\nEmptySlate.displayName = \"EmptySlate\";\n"],"mappings":"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","ignoreList":[]}