@kaizen/components 1.28.0 → 1.29.0

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var styles = {
+  "root": "GenericTile-module_root__9ZHdH",
+  "tile": "GenericTile-module_tile__mgFhk",
+  "face": "GenericTile-module_face__-KLVi",
+  "faceFront": "GenericTile-module_faceFront__HywHi",
+  "faceBack": "GenericTile-module_faceBack__NDCQ8",
+  "faceMoodPositive": "GenericTile-module_faceMoodPositive__3MEBl",
+  "faceMoodInformative": "GenericTile-module_faceMoodInformative__D0QsW",
+  "faceMoodCautionary": "GenericTile-module_faceMoodCautionary__oUZXT",
+  "faceMoodAssertive": "GenericTile-module_faceMoodAssertive__PaUZ-",
+  "faceMoodNegative": "GenericTile-module_faceMoodNegative__DmcZH",
+  "faceMoodProminent": "GenericTile-module_faceMoodProminent__VmMmv",
+  "isFlipped": "GenericTile-module_isFlipped__K18mo",
+  "title": "GenericTile-module_title__zC6Qv",
+  "actions": "GenericTile-module_actions__l8vXl",
+  "informationBtn": "GenericTile-module_informationBtn__LY3SW",
+  "information": "GenericTile-module_information__wKXBp",
+  "footer": "GenericTile-module_footer__u2Pei"
+};
+module.exports = styles;
+//# sourceMappingURL=GenericTile.module.scss.cjs.map

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTile.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/TimeField/TimeField.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var date = require('@internationalized/date');
+var datepicker$1 = require('@react-aria/datepicker');
+var i18n = require('@react-aria/i18n');
+var datepicker = require('@react-stately/datepicker');
+var classnames = require('classnames');
+var uuid = require('uuid');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+var Heading = require('../Heading/Heading.cjs');
+var TimeSegment = require('./subcomponents/TimeSegment/TimeSegment.cjs');
+var TimeField_module = require('./TimeField.module.scss.cjs');
+
+// This needed to be placed directly below the props because
+// the prop descriptions wouldn't show in Storybook otherwise.
+const TimeField = /*#__PURE__*/function () {
+  const TimeField = function (props) {
+    return React.createElement(i18n.I18nProvider, {
+      locale: props.locale
+    }, React.createElement(TimeFieldComponent, tslib.__assign({}, props)));
+  };
+  TimeField.displayName = "TimeField";
+  return TimeField;
+}();
+const TimeFieldComponent = /*#__PURE__*/function () {
+  const TimeFieldComponent = function (_a) {
+    var propsId = _a.id,
+      label = _a.label,
+      locale = _a.locale,
+      onChange = _a.onChange,
+      value = _a.value,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      validationMessage = _a.validationMessage,
+      isDisabled = _a.isDisabled,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["id", "label", "locale", "onChange", "value", "status", "validationMessage", "isDisabled", "classNameOverride"]);
+    var id = React.useState(propsId || uuid.v4())[0];
+    var handleOnChange = function (timeValue) {
+      if (timeValue === null) {
+        return onChange(null);
+      }
+      onChange({
+        hour: timeValue.hour,
+        minutes: timeValue.minute
+      });
+    };
+    var state = datepicker.useTimeFieldState(tslib.__assign(tslib.__assign({}, restProps), {
+      value: value ? new date.Time(value.hour, value.minutes) : null,
+      onChange: handleOnChange,
+      isDisabled: isDisabled,
+      hideTimeZone: true,
+      locale: locale,
+      validationState: status === "default" ? "valid" : "invalid"
+    }));
+    var descriptionId = "".concat(id, "-field-message");
+    var inputRef = React.useRef(null);
+    var _c = datepicker$1.useTimeField(tslib.__assign(tslib.__assign({}, restProps), {
+        label: label,
+        isDisabled: isDisabled,
+        "aria-describedby": descriptionId
+      }), state, inputRef),
+      fieldProps = _c.fieldProps,
+      labelProps = _c.labelProps;
+    return React.createElement("div", {
+      className: classNameOverride
+    }, React.createElement(Heading.Heading, tslib.__assign({
+      tag: "div",
+      variant: "heading-6"
+    }, labelProps, {
+      classNameOverride: classnames(TimeField_module.heading, state.isDisabled && TimeField_module.isDisabled)
+    }), label), React.createElement("div", {
+      className: TimeField_module.wrapper
+    }, React.createElement("div", tslib.__assign({}, fieldProps, {
+      id: id,
+      ref: inputRef,
+      className: classnames(TimeField_module.input, state.isDisabled && TimeField_module.isDisabled, state.validationState === "invalid" && TimeField_module.error)
+    }), state.segments.map(function (segment, i) {
+      return React.createElement(TimeSegment.TimeSegment, {
+        key: i,
+        segment: segment,
+        state: state
+      });
+    }), React.createElement("div", {
+      className: TimeField_module.focusRing
+    }))), validationMessage && status === "error" && React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionId,
+      message: validationMessage,
+      status: status
+    }));
+  };
+  TimeFieldComponent.displayName = "TimeFieldComponent";
+  return TimeFieldComponent;
+}();
+exports.TimeField = TimeField;
+//# sourceMappingURL=TimeField.cjs.map

package/dist/cjs/TimeField/TimeField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","useState","v4","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}

package/dist/cjs/TimeField/TimeField.module.scss.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = {
+  "wrapper": "TimeField-module_wrapper__YuSI3",
+  "heading": "TimeField-module_heading__5EOZf",
+  "input": "TimeField-module_input__Hxjcu",
+  "focusRing": "TimeField-module_focusRing__7hgWG",
+  "isDisabled": "TimeField-module_isDisabled__rpEc8",
+  "error": "TimeField-module_error__tK2QY"
+};
+module.exports = styles;
+//# sourceMappingURL=TimeField.module.scss.cjs.map

package/dist/cjs/TimeField/TimeField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/TimeField/subcomponents/TimeSegment/TimeSegment.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var datepicker = require('@react-aria/datepicker');
+var classnames = require('classnames');
+var generateSegmentDisplayText = require('./utils/generateSegmentDisplayText.cjs');
+var TimeSegment_module = require('./TimeSegment.module.scss.cjs');
+const TimeSegment = /*#__PURE__*/function () {
+  const TimeSegment = function (_a) {
+    var segment = _a.segment,
+      state = _a.state;
+    var ref = React.useRef(null);
+    var segmentProps = datepicker.useDateSegment(segment, state, ref).segmentProps;
+    // Chrome has a bug where `contenteditable` elements receive focus from external clicks.
+    // This (in combination with the invisible character ​) creates boundaries
+    // for the element.
+    // https://stackoverflow.com/a/34445203
+    return React.createElement("span", {
+      className: TimeSegment_module.timeSegmentWrapper
+    }, "\u200B", React.createElement("span", tslib.__assign({}, segmentProps, {
+      ref: ref,
+      className: classnames(TimeSegment_module.timeSegment, segment.type === "literal" && TimeSegment_module.literal, segment.isPlaceholder && TimeSegment_module.placeholder, segment.type === "dayPeriod" && TimeSegment_module.dayPeriod)
+    }), generateSegmentDisplayText.generateSegmentDisplayText(segment)), "\u200B");
+  };
+  TimeSegment.displayName = "TimeSegment";
+  return TimeSegment;
+}();
+exports.TimeSegment = TimeSegment;
+//# sourceMappingURL=TimeSegment.cjs.map

package/dist/cjs/TimeField/subcomponents/TimeSegment/TimeSegment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSegment.cjs","sources":["../../../../../src/TimeField/subcomponents/TimeSegment/TimeSegment.tsx"],"sourcesContent":["import React from \"react\"\nimport { useDateSegment } from \"@react-aria/datepicker\"\nimport { DateSegment, DateFieldState } from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { generateSegmentDisplayText } from \"./utils/generateSegmentDisplayText\"\nimport styles from \"./TimeSegment.module.scss\"\n\nexport type TimeSegmentProps = {\n  segment: DateSegment\n  state: DateFieldState\n}\n\nexport const TimeSegment = ({\n  segment,\n  state,\n}: TimeSegmentProps): JSX.Element => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const { segmentProps } = useDateSegment(segment, state, ref)\n\n  // Chrome has a bug where `contenteditable` elements receive focus from external clicks.\n  // This (in combination with the invisible character &#8203;) creates boundaries\n  // for the element.\n  // https://stackoverflow.com/a/34445203\n  return (\n    <span className={styles.timeSegmentWrapper}>\n      &#8203;\n      <span\n        {...segmentProps}\n        ref={ref}\n        className={classnames(\n          styles.timeSegment,\n          segment.type === \"literal\" && styles.literal,\n          segment.isPlaceholder && styles.placeholder,\n          segment.type === \"dayPeriod\" && styles.dayPeriod\n        )}\n      >\n        {generateSegmentDisplayText(segment)}\n      </span>\n      &#8203;\n    </span>\n  )\n}\n\nTimeSegment.displayName = \"TimeSegment\"\n"],"names":["TimeSegment","_a","segment","state","ref","React","useRef","segmentProps","useDateSegment","createElement","className","styles","timeSegmentWrapper","__assign","classnames","timeSegment","type","literal","isPlaceholder","placeholder","dayPeriod","generateSegmentDisplayText","displayName"],"mappings":";;;;;;;;MAYaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAGT,EAAA;QAFjBC,OAAO,GAAAD,EAAA,CAAAC,OAAA;MACPC,KAAK,GAAAF,EAAA,CAAAE,KAAA;IAEL,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;IACtC,IAAAC,YAAY,GAAKC,UAAAA,CAAAA,cAAc,CAACN,OAAO,EAAEC,KAAK,EAAEC,GAAG,CAAC,CAAAG,YAAxC;;;;;IAMpB,OACEF,KAAM,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,kBAAM,CAACC;IAAkB,CAAA,YAExCP,KACM,CAAAI,aAAA,CAAA,MAAA,EAAAI,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAN,YAAY;MAChBH,GAAG,EAAEA,GAAG;MACRM,SAAS,EAAEI,UAAU,CACnBH,kBAAM,CAACI,WAAW,EAClBb,OAAO,CAACc,IAAI,KAAK,SAAS,IAAIL,kBAAM,CAACM,OAAO,EAC5Cf,OAAO,CAACgB,aAAa,IAAIP,kBAAM,CAACQ,WAAW,EAC3CjB,OAAO,CAACc,IAAI,KAAK,WAAW,IAAIL,kBAAM,CAACS,SAAS;IACjD,IAEAC,0BAA0B,CAAAA,0BAAA,CAACnB,OAAO,CAAC,CAC/B,EAEF,QAAA,CAAA;EAEX,CAAC;EAEDF,WAAW,CAACsB,WAAW,GAAG,aAAa;EAAA,OA/B1BtB,WAAW;AAAA;"}

package/dist/cjs/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
+  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
+  "placeholder": "TimeSegment-module_placeholder__j1-gK",
+  "literal": "TimeSegment-module_literal__mOkqz",
+  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
+};
+module.exports = styles;
+//# sourceMappingURL=TimeSegment.module.scss.cjs.map

package/dist/cjs/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSegment.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/TimeField/subcomponents/TimeSegment/utils/generateSegmentDisplayText.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var generateSegmentDisplayText = function (segment) {
+  return segment.isPlaceholder && segment.type !== "dayPeriod" ? "--" : segment.text;
+};
+exports.generateSegmentDisplayText = generateSegmentDisplayText;
+//# sourceMappingURL=generateSegmentDisplayText.cjs.map

package/dist/cjs/TimeField/subcomponents/TimeSegment/utils/generateSegmentDisplayText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSegmentDisplayText.cjs","sources":["../../../../../../src/TimeField/subcomponents/TimeSegment/utils/generateSegmentDisplayText.ts"],"sourcesContent":["import { DateSegment } from \"@react-stately/datepicker\"\n\nexport const generateSegmentDisplayText = (segment: DateSegment): string =>\n  segment.isPlaceholder && segment.type !== \"dayPeriod\" ? \"--\" : segment.text\n"],"names":["generateSegmentDisplayText","segment","isPlaceholder","type","text"],"mappings":";;AAEO,IAAMA,0BAA0B,GAAG,SAAAA,CAACC,OAAoB,EAAA;EAC7D,OAAAA,OAAO,CAACC,aAAa,IAAID,OAAO,CAACE,IAAI,KAAK,WAAW,GAAG,IAAI,GAAGF,OAAO,CAACG,IAAI;AAA3E,CAAA;"}

package/dist/cjs/Tooltip/Tooltip.cjs

@@ -0,0 +1,183 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var classnames = require('classnames');
+var reactPopper = require('react-popper');
+var AppearanceAnim = require('./subcomponents/AppearanceAnim.cjs');
+var isSemanticElement = require('./utils/isSemanticElement.cjs');
+var Tooltip_module = require('./Tooltip.module.scss.cjs');
+var positionToPlacement = new Map([["above", "top"], ["below", "bottom"], ["left", "left"], ["right", "right"]]);
+// Sync with Tooltip.scss
+var arrowHeight = 7;
+var arrowWidth = 14;
+var TooltipContent = function (_a) {
+  var position = _a.position,
+    text = _a.text,
+    referenceElement = _a.referenceElement,
+    tooltipId = _a.tooltipId,
+    _b = _a.mood,
+    mood = _b === void 0 ? "default" : _b;
+  var _c = React.useState(null),
+    popperElement = _c[0],
+    setPopperElement = _c[1];
+  var _d = React.useState(null),
+    arrowElement = _d[0],
+    setArrowElement = _d[1];
+  var _e = reactPopper.usePopper(referenceElement, popperElement, {
+      modifiers: [{
+        name: "arrow",
+        options: {
+          element: arrowElement,
+          // Ensures that the arrow doesn't go too far to the left or right
+          // of the tooltip.
+          padding: arrowWidth / 2 + 10
+        }
+      }, {
+        name: "offset",
+        options: {
+          offset: [0, arrowHeight + 6]
+        }
+      }, {
+        name: "preventOverflow",
+        options: {
+          // Makes sure that the tooltip isn't flush up against the end of the
+          // viewport
+          padding: 8,
+          altAxis: true,
+          altBoundary: true,
+          tetherOffset: 50
+        }
+      }, {
+        name: "flip",
+        options: {
+          padding: 8,
+          altBoundary: true,
+          fallbackPlacements: ["left", "top", "bottom", "right"]
+        }
+      }],
+      placement: position ? positionToPlacement.get(position) : undefined
+    }),
+    popperStyles = _e.styles,
+    attributes = _e.attributes;
+  var _f = AppearanceAnim.useAnimation(),
+    isVisible = _f.isVisible,
+    isAnimIn = _f.isAnimIn,
+    isAnimOut = _f.isAnimOut;
+  return isVisible || isAnimOut || isAnimIn ? React.createElement("div", tslib.__assign({
+    ref: setPopperElement,
+    className: Tooltip_module.tooltip,
+    style: popperStyles.popper
+  }, attributes.popper, {
+    role: "tooltip",
+    id: tooltipId
+  }), React.createElement("div", {
+    className: classnames(Tooltip_module.tooltipContent, Tooltip_module[mood])
+  }, text), React.createElement("div", {
+    ref: setArrowElement,
+    className: Tooltip_module.arrow,
+    style: popperStyles.arrow
+  }, React.createElement("div", {
+    className: Tooltip_module.arrowInner
+  }, React.createElement("div", {
+    className: classnames(Tooltip_module.arrowMain, Tooltip_module[mood])
+  }), React.createElement("div", {
+    className: Tooltip_module.arrowShadow
+  })))) : null;
+};
+var renderChildren = function (content, tooltipId, hasActiveTooltip) {
+  if (isSemanticElement.isSemanticElement(content)) {
+    return React.cloneElement(content, {
+      "aria-describedby": hasActiveTooltip ? tooltipId : undefined
+    });
+  }
+  // We don't want to block them from this but just provide context for better a11y guidance
+  // eslint-disable-next-line no-console
+  console.warn("<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.");
+  return content;
+};
+const Tooltip = /*#__PURE__*/function () {
+  const Tooltip = function (_a) {
+    var children = _a.children,
+      text = _a.text,
+      _b = _a.display,
+      display = _b === void 0 ? "block" : _b,
+      _c = _a.position,
+      position = _c === void 0 ? "above" : _c,
+      classNameOverride = _a.classNameOverride,
+      portalSelector = _a.portalSelector,
+      animationDuration = _a.animationDuration,
+      _d = _a.isInitiallyVisible,
+      isInitiallyVisible = _d === void 0 ? false : _d,
+      _e = _a.mood,
+      mood = _e === void 0 ? "default" : _e;
+    var _f = React.useState(isInitiallyVisible),
+      isHover = _f[0],
+      setIsHover = _f[1];
+    var _g = React.useState(false),
+      isFocus = _g[0],
+      setIsFocus = _g[1];
+    var _h = React.useState(null),
+      referenceElement = _h[0],
+      setReferenceElement = _h[1];
+    var tooltipId = React.useId();
+    var hasActiveTooltip = isHover || isFocus;
+    var tooltip = React.createElement(TooltipContent, {
+      text: text,
+      position: position,
+      referenceElement: referenceElement,
+      tooltipId: tooltipId,
+      mood: mood
+    });
+    var portalSelectorElementRef = React.useRef(null);
+    React.useEffect(function () {
+      portalSelectorElementRef.current = portalSelector ? document.querySelector(portalSelector) : null;
+    }, [portalSelector]);
+    React.useEffect(function () {
+      if (portalSelector && !portalSelectorElementRef.current) {
+        // eslint-disable-next-line no-console
+        console.warn("The portal could not be created using the selector: " + portalSelector);
+      }
+    }, [portalSelectorElementRef, portalSelector]);
+    var getDisplayClassName = function () {
+      switch (display) {
+        case "inline":
+          return Tooltip_module.displayInline;
+        case "block":
+          return Tooltip_module.displayBlock;
+        case "inline-block":
+          return Tooltip_module.displayInlineBlock;
+        case "flex":
+          return Tooltip_module.displayFlex;
+        case "inline-flex":
+          return Tooltip_module.displayInlineFlex;
+        default:
+          return undefined;
+      }
+    };
+    return React.createElement(AppearanceAnim.AnimationProvider, {
+      isVisible: hasActiveTooltip,
+      animationDuration: animationDuration
+    }, React.createElement(React.Fragment, null, React.createElement("div", {
+      ref: setReferenceElement,
+      className: classnames(classNameOverride, getDisplayClassName()),
+      onMouseEnter: function () {
+        return setIsHover(true);
+      },
+      onMouseLeave: function () {
+        return setIsHover(false);
+      },
+      onFocusCapture: function () {
+        return setIsFocus(true);
+      },
+      onBlurCapture: function () {
+        return setIsFocus(false);
+      }
+    }, renderChildren(children, tooltipId, hasActiveTooltip)), portalSelector && portalSelectorElementRef.current ? ReactDOM.createPortal(tooltip, portalSelectorElementRef.current) : tooltip));
+  };
+  Tooltip.displayName = "Tooltip";
+  return Tooltip;
+}();
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/cjs/Tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n  useId,\n} from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Placement } from \"@popperjs/core\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { AnimationProvider, useAnimation } from \"./subcomponents/AppearanceAnim\"\nimport { isSemanticElement } from \"./utils/isSemanticElement\"\nimport styles from \"./Tooltip.module.scss\"\n\ntype Position = \"above\" | \"below\" | \"left\" | \"right\"\ntype Mood = \"default\" | \"informative\" | \"positive\" | \"cautionary\" | \"highlight\"\n\nexport type TooltipProps = {\n  /**\n   * Unfortunately, the content needed to be wrapped in a div. This can sometimes\n   * break the css layout. To get around this, we allow you to specify the css\n   * display value directly. If you need to need to modify more values, feel free\n   * to use the `classNameOverride` prop, but avoid it if you can.\n   */\n  display?: \"block\" | \"inline\" | \"inline-block\" | \"flex\" | \"inline-flex\"\n  /**\n   * This is more a \"desired position\". The tooltip will automatically change\n   * its position, if there's not enough room to show it in the one specified.\n   */\n  position?: Position\n  /** The text content for the tooltip */\n  text: React.ReactNode\n  /**\n   * This is the interactable element that is being described by the tooltip `text`\n   */\n  children?: React.ReactNode\n  classNameOverride?: string\n  mood?: Mood\n  /**\n   * Render the tooltip inside a react portal, given the ccs selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  /**\n   * Should the tooltip be visible on the first render. Useful for visual\n   * regression testing.\n   */\n  isInitiallyVisible?: boolean\n  animationDuration?: number\n}\n\nconst positionToPlacement = new Map<Position, Placement>([\n  [\"above\", \"top\"],\n  [\"below\", \"bottom\"],\n  [\"left\", \"left\"],\n  [\"right\", \"right\"],\n])\n\n// Sync with Tooltip.scss\nconst arrowHeight = 7\nconst arrowWidth = 14\n\ntype TooltipContentProps = Pick<TooltipProps, \"position\" | \"text\" | \"mood\"> & {\n  tooltipId: string\n  referenceElement: HTMLDivElement | null\n}\n\nconst TooltipContent = ({\n  position,\n  text,\n  referenceElement,\n  tooltipId,\n  mood = \"default\",\n}: TooltipContentProps): JSX.Element | null => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the tooltip isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement: position ? positionToPlacement.get(position) : undefined,\n    }\n  )\n  const { isVisible, isAnimIn, isAnimOut } = useAnimation()\n\n  return isVisible || isAnimOut || isAnimIn ? (\n    <div\n      ref={setPopperElement}\n      className={styles.tooltip}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      role=\"tooltip\"\n      id={tooltipId}\n    >\n      <div className={classnames(styles.tooltipContent, styles[mood])}>\n        {text}\n      </div>\n      <div\n        ref={setArrowElement}\n        className={styles.arrow}\n        style={popperStyles.arrow}\n      >\n        <div className={styles.arrowInner}>\n          <div className={classnames(styles.arrowMain, styles[mood])} />\n          <div className={styles.arrowShadow} />\n        </div>\n      </div>\n    </div>\n  ) : null\n}\n\nconst renderChildren = (\n  content: ReactNode,\n  tooltipId: string,\n  hasActiveTooltip: boolean\n): ReactNode => {\n  if (isSemanticElement(content)) {\n    return cloneElement(content, {\n      \"aria-describedby\": hasActiveTooltip ? tooltipId : undefined,\n    })\n  }\n  // We don't want to block them from this but just provide context for better a11y guidance\n  // eslint-disable-next-line no-console\n  console.warn(\n    \"<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.\"\n  )\n  return content\n}\n\nexport const Tooltip = ({\n  children,\n  text,\n  display = \"block\",\n  position = \"above\",\n  classNameOverride,\n  portalSelector,\n  animationDuration,\n  isInitiallyVisible = false,\n  mood = \"default\",\n}: TooltipProps): JSX.Element => {\n  const [isHover, setIsHover] = useState(isInitiallyVisible)\n  const [isFocus, setIsFocus] = useState(false)\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLDivElement | null>(null)\n  const tooltipId = useId()\n  const hasActiveTooltip = isHover || isFocus\n\n  const tooltip = (\n    <TooltipContent\n      text={text}\n      position={position}\n      referenceElement={referenceElement}\n      tooltipId={tooltipId}\n      mood={mood}\n    />\n  )\n\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const getDisplayClassName = (): string | undefined => {\n    switch (display) {\n      case \"inline\":\n        return styles.displayInline\n      case \"block\":\n        return styles.displayBlock\n      case \"inline-block\":\n        return styles.displayInlineBlock\n      case \"flex\":\n        return styles.displayFlex\n      case \"inline-flex\":\n        return styles.displayInlineFlex\n      default:\n        return undefined\n    }\n  }\n\n  return (\n    <AnimationProvider\n      isVisible={hasActiveTooltip}\n      animationDuration={animationDuration}\n    >\n      <>\n        <div\n          ref={setReferenceElement}\n          className={classnames(classNameOverride, getDisplayClassName())}\n          onMouseEnter={(): void => setIsHover(true)}\n          onMouseLeave={(): void => setIsHover(false)}\n          onFocusCapture={(): void => setIsFocus(true)}\n          onBlurCapture={(): void => setIsFocus(false)}\n        >\n          {renderChildren(children, tooltipId, hasActiveTooltip)}\n        </div>\n\n        {portalSelector && portalSelectorElementRef.current\n          ? ReactDOM.createPortal(tooltip, portalSelectorElementRef.current)\n          : tooltip}\n      </>\n    </AnimationProvider>\n  )\n}\n\nTooltip.displayName = \"Tooltip\"\n"],"names":["positionToPlacement","Map","arrowHeight","arrowWidth","TooltipContent","_a","position","text","referenceElement","tooltipId","_b","mood","_c","useState","popperElement","setPopperElement","_d","arrowElement","setArrowElement","_e","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","placement","get","undefined","popperStyles","styles","attributes","_f","useAnimation","isVisible","isAnimIn","isAnimOut","React","createElement","__assign","ref","className","tooltip","style","popper","role","id","classnames","tooltipContent","arrow","arrowInner","arrowMain","arrowShadow","renderChildren","content","hasActiveTooltip","isSemanticElement","cloneElement","console","warn","Tooltip","children","display","classNameOverride","portalSelector","animationDuration","isInitiallyVisible","isHover","setIsHover","_g","isFocus","setIsFocus","_h","setReferenceElement","useId","portalSelectorElementRef","useRef","useEffect","current","document","querySelector","getDisplayClassName","displayInline","displayBlock","displayInlineBlock","displayFlex","displayInlineFlex","AnimationProvider","Fragment","onMouseEnter","onMouseLeave","onFocusCapture","onBlurCapture","ReactDOM","createPortal","displayName"],"mappings":"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"}

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__NMZ65",
+  "tooltipContent": "Tooltip-module_tooltipContent__7vVkT",
+  "default": "Tooltip-module_default__lCIk7",
+  "informative": "Tooltip-module_informative__cgZuq",
+  "positive": "Tooltip-module_positive__xe7nM",
+  "cautionary": "Tooltip-module_cautionary__xoU2V",
+  "highlight": "Tooltip-module_highlight__bmY0r",
+  "arrow": "Tooltip-module_arrow__fL2PX",
+  "arrowInner": "Tooltip-module_arrowInner__knDLR",
+  "arrowMain": "Tooltip-module_arrowMain__KidE0",
+  "arrowShadow": "Tooltip-module_arrowShadow__Se33a",
+  "displayInline": "Tooltip-module_displayInline__HkfUK",
+  "displayBlock": "Tooltip-module_displayBlock__WswRy",
+  "displayInlineBlock": "Tooltip-module_displayInlineBlock__d6X3l",
+  "displayFlex": "Tooltip-module_displayFlex__DZdVc",
+  "displayInlineFlex": "Tooltip-module_displayInlineFlex__quEIM"
+};
+module.exports = styles;
+//# sourceMappingURL=Tooltip.module.scss.cjs.map

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Tooltip/subcomponents/AppearanceAnim.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var useDebounce = require('use-debounce');
+var ANIM_DURATION_MS = 400;
+var AnimationContext = React.createContext({
+  isVisible: false,
+  isAnimIn: false,
+  isAnimOut: false
+});
+/**
+ * Simply applies a css animation to transition a component in and out.
+ * When the component is no longer needed, it will no longer be rendered to the
+ * dom.
+ */
+var AnimationProvider = function (_a) {
+  var isVisible = _a.isVisible,
+    _b = _a.animationDuration,
+    animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b,
+    otherProps = tslib.__rest(_a, ["isVisible", "animationDuration"]);
+  var _c = React.useState(false),
+    isAnimIn = _c[0],
+    setIsAnimIn = _c[1];
+  var _d = React.useState(false),
+    isAnimOut = _d[0],
+    setIsAnimOut = _d[1];
+  var _e = React.useState(false),
+    prevIsOpen = _e[0],
+    setPrevIsOpen = _e[1];
+  // Keeps the modal visible while the css animation is completing
+  var trackAnimOutCompleted = useDebounce.useDebouncedCallback(function () {
+    setIsAnimOut(false);
+  }, animationDuration, {
+    leading: false
+  });
+  // Allows us to flash the component in an "invisible" state, for one frame.
+  // Then set it to "visible". This allows us to make sure the css transition
+  // actually works.
+  var trackAnimInCompleted = useDebounce.useDebouncedCallback(function () {
+    setIsAnimIn(false);
+  }, 0, {
+    leading: false
+  });
+  if (isVisible !== prevIsOpen) {
+    setPrevIsOpen(isVisible);
+    if (!isVisible) {
+      trackAnimInCompleted.cancel();
+      setIsAnimOut(true);
+      trackAnimOutCompleted();
+    } else {
+      trackAnimOutCompleted.cancel();
+      setIsAnimIn(true);
+      trackAnimInCompleted();
+    }
+  }
+  return React.createElement(AnimationContext.Provider, tslib.__assign({
+    value: {
+      isVisible: isVisible,
+      isAnimOut: isAnimOut,
+      isAnimIn: isAnimIn
+    }
+  }, otherProps));
+};
+var useAnimation = function () {
+  var context = React.useContext(AnimationContext);
+  if (!context) {
+    throw new Error("useAnimation must be used within a AnimationProvider");
+  }
+  return context;
+};
+exports.AnimationContext = AnimationContext;
+exports.AnimationProvider = AnimationProvider;
+exports.useAnimation = useAnimation;
+//# sourceMappingURL=AppearanceAnim.cjs.map

package/dist/cjs/Tooltip/subcomponents/AppearanceAnim.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceAnim.cjs","sources":["../../../../src/Tooltip/subcomponents/AppearanceAnim.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { useDebouncedCallback } from \"use-debounce\"\n\ntype AnimationProps = {\n  isAnimIn?: boolean\n  isAnimOut?: boolean\n  prevIsOpen?: boolean\n  animationDuration?: number\n  isVisible: boolean\n}\n\nconst ANIM_DURATION_MS = 400\n\nexport const AnimationContext = React.createContext<AnimationProps>({\n  isVisible: false,\n  isAnimIn: false,\n  isAnimOut: false,\n})\n\n/**\n * Simply applies a css animation to transition a component in and out.\n * When the component is no longer needed, it will no longer be rendered to the\n * dom.\n */\nexport const AnimationProvider = ({\n  isVisible,\n  animationDuration = ANIM_DURATION_MS,\n  ...otherProps\n}: AnimationProps & { children?: React.ReactNode }): JSX.Element => {\n  const [isAnimIn, setIsAnimIn] = useState(false)\n  const [isAnimOut, setIsAnimOut] = useState(false)\n  const [prevIsOpen, setPrevIsOpen] = useState(false)\n\n  // Keeps the modal visible while the css animation is completing\n  const trackAnimOutCompleted = useDebouncedCallback(\n    () => {\n      setIsAnimOut(false)\n    },\n    animationDuration,\n    { leading: false }\n  )\n\n  // Allows us to flash the component in an \"invisible\" state, for one frame.\n  // Then set it to \"visible\". This allows us to make sure the css transition\n  // actually works.\n  const trackAnimInCompleted = useDebouncedCallback(\n    () => {\n      setIsAnimIn(false)\n    },\n    0,\n    { leading: false }\n  )\n\n  if (isVisible !== prevIsOpen) {\n    setPrevIsOpen(isVisible)\n    if (!isVisible) {\n      trackAnimInCompleted.cancel()\n      setIsAnimOut(true)\n      trackAnimOutCompleted()\n    } else {\n      trackAnimOutCompleted.cancel()\n      setIsAnimIn(true)\n      trackAnimInCompleted()\n    }\n  }\n\n  return (\n    <AnimationContext.Provider\n      value={{\n        isVisible,\n        isAnimOut,\n        isAnimIn,\n      }}\n      {...otherProps}\n    />\n  )\n}\n\nexport const useAnimation = (): AnimationProps => {\n  const context = React.useContext(AnimationContext)\n  if (!context) {\n    throw new Error(\"useAnimation must be used within a AnimationProvider\")\n  }\n  return context\n}\n"],"names":["ANIM_DURATION_MS","AnimationContext","React","createContext","isVisible","isAnimIn","isAnimOut","AnimationProvider","_a","_b","animationDuration","otherProps","__rest","_c","useState","setIsAnimIn","_d","setIsAnimOut","_e","prevIsOpen","setPrevIsOpen","trackAnimOutCompleted","useDebouncedCallback","leading","trackAnimInCompleted","cancel","createElement","Provider","__assign","value","useAnimation","context","useContext","Error"],"mappings":";;;;;AAWA,IAAMA,gBAAgB,GAAG,GAAG;AAEf,IAAAC,gBAAgB,GAAGC,KAAK,CAACC,aAAa,CAAiB;EAClEC,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE;AACZ,CAAA,CAAC;AAEF;;;;AAIG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAACC,EAIgB,EAAA;EAHhD,IAAAJ,SAAS,GAAAI,EAAA,CAAAJ,SAAA;IACTK,EAAA,GAAAD,EAAA,CAAAE,iBAAoC;IAApCA,iBAAiB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAT,gBAAgB,GAAAS,EAAA;IACjCE,UAAU,GAAAC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAHmB,kCAIjC,CADc;EAEP,IAAAK,EAAA,GAA0BC,KAAAA,CAAAA,QAAQ,CAAC,KAAK,CAAC;IAAxCT,QAAQ,GAAAQ,EAAA,CAAA,CAAA,CAAA;IAAEE,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAmB;EACzC,IAAAG,EAAA,GAA4BF,KAAAA,CAAAA,QAAQ,CAAC,KAAK,CAAC;IAA1CR,SAAS,GAAAU,EAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAmB;EAC3C,IAAAE,EAAA,GAA8BJ,KAAAA,CAAAA,QAAQ,CAAC,KAAK,CAAC;IAA5CK,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAA;IAAEE,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAmB;;EAGnD,IAAMG,qBAAqB,GAAGC,WAAAA,CAAAA,oBAAoB,CAChD,YAAA;IACEL,YAAY,CAAC,KAAK,CAAC;EACpB,CAAA,EACDP,iBAAiB,EACjB;IAAEa,OAAO,EAAE;EAAO,CAAA,CACnB;;;;EAKD,IAAMC,oBAAoB,GAAGF,WAAAA,CAAAA,oBAAoB,CAC/C,YAAA;IACEP,WAAW,CAAC,KAAK,CAAC;EACnB,CAAA,EACD,CAAC,EACD;IAAEQ,OAAO,EAAE;EAAO,CAAA,CACnB;EAED,IAAInB,SAAS,KAAKe,UAAU,EAAE;IAC5BC,aAAa,CAAChB,SAAS,CAAC;IACxB,IAAI,CAACA,SAAS,EAAE;MACdoB,oBAAoB,CAACC,MAAM,CAAA,CAAE;MAC7BR,YAAY,CAAC,IAAI,CAAC;MAClBI,qBAAqB,EAAE;IACxB,CAAA,MAAM;MACLA,qBAAqB,CAACI,MAAM,CAAA,CAAE;MAC9BV,WAAW,CAAC,IAAI,CAAC;MACjBS,oBAAoB,EAAE;IACvB;EACF;EAED,OACEtB,KAAC,CAAAwB,aAAA,CAAAzB,gBAAgB,CAAC0B,QAAQ,EAAAC,KAAAA,CAAAA,QAAA,CAAA;IACxBC,KAAK,EAAE;MACLzB,SAAS,EAAAA,SAAA;MACTE,SAAS,EAAAA,SAAA;MACTD,QAAQ,EAAAA;;EAEN,CAAA,EAAAM,UAAU,CACd,CAAA;AAEN,CAAC;AAEY,IAAAmB,YAAY,GAAG,SAAAA,CAAA,EAAA;EAC1B,IAAMC,OAAO,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,gBAAgB,CAAC;EAClD,IAAI,CAAC8B,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,sDAAsD,CAAC;EACxE;EACD,OAAOF,OAAO;AAChB,CAAA;;;"}

package/dist/cjs/Tooltip/utils/isSemanticElement.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var React = require('react');
+
+// Noting that this is contingent on our displayName for our components -  this something we control
+var allowedDisplayNames = ["Button", "IconButton", "FilterButtonBase"];
+function extractDisplayName(type) {
+  return type.displayName || type.name || "Unknown";
+}
+/**
+ *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers
+ */
+var isSemanticElement = function (element) {
+  if (!React.isValidElement(element)) return false;
+  var props = element.props,
+    type = element.type;
+  if ("role" in props) {
+    return props.role !== "presentation" && props.role !== "none";
+  }
+  if (typeof type !== "string") {
+    // As we are only checking whether this matches to our allowedDisplayNames
+    // type casting should be fine
+    var displayName = extractDisplayName(type);
+    return allowedDisplayNames.includes(displayName);
+  }
+  return !(type === "div" || type === "span");
+};
+exports.extractDisplayName = extractDisplayName;
+exports.isSemanticElement = isSemanticElement;
+//# sourceMappingURL=isSemanticElement.cjs.map

package/dist/cjs/Tooltip/utils/isSemanticElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSemanticElement.cjs","sources":["../../../../src/Tooltip/utils/isSemanticElement.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\n\n// Noting that this is contingent on our displayName for our components -  this something we control\nconst allowedDisplayNames = [\"Button\", \"IconButton\", \"FilterButtonBase\"]\n\nexport function extractDisplayName(type: React.FunctionComponent): string {\n  return type.displayName || type.name || \"Unknown\"\n}\n\n/**\n *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers\n */\nexport const isSemanticElement = (\n  element: ReactNode\n): element is React.ReactElement => {\n  if (!React.isValidElement(element)) return false\n\n  const { props, type } = element\n\n  if (\"role\" in props) {\n    return props.role !== \"presentation\" && props.role !== \"none\"\n  }\n\n  if (typeof type !== \"string\") {\n    // As we are only checking whether this matches to our allowedDisplayNames\n    // type casting should be fine\n    const displayName = extractDisplayName(\n      type as unknown as React.FunctionComponent\n    )\n\n    return allowedDisplayNames.includes(displayName)\n  }\n\n  return !(type === \"div\" || type === \"span\")\n}\n"],"names":["allowedDisplayNames","extractDisplayName","type","displayName","name","isSemanticElement","element","React","isValidElement","props","role","includes"],"mappings":";;;;AAEA;AACA,IAAMA,mBAAmB,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC;AAElE,SAAUC,kBAAkBA,CAACC,IAA6B,EAAA;EAC9D,OAAOA,IAAI,CAACC,WAAW,IAAID,IAAI,CAACE,IAAI,IAAI,SAAS;AACnD;AAEA;;AAEG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,OAAkB,EAAA;EAElB,IAAI,CAACC,KAAK,CAACC,cAAc,CAACF,OAAO,CAAC,EAAE,OAAO,KAAK;EAExC,IAAAG,KAAK,GAAWH,OAAO,CAAAG,KAAlB;IAAEP,IAAI,GAAKI,OAAO,CAAAJ,IAAZ;EAEnB,IAAI,MAAM,IAAIO,KAAK,EAAE;IACnB,OAAOA,KAAK,CAACC,IAAI,KAAK,cAAc,IAAID,KAAK,CAACC,IAAI,KAAK,MAAM;EAC9D;EAED,IAAI,OAAOR,IAAI,KAAK,QAAQ,EAAE;;;IAG5B,IAAMC,WAAW,GAAGF,kBAAkB,CACpCC,IAA0C,CAC3C;IAED,OAAOF,mBAAmB,CAACW,QAAQ,CAACR,WAAW,CAAC;EACjD;EAED,OAAO,EAAED,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,MAAM,CAAC;AAC7C,CAAA;;"}

package/dist/cjs/__future__/Tag/RemovableTag/RemovableTag.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Tag = require('../Tag/Tag.cjs');
+var RemoveButton = require('./subcomponents/RemoveButton.cjs');
+var RemovableTag_module = require('./RemovableTag.module.scss.cjs');
+const RemovableTag = /*#__PURE__*/function () {
+  const RemovableTag = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      // Note: We've commented out color support for now, but may introduce it back in later
+      // if a good use case comes along.
+      // color = "gray",
+      removeButtonProps = _a.removeButtonProps,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride", "removeButtonProps"]);
+    return React.createElement(Tag.Tag, tslib.__assign({
+      classNameOverride: classnames(classNameOverride, RemovableTag_module.removableTag)
+    }, restProps), children, React.createElement(RemoveButton.RemoveButton
+    // color={color}
+    , tslib.__assign({}, removeButtonProps)));
+  };
+  RemovableTag.displayName = "RemovableTag";
+  return RemovableTag;
+}();
+exports.RemovableTag = RemovableTag;
+//# sourceMappingURL=RemovableTag.cjs.map