@activecollab/components 2.0.498 → 2.0.500

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":[]}

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

@@ -4,18 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = exports.SubContainer = exports.StyledImg = exports.FooterContainer = exports.Description = exports.Container = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BreakPoints = require("../BreakPoints");
 var _Typography = require("../Typography/Typography");
-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); }
 var Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__Container",
   componentId: "sc-jfbqky-0"
-})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", "{flex-direction:row;}"], _BreakPoints.screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", ""], function (props) {
+  return props.$compact ? (0, _styledComponents.css)(["gap:24px;"]) : (0, _styledComponents.css)(["", "{flex-direction:row;}"], _BreakPoints.screen.lg);
+});
 var SubContainer = exports.SubContainer = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__SubContainer",
   componentId: "sc-jfbqky-1"
-})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", "{align-items:flex-start;}"], _BreakPoints.screen.lg);
+})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", ""], function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{align-items:flex-start;}"], _BreakPoints.screen.lg);
+});
 var StyledImg = exports.StyledImg = _styledComponents.default.img.withConfig({
   displayName: "EmptySlatestyles__StyledImg",
   componentId: "sc-jfbqky-2"
@@ -26,11 +30,21 @@ var StyledImg = exports.StyledImg = _styledComponents.default.img.withConfig({
 var Title = exports.Title = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Title",
   componentId: "sc-jfbqky-3"
-})(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
+})(["margin-block-end:", ";text-align:center;", " ", ""], function (props) {
+  return props.$compact ? "4px" : "8px";
+}, function (props) {
+  return props.$compact && (0, _styledComponents.css)(["&&{line-height:1.25rem;}"]);
+}, function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{text-align:start;}"], _BreakPoints.screen.lg);
+});
 var Description = exports.Description = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "EmptySlatestyles__Description",
   componentId: "sc-jfbqky-4"
-})(["text-align:center;", "{text-align:start;}"], _BreakPoints.screen.lg);
+})(["text-align:center;", " ", ""], function (props) {
+  return props.$compact && (0, _styledComponents.css)(["&&{line-height:1.125rem;}"]);
+}, function (props) {
+  return !props.$compact && (0, _styledComponents.css)(["", "{text-align:start;}"], _BreakPoints.screen.lg);
+});
 var FooterContainer = exports.FooterContainer = _styledComponents.default.div.withConfig({
   displayName: "EmptySlatestyles__FooterContainer",
   componentId: "sc-jfbqky-5"

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySlate.styles.js","names":["_styledComponents","_interopRequireDefault","require","_BreakPoints","_Typography","e","__esModule","default","Container","exports","styled","div","withConfig","displayName","componentId","screen","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n\nexport const SubContainer = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  ${screen.lg} {\n    align-items: flex-start;\n  }\n`;\n\nexport const StyledImg = styled.img<{ $loaded: boolean }>`\n  width: 280px;\n  height: 280px;\n  visibility: ${({ $loaded }) => ($loaded ? \"visible\" : \"hidden\")};\n`;\n\nexport const Title = styled(Typography)`\n  margin-block-end: 8px;\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const Description = styled(Typography)`\n  text-align: center;\n\n  ${screen.lg} {\n    text-align: start;\n  }\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0IAQ/BC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAGP,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wKASlCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAME,SAAS,GAAAT,OAAA,CAAAS,SAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGnB,UAAAM,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,CAChE;AAEM,IAAMC,KAAK,GAAAb,OAAA,CAAAa,KAAA,GAAG,IAAAZ,yBAAM,EAACa,sBAAU,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAInCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMQ,WAAW,GAAAf,OAAA,CAAAe,WAAA,GAAG,IAAAd,yBAAM,EAACa,sBAAU,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAGzCC,mBAAM,CAACC,EAAE,CAGZ;AAEM,IAAMS,eAAe,GAAAhB,OAAA,CAAAgB,eAAA,GAAGf,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yHAOrCC,mBAAM,CAACC,EAAE,CAGZ","ignoreList":[]}
+{"version":3,"file":"EmptySlate.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BreakPoints","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","exports","styled","div","withConfig","displayName","componentId","props","$compact","css","screen","lg","SubContainer","StyledImg","img","_ref","$loaded","Title","Typography","Description","FooterContainer"],"sources":["../../../../src/components/EmptySlate/EmptySlate.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface Compact {\n  $compact?: boolean;\n}\n\nexport const Container = styled.div<Compact>`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  gap: 24px;\n\n  ${(props) =>\n    props.$compact\n      ? css`\n          gap: 24px;\n        `\n      : css`\n          ${screen.lg} {\n            flex-direction: row;\n          }\n        `}\n`;\n\nexport const SubContainer = styled.div<Compact>`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 400px;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        align-items: flex-start;\n      }\n    `}\n`;\n\nexport const StyledImg = styled.img<{ $loaded: boolean }>`\n  width: 280px;\n  height: 280px;\n  visibility: ${({ $loaded }) => ($loaded ? \"visible\" : \"hidden\")};\n`;\n\nexport const Title = styled(Typography)<Compact>`\n  margin-block-end: ${(props) => (props.$compact ? \"4px\" : \"8px\")};\n  text-align: center;\n\n  ${(props) =>\n    props.$compact &&\n    css`\n      && {\n        line-height: 1.25rem;\n      }\n    `}\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        text-align: start;\n      }\n    `}\n`;\n\nexport const Description = styled(Typography)<Compact>`\n  text-align: center;\n\n  ${(props) =>\n    props.$compact &&\n    css`\n      && {\n        line-height: 1.125rem;\n      }\n    `}\n\n  ${(props) =>\n    !props.$compact &&\n    css`\n      ${screen.lg} {\n        text-align: start;\n      }\n    `}\n`;\n\nexport const FooterContainer = styled.div`\n  margin-block-start: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  ${screen.lg} {\n    flex-direction: row;\n  }\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileTile/FileTile.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileTileUpload = exports.FileTileProgress = exports.FileTileError = exports.FileTileAction = exports.FileTile = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Icons = require("../Icons");
+var _excluded = ["name", "detail", "preview", "overlay", "cornerAction", "captionAction", "onOpen", "openLabel", "openProps", "busy", "dragging", "className"],
+  _excluded2 = ["value", "label", "barProps"],
+  _excluded3 = ["label"],
+  _excluded4 = ["progress", "uploading", "failed", "onCancel", "onRetry", "progressLabel", "errorLabel", "cancelLabel", "retryLabel", "cancelProps", "retryProps", "errorProps", "barProps", "detail"];
+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 FileTileAction = exports.FileTileAction = _Styles.StyledFileTileAction;
+var FileTile = exports.FileTile = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var name = _ref.name,
+    detail = _ref.detail,
+    preview = _ref.preview,
+    overlay = _ref.overlay,
+    cornerAction = _ref.cornerAction,
+    captionAction = _ref.captionAction,
+    onOpen = _ref.onOpen,
+    openLabel = _ref.openLabel,
+    openProps = _ref.openProps,
+    _ref$busy = _ref.busy,
+    busy = _ref$busy === void 0 ? false : _ref$busy,
+    _ref$dragging = _ref.dragging,
+    dragging = _ref$dragging === void 0 ? false : _ref$dragging,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTile, _extends({}, rest, {
+    ref: ref,
+    "aria-busy": busy || undefined,
+    $busy: busy,
+    $dragging: dragging,
+    className: (0, _classnames.default)("c-file-tile", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTilePreview, null, onOpen ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileOpen, _extends({
+    as: "button",
+    type: "button",
+    "aria-label": openLabel
+  }, openProps, {
+    onClick: onOpen,
+    $clickable: true,
+    className: "c-file-tile__open"
+  }), preview) : /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileOpen, {
+    $clickable: false
+  }, preview), overlay, cornerAction ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileCorner, null, cornerAction) : null), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileCaption, {
+    className: "c-file-tile__caption"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileText, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileName, {
+    title: name
+  }, name), detail ? /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileDetail, null, detail) : null), captionAction));
+});
+FileTile.displayName = "FileTile";
+var FileTileProgress = exports.FileTileProgress = function FileTileProgress(_ref2) {
+  var _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? 0 : _ref2$value,
+    label = _ref2.label,
+    barProps = _ref2.barProps,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileProgress, _extends({
+    role: "progressbar",
+    "aria-label": label,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": value
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileProgressBar, _extends({}, barProps, {
+    style: {
+      width: "".concat(value, "%")
+    }
+  })));
+};
+var FileTileError = exports.FileTileError = function FileTileError(_ref3) {
+  var label = _ref3.label,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileError, _extends({
+    role: "alert",
+    "aria-label": label
+  }, rest), /*#__PURE__*/_react.default.createElement(_Icons.WarningIcon, null));
+};
+/** A file on its way to the server: its progress, or its failure with a retry. */
+var FileTileUpload = exports.FileTileUpload = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
+  var _ref4$progress = _ref4.progress,
+    progress = _ref4$progress === void 0 ? 0 : _ref4$progress,
+    _ref4$uploading = _ref4.uploading,
+    uploading = _ref4$uploading === void 0 ? false : _ref4$uploading,
+    _ref4$failed = _ref4.failed,
+    failed = _ref4$failed === void 0 ? false : _ref4$failed,
+    onCancel = _ref4.onCancel,
+    onRetry = _ref4.onRetry,
+    progressLabel = _ref4.progressLabel,
+    errorLabel = _ref4.errorLabel,
+    cancelLabel = _ref4.cancelLabel,
+    retryLabel = _ref4.retryLabel,
+    cancelProps = _ref4.cancelProps,
+    retryProps = _ref4.retryProps,
+    errorProps = _ref4.errorProps,
+    barProps = _ref4.barProps,
+    detail = _ref4.detail,
+    rest = _objectWithoutProperties(_ref4, _excluded4);
+  var line = detail;
+  if (uploading) {
+    line = "".concat(progress, "%");
+  }
+  if (failed) {
+    line = /*#__PURE__*/_react.default.createElement(_Styles.StyledFileTileRetry, _extends({
+      type: "button"
+    }, retryProps, {
+      onClick: onRetry,
+      className: "c-file-tile__retry"
+    }), retryLabel);
+  }
+  return /*#__PURE__*/_react.default.createElement(FileTile, _extends({}, rest, {
+    ref: ref,
+    detail: line,
+    overlay: failed ? /*#__PURE__*/_react.default.createElement(FileTileError, _extends({
+      label: errorLabel
+    }, errorProps)) : /*#__PURE__*/_react.default.createElement(FileTileProgress, {
+      value: progress,
+      label: progressLabel,
+      barProps: barProps
+    }),
+    cornerAction: (uploading || failed) && onCancel ? /*#__PURE__*/_react.default.createElement(FileTileAction, _extends({
+      type: "button",
+      "aria-label": cancelLabel
+    }, cancelProps, {
+      onClick: onCancel,
+      className: "c-file-tile__cancel"
+    }), /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null)) : null
+  }));
+});
+FileTileUpload.displayName = "FileTileUpload";
+//# sourceMappingURL=FileTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileTile.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Icons","_excluded","_excluded2","_excluded3","_excluded4","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","FileTileAction","exports","StyledFileTileAction","FileTile","forwardRef","_ref","ref","name","detail","preview","overlay","cornerAction","captionAction","onOpen","openLabel","openProps","_ref$busy","busy","_ref$dragging","dragging","className","rest","createElement","StyledFileTile","undefined","$busy","$dragging","classnames","StyledFileTilePreview","StyledFileTileOpen","as","type","onClick","$clickable","StyledFileTileCorner","StyledFileTileCaption","StyledFileTileText","StyledFileTileName","title","StyledFileTileDetail","displayName","FileTileProgress","_ref2","_ref2$value","value","label","barProps","StyledFileTileProgress","role","StyledFileTileProgressBar","style","width","concat","FileTileError","_ref3","StyledFileTileError","WarningIcon","FileTileUpload","_ref4","_ref4$progress","progress","_ref4$uploading","uploading","_ref4$failed","failed","onCancel","onRetry","progressLabel","errorLabel","cancelLabel","retryLabel","cancelProps","retryProps","errorProps","line","StyledFileTileRetry","CancelCrossIcon"],"sources":["../../../../src/components/FileTile/FileTile.tsx"],"sourcesContent":["import React, {\n  ButtonHTMLAttributes,\n  HTMLAttributes,\n  LiHTMLAttributes,\n  ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledFileTile,\n  StyledFileTileAction,\n  StyledFileTileCaption,\n  StyledFileTileCorner,\n  StyledFileTileDetail,\n  StyledFileTileError,\n  StyledFileTileName,\n  StyledFileTileOpen,\n  StyledFileTilePreview,\n  StyledFileTileProgress,\n  StyledFileTileProgressBar,\n  StyledFileTileRetry,\n  StyledFileTileText,\n} from \"./Styles\";\nimport { CancelCrossIcon, WarningIcon } from \"../Icons\";\n\nexport const FileTileAction = StyledFileTileAction;\n\nexport interface IFileTileProps extends LiHTMLAttributes<HTMLLIElement> {\n  name: string;\n  /** A line under the name, for example the size. */\n  detail?: ReactNode;\n  /** The thumbnail or the file type icon. */\n  preview: ReactNode;\n  /** A layer over the preview, for example the upload progress. */\n  overlay?: ReactNode;\n  /** A control in the top right corner of the preview. */\n  cornerAction?: ReactNode;\n  /** A control at the end of the caption. */\n  captionAction?: ReactNode;\n  /** With it the preview is a button. */\n  onOpen?: () => void;\n  openLabel?: string;\n  /** Extra attributes for the preview button. */\n  openProps?: ButtonHTMLAttributes<HTMLButtonElement> & {\n    \"data-testid\"?: string;\n  };\n  /** Dims the tile and takes it out of the reach of the pointer. */\n  busy?: boolean;\n  /** The slot of a tile that the user drags: an empty placeholder. */\n  dragging?: boolean;\n}\n\nexport const FileTile = forwardRef<HTMLLIElement, IFileTileProps>(\n  (\n    {\n      name,\n      detail,\n      preview,\n      overlay,\n      cornerAction,\n      captionAction,\n      onOpen,\n      openLabel,\n      openProps,\n      busy = false,\n      dragging = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => (\n    <StyledFileTile\n      {...rest}\n      ref={ref}\n      aria-busy={busy || undefined}\n      $busy={busy}\n      $dragging={dragging}\n      className={classnames(\"c-file-tile\", className)}\n    >\n      <StyledFileTilePreview>\n        {onOpen ? (\n          <StyledFileTileOpen\n            as=\"button\"\n            type=\"button\"\n            aria-label={openLabel}\n            {...openProps}\n            onClick={onOpen}\n            $clickable\n            className=\"c-file-tile__open\"\n          >\n            {preview}\n          </StyledFileTileOpen>\n        ) : (\n          <StyledFileTileOpen $clickable={false}>{preview}</StyledFileTileOpen>\n        )}\n        {overlay}\n        {cornerAction ? (\n          <StyledFileTileCorner>{cornerAction}</StyledFileTileCorner>\n        ) : null}\n      </StyledFileTilePreview>\n      <StyledFileTileCaption className=\"c-file-tile__caption\">\n        <StyledFileTileText>\n          <StyledFileTileName title={name}>{name}</StyledFileTileName>\n          {detail ? (\n            <StyledFileTileDetail>{detail}</StyledFileTileDetail>\n          ) : null}\n        </StyledFileTileText>\n        {captionAction}\n      </StyledFileTileCaption>\n    </StyledFileTile>\n  )\n);\n\nFileTile.displayName = \"FileTile\";\n\nexport interface IFileTileProgressProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /** From 0 to 100. */\n  value?: number;\n  label: string;\n  /** Extra attributes for the bar. */\n  barProps?: HTMLAttributes<HTMLSpanElement> & { \"data-testid\"?: string };\n}\n\nexport const FileTileProgress = ({\n  value = 0,\n  label,\n  barProps,\n  ...rest\n}: IFileTileProgressProps) => (\n  <StyledFileTileProgress\n    role=\"progressbar\"\n    aria-label={label}\n    aria-valuemin={0}\n    aria-valuemax={100}\n    aria-valuenow={value}\n    {...rest}\n  >\n    <StyledFileTileProgressBar {...barProps} style={{ width: `${value}%` }} />\n  </StyledFileTileProgress>\n);\n\nexport interface IFileTileErrorProps extends HTMLAttributes<HTMLSpanElement> {\n  label: string;\n}\n\nexport const FileTileError = ({ label, ...rest }: IFileTileErrorProps) => (\n  <StyledFileTileError role=\"alert\" aria-label={label} {...rest}>\n    <WarningIcon />\n  </StyledFileTileError>\n);\n\nexport interface IFileTileUploadProps\n  extends Omit<IFileTileProps, \"overlay\" | \"cornerAction\" | \"captionAction\"> {\n  /** From 0 to 100. */\n  progress?: number;\n  /** The upload runs: the tile shows the percent and the cancel control. */\n  uploading?: boolean;\n  /** The upload failed. The tile shows the alert and the retry control. */\n  failed?: boolean;\n  onCancel?: () => void;\n  onRetry?: () => void;\n  progressLabel: string;\n  errorLabel: string;\n  cancelLabel: string;\n  retryLabel: string;\n  /** Extra attributes for the parts of the tile. */\n  cancelProps?: Record<string, unknown>;\n  retryProps?: Record<string, unknown>;\n  errorProps?: Record<string, unknown>;\n  barProps?: IFileTileProgressProps[\"barProps\"];\n}\n\n/** A file on its way to the server: its progress, or its failure with a retry. */\nexport const FileTileUpload = forwardRef<HTMLLIElement, IFileTileUploadProps>(\n  (\n    {\n      progress = 0,\n      uploading = false,\n      failed = false,\n      onCancel,\n      onRetry,\n      progressLabel,\n      errorLabel,\n      cancelLabel,\n      retryLabel,\n      cancelProps,\n      retryProps,\n      errorProps,\n      barProps,\n      detail,\n      ...rest\n    },\n    ref\n  ) => {\n    let line = detail;\n\n    if (uploading) {\n      line = `${progress}%`;\n    }\n\n    if (failed) {\n      line = (\n        <StyledFileTileRetry\n          type=\"button\"\n          {...retryProps}\n          onClick={onRetry}\n          className=\"c-file-tile__retry\"\n        >\n          {retryLabel}\n        </StyledFileTileRetry>\n      );\n    }\n\n    return (\n      <FileTile\n        {...rest}\n        ref={ref}\n        detail={line}\n        overlay={\n          failed ? (\n            <FileTileError label={errorLabel} {...errorProps} />\n          ) : (\n            <FileTileProgress\n              value={progress}\n              label={progressLabel}\n              barProps={barProps}\n            />\n          )\n        }\n        cornerAction={\n          (uploading || failed) && onCancel ? (\n            <FileTileAction\n              type=\"button\"\n              aria-label={cancelLabel}\n              {...cancelProps}\n              onClick={onCancel}\n              className=\"c-file-tile__cancel\"\n            >\n              <CancelCrossIcon />\n            </FileTileAction>\n          ) : null\n        }\n      />\n    );\n  }\n);\n\nFileTileUpload.displayName = \"FileTileUpload\";\n"],"mappings":"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","ignoreList":[]}