@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/AdvancedSlider/Handle.js

@@ -1 +1,162 @@
-import o from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as n,useEffect as t}from"react";import{Input as e}from"@material-ui/core";import r from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as c}from"./styles/handleStyles.js";import{getIsInputValueValid as a,getValidatedValue as l}from"./utils.js";import{HOVER_ARREA_WIDTH_BY_DIMENSION as m,HOVER_ARREA_HEIGHT as d,HORIZONTAL_ORIENTATION as u,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as v}from"./constants.js";import{LeftIcon as h,RightIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import{jsxs as j,jsx as f}from"react/jsx-runtime";var b=function(b){var A,R,g,C,F=b.value,H=b.orientation,w=b.placement,y=b.dimension,E=b.readOnly,N=b.onChange,k=b.min,x=b.max,T=b.displayFormatter,z=b.isInsideArrowsVisible,O=b.arrowsOutsideConfig,S=b.classes,M=b.minimal,G=b["data-testid"],P=s(!1),_=i(P,2),L=_[0],q=_[1],D=s(F),V=i(D,2),W=V[0],B=V[1],K=n(null),U=H===u,X=H===p,Z=w===v,J=c({distance:null==O?void 0:O.distance,minimal:M,hoverAreaHeight:U?m[y]:d,hoverAreaWidth:U?d:m[y]}),Q=function(o){if(!E){var i=Number(o);a(i)?N(l(i,k,x)):q(!0)}};return t((function(){B(F),L&&q(!1)}),[F]),j("div",{className:r(J.root,S.handleRoot,J[y],(A={},o(A,J.horizontalHeadRoot,U&&Z),o(A,J.horizontalTailRoot,U&&!Z),o(A,J.verticalHeadRoot,X&&Z),o(A,J.verticalTailRoot,X&&!Z),o(A,J.minimalHandleRoot,M),A)),children:[f(h,{size:16,className:r(J.leftArrow,(R={},o(R,J.reversedLeftArrow,X),o(R,J.isInvisible,z&&!Z||Z&&(null==O?void 0:O.isLeftArrowInvisible)),R)),fill:"white"}),f("div",{className:r(J.handle,S.handle,(g={},o(g,J.horizontalHeadHandle,U&&Z),o(g,J.horizontalTailHandle,U&&!Z),o(g,J.verticalHeadHandle,X&&Z),o(g,J.verticalTailHandle,X&&!Z),o(g,J.minimalHandle,M),o(g,J.minimalVerticalHandle,M&&X),g)),"data-testid":G,children:!M&&f(e,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:K,onKeyDown:function(o){var i=o.keyCode,s=o.target;13===i&&Q(s.value)},onBlur:function(o){var i=o.target;Q(i.value)},classes:{root:r(J.inputRoot,L&&J.hasError)},value:E?T(W):W,onChange:function(o){var i=o.target.value;(function(o){var i,s,n=null==o||null===(i=o.target)||void 0===i?void 0:i.value,t=n?parseFloat(n):0,e=t>=Number.MIN_SAFE_INTEGER&&t<Number.MAX_SAFE_INTEGER,r=null==o||null===(s=o.nativeEvent)||void 0===s?void 0:s.data,c=n.split(".").length-1;return!e||!(!r||"."===r||"-"===r||r>="0"&&r<="9")||c>1||"-"===r&&""===n})(o)||(B(i),L&&q(!1))},disableUnderline:!0,error:!(Number.isFinite(+W)&&+W>=k&&+W<=x)})}),f(I,{size:16,className:r(J.rightArrow,(C={},o(C,J.reversedRightArrow,X),o(C,J.isInvisible,z&&Z||!Z&&(null==O?void 0:O.isRightArrowInvisible)),C)),fill:"white"})]})};export{b as Handle};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { Input } from '@material-ui/core';
+import classNames from 'classnames';
+import './styles/sliderStyles.js';
+import { useHandleStyles } from './styles/handleStyles.js';
+import { getIsInputValueValid, getValidatedValue } from './utils.js';
+import { HOVER_ARREA_WIDTH_BY_DIMENSION, HOVER_ARREA_HEIGHT, HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION, HEAD_PLACEMENT } from './constants.js';
+import { LeftIcon, RightIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var isBuggySymbolEntered = function isBuggySymbolEntered(event) {
+  var _event$target, _event$nativeEvent;
+  var value = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;
+  var floatValue = value ? parseFloat(value) : 0;
+  var isValidValue = floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;
+  var char = event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.data;
+  var pointCount = value.split('.').length - 1;
+  var isValidChar = !char || char === '.' || char === '-' || char >= '0' && char <= '9';
+  var isNotValidMinus = char === '-' && value === '';
+  return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;
+};
+
+/*
+interface HandleProps {
+  value: number | string;
+  orientation: 'vertical' | 'horizontal';
+  placement: 'head' | 'tail';
+  onChange: (newValue: number) => void;
+  min: number;
+  max: number;
+  minimal?: boolean;
+}
+*/
+var Handle = function Handle(_ref) {
+  var _classnames, _classnames2, _classnames3, _classnames4;
+  var value = _ref.value,
+    orientation = _ref.orientation,
+    placement = _ref.placement,
+    dimension = _ref.dimension,
+    readOnly = _ref.readOnly,
+    onChange = _ref.onChange,
+    min = _ref.min,
+    max = _ref.max,
+    displayFormatter = _ref.displayFormatter,
+    isInsideArrowsVisible = _ref.isInsideArrowsVisible,
+    arrowsOutsideConfig = _ref.arrowsOutsideConfig,
+    classes = _ref.classes,
+    minimal = _ref.minimal,
+    dataTestId = _ref['data-testid'];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasError = _useState2[0],
+    setHasError = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internal = _useState4[0],
+    setInternal = _useState4[1];
+  var inputRef = useRef(null);
+  var isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;
+  var isVerticalOrientation = orientation === VERTICAL_ORIENTATION;
+  var isHeadPlacement = placement === HEAD_PLACEMENT;
+  var styles = useHandleStyles({
+    distance: arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.distance,
+    minimal: minimal,
+    hoverAreaHeight: isHorizontalOrientation ? HOVER_ARREA_WIDTH_BY_DIMENSION[dimension] : HOVER_ARREA_HEIGHT,
+    hoverAreaWidth: isHorizontalOrientation ? HOVER_ARREA_HEIGHT : HOVER_ARREA_WIDTH_BY_DIMENSION[dimension]
+  });
+  var onChangeValue = function onChangeValue(e) {
+    var newValue = e.target.value;
+    if (isBuggySymbolEntered(e)) {
+      return;
+    }
+    setInternal(newValue);
+    if (hasError) setHasError(false);
+  };
+  var handleKeyDown = function handleKeyDown(_ref2) {
+    var keyCode = _ref2.keyCode,
+      target = _ref2.target;
+    if (keyCode !== 13) return;
+    handleValueSubmit(target.value);
+  };
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
+    handleValueSubmit(target.value);
+  };
+  var handleValueSubmit = function handleValueSubmit(value) {
+    if (readOnly) {
+      return;
+    }
+    var formattedValue = Number(value);
+    var isInputValid = getIsInputValueValid(formattedValue);
+    if (!isInputValid) {
+      setHasError(true);
+      return;
+    }
+    onChange(getValidatedValue(formattedValue, min, max));
+  };
+  useEffect(function () {
+    setInternal(value);
+    if (hasError) setHasError(false);
+  }, [value]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.root, classes.handleRoot, styles[dimension], (_classnames = {}, _defineProperty(_classnames, styles.horizontalHeadRoot, isHorizontalOrientation && isHeadPlacement), _defineProperty(_classnames, styles.horizontalTailRoot, isHorizontalOrientation && !isHeadPlacement), _defineProperty(_classnames, styles.verticalHeadRoot, isVerticalOrientation && isHeadPlacement), _defineProperty(_classnames, styles.verticalTailRoot, isVerticalOrientation && !isHeadPlacement), _defineProperty(_classnames, styles.minimalHandleRoot, minimal), _classnames)),
+    children: [/*#__PURE__*/jsx(LeftIcon, {
+      size: 16,
+      className: classNames(styles.leftArrow, (_classnames2 = {}, _defineProperty(_classnames2, styles.reversedLeftArrow, isVerticalOrientation), _defineProperty(_classnames2, styles.isInvisible, isInsideArrowsVisible && !isHeadPlacement || isHeadPlacement && (arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.isLeftArrowInvisible)), _classnames2)),
+      fill: "white"
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.handle, classes.handle, (_classnames3 = {}, _defineProperty(_classnames3, styles.horizontalHeadHandle, isHorizontalOrientation && isHeadPlacement), _defineProperty(_classnames3, styles.horizontalTailHandle, isHorizontalOrientation && !isHeadPlacement), _defineProperty(_classnames3, styles.verticalHeadHandle, isVerticalOrientation && isHeadPlacement), _defineProperty(_classnames3, styles.verticalTailHandle, isVerticalOrientation && !isHeadPlacement), _defineProperty(_classnames3, styles.minimalHandle, minimal), _defineProperty(_classnames3, styles.minimalVerticalHandle, minimal && isVerticalOrientation), _classnames3)),
+      "data-testid": dataTestId,
+      children: !minimal && /*#__PURE__*/jsx(Input, {
+        inputProps: {
+          'data-testid': 'handle-input'
+        },
+        readOnly: readOnly,
+        inputRef: inputRef,
+        onKeyDown: handleKeyDown,
+        onBlur: handleBlur,
+        classes: {
+          root: classNames(styles.inputRoot, hasError && styles.hasError)
+        },
+        value: readOnly ? displayFormatter(internal) : internal,
+        onChange: onChangeValue,
+        disableUnderline: true,
+        error: !(Number.isFinite(+internal) && +internal >= min && +internal <= max)
+      })
+    }), /*#__PURE__*/jsx(RightIcon, {
+      size: 16,
+      className: classNames(styles.rightArrow, (_classnames4 = {}, _defineProperty(_classnames4, styles.reversedRightArrow, isVerticalOrientation), _defineProperty(_classnames4, styles.isInvisible, isInsideArrowsVisible && isHeadPlacement || !isHeadPlacement && (arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.isRightArrowInvisible)), _classnames4)),
+      fill: "white"
+    })]
+  });
+};
+
+export { Handle };
+//# sourceMappingURL=Handle.js.map

package/components/AdvancedSlider/Handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useState, useEffect, useRef } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n  HEAD_PLACEMENT,\n  HORIZONTAL_ORIENTATION,\n  HOVER_ARREA_HEIGHT,\n  HOVER_ARREA_WIDTH_BY_DIMENSION,\n  VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n  const value = event?.target?.value;\n  const floatValue = value ? parseFloat(value) : 0;\n  const isValidValue =\n    floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n  const char = event?.nativeEvent?.data;\n  const pointCount = value.split('.').length - 1;\n  const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n  const isNotValidMinus = char === '-' && value === '';\n  return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n  value: number | string;\n  orientation: 'vertical' | 'horizontal';\n  placement: 'head' | 'tail';\n  onChange: (newValue: number) => void;\n  min: number;\n  max: number;\n  minimal?: boolean;\n}\n*/\nexport const Handle = ({\n  value,\n  orientation,\n  placement,\n  dimension,\n  readOnly,\n  onChange,\n  min,\n  max,\n  displayFormatter,\n  isInsideArrowsVisible,\n  arrowsOutsideConfig,\n  classes,\n  minimal,\n  'data-testid': dataTestId,\n}) => {\n  const [hasError, setHasError] = useState(false);\n  const [internal, setInternal] = useState(value);\n  const inputRef = useRef(null);\n  const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n  const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n  const isHeadPlacement = placement === HEAD_PLACEMENT;\n\n  const styles = useHandleStyles({\n    distance: arrowsOutsideConfig?.distance,\n    minimal,\n    hoverAreaHeight: isHorizontalOrientation\n      ? HOVER_ARREA_WIDTH_BY_DIMENSION[dimension]\n      : HOVER_ARREA_HEIGHT,\n    hoverAreaWidth: isHorizontalOrientation\n      ? HOVER_ARREA_HEIGHT\n      : HOVER_ARREA_WIDTH_BY_DIMENSION[dimension],\n  });\n\n  const onChangeValue = e => {\n    const newValue = e.target.value;\n    if (isBuggySymbolEntered(e)) {\n      return;\n    }\n\n    setInternal(newValue);\n    if (hasError) setHasError(false);\n  };\n\n  const handleKeyDown = ({ keyCode, target }) => {\n    if (keyCode !== 13) return;\n    handleValueSubmit(target.value);\n  };\n\n  const handleBlur = ({ target }) => {\n    handleValueSubmit(target.value);\n  };\n\n  const handleValueSubmit = value => {\n    if (readOnly) {\n      return;\n    }\n\n    const formattedValue = Number(value);\n    const isInputValid = getIsInputValueValid(formattedValue);\n    if (!isInputValid) {\n      setHasError(true);\n      return;\n    }\n\n    onChange(getValidatedValue(formattedValue, min, max));\n  };\n\n  useEffect(() => {\n    setInternal(value);\n    if (hasError) setHasError(false);\n  }, [value]);\n\n  return (\n    <div\n      className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n        [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n        [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n        [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n        [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n        [styles.minimalHandleRoot]: minimal,\n      })}\n    >\n      <LeftIcon\n        size={16}\n        className={classnames(styles.leftArrow, {\n          [styles.reversedLeftArrow]: isVerticalOrientation,\n          [styles.isInvisible]:\n            (isInsideArrowsVisible && !isHeadPlacement) ||\n            (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n        })}\n        fill=\"white\"\n      />\n\n      <div\n        className={classnames(styles.handle, classes.handle, {\n          [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n          [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n          [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n          [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n          [styles.minimalHandle]: minimal,\n          [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n        })}\n        data-testid={dataTestId}\n      >\n        {!minimal && (\n          <Input\n            inputProps={{\n              'data-testid': 'handle-input',\n            }}\n            readOnly={readOnly}\n            inputRef={inputRef}\n            onKeyDown={handleKeyDown}\n            onBlur={handleBlur}\n            classes={{\n              root: classnames(styles.inputRoot, hasError && styles.hasError),\n            }}\n            value={readOnly ? displayFormatter(internal) : internal}\n            onChange={onChangeValue}\n            disableUnderline\n            error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n          />\n        )}\n      </div>\n\n      <RightIcon\n        size={16}\n        className={classnames(styles.rightArrow, {\n          [styles.reversedRightArrow]: isVerticalOrientation,\n          [styles.isInvisible]:\n            (isInsideArrowsVisible && isHeadPlacement) ||\n            (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n        })}\n        fill=\"white\"\n      />\n    </div>\n  );\n};\n"],"names":["isBuggySymbolEntered","event","value","target","floatValue","parseFloat","isValidValue","Number","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isValidChar","isNotValidMinus","Handle","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","hasError","setHasError","internal","setInternal","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_ARREA_WIDTH_BY_DIMENSION","HOVER_ARREA_HEIGHT","hoverAreaWidth","onChangeValue","e","newValue","handleKeyDown","keyCode","handleValueSubmit","handleBlur","formattedValue","isInputValid","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","_jsx","leftArrow","reversedLeftArrow","isInvisible","isLeftArrowInvisible","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","inputRoot","isFinite","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}

package/components/AdvancedSlider/constants.js

@@ -1 +1,23 @@
-import e from"@babel/runtime/helpers/defineProperty";var l,r=/^[0-9.-]*$/,m="vertical",a="horizontal",i="head",o=47,t=20,d=12,p=24,s=90,u=48,g={small:"small",medium:"medium",large:"large"},h=(e(l={},g.small,40),e(l,g.medium,64),e(l,g.large,120),l),n=40;export{g as DIMENSION,i as HEAD_PLACEMENT,u as HORIZONTAL_MIN_GAP,a as HORIZONTAL_ORIENTATION,n as HOVER_ARREA_HEIGHT,h as HOVER_ARREA_WIDTH_BY_DIMENSION,p as INNER_GAP,t as INPUT_HEIGHT,r as INPUT_VALUE_REGEX,o as INPUT_WIDTH,d as MIN_ARROW_GAP,s as VERTICAL_MIN_GAP,m as VERTICAL_ORIENTATION};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+
+var _HOVER_ARREA_WIDTH_BY;
+var INPUT_VALUE_REGEX = /^[0-9.-]*$/;
+var VERTICAL_ORIENTATION = 'vertical';
+var HORIZONTAL_ORIENTATION = 'horizontal';
+var HEAD_PLACEMENT = 'head';
+var INPUT_WIDTH = 47;
+var INPUT_HEIGHT = 20;
+var MIN_ARROW_GAP = 12;
+var INNER_GAP = 24;
+var VERTICAL_MIN_GAP = 90;
+var HORIZONTAL_MIN_GAP = 48;
+var DIMENSION = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+};
+var HOVER_ARREA_WIDTH_BY_DIMENSION = (_HOVER_ARREA_WIDTH_BY = {}, _defineProperty(_HOVER_ARREA_WIDTH_BY, DIMENSION.small, 40), _defineProperty(_HOVER_ARREA_WIDTH_BY, DIMENSION.medium, 64), _defineProperty(_HOVER_ARREA_WIDTH_BY, DIMENSION.large, 120), _HOVER_ARREA_WIDTH_BY);
+var HOVER_ARREA_HEIGHT = 40;
+
+export { DIMENSION, HEAD_PLACEMENT, HORIZONTAL_MIN_GAP, HORIZONTAL_ORIENTATION, HOVER_ARREA_HEIGHT, HOVER_ARREA_WIDTH_BY_DIMENSION, INNER_GAP, INPUT_HEIGHT, INPUT_VALUE_REGEX, INPUT_WIDTH, MIN_ARROW_GAP, VERTICAL_MIN_GAP, VERTICAL_ORIENTATION };
+//# sourceMappingURL=constants.js.map

package/components/AdvancedSlider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/AdvancedSlider/constants.js"],"sourcesContent":["export const INPUT_VALUE_REGEX = /^[0-9.-]*$/;\n\nexport const VERTICAL_ORIENTATION = 'vertical';\nexport const HORIZONTAL_ORIENTATION = 'horizontal';\nexport const HEAD_PLACEMENT = 'head';\n\nexport const INPUT_WIDTH = 47;\nexport const INPUT_HEIGHT = 20;\nexport const MIN_ARROW_GAP = 12;\nexport const INNER_GAP = 24;\n\nexport const VERTICAL_MIN_GAP = 90;\nexport const HORIZONTAL_MIN_GAP = 48;\n\nexport const DIMENSION = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nexport const HOVER_ARREA_WIDTH_BY_DIMENSION = {\n  [DIMENSION.small]: 40,\n  [DIMENSION.medium]: 64,\n  [DIMENSION.large]: 120,\n};\n\nexport const HOVER_ARREA_HEIGHT = 40;\n"],"names":["INPUT_VALUE_REGEX","VERTICAL_ORIENTATION","HORIZONTAL_ORIENTATION","HEAD_PLACEMENT","INPUT_WIDTH","INPUT_HEIGHT","MIN_ARROW_GAP","INNER_GAP","VERTICAL_MIN_GAP","HORIZONTAL_MIN_GAP","DIMENSION","small","medium","large","HOVER_ARREA_WIDTH_BY_DIMENSION","HOVER_ARREA_HEIGHT"],"mappings":";;;AAAO,IAAMA,iBAAiB,GAAG,aAAY;AAEtC,IAAMC,oBAAoB,GAAG,WAAU;AACvC,IAAMC,sBAAsB,GAAG,aAAY;AAC3C,IAAMC,cAAc,GAAG,OAAM;AAE7B,IAAMC,WAAW,GAAG,GAAE;AACtB,IAAMC,YAAY,GAAG,GAAE;AACvB,IAAMC,aAAa,GAAG,GAAE;AACxB,IAAMC,SAAS,GAAG,GAAE;AAEpB,IAAMC,gBAAgB,GAAG,GAAE;AAC3B,IAAMC,kBAAkB,GAAG,GAAE;AAE7B,IAAMC,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAC;AAEM,IAAMC,8BAA8B,IACxCJ,qBAAAA,GAAAA,EAAAA,EAAAA,eAAAA,CAAAA,qBAAAA,EAAAA,SAAS,CAACC,KAAK,EAAG,EAAE,CACpBD,EAAAA,eAAAA,CAAAA,qBAAAA,EAAAA,SAAS,CAACE,MAAM,EAAG,EAAE,CACrBF,EAAAA,eAAAA,CAAAA,qBAAAA,EAAAA,SAAS,CAACG,KAAK,EAAG,GAAG,CACvB,EAAA,qBAAA,EAAA;AAEM,IAAME,kBAAkB,GAAG;;;;"}

package/components/AdvancedSlider/utils.js

@@ -1 +1,30 @@
-import{INPUT_VALUE_REGEX as t}from"./constants.js";var i=function(t,i,a){return Math.min(Math.max(t,i),a)},a=function(i){return t.test(i)&&!Number.isNaN(Number(i))},h=function(t){var i=t.inititalSize,a=t.distance;return a<0?i-Math.abs(a/2):i},e=function(t){var i=t.isHorizontalOrientation,a=t.size,h=t.max,e=t.min,n=t.head,r=t.tail;return{headMaxWidth:i?a.width/(h-e)*(r-e):a.width,tailMaxWidth:i?a.width/(h-e)*(h-n):a.width,headMaxHeight:i?a.height:a.height/(h-e)*(r-e),tailMaxHeight:i?a.height:a.height/(h-e)*(h-n)}};export{h as getHoverAreaSize,a as getIsInputValueValid,e as getSizedControls,i as getValidatedValue};
+import { INPUT_VALUE_REGEX } from './constants.js';
+
+var getValidatedValue = function getValidatedValue(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+};
+var getIsInputValueValid = function getIsInputValueValid(inputValue) {
+  return INPUT_VALUE_REGEX.test(inputValue) && !Number.isNaN(Number(inputValue));
+};
+var getHoverAreaSize = function getHoverAreaSize(_ref) {
+  var inititalSize = _ref.inititalSize,
+    distance = _ref.distance;
+  return distance < 0 ? inititalSize - Math.abs(distance / 2) : inititalSize;
+};
+var getSizedControls = function getSizedControls(_ref2) {
+  var isHorizontalOrientation = _ref2.isHorizontalOrientation,
+    size = _ref2.size,
+    max = _ref2.max,
+    min = _ref2.min,
+    head = _ref2.head,
+    tail = _ref2.tail;
+  return {
+    headMaxWidth: isHorizontalOrientation ? size.width / (max - min) * (tail - min) : size.width,
+    tailMaxWidth: isHorizontalOrientation ? size.width / (max - min) * (max - head) : size.width,
+    headMaxHeight: !isHorizontalOrientation ? size.height / (max - min) * (tail - min) : size.height,
+    tailMaxHeight: !isHorizontalOrientation ? size.height / (max - min) * (max - head) : size.height
+  };
+};
+
+export { getHoverAreaSize, getIsInputValueValid, getSizedControls, getValidatedValue };
+//# sourceMappingURL=utils.js.map

package/components/AdvancedSlider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/AdvancedSlider/utils.js"],"sourcesContent":["import { INPUT_VALUE_REGEX } from './constants';\n\nexport const getValidatedValue = (value, min, max) => Math.min(Math.max(value, min), max);\n\nexport const getIsInputValueValid = inputValue =>\n  INPUT_VALUE_REGEX.test(inputValue) && !Number.isNaN(Number(inputValue));\n\nexport const getHoverAreaSize = ({ inititalSize, distance }) =>\n  distance < 0 ? inititalSize - Math.abs(distance / 2) : inititalSize;\n\nexport const getSizedControls = ({ isHorizontalOrientation, size, max, min, head, tail }) => ({\n  headMaxWidth: isHorizontalOrientation ? (size.width / (max - min)) * (tail - min) : size.width,\n  tailMaxWidth: isHorizontalOrientation ? (size.width / (max - min)) * (max - head) : size.width,\n  headMaxHeight: !isHorizontalOrientation\n    ? (size.height / (max - min)) * (tail - min)\n    : size.height,\n  tailMaxHeight: !isHorizontalOrientation\n    ? (size.height / (max - min)) * (max - head)\n    : size.height,\n});\n"],"names":["getValidatedValue","value","min","max","Math","getIsInputValueValid","inputValue","INPUT_VALUE_REGEX","test","Number","isNaN","getHoverAreaSize","inititalSize","distance","abs","getSizedControls","isHorizontalOrientation","size","head","tail","headMaxWidth","width","tailMaxWidth","headMaxHeight","height","tailMaxHeight"],"mappings":";;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAK,EAAEC,GAAG,EAAEC,GAAG,EAAA;AAAA,EAAA,OAAKC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE5EE,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAGC,UAAU,EAAA;AAAA,EAAA,OAC5CC,iBAAiB,CAACC,IAAI,CAACF,UAAU,CAAC,IAAI,CAACG,MAAM,CAACC,KAAK,CAACD,MAAM,CAACH,UAAU,CAAC,CAAC,CAAA;AAAA,EAAA;AAE5DK,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,IAAA,EAAA;EAAA,IAAMC,YAAY,QAAZA,YAAY;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAAA,EAAA,OACvDA,QAAQ,GAAG,CAAC,GAAGD,YAAY,GAAGR,IAAI,CAACU,GAAG,CAACD,QAAQ,GAAG,CAAC,CAAC,GAAGD,YAAY,CAAA;AAAA,EAAA;AAExDG,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,KAAA,EAAA;EAAA,IAAMC,uBAAuB,SAAvBA,uBAAuB;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAEd,IAAAA,GAAG,SAAHA,GAAG;AAAED,IAAAA,GAAG,SAAHA,GAAG;AAAEgB,IAAAA,IAAI,SAAJA,IAAI;AAAEC,IAAAA,IAAI,SAAJA,IAAI,CAAA;EAAA,OAAQ;AAC5FC,IAAAA,YAAY,EAAEJ,uBAAuB,GAAIC,IAAI,CAACI,KAAK,IAAIlB,GAAG,GAAGD,GAAG,CAAC,IAAKiB,IAAI,GAAGjB,GAAG,CAAC,GAAGe,IAAI,CAACI,KAAK;AAC9FC,IAAAA,YAAY,EAAEN,uBAAuB,GAAIC,IAAI,CAACI,KAAK,IAAIlB,GAAG,GAAGD,GAAG,CAAC,IAAKC,GAAG,GAAGe,IAAI,CAAC,GAAGD,IAAI,CAACI,KAAK;IAC9FE,aAAa,EAAE,CAACP,uBAAuB,GAClCC,IAAI,CAACO,MAAM,IAAIrB,GAAG,GAAGD,GAAG,CAAC,IAAKiB,IAAI,GAAGjB,GAAG,CAAC,GAC1Ce,IAAI,CAACO,MAAM;AACfC,IAAAA,aAAa,EAAE,CAACT,uBAAuB,GAClCC,IAAI,CAACO,MAAM,IAAIrB,GAAG,GAAGD,GAAG,CAAC,IAAKC,GAAG,GAAGe,IAAI,CAAC,GAC1CD,IAAI,CAACO,MAAAA;GACV,CAAA;AAAA;;;;"}

package/components/AnchorsList/AnchorsList.js

@@ -1 +1,216 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useRef as r,useEffect as n,useState as o,useCallback as i,useMemo as a}from"react";import c from"prop-types";import{throttle as l,noop as s}from"lodash";import p from"classnames";import{makeStyles as u,Typography as m,Link as d}from"@material-ui/core";import{jsx as f,jsxs as h,Fragment as g}from"react/jsx-runtime";function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u((function(e){return{root:t({top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:e.spacing(2,0),display:"none"},e.breakpoints.up("sm"),{display:"block"}),title:{color:e.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:e.spacing(2),paddingLeft:e.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:"1px solid ".concat(e.palette.background.b9)},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:e.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:e.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}}}));function x(t){var c=t.title,u=t.items,b=v(),x=r([]);n((function(){x.current=u.map((function(e){return y(y({},e),{},{node:document.getElementById(e.hash)})}))}),[u]);var O,w,k,j=o(null),P=e(j,2),T=P[0],E=P[1],S=r(!1),N=r(null),I=i((function(){if(!S.current){for(var e,t=x.current.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<100){e={hash:null};break}var r=x.current[t];if(r.node&&r.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&T!==e.hash&&E(e.hash)}}),[T]);O=u.length>0?I:null,k=a((function(){return O?l(O,w):s}),[O,w=166]),n((function(){if(k!==s)return window.addEventListener("scroll",k),function(){window.removeEventListener("scroll",k),k.cancel()}}),[k]);return n((function(){return function(){clearTimeout(N.current)}}),[]),n((function(){var e=window.location.hash;if(e){var t=document.getElementById(e.substr(1));t&&setTimeout((function(){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}}),[]),f("nav",{className:b.root,"data-testid":"anchors-list",children:u.length>0&&h(g,{children:[f("div",{className:b.title,children:c}),f(m,{component:"ul",className:b.ul,children:u.map((function(e){var t,r=T===e.hash;return h("li",{className:b.li,children:[r&&f("div",{className:b.activeItemBorder}),f(d,{display:"block",href:"#".concat(e.hash),underline:"none",onClick:(t=e.hash,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(S.current=!0,N.current=setTimeout((function(){S.current=!1}),1e3),T!==t&&E(t))}),className:p(b.item,r&&b.active),"data-testid":"anchor-item-".concat(e.hash),children:f("span",{children:e.text})})]},e.text)}))})]})})}x.defaultProps={title:"ON THIS PAGE",items:[]},x.propTypes={title:c.string,items:c.arrayOf(c.shape({hash:c.string,text:c.string}))};export{x as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { throttle, noop } from 'lodash';
+import classNames from 'classnames';
+import { makeStyles, Typography, Link } from '@material-ui/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: _defineProperty({
+      top: 70,
+      width: 175,
+      flexShrink: 0,
+      position: 'sticky',
+      height: 'calc(100vh - 70px)',
+      overflowY: 'auto',
+      padding: theme.spacing(2, 0),
+      display: 'none'
+    }, theme.breakpoints.up('sm'), {
+      display: 'block'
+    }),
+    title: {
+      color: theme.palette.primary.text8,
+      margin: '0 0 8px 16px',
+      lineHeight: '24px',
+      fontSize: 10,
+      fontWeight: 500,
+      letterSpacing: 1
+    },
+    contents: {
+      marginTop: theme.spacing(2),
+      paddingLeft: theme.spacing(1)
+    },
+    ul: {
+      padding: 0,
+      margin: 0,
+      listStyle: 'none',
+      borderLeft: "1px solid ".concat(theme.palette.background.b9)
+    },
+    li: {
+      display: 'flex',
+      '&:not(:first-of-type)': {
+        marginTop: 8
+      }
+    },
+    item: {
+      color: theme.palette.primary.text6,
+      display: 'inline-block',
+      margin: '7px 16px',
+      fontSize: 12,
+      fontWeight: 400,
+      letter: '0.4px',
+      lineHeight: '16px'
+    },
+    active: {
+      color: theme.palette.text.primary,
+      fontWeight: 500
+    },
+    activeItemBorder: {
+      height: 30,
+      width: '2px',
+      backgroundColor: '#03BCD4',
+      borderRadius: '0 2px 2px 0',
+      position: 'absolute'
+    }
+  };
+});
+
+// TODO: these nodes are mutable sources. Use createMutableSource once it's stable
+function getItemsClient(headings) {
+  return headings.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      node: document.getElementById(item.hash)
+    });
+  });
+}
+function useThrottledOnScroll(callback, delay) {
+  var throttledCallback = useMemo(function () {
+    return callback ? throttle(callback, delay) : noop;
+  }, [callback, delay]);
+  useEffect(function () {
+    if (throttledCallback === noop) return undefined;
+    window.addEventListener('scroll', throttledCallback);
+    return function () {
+      window.removeEventListener('scroll', throttledCallback);
+      throttledCallback.cancel();
+    };
+  }, [throttledCallback]);
+}
+function AnchorsList(props) {
+  var title = props.title,
+    items = props.items;
+  var classes = useStyles();
+  var itemsWithNodeRef = useRef([]);
+  useEffect(function () {
+    itemsWithNodeRef.current = getItemsClient(items);
+  }, [items]);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeState = _useState2[0],
+    setActiveState = _useState2[1];
+  var clickedRef = useRef(false);
+  var unsetClickedRef = useRef(null);
+  var findActiveIndex = useCallback(function () {
+    // Don't set the active index based on scroll if a link was just clicked
+    if (clickedRef.current) return;
+    var active;
+    for (var i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {
+      // No hash if we're near the top of the page
+      if (document.documentElement.scrollTop < 100) {
+        active = {
+          hash: null
+        };
+        break;
+      }
+      var item = itemsWithNodeRef.current[i];
+      if (item.node && item.node.offsetTop < document.documentElement.scrollTop + document.documentElement.clientHeight / 8) {
+        active = item;
+        break;
+      }
+    }
+    if (active && activeState !== active.hash) setActiveState(active.hash);
+  }, [activeState]);
+
+  // Corresponds to 10 frames at 60 Hz
+  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);
+  var handleClick = function handleClick(hash) {
+    return function (event) {
+      // Ignore click for new tab/new window behavior
+      if (event.defaultPrevented || event.button !== 0 ||
+      // ignore everything but left-click
+      event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) {
+        return;
+      }
+
+      // Used to disable findActiveIndex if the page scrolls due to a click
+      clickedRef.current = true;
+      unsetClickedRef.current = setTimeout(function () {
+        clickedRef.current = false;
+      }, 1000);
+      if (activeState !== hash) {
+        setActiveState(hash);
+      }
+    };
+  };
+  useEffect(function () {
+    return function () {
+      clearTimeout(unsetClickedRef.current);
+    };
+  }, []);
+  useEffect(function () {
+    // Fires after component has been mounted. We need this to scroll to anchor on initial load
+    var hash = window.location.hash;
+    if (!hash) return;
+    var element = document.getElementById(hash.substr(1));
+    if (element) {
+      setTimeout(function () {
+        element.scrollIntoView({
+          block: 'start',
+          inline: 'nearest',
+          behavior: 'smooth'
+        });
+      }, 50);
+    }
+  }, []);
+  return /*#__PURE__*/jsx("nav", {
+    className: classes.root,
+    "data-testid": "anchors-list",
+    children: items.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.title,
+        children: title
+      }), /*#__PURE__*/jsx(Typography, {
+        component: "ul",
+        className: classes.ul,
+        children: items.map(function (item) {
+          var isActive = activeState === item.hash;
+          return /*#__PURE__*/jsxs("li", {
+            className: classes.li,
+            children: [isActive && /*#__PURE__*/jsx("div", {
+              className: classes.activeItemBorder
+            }), /*#__PURE__*/jsx(Link, {
+              display: "block",
+              href: "#".concat(item.hash),
+              underline: "none",
+              onClick: handleClick(item.hash),
+              className: classNames(classes.item, isActive && classes.active),
+              "data-testid": "anchor-item-".concat(item.hash),
+              children: /*#__PURE__*/jsx("span", {
+                children: item.text
+              })
+            })]
+          }, item.text);
+        })
+      })]
+    })
+  });
+}
+AnchorsList.defaultProps = {
+  title: 'ON THIS PAGE',
+  items: []
+};
+AnchorsList.propTypes = {
+  title: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    hash: PropTypes.string,
+    text: PropTypes.string
+  }))
+};
+
+export { AnchorsList as default };
+//# sourceMappingURL=AnchorsList.js.map

package/components/AnchorsList/AnchorsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorsList.js","sources":["../../../src/components/AnchorsList/AnchorsList.js"],"sourcesContent":["// This component has been copy-pasted from MUI documentation\n// https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/AppTableOfContents.js\n\nimport { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    top: 70,\n    width: 175,\n    flexShrink: 0,\n    position: 'sticky',\n    height: 'calc(100vh - 70px)',\n    overflowY: 'auto',\n    padding: theme.spacing(2, 0),\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n  },\n  title: {\n    color: theme.palette.primary.text8,\n    margin: '0 0 8px 16px',\n    lineHeight: '24px',\n    fontSize: 10,\n    fontWeight: 500,\n    letterSpacing: 1,\n  },\n  contents: {\n    marginTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1),\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    listStyle: 'none',\n    borderLeft: `1px solid ${theme.palette.background.b9}`,\n  },\n  li: { display: 'flex', '&:not(:first-of-type)': { marginTop: 8 } },\n  item: {\n    color: theme.palette.primary.text6,\n    display: 'inline-block',\n    margin: '7px 16px',\n    fontSize: 12,\n    fontWeight: 400,\n    letter: '0.4px',\n    lineHeight: '16px',\n  },\n  active: { color: theme.palette.text.primary, fontWeight: 500 },\n  activeItemBorder: {\n    height: 30,\n    width: '2px',\n    backgroundColor: '#03BCD4',\n    borderRadius: '0 2px 2px 0',\n    position: 'absolute',\n  },\n}));\n\n// TODO: these nodes are mutable sources. Use createMutableSource once it's stable\nfunction getItemsClient(headings) {\n  return headings.map(item => ({ ...item, node: document.getElementById(item.hash) }));\n}\n\nfunction useThrottledOnScroll(callback, delay) {\n  const throttledCallback = useMemo(\n    () => (callback ? throttle(callback, delay) : noop),\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    if (throttledCallback === noop) return undefined;\n    window.addEventListener('scroll', throttledCallback);\n\n    return () => {\n      window.removeEventListener('scroll', throttledCallback);\n      throttledCallback.cancel();\n    };\n  }, [throttledCallback]);\n}\n\nfunction AnchorsList(props) {\n  const { title, items } = props;\n  const classes = useStyles();\n\n  const itemsWithNodeRef = useRef([]);\n  useEffect(() => {\n    itemsWithNodeRef.current = getItemsClient(items);\n  }, [items]);\n\n  const [activeState, setActiveState] = useState(null);\n  const clickedRef = useRef(false);\n  const unsetClickedRef = useRef(null);\n  const findActiveIndex = useCallback(() => {\n    // Don't set the active index based on scroll if a link was just clicked\n    if (clickedRef.current) return;\n\n    let active;\n    for (let i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {\n      // No hash if we're near the top of the page\n      if (document.documentElement.scrollTop < 100) {\n        active = { hash: null };\n        break;\n      }\n\n      const item = itemsWithNodeRef.current[i];\n\n      if (\n        item.node &&\n        item.node.offsetTop <\n          document.documentElement.scrollTop + document.documentElement.clientHeight / 8\n      ) {\n        active = item;\n        break;\n      }\n    }\n    if (active && activeState !== active.hash) setActiveState(active.hash);\n  }, [activeState]);\n\n  // Corresponds to 10 frames at 60 Hz\n  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);\n\n  const handleClick = hash => event => {\n    // Ignore click for new tab/new window behavior\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 || // ignore everything but left-click\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    // Used to disable findActiveIndex if the page scrolls due to a click\n    clickedRef.current = true;\n    unsetClickedRef.current = setTimeout(() => {\n      clickedRef.current = false;\n    }, 1000);\n\n    if (activeState !== hash) {\n      setActiveState(hash);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearTimeout(unsetClickedRef.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    // Fires after component has been mounted. We need this to scroll to anchor on initial load\n    const { hash } = window.location;\n    if (!hash) return;\n    const element = document.getElementById(hash.substr(1));\n    if (element) {\n      setTimeout(() => {\n        element.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n      }, 50);\n    }\n  }, []);\n\n  return (\n    <nav className={classes.root} data-testid=\"anchors-list\">\n      {items.length > 0 && (\n        <>\n          <div className={classes.title}>{title}</div>\n          <Typography component=\"ul\" className={classes.ul}>\n            {items.map(item => {\n              const isActive = activeState === item.hash;\n\n              return (\n                <li key={item.text} className={classes.li}>\n                  {isActive && <div className={classes.activeItemBorder} />}\n                  <Link\n                    display=\"block\"\n                    href={`#${item.hash}`}\n                    underline=\"none\"\n                    onClick={handleClick(item.hash)}\n                    className={classNames(classes.item, isActive && classes.active)}\n                    data-testid={`anchor-item-${item.hash}`}\n                  >\n                    <span>{item.text}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </Typography>\n        </>\n      )}\n    </nav>\n  );\n}\n\nAnchorsList.defaultProps = {\n  title: 'ON THIS PAGE',\n  items: [],\n};\n\nAnchorsList.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({ hash: PropTypes.string, text: PropTypes.string })),\n};\n\nexport default AnchorsList;\n"],"names":["useStyles","makeStyles","theme","root","top","width","flexShrink","position","height","overflowY","padding","spacing","display","breakpoints","up","title","color","palette","primary","text8","margin","lineHeight","fontSize","fontWeight","letterSpacing","contents","marginTop","paddingLeft","ul","listStyle","borderLeft","background","b9","li","item","text6","letter","active","text","activeItemBorder","backgroundColor","borderRadius","getItemsClient","headings","map","node","document","getElementById","hash","useThrottledOnScroll","callback","delay","throttledCallback","useMemo","throttle","noop","useEffect","undefined","window","addEventListener","removeEventListener","cancel","AnchorsList","props","items","classes","itemsWithNodeRef","useRef","current","useState","activeState","setActiveState","clickedRef","unsetClickedRef","findActiveIndex","useCallback","i","length","documentElement","scrollTop","offsetTop","clientHeight","handleClick","event","defaultPrevented","button","metaKey","ctrlKey","altKey","shiftKey","setTimeout","clearTimeout","location","element","substr","scrollIntoView","block","inline","behavior","_jsx","_jsxs","_Fragment","isActive","classNames","defaultProps","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}