@conveyorhq/arrow-ds 1.191.0 → 1.193.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/public/components/Icon/Icon.d.ts +1 -0
  3. package/public/components/Icon/Icon.js +3 -1
  4. package/public/components/Menu/MenuItem.d.ts +1 -0
  5. package/public/components/Menu/MenuItem.js +3 -2
  6. package/src/components/Icon/Icon.tsx +3 -0
  7. package/src/components/Menu/MenuItem.tsx +10 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@conveyorhq/arrow-ds",
3
3
  "author": "Conveyor",
4
4
  "license": "MIT",
5
- "version": "1.191.0",
5
+ "version": "1.193.0",
6
6
  "description": "Arrow Design System",
7
7
  "repository": "https://github.com/conveyor/arrow-ds",
8
8
  "publishConfig": {
package/public/components/Icon/Icon.d.ts CHANGED
@@ -150,6 +150,7 @@ export declare enum ICON_TYPE {
150
150
  MAP_SIGNS = "map-signs",
151
151
  METEOR = "meteor",
152
152
  MINUS = "minus",
153
+ MINUS_CIRCLE = "minus-circle",
153
154
  MOUSE_POINTER = "mouse-pointer",
154
155
  PALETTE = "palette",
155
156
  PAPER_PLANE = "paper-plane",
package/public/components/Icon/Icon.js CHANGED
@@ -167,6 +167,7 @@ const faMapMarkerAlt_1 = require("@fortawesome/free-solid-svg-icons/faMapMarkerA
167
167
  const faMapSigns_1 = require("@fortawesome/free-solid-svg-icons/faMapSigns");
168
168
  const faMeteor_1 = require("@fortawesome/free-solid-svg-icons/faMeteor");
169
169
  const faMinus_1 = require("@fortawesome/free-solid-svg-icons/faMinus");
170
+ const faMinusCircle_1 = require("@fortawesome/free-solid-svg-icons/faMinusCircle");
170
171
  const faMoneyBill_1 = require("@fortawesome/free-solid-svg-icons/faMoneyBill");
171
172
  const faMoneyBillWave_1 = require("@fortawesome/free-solid-svg-icons/faMoneyBillWave");
172
173
  const faMoneyCheckAlt_1 = require("@fortawesome/free-solid-svg-icons/faMoneyCheckAlt");
@@ -249,7 +250,7 @@ const utilities_1 = require("../../utilities");
249
250
  const ShieldCheck_1 = require("./svg/ShieldCheck");
250
251
  const BrandZendesk_1 = require("./svg/BrandZendesk");
251
252
  const cn = (0, utilities_1.bemHOF)("Icon");
252
- 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, faClipboardCheck_1.faClipboardCheck, faClock_1.faClock, faClock_2.faClock, faClone_1.faClone, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, faCodeBranch_1.faCodeBranch, 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, faDoorOpen_1.faDoorOpen, faDownload_1.faDownload, faDungeon_1.faDungeon, 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, faFeatherAlt_1.faFeatherAlt, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileExport_1.faFileExport, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFillDrip_1.faFillDrip, faFilter_1.faFilter, faFlag_1.faFlag, faFlask_1.faFlask, faFolder_1.faFolder, faFolderOpen_1.faFolderOpen, faForward_1.faForward, faGavel_1.faGavel, 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, faMoneyBill_1.faMoneyBill, 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, faTag_1.faTag, 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, faUniversalAccess_1.faUniversalAccess, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserClock_1.faUserClock, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faVial_1.faVial, faVideo_1.faVideo, faWrench_1.faWrench, faAward_1.faAward);
253
+ 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, faClipboardCheck_1.faClipboardCheck, faClock_1.faClock, faClock_2.faClock, faClone_1.faClone, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudShowersHeavy_1.faCloudShowersHeavy, faCloudUploadAlt_1.faCloudUploadAlt, faCodeBranch_1.faCodeBranch, 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, faDoorOpen_1.faDoorOpen, faDownload_1.faDownload, faDungeon_1.faDungeon, 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, faFeatherAlt_1.faFeatherAlt, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileExport_1.faFileExport, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFillDrip_1.faFillDrip, faFilter_1.faFilter, faFlag_1.faFlag, faFlask_1.faFlask, faFolder_1.faFolder, faFolderOpen_1.faFolderOpen, faForward_1.faForward, faGavel_1.faGavel, 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, faMinusCircle_1.faMinusCircle, faMoneyBill_1.faMoneyBill, 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, faTag_1.faTag, 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, faUniversalAccess_1.faUniversalAccess, faUnlink_1.faUnlink, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserClock_1.faUserClock, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faVial_1.faVial, faVideo_1.faVideo, faWrench_1.faWrench, faAward_1.faAward);
253
254
  var CUSTOM_ICON_TYPE;
254
255
  (function (CUSTOM_ICON_TYPE) {
255
256
  CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -427,6 +428,7 @@ var ICON_TYPE;
427
428
  ICON_TYPE["MAP_SIGNS"] = "map-signs";
428
429
  ICON_TYPE["METEOR"] = "meteor";
429
430
  ICON_TYPE["MINUS"] = "minus";
431
+ ICON_TYPE["MINUS_CIRCLE"] = "minus-circle";
430
432
  ICON_TYPE["MOUSE_POINTER"] = "mouse-pointer";
431
433
  ICON_TYPE["PALETTE"] = "palette";
432
434
  ICON_TYPE["PAPER_PLANE"] = "paper-plane";
package/public/components/Menu/MenuItem.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface MenuItemProps {
5
5
  isSelected?: boolean;
6
6
  isHighlighted?: boolean;
7
7
  disabled?: boolean;
8
+ closeOnSelect?: boolean;
8
9
  [key: string]: any;
9
10
  }
10
11
  export declare const MenuItem: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<MenuItemProps>>;
package/public/components/Menu/MenuItem.js CHANGED
@@ -32,8 +32,9 @@ const classnames_1 = __importDefault(require("classnames"));
32
32
  const bem_1 = require("../../utilities/bem");
33
33
  const MenuRenderer_1 = require("../MenuRenderer");
34
34
  const cn = "Menu";
35
- exports.MenuItem = (0, react_1.forwardRef)(({ children, className, isSelected = false, isHighlighted = false, disabled = false, as: Component = "button", onClick, ...rest }, ref) => {
36
- const { onClose, itemProps, closeOnSelect } = (0, MenuRenderer_1.useMenuContext)();
35
+ exports.MenuItem = (0, react_1.forwardRef)(({ children, className, isSelected = false, isHighlighted = false, disabled = false, closeOnSelect: itemCloseOnSelect, as: Component = "button", onClick, ...rest }, ref) => {
36
+ const { onClose, itemProps, closeOnSelect: contextCloseOnSelect, } = (0, MenuRenderer_1.useMenuContext)();
37
+ const closeOnSelect = itemCloseOnSelect !== null && itemCloseOnSelect !== void 0 ? itemCloseOnSelect : contextCloseOnSelect;
37
38
  const clickHandler = (event) => {
38
39
  if (typeof onClick === "function") {
39
40
  onClick(event);
package/src/components/Icon/Icon.tsx CHANGED
@@ -142,6 +142,7 @@ import { faMapMarkerAlt } from "@fortawesome/free-solid-svg-icons/faMapMarkerAlt
142
142
  import { faMapSigns } from "@fortawesome/free-solid-svg-icons/faMapSigns";
143
143
  import { faMeteor } from "@fortawesome/free-solid-svg-icons/faMeteor";
144
144
  import { faMinus } from "@fortawesome/free-solid-svg-icons/faMinus";
145
+ import { faMinusCircle } from "@fortawesome/free-solid-svg-icons/faMinusCircle";
145
146
  import { faMoneyBill } from "@fortawesome/free-solid-svg-icons/faMoneyBill";
146
147
  import { faMoneyBillWave } from "@fortawesome/free-solid-svg-icons/faMoneyBillWave";
147
148
  import { faMoneyCheckAlt } from "@fortawesome/free-solid-svg-icons/faMoneyCheckAlt";
@@ -384,6 +385,7 @@ library.add(
384
385
  faMapSigns,
385
386
  faMeteor,
386
387
  faMinus,
388
+ faMinusCircle,
387
389
  faMoneyBill,
388
390
  faMoneyBillWave,
389
391
  faMoneyCheckAlt,
@@ -648,6 +650,7 @@ export enum ICON_TYPE {
648
650
  MAP_SIGNS = "map-signs",
649
651
  METEOR = "meteor",
650
652
  MINUS = "minus",
653
+ MINUS_CIRCLE = "minus-circle",
651
654
  MOUSE_POINTER = "mouse-pointer",
652
655
  PALETTE = "palette",
653
656
  PAPER_PLANE = "paper-plane",
package/src/components/Menu/MenuItem.tsx CHANGED
@@ -11,6 +11,7 @@ export interface MenuItemProps {
11
11
  isSelected?: boolean;
12
12
  isHighlighted?: boolean;
13
13
  disabled?: boolean;
14
+ closeOnSelect?: boolean;
14
15
  [key: string]: any;
15
16
  }
16
17
 
@@ -22,13 +23,21 @@ export const MenuItem = forwardRef<MenuItemProps, any>(
22
23
  isSelected = false,
23
24
  isHighlighted = false,
24
25
  disabled = false,
26
+ closeOnSelect: itemCloseOnSelect,
25
27
  as: Component = "button",
26
28
  onClick,
27
29
  ...rest
28
30
  },
29
31
  ref,
30
32
  ) => {
31
- const { onClose, itemProps, closeOnSelect } = useMenuContext();
33
+ const {
34
+ onClose,
35
+ itemProps,
36
+ closeOnSelect: contextCloseOnSelect,
37
+ } = useMenuContext();
38
+
39
+ const closeOnSelect = itemCloseOnSelect ?? contextCloseOnSelect;
40
+
32
41
  const clickHandler = (event: MouseEvent) => {
33
42
  if (typeof onClick === "function") {
34
43
  onClick(event);