@activecollab/components 2.0.498 → 2.0.499

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CompleteCheckbox = void 0;
+exports.CompleteCheckboxRing = exports.CompleteCheckbox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"],
+  _excluded2 = ["closing", "size", "className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
@@ -43,4 +44,25 @@ var CompleteCheckbox = exports.CompleteCheckbox = function CompleteCheckbox(_ref
   })));
 };
 CompleteCheckbox.displayName = "CompleteCheckbox";
+/** Stands in the place of a checkbox while its object waits for the server. */
+var CompleteCheckboxRing = exports.CompleteCheckboxRing = function CompleteCheckboxRing(_ref2) {
+  var _ref2$closing = _ref2.closing,
+    closing = _ref2$closing === void 0 ? false : _ref2$closing,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 20 : _ref2$size,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckboxRing, _extends({
+    viewBox: "0 0 20 20",
+    "aria-hidden": "true"
+  }, rest, {
+    $closing: closing,
+    $size: size,
+    className: (0, _classnames.default)("c-complete-checkbox-ring", className)
+  }), /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "10",
+    cy: "10",
+    r: "9"
+  }));
+};
 //# sourceMappingURL=CompleteCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CompleteCheckbox","exports","_ref","_ref$completed","completed","_ref$disabled","disabled","_ref$animate","animate","onClick","className","_ref$primary","primary","checkMarkClassName","rest","createElement","StyledCompleteCheckbox","classnames","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CompleteCheckbox.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","_excluded2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CompleteCheckbox","exports","_ref","_ref$completed","completed","_ref$disabled","disabled","_ref$animate","animate","onClick","className","_ref$primary","primary","checkMarkClassName","rest","createElement","StyledCompleteCheckbox","classnames","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName","CompleteCheckboxRing","_ref2","_ref2$closing","closing","_ref2$size","size","StyledCompleteCheckboxRing","$closing","$size","cx","cy"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, {\n  FC,\n  MouseEvent,\n  ButtonHTMLAttributes,\n  SVGAttributes,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox, StyledCompleteCheckboxRing } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n\nexport interface ICompleteCheckboxRingProps\n  extends SVGAttributes<SVGSVGElement> {\n  /** Closes the ring into a full circle and fades it out, when the wait ends. */\n  closing?: boolean;\n  /** The width and the height in pixels. */\n  size?: number;\n}\n\n/** Stands in the place of a checkbox while its object waits for the server. */\nexport const CompleteCheckboxRing = ({\n  closing = false,\n  size = 20,\n  className,\n  ...rest\n}: ICompleteCheckboxRingProps) => (\n  <StyledCompleteCheckboxRing\n    viewBox=\"0 0 20 20\"\n    aria-hidden=\"true\"\n    {...rest}\n    $closing={closing}\n    $size={size}\n    className={classnames(\"c-complete-checkbox-ring\", className)}\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"9\" />\n  </StyledCompleteCheckboxRing>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCompleteCheckbox = void 0;
+exports.StyledCompleteCheckboxRing = exports.StyledCompleteCheckbox = 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 burstScale = (0, _styledComponents.keyframes)(["from{transform:scale(0);}to{transform:scale(1);}"]);
@@ -46,4 +46,20 @@ var StyledCompleteCheckbox = exports.StyledCompleteCheckbox = _styledComponents.
   });
 });
 StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
+var ringSpin = (0, _styledComponents.keyframes)(["to{transform:rotate(360deg);}"]);
+var ringClose = (0, _styledComponents.keyframes)(["to{stroke-dasharray:57 0;}"]);
+var ringOut = (0, _styledComponents.keyframes)(["to{opacity:0;}"]);
+var StyledCompleteCheckboxRing = exports.StyledCompleteCheckboxRing = _styledComponents.default.svg.withConfig({
+  displayName: "Styles__StyledCompleteCheckboxRing",
+  componentId: "sc-1801dzg-1"
+})(["width:", "px;height:", "px;animation:", " 800ms linear infinite;circle{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:14 43;}", " @media (prefers-reduced-motion:reduce){animation:none;}"], function (_ref) {
+  var $size = _ref.$size;
+  return $size;
+}, function (_ref2) {
+  var $size = _ref2.$size;
+  return $size;
+}, ringSpin, function (_ref3) {
+  var $closing = _ref3.$closing;
+  return $closing && (0, _styledComponents.css)(["animation:", " 800ms linear infinite,", " 100ms 450ms forwards;circle{animation:", " 450ms ease-out forwards;}"], ringSpin, ringOut, ringClose);
+});
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +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","burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","exports","styled","button","withConfig","displayName","componentId","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,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;AAW3D,IAAMmB,UAAU,OAAGC,2BAAS,uDAO3B;AAED,IAAMC,cAAc,OAAGD,2BAAS,yDAO/B;AAEM,IAAME,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;EAAA;EAAA;AAAmC,CAAC,EAaxC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,6CAIF;AAAA,GAWC,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,qCAEF;AAAA,GAGH,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,gSAKC,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,sEACG;IAAA;IAAA;EAA0B,CAAC,CAGhC,EAIGF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,wDAEF,EAMCF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,qCAEF,CAQJ;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,UAAU,IACjB,CAACH,KAAK,CAACI,SAAS,QAChBF,qBAAG,4LAOG,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,mEAGF,CAKJ;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,UAAU,QAChBH,qBAAG,oFAGcZ,UAAU,EACnBE,cAAc,CAErB;AAAA,GAED,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACI,SAAS,QACfF,qBAAG,yBACG;IAAA;EAAkB,CAAC,CAExB;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACM,mBAAmB,QAC1BJ,qBAAG,iBAEK;IAAA;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAEDT,sBAAsB,CAACK,WAAW,GAAG,wBAAwB","ignoreList":[]}
+{"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","burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","exports","styled","button","withConfig","displayName","componentId","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName","ringSpin","ringClose","ringOut","StyledCompleteCheckboxRing","svg","_ref","$size","_ref2","_ref3","$closing"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n\nconst ringSpin = keyframes`\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nconst ringClose = keyframes`\n  to {\n    stroke-dasharray: 57 0;\n  }\n`;\n\nconst ringOut = keyframes`\n  to {\n    opacity: 0;\n  }\n`;\n\nexport const StyledCompleteCheckboxRing = styled.svg<{\n  $closing: boolean;\n  $size: number;\n}>`\n  width: ${({ $size }) => $size}px;\n  height: ${({ $size }) => $size}px;\n  animation: ${ringSpin} 800ms linear infinite;\n\n  circle {\n    fill: none;\n    stroke: var(--color-primary);\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-dasharray: 14 43;\n  }\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${ringSpin} 800ms linear infinite,\n        ${ringOut} 100ms 450ms forwards;\n\n      circle {\n        animation: ${ringClose} 450ms ease-out forwards;\n      }\n    `}\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DockedCardDim = exports.DockedCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["docked", "open", "lifted", "moving", "offset", "className", "style", "children"],
+  _excluded2 = ["layerRef", "layerProps", "onClick", "className"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+/** A card in the flow of the page that sticks to the bottom edge of its scroll container. */
+var DockedCard = exports.DockedCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$docked = _ref.docked,
+    docked = _ref$docked === void 0 ? true : _ref$docked,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$lifted = _ref.lifted,
+    lifted = _ref$lifted === void 0 ? false : _ref$lifted,
+    _ref$moving = _ref.moving,
+    moving = _ref$moving === void 0 ? false : _ref$moving,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDockedCard, _extends({}, rest, {
+    ref: ref,
+    $docked: docked,
+    $open: open,
+    $lifted: lifted,
+    $moving: moving,
+    "data-open": open,
+    style: docked ? _objectSpread({
+      bottom: -offset
+    }, style) : style,
+    className: (0, _classnames.default)("c-docked-card", className)
+  }), children);
+});
+DockedCard.displayName = "DockedCard";
+/** The dark layer behind an open docked card. It goes after the card, in the same column. */
+var DockedCardDim = exports.DockedCardDim = function DockedCardDim(_ref2) {
+  var layerRef = _ref2.layerRef,
+    layerProps = _ref2.layerProps,
+    onClick = _ref2.onClick,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDockedCardDim, _extends({
+    "aria-hidden": "true"
+  }, rest, {
+    className: (0, _classnames.default)("c-docked-card-dim", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledDockedCardDimLayer, _extends({}, layerProps, {
+    ref: layerRef,
+    onClick: onClick
+  })));
+};
+//# sourceMappingURL=DockedCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DockedCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_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","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","DockedCard","exports","forwardRef","_ref","ref","_ref$docked","docked","_ref$open","open","_ref$lifted","lifted","_ref$moving","moving","_ref$offset","offset","className","style","children","rest","createElement","StyledDockedCard","$docked","$open","$lifted","$moving","bottom","classnames","displayName","DockedCardDim","_ref2","layerRef","layerProps","onClick","StyledDockedCardDim","StyledDockedCardDimLayer"],"sources":["../../../../src/components/DockedCard/DockedCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, Ref, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledDockedCard,\n  StyledDockedCardDim,\n  StyledDockedCardDimLayer,\n} from \"./Styles\";\n\nexport interface IDockedCardProps extends HTMLAttributes<HTMLElement> {\n  /** Set to false where the same card stands in the flow, for example in a side panel. It then has no look of its own. */\n  docked?: boolean;\n  /** An open card shows its content. A closed card is one click target with a hover look. */\n  open?: boolean;\n  /** Puts the card above its dim and above the sticky parts of the page. */\n  lifted?: boolean;\n  /** Moves the card to its new offset with a transition. */\n  moving?: boolean;\n  /** How far the bottom edge of the card stands under the edge it sticks to, in pixels. */\n  offset?: number;\n}\n\n/** A card in the flow of the page that sticks to the bottom edge of its scroll container. */\nexport const DockedCard = forwardRef<HTMLElement, IDockedCardProps>(\n  (\n    {\n      docked = true,\n      open = false,\n      lifted = false,\n      moving = false,\n      offset = 0,\n      className,\n      style,\n      children,\n      ...rest\n    },\n    ref\n  ) => (\n    <StyledDockedCard\n      {...rest}\n      ref={ref}\n      $docked={docked}\n      $open={open}\n      $lifted={lifted}\n      $moving={moving}\n      data-open={open}\n      style={docked ? { bottom: -offset, ...style } : style}\n      className={classnames(\"c-docked-card\", className)}\n    >\n      {children}\n    </StyledDockedCard>\n  )\n);\n\nDockedCard.displayName = \"DockedCard\";\n\nexport interface IDockedCardDimProps extends HTMLAttributes<HTMLDivElement> {\n  /** The ref of the dark layer. */\n  layerRef?: Ref<HTMLDivElement>;\n  /** Extra attributes for the dark layer. */\n  layerProps?: HTMLAttributes<HTMLDivElement> & { \"data-testid\"?: string };\n}\n\n/** The dark layer behind an open docked card. It goes after the card, in the same column. */\nexport const DockedCardDim = ({\n  layerRef,\n  layerProps,\n  onClick,\n  className,\n  ...rest\n}: IDockedCardDimProps) => (\n  <StyledDockedCardDim\n    aria-hidden=\"true\"\n    {...rest}\n    className={classnames(\"c-docked-card-dim\", className)}\n  >\n    <StyledDockedCardDimLayer\n      {...layerProps}\n      ref={layerRef}\n      onClick={onClick}\n    />\n  </StyledDockedCardDim>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledDockedCardDimLayer = exports.StyledDockedCardDim = exports.StyledDockedCard = 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 HOVER_SHADOW = "0 1px 3px 0 light-dark(rgba(0, 0, 0, 0.058), transparent), 0 6px 16px 0 light-dark(rgba(0, 0, 0, 0.048), transparent), 0 4px 14px 0 light-dark(transparent, rgba(0, 0, 0, 0.288))";
+var docked = (0, _styledComponents.css)(["--comments-surface:var(--surface-raised);position:sticky;z-index:", ";display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-raised);border-bottom:0;border-radius:24px 24px 0 0;background-color:var(--comments-surface);box-shadow:var(--shadow-float);", " ", " @media print{position:static;}"], function (_ref) {
+  var $lifted = _ref.$lifted;
+  return $lifted ? 8 : 5;
+}, function (_ref2) {
+  var $moving = _ref2.$moving;
+  return $moving && (0, _styledComponents.css)(["transition:bottom 200ms cubic-bezier(0,0,0.2,1);will-change:transform;@media (prefers-reduced-motion:reduce){transition:none;}"]);
+}, function (_ref3) {
+  var $open = _ref3.$open,
+    $moving = _ref3.$moving;
+  return !$open && (0, _styledComponents.css)(["cursor:pointer;", " & *{cursor:pointer;}&:hover{border-color:color-mix(in srgb,var(--border-primary),black 40%);}@supports (color:light-dark(red,red)){&:hover{box-shadow:", ";}}"], !$moving && "transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);", HOVER_SHADOW);
+});
+var StyledDockedCard = exports.StyledDockedCard = _styledComponents.default.section.withConfig({
+  displayName: "Styles__StyledDockedCard",
+  componentId: "sc-1qu0xie-0"
+})(["", ""], function (_ref4) {
+  var $docked = _ref4.$docked;
+  return $docked && docked;
+});
+var StyledDockedCardDim = exports.StyledDockedCardDim = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDockedCardDim",
+  componentId: "sc-1qu0xie-1"
+})(["position:sticky;bottom:0;z-index:7;height:0;@media print{display:none;}"]);
+var StyledDockedCardDimLayer = exports.StyledDockedCardDimLayer = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDockedCardDimLayer",
+  componentId: "sc-1qu0xie-2"
+})(["position:absolute;right:-100vw;bottom:0;left:-100vw;height:100vh;background-color:rgba(0,0,0,0.5);"]);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/DockedCard/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","HOVER_SHADOW","docked","css","_ref","$lifted","_ref2","$moving","_ref3","$open","StyledDockedCard","exports","styled","section","withConfig","displayName","componentId","_ref4","$docked","StyledDockedCardDim","div","StyledDockedCardDimLayer"],"sources":["../../../../src/components/DockedCard/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst HOVER_SHADOW =\n  \"0 1px 3px 0 light-dark(rgba(0, 0, 0, 0.058), transparent), 0 6px 16px 0 light-dark(rgba(0, 0, 0, 0.048), transparent), 0 4px 14px 0 light-dark(transparent, rgba(0, 0, 0, 0.288))\";\n\nconst docked = css<{ $open: boolean; $lifted: boolean; $moving: boolean }>`\n  --comments-surface: var(--surface-raised);\n\n  position: sticky;\n  z-index: ${({ $lifted }) => ($lifted ? 8 : 5)};\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  border: 1px solid var(--border-raised);\n  border-bottom: 0;\n  border-radius: 24px 24px 0 0;\n  background-color: var(--comments-surface);\n  box-shadow: var(--shadow-float);\n\n  ${({ $moving }) =>\n    $moving &&\n    css`\n      transition: bottom 200ms cubic-bezier(0, 0, 0.2, 1);\n      will-change: transform;\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    `}\n\n  ${({ $open, $moving }) =>\n    !$open &&\n    css`\n      cursor: pointer;\n      ${!$moving &&\n      \"transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);\"}\n\n      & * {\n        cursor: pointer;\n      }\n\n      &:hover {\n        border-color: color-mix(in srgb, var(--border-primary), black 40%);\n      }\n\n      @supports (color: light-dark(red, red)) {\n        &:hover {\n          box-shadow: ${HOVER_SHADOW};\n        }\n      }\n    `}\n\n  @media print {\n    position: static;\n  }\n`;\n\nexport const StyledDockedCard = styled.section<{\n  $docked: boolean;\n  $open: boolean;\n  $lifted: boolean;\n  $moving: boolean;\n}>`\n  ${({ $docked }) => $docked && docked}\n`;\n\nexport const StyledDockedCardDim = styled.div`\n  position: sticky;\n  bottom: 0;\n  z-index: 7;\n  height: 0;\n\n  @media print {\n    display: none;\n  }\n`;\n\nexport const StyledDockedCardDimLayer = styled.div`\n  position: absolute;\n  right: -100vw;\n  bottom: 0;\n  left: -100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\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,YAAY,GAChB,mLAAmL;AAErL,IAAMC,MAAM,OAAGC,qBAAG,+TAIL,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,EAU3C,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,QACPJ,qBAAG,qIAOF;AAAA,GAED,UAAAK,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEF,OAAO,GAAAC,KAAA,CAAPD,OAAO;EAAA,OACjB,CAACE,KAAK,QACNN,qBAAG,yLAEC,CAACI,OAAO,IACV,6GAA6G,EAY3FN,YAAY,CAG/B;AAAA,EAKJ;AAEM,IAAMS,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,OAAO,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAM1C,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO,IAAIhB,MAAM;AAAA,EACrC;AAEM,IAAMiB,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAS5C;AAEM,IAAMK,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0GAOjD","ignoreList":[]}

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