@conveyorhq/arrow-ds 1.154.0 → 1.156.0

package/README.md

@@ -112,7 +112,7 @@ If you’d prefer to create a fork and run Storybook locally, there are instruct
 
 ## Publishing `@conveyorhq/arrow-ds` (npm)
 
-New releases of Arrow Design System are triggered automatically by [semantic-release](https://github.com/semantic-release/semantic-release). It uses the commit messages to determine the type of changes in the codebase. Following formalized conventions for commit messages, semantic-release automatically determines the next semantic version number, generates a changelog and publishes the release.
+New releases of Arrow Design System are triggered automatically by [semantic-release](https://github.com/semantic-release/semantic-release). It uses the commit messages to determine the type of changes in the codebase. Following formalized conventions for commit messages, semantic-release automatically determines the next semantic version number, generates a changelog and publishes the release. Release only happen if commit messages have relevant changes.
 
 **Note**: No version number is committed to `package.json`. Instead, semantic-release adds it automatically before publishing to npm.
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.154.0",
+  "version": "1.156.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {
@@ -46,7 +46,7 @@
     "react-hot-toast": "^2.4.1",
     "react-markdown": "^4.3.1",
     "react-merge-refs": "^1.1.0",
-    "react-popper-2": "npm:react-popper@^2.3.0",
+    "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.2.0",
     "react-select": "^4.0.2",
     "react-spring": "^8.0.27",

package/public/components/Icon/Icon.d.ts

@@ -81,6 +81,7 @@ export declare enum ICON_TYPE {
     ELLIPSIS_H = "ellipsis-h",
     ELLIPSIS_V = "ellipsis-v",
     ENVELOPE = "envelope",
+    ENVELOPE_OPEN_TEXT = "envelope-open-text",
     ERASER = "eraser",
     EXCHANGE_ALT = "exchange-alt",
     EXCLAMATION = "exclamation",
@@ -199,6 +200,7 @@ export declare enum ICON_TYPE {
     VIAL = "vial",
     WRENCH = "wrench",
     PLUG = "plug",
+    MONEY_BILL_WAVE = "money-bill-wave",
     MONEY_CHECK_ALT = "money-check-alt",
     CLOUD_SHOWERS_HEAVY = "cloud-showers-heavy",
     AWARD = "award"

package/public/components/Icon/Icon.js

@@ -105,6 +105,7 @@ const faEdit_1 = require("@fortawesome/free-solid-svg-icons/faEdit");
 const faEllipsisH_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisH");
 const faEllipsisV_1 = require("@fortawesome/free-solid-svg-icons/faEllipsisV");
 const faEnvelope_2 = require("@fortawesome/free-solid-svg-icons/faEnvelope");
+const faEnvelopeOpenText_1 = require("@fortawesome/free-solid-svg-icons/faEnvelopeOpenText");
 const faEraser_1 = require("@fortawesome/free-solid-svg-icons/faEraser");
 const faExchangeAlt_1 = require("@fortawesome/free-solid-svg-icons/faExchangeAlt");
 const faExclamation_1 = require("@fortawesome/free-solid-svg-icons/faExclamation");
@@ -155,6 +156,7 @@ const faMapMarkerAlt_1 = require("@fortawesome/free-solid-svg-icons/faMapMarkerA
 const faMapSigns_1 = require("@fortawesome/free-solid-svg-icons/faMapSigns");
 const faMeteor_1 = require("@fortawesome/free-solid-svg-icons/faMeteor");
 const faMinus_1 = require("@fortawesome/free-solid-svg-icons/faMinus");
+const faMoneyBillWave_1 = require("@fortawesome/free-solid-svg-icons/faMoneyBillWave");
 const faMoneyCheckAlt_1 = require("@fortawesome/free-solid-svg-icons/faMoneyCheckAlt");
 const faMousePointer_1 = require("@fortawesome/free-solid-svg-icons/faMousePointer");
 const faPalette_1 = require("@fortawesome/free-solid-svg-icons/faPalette");
@@ -230,7 +232,7 @@ const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const ShieldCheck_1 = require("./svg/ShieldCheck");
 const cn = (0, utilities_1.bemHOF)("Icon");
-fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowsAlt_1.faArrowsAlt, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBalanceScale_1.faBalanceScale, faBan_1.faBan, faBandAid_1.faBandAid, faBars_1.faBars, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBell_2.faBell, faBellSlash_1.faBellSlash, faBellSlash_2.faBellSlash, faBiohazard_1.faBiohazard, faBirthdayCake_1.faBirthdayCake, faBolt_1.faBolt, faBook_1.faBook, faBroom_1.faBroom, faBug_1.faBug, faBullhorn_1.faBullhorn, faBullseye_1.faBullseye, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCamera_1.faCamera, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartBar_1.faChartBar, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faCheckSquare_1.faCheckSquare, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, faCog_1.faCog, faCoins_1.faCoins, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCompressArrowsAlt_1.faCompressArrowsAlt, faCopy_1.faCopy, faCrosshairs_1.faCrosshairs, faCrown_1.faCrown, faDoorClosed_1.faDoorClosed, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_2.faEnvelope, faEnvelope_1.faEnvelope, faEraser_1.faEraser, faExchangeAlt_1.faExchangeAlt, faExclamation_1.faExclamation, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExpandArrowsAlt_1.faExpandArrowsAlt, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFillDrip_1.faFillDrip, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGlobeAmericas_1.faGlobeAmericas, faGlobeEurope_1.faGlobeEurope, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHandshake_1.faHandshake, faHashtag_1.faHashtag, faHeartBroken_1.faHeartBroken, faHighlighter_1.faHighlighter, faHistory_1.faHistory, faIdBadge_1.faIdBadge, faImage_1.faImage, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLaptop_1.faLaptop, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLifeRing_1.faLifeRing, faLink_1.faLink, faListOl_1.faListOl, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapMarkerAlt_1.faMapMarkerAlt, faMapSigns_1.faMapSigns, faMeteor_1.faMeteor, faMinus_1.faMinus, faMoneyCheckAlt_1.faMoneyCheckAlt, faMousePointer_1.faMousePointer, faPalette_1.faPalette, faPaperclip_1.faPaperclip, faPaperPlane_1.faPaperPlane, faPaste_1.faPaste, faPause_1.faPause, faPen_1.faPen, faPencilRuler_1.faPencilRuler, faPlay_1.faPlay, faPlug_1.faPlug, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faRandom_1.faRandom, faRedo_1.faRedo, faReply_1.faReply, faRobot_1.faRobot, faRocket_1.faRocket, faSave_1.faSave, faScroll_1.faScroll, faSearch_1.faSearch, faSearchPlus_1.faSearchPlus, faSeedling_1.faSeedling, faServer_1.faServer, faShare_1.faShare, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignal_1.faSignal, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSitemap_1.faSitemap, faSkull_1.faSkull, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStamp_1.faStamp, faStar_1.faStar, faStar_2.faStar, faSuitcaseRolling_1.faSuitcaseRolling, faSync_1.faSync, faTable_1.faTable, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUndo_1.faUndo, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faVial_1.faVial, faWrench_1.faWrench, faAward_1.faAward);
+fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowsAlt_1.faArrowsAlt, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBalanceScale_1.faBalanceScale, faBan_1.faBan, faBandAid_1.faBandAid, faBars_1.faBars, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBell_2.faBell, faBellSlash_1.faBellSlash, faBellSlash_2.faBellSlash, faBiohazard_1.faBiohazard, faBirthdayCake_1.faBirthdayCake, faBolt_1.faBolt, faBook_1.faBook, faBroom_1.faBroom, faBug_1.faBug, faBullhorn_1.faBullhorn, faBullseye_1.faBullseye, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCamera_1.faCamera, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartBar_1.faChartBar, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faCheckSquare_1.faCheckSquare, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, faCog_1.faCog, faCoins_1.faCoins, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCompressArrowsAlt_1.faCompressArrowsAlt, faCopy_1.faCopy, faCrosshairs_1.faCrosshairs, faCrown_1.faCrown, faDoorClosed_1.faDoorClosed, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_2.faEnvelope, faEnvelope_1.faEnvelope, faEnvelopeOpenText_1.faEnvelopeOpenText, faEraser_1.faEraser, faExchangeAlt_1.faExchangeAlt, faExclamation_1.faExclamation, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExpandArrowsAlt_1.faExpandArrowsAlt, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFillDrip_1.faFillDrip, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGlobeAmericas_1.faGlobeAmericas, faGlobeEurope_1.faGlobeEurope, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHandshake_1.faHandshake, faHashtag_1.faHashtag, faHeartBroken_1.faHeartBroken, faHighlighter_1.faHighlighter, faHistory_1.faHistory, faIdBadge_1.faIdBadge, faImage_1.faImage, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLaptop_1.faLaptop, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLifeRing_1.faLifeRing, faLink_1.faLink, faListOl_1.faListOl, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapMarkerAlt_1.faMapMarkerAlt, faMapSigns_1.faMapSigns, faMeteor_1.faMeteor, faMinus_1.faMinus, faMoneyBillWave_1.faMoneyBillWave, faMoneyCheckAlt_1.faMoneyCheckAlt, faMousePointer_1.faMousePointer, faPalette_1.faPalette, faPaperclip_1.faPaperclip, faPaperPlane_1.faPaperPlane, faPaste_1.faPaste, faPause_1.faPause, faPen_1.faPen, faPencilRuler_1.faPencilRuler, faPlay_1.faPlay, faPlug_1.faPlug, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faRandom_1.faRandom, faRedo_1.faRedo, faReply_1.faReply, faRobot_1.faRobot, faRocket_1.faRocket, faSave_1.faSave, faScroll_1.faScroll, faSearch_1.faSearch, faSearchPlus_1.faSearchPlus, faSeedling_1.faSeedling, faServer_1.faServer, faShare_1.faShare, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignal_1.faSignal, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSitemap_1.faSitemap, faSkull_1.faSkull, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStamp_1.faStamp, faStar_1.faStar, faStar_2.faStar, faSuitcaseRolling_1.faSuitcaseRolling, faSync_1.faSync, faTable_1.faTable, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUndo_1.faUndo, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faVial_1.faVial, faWrench_1.faWrench, faAward_1.faAward);
 var CUSTOM_ICON_TYPE;
 (function (CUSTOM_ICON_TYPE) {
     CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -332,6 +334,7 @@ var ICON_TYPE;
     ICON_TYPE["ELLIPSIS_H"] = "ellipsis-h";
     ICON_TYPE["ELLIPSIS_V"] = "ellipsis-v";
     ICON_TYPE["ENVELOPE"] = "envelope";
+    ICON_TYPE["ENVELOPE_OPEN_TEXT"] = "envelope-open-text";
     ICON_TYPE["ERASER"] = "eraser";
     ICON_TYPE["EXCHANGE_ALT"] = "exchange-alt";
     ICON_TYPE["EXCLAMATION"] = "exclamation";
@@ -450,6 +453,7 @@ var ICON_TYPE;
     ICON_TYPE["VIAL"] = "vial";
     ICON_TYPE["WRENCH"] = "wrench";
     ICON_TYPE["PLUG"] = "plug";
+    ICON_TYPE["MONEY_BILL_WAVE"] = "money-bill-wave";
     ICON_TYPE["MONEY_CHECK_ALT"] = "money-check-alt";
     ICON_TYPE["CLOUD_SHOWERS_HEAVY"] = "cloud-showers-heavy";
     ICON_TYPE["AWARD"] = "award";

package/public/components/MenuRenderer/MenuRenderer.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuRenderer = void 0;
 const react_1 = __importStar(require("react"));
 const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
-const react_popper_2_1 = require("react-popper-2");
+const react_popper_1 = require("react-popper");
 const web_1 = require("@react-spring/web");
 const d3_ease_1 = require("d3-ease");
 const hooks_1 = require("../../hooks");
@@ -63,7 +63,7 @@ const MenuRenderer = ({ children, className, placement = "bottom-start", positio
     const [minWidth, setMinWidth] = (0, react_1.useState)(0);
     const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
     const [popperElement, setPopperElement] = (0, react_1.useState)(null);
-    const { styles, attributes, update } = (0, react_popper_2_1.usePopper)(referenceElement, popperElement, {
+    const { styles, attributes, update } = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
         placement,
         modifiers: [...defaultPopperModifiers, ...popperModifiers],
         strategy: position,

package/public/components/Popover/Popover.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const react_popper_2_1 = require("react-popper-2");
+const react_popper_1 = require("react-popper");
 const Box_1 = require("../Box");
 const Portal_1 = require("../Portal");
 const bem_1 = require("../../utilities/bem");
@@ -66,13 +66,13 @@ const Popover = ({ removePadding = false, ...props }) => {
             },
         ];
         const propModifiers = popperModifiers || [];
-        return (react_1.default.createElement(react_popper_2_1.Manager, null,
-            isVisible && (react_1.default.createElement(react_popper_2_1.Popper, { placement: placement, modifiers: [...defaultPopperModifiers, ...propModifiers], strategy: strategy }, ({ ref, style, placement: popperPlacement, arrowProps, update, }) => (react_1.default.createElement(InlinePopover, { ref: ref, style: {
+        return (react_1.default.createElement(react_popper_1.Manager, null,
+            isVisible && (react_1.default.createElement(react_popper_1.Popper, { placement: placement, modifiers: [...defaultPopperModifiers, ...propModifiers], strategy: strategy }, ({ ref, style, placement: popperPlacement, arrowProps, update, }) => (react_1.default.createElement(InlinePopover, { ref: ref, style: {
                     ...style,
                     ...styleProp,
                 }, className: className, "data-placement": popperPlacement, hasPortal: true, removePadding: removePadding, ...rest },
                 react_1.default.createElement(ChildrenWithArrow, { popperPlacement: popperPlacement, arrowProps: arrowProps, update: update, showArrow: showArrow }, children))))),
-            react_1.default.createElement(react_popper_2_1.Reference, null, ({ ref }) => (0, react_1.cloneElement)(referenceElement, {
+            react_1.default.createElement(react_popper_1.Reference, null, ({ ref }) => (0, react_1.cloneElement)(referenceElement, {
                 ref,
             }))));
     }

package/public/components/SelectNew/hooks/useSelectLayout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectLayout = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const react_popper_2_1 = require("react-popper-2");
+const react_popper_1 = require("react-popper");
 const types_1 = require("../../../types");
 const utilities_1 = require("../../../utilities");
 const FormGroupContext_1 = require("../../FormGroup/FormGroupContext");
@@ -58,7 +58,7 @@ function useSelectLayout({ isOpen, hasSearch, isDisabled, variantProp, getLabelP
     const [callbackElement, setCallbackElement] = (0, react_1.useState)(null);
     const isListRendered = callbackElement !== null;
     const inputRef = (0, react_1.useRef)(null);
-    const { styles, attributes, update } = (0, react_popper_2_1.usePopper)(referenceElement, popperRef.current, {
+    const { styles, attributes, update } = (0, react_popper_1.usePopper)(referenceElement, popperRef.current, {
         placement: initialPlacement,
         modifiers: popperModifiers,
     });

package/public/components/Table/FilterDropdown.js

@@ -30,7 +30,7 @@ exports.FilterDropdown = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
-const react_popper_2_1 = require("react-popper-2");
+const react_popper_1 = require("react-popper");
 const bem_1 = require("../../utilities/bem");
 const hooks_1 = require("../../hooks");
 const Icon_1 = require("../Icon");
@@ -93,9 +93,9 @@ const FilterDropdown = ({ isVisible = false, filterApplied = false, onSetVisible
     const getButtonElement = (buttonElement) => {
         buttonRef.current = buttonElement;
     };
-    return (react_1.default.createElement(react_popper_2_1.Manager, null,
+    return (react_1.default.createElement(react_popper_1.Manager, null,
         isVisible && (react_1.default.createElement(Portal_1.Portal, null,
-            react_1.default.createElement(react_popper_2_1.Popper, { placement: "bottom", innerRef: getPopperElement, modifiers: [
+            react_1.default.createElement(react_popper_1.Popper, { placement: "bottom", innerRef: getPopperElement, modifiers: [
                     {
                         name: "offset",
                         options: {
@@ -103,6 +103,6 @@ const FilterDropdown = ({ isVisible = false, filterApplied = false, onSetVisible
                         },
                     },
                 ] }, ({ ref, placement, style }) => (react_1.default.createElement(FilterMenu, { ref: ref, buttonRef: buttonRef, menuRef: menuRef, placement: placement, className: className, style: style, onSetVisible: onSetVisible, searchInputValue: searchInputValue, onFilterInputChange: onFilterInputChange, onFilterSelectAll: onFilterSelectAll, onFilterClear: onFilterClear, filterOptions: filterOptions, filterControl: filterControl, hideFilterSearch: hideFilterSearch }))))),
-        react_1.default.createElement(react_popper_2_1.Reference, { innerRef: getButtonElement }, ({ ref }) => (react_1.default.createElement(FilterToggleButton, { ref: ref, onSetVisible: onSetVisible, isVisible: isVisible, filterApplied: filterApplied })))));
+        react_1.default.createElement(react_popper_1.Reference, { innerRef: getButtonElement }, ({ ref }) => (react_1.default.createElement(FilterToggleButton, { ref: ref, onSetVisible: onSetVisible, isVisible: isVisible, filterApplied: filterApplied })))));
 };
 exports.FilterDropdown = FilterDropdown;

package/public/index.d.ts

@@ -1,7 +1,7 @@
 import classNames from "classnames";
 import FocusLock from "react-focus-lock";
 import { RemoveScroll } from "react-remove-scroll";
-import { usePopper } from "react-popper-2";
+import { usePopper } from "react-popper";
 import { Toaster } from "react-hot-toast";
 export * from "./components/Absolute";
 export * from "./components/Accordion";

package/public/index.js

@@ -24,8 +24,8 @@ const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
 exports.FocusLock = react_focus_lock_1.default;
 const react_remove_scroll_1 = require("react-remove-scroll");
 Object.defineProperty(exports, "RemoveScroll", { enumerable: true, get: function () { return react_remove_scroll_1.RemoveScroll; } });
-const react_popper_2_1 = require("react-popper-2");
-Object.defineProperty(exports, "usePopper", { enumerable: true, get: function () { return react_popper_2_1.usePopper; } });
+const react_popper_1 = require("react-popper");
+Object.defineProperty(exports, "usePopper", { enumerable: true, get: function () { return react_popper_1.usePopper; } });
 const react_hot_toast_1 = require("react-hot-toast");
 Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return react_hot_toast_1.Toaster; } });
 __exportStar(require("./components/Absolute"), exports);

package/src/components/Icon/Icon.tsx

@@ -80,6 +80,7 @@ import { faEdit } from "@fortawesome/free-solid-svg-icons/faEdit";
 import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
 import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
 import { faEnvelope } from "@fortawesome/free-solid-svg-icons/faEnvelope";
+import { faEnvelopeOpenText } from "@fortawesome/free-solid-svg-icons/faEnvelopeOpenText";
 import { faEraser } from "@fortawesome/free-solid-svg-icons/faEraser";
 import { faExchangeAlt } from "@fortawesome/free-solid-svg-icons/faExchangeAlt";
 import { faExclamation } from "@fortawesome/free-solid-svg-icons/faExclamation";
@@ -130,6 +131,7 @@ import { faMapMarkerAlt } from "@fortawesome/free-solid-svg-icons/faMapMarkerAlt
 import { faMapSigns } from "@fortawesome/free-solid-svg-icons/faMapSigns";
 import { faMeteor } from "@fortawesome/free-solid-svg-icons/faMeteor";
 import { faMinus } from "@fortawesome/free-solid-svg-icons/faMinus";
+import { faMoneyBillWave } from "@fortawesome/free-solid-svg-icons/faMoneyBillWave";
 import { faMoneyCheckAlt } from "@fortawesome/free-solid-svg-icons/faMoneyCheckAlt";
 import { faMousePointer } from "@fortawesome/free-solid-svg-icons/faMousePointer";
 import { faPalette } from "@fortawesome/free-solid-svg-icons/faPalette";
@@ -296,6 +298,7 @@ library.add(
   faEllipsisV,
   faEnvelope,
   faEnvelopeRegular,
+  faEnvelopeOpenText,
   faEraser,
   faExchangeAlt,
   faExclamation,
@@ -347,6 +350,7 @@ library.add(
   faMapSigns,
   faMeteor,
   faMinus,
+  faMoneyBillWave,
   faMoneyCheckAlt,
   faMousePointer,
   faPalette,
@@ -529,6 +533,7 @@ export enum ICON_TYPE {
   ELLIPSIS_H = "ellipsis-h",
   ELLIPSIS_V = "ellipsis-v",
   ENVELOPE = "envelope",
+  ENVELOPE_OPEN_TEXT = "envelope-open-text",
   ERASER = "eraser",
   EXCHANGE_ALT = "exchange-alt",
   EXCLAMATION = "exclamation",
@@ -647,6 +652,7 @@ export enum ICON_TYPE {
   VIAL = "vial",
   WRENCH = "wrench",
   PLUG = "plug",
+  MONEY_BILL_WAVE = "money-bill-wave",
   MONEY_CHECK_ALT = "money-check-alt",
   CLOUD_SHOWERS_HEAVY = "cloud-showers-heavy",
   AWARD = "award",

package/src/components/MenuRenderer/MenuRenderer.tsx

@@ -7,7 +7,7 @@ import React, {
   useId,
 } from "react";
 import FocusLock from "react-focus-lock";
-import { usePopper } from "react-popper-2";
+import { usePopper } from "react-popper";
 import { animated, useTransition } from "@react-spring/web";
 import { easeCubicInOut } from "d3-ease";
 import { useKeyPress, useOutsideClick } from "../../hooks";

package/src/components/Popover/Popover.tsx

@@ -12,7 +12,7 @@ import {
   Reference as PopperReference,
   Popper,
   PopperArrowProps,
-} from "react-popper-2";
+} from "react-popper";
 import { Box, BoxProps } from "../Box";
 import { Portal } from "../Portal";
 import { bemHOF } from "../../utilities/bem";

package/src/components/Select/SelectPopover.tsx

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode, useMemo, useState } from "react";
 import classNames from "classnames";
-import { Modifier } from "react-popper-2";
+import { Modifier } from "react-popper";
 import { MenuListComponentProps } from "react-select";
 import FocusLock from "react-focus-lock";
 import { tokens } from "../../style-dictionary/dist/tokens";

package/src/components/SelectNew/hooks/useSelectLayout.ts

@@ -12,7 +12,7 @@ import {
   useRef,
   useState,
 } from "react";
-import { usePopper, Modifier } from "react-popper-2";
+import { usePopper, Modifier } from "react-popper";
 import { PopperPlacement, STATUS_VARIANT } from "../../../types";
 import { bemHOF } from "../../../utilities";
 import { FormGroupContext } from "../../FormGroup/FormGroupContext";

package/src/components/Table/FilterDropdown.tsx

@@ -14,7 +14,7 @@ import {
   Manager as PopperManager,
   Reference as PopperReference,
   Popper,
-} from "react-popper-2";
+} from "react-popper";
 import { bem } from "../../utilities/bem";
 import { useOutsideClick, useKeyPress } from "../../hooks";
 import { Icon, ICON_TYPE } from "../Icon";

package/src/index.ts

@@ -1,7 +1,7 @@
 import classNames from "classnames";
 import FocusLock from "react-focus-lock";
 import { RemoveScroll } from "react-remove-scroll";
-import { usePopper } from "react-popper-2";
+import { usePopper } from "react-popper";
 import { Toaster } from "react-hot-toast";
 
 export * from "./components/Absolute";