@boomerang-io/carbon-addons-boomerang-react 4.6.14-beta.13 → 4.6.14-beta.15

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 (4) hide show
  1. package/dist/cjs/components/Header/HeaderTeamSwitcher.js +62 -59
  2. package/dist/esm/components/Header/HeaderTeamSwitcher.js +62 -59
  3. package/package.json +1 -1
  4. package/scss/components/Creatable/_creatable.scss +1 -0
package/dist/cjs/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -100,7 +100,7 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
100
100
  };
101
101
  const handleNoTeamsToSelect = async () => {
102
102
  const body = {
103
- teamInstanceSwitcherDefault: null,
103
+ teamInstanceSwitcherDefault: "",
104
104
  };
105
105
  await mutateUserProfile({ baseServicesUrl, body });
106
106
  };
@@ -148,7 +148,7 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
148
148
  teamsQuery?.data?.personalTeam?.length === 0))) {
149
149
  handleNoTeamsToSelect();
150
150
  }
151
- else if (userTeamInstanceSwitcherDefault === null) {
151
+ else if (userTeamInstanceSwitcherDefault === null || userTeamInstanceSwitcherDefault === "") {
152
152
  setSelectedTeam(null);
153
153
  }
154
154
  }, [
@@ -301,67 +301,70 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
301
301
  React__default.default.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
302
302
  React__default.default.createElement(icons.AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname })))),
303
303
  allTeams.map((team) => {
304
- const isTeamSelected = team.id === selectedTeam?.id;
305
- if (team.type === TeamTypes.TEAM_TYPES.ACCOUNT) {
306
- const isSubmenuOpen = team.id === openAccountSubmenuId;
307
- const projectTeams = team.projectTeams;
308
- const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
309
- let selectedProjectTeamIndex = -1;
310
- if (existProjectTeams) {
311
- selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
312
- }
313
- const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
314
- const isMenuSelected = isTeamSelected || isProjectTeamSelected;
315
- if (existProjectTeams && isProjectTeamSelected) {
316
- const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
317
- projectTeams.unshift(removedTeam);
304
+ if (Boolean(team?.id)) {
305
+ const isTeamSelected = team.id === selectedTeam?.id;
306
+ if (team.type === TeamTypes.TEAM_TYPES.ACCOUNT) {
307
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
308
+ const projectTeams = team.projectTeams;
309
+ const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
310
+ let selectedProjectTeamIndex = -1;
311
+ if (existProjectTeams) {
312
+ selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
313
+ }
314
+ const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
315
+ const isMenuSelected = isTeamSelected || isProjectTeamSelected;
316
+ if (existProjectTeams && isProjectTeamSelected) {
317
+ const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
318
+ projectTeams.unshift(removedTeam);
319
+ }
320
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
321
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
322
+ // eslint-disable-next-line no-script-url
323
+ href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
324
+ React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
325
+ React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
326
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
327
+ isMenuSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null),
328
+ React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
329
+ React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
330
+ React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
331
+ React__default.default.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
332
+ React__default.default.createElement(react.HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
333
+ handleTeamClick({ team, type: "account" });
334
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
335
+ // eslint-disable-next-line no-script-url
336
+ href: "javascript:void(0)" },
337
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
338
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
339
+ isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)),
340
+ projectTeams && projectTeams.length > 0
341
+ ? projectTeams.map((team) => {
342
+ const isTeamSelected = team.id === selectedTeam?.id;
343
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
344
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
345
+ handleTeamClick({ team, type: "project" });
346
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
347
+ // eslint-disable-next-line no-script-url
348
+ href: "javascript:void(0)" },
349
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
350
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
351
+ isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
352
+ })
353
+ : null)));
318
354
  }
319
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
320
- React__default.default.createElement(react.HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
321
- // eslint-disable-next-line no-script-url
322
- href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
323
- React__default.default.createElement("div", { className: headerDropdownMenuItemAccountClassname },
324
- React__default.default.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
325
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
326
- isMenuSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
327
- React__default.default.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
328
- React__default.default.createElement(icons.GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
329
- React__default.default.createElement(icons.ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
330
- React__default.default.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
331
- React__default.default.createElement(react.HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
332
- handleTeamClick({ team, type: "account" });
333
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
355
+ else {
356
+ return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
357
+ React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
358
+ handleTeamClick({ team, type: team.type ?? "" });
359
+ }, "data-testid": "header-team-switcher-menu-item",
334
360
  // eslint-disable-next-line no-script-url
335
361
  href: "javascript:void(0)" },
336
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
337
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
338
- isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
339
- projectTeams && projectTeams.length > 0
340
- ? projectTeams.map((team) => {
341
- const isTeamSelected = team.id === selectedTeam?.id;
342
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
343
- React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
344
- handleTeamClick({ team, type: "project" });
345
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
346
- // eslint-disable-next-line no-script-url
347
- href: "javascript:void(0)" },
348
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
349
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
350
- isTeamSelected ? (React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
351
- })
352
- : null)));
353
- }
354
- else {
355
- return (React__default.default.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
356
- React__default.default.createElement(react.HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
357
- handleTeamClick({ team, type: team.type ?? "" });
358
- }, "data-testid": "header-team-switcher-menu-item",
359
- // eslint-disable-next-line no-script-url
360
- href: "javascript:void(0)" },
361
- React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
362
- React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
363
- isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
362
+ React__default.default.createElement("div", { className: headerDropdownMenuItemClassname },
363
+ React__default.default.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
364
+ isTeamSelected ? React__default.default.createElement(icons.CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
365
+ }
364
366
  }
367
+ return null;
365
368
  })))));
366
369
  }
367
370
  return null;
package/dist/esm/components/Header/HeaderTeamSwitcher.js CHANGED
@@ -91,7 +91,7 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
91
91
  };
92
92
  const handleNoTeamsToSelect = async () => {
93
93
  const body = {
94
- teamInstanceSwitcherDefault: null,
94
+ teamInstanceSwitcherDefault: "",
95
95
  };
96
96
  await mutateUserProfile({ baseServicesUrl, body });
97
97
  };
@@ -139,7 +139,7 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
139
139
  teamsQuery?.data?.personalTeam?.length === 0))) {
140
140
  handleNoTeamsToSelect();
141
141
  }
142
- else if (userTeamInstanceSwitcherDefault === null) {
142
+ else if (userTeamInstanceSwitcherDefault === null || userTeamInstanceSwitcherDefault === "") {
143
143
  setSelectedTeam(null);
144
144
  }
145
145
  }, [
@@ -292,67 +292,70 @@ function HeaderTeamSwitcher({ analyticsHelpers, baseServicesUrl, createJoinTeamT
292
292
  React.createElement("span", { className: headerTeamSwitcherCreateTeamButtonTextClassname }, createTeamButtonText),
293
293
  React.createElement(AddAlt, { className: headerTeamSwitcherCreateTeamButtonIconClassname })))),
294
294
  allTeams.map((team) => {
295
- const isTeamSelected = team.id === selectedTeam?.id;
296
- if (team.type === TEAM_TYPES.ACCOUNT) {
297
- const isSubmenuOpen = team.id === openAccountSubmenuId;
298
- const projectTeams = team.projectTeams;
299
- const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
300
- let selectedProjectTeamIndex = -1;
301
- if (existProjectTeams) {
302
- selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
303
- }
304
- const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
305
- const isMenuSelected = isTeamSelected || isProjectTeamSelected;
306
- if (existProjectTeams && isProjectTeamSelected) {
307
- const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
308
- projectTeams.unshift(removedTeam);
295
+ if (Boolean(team?.id)) {
296
+ const isTeamSelected = team.id === selectedTeam?.id;
297
+ if (team.type === TEAM_TYPES.ACCOUNT) {
298
+ const isSubmenuOpen = team.id === openAccountSubmenuId;
299
+ const projectTeams = team.projectTeams;
300
+ const existProjectTeams = Array.isArray(projectTeams) && projectTeams.length > 0;
301
+ let selectedProjectTeamIndex = -1;
302
+ if (existProjectTeams) {
303
+ selectedProjectTeamIndex = projectTeams.findIndex((team) => team.id === selectedTeam?.id);
304
+ }
305
+ const isProjectTeamSelected = selectedProjectTeamIndex >= 0;
306
+ const isMenuSelected = isTeamSelected || isProjectTeamSelected;
307
+ if (existProjectTeams && isProjectTeamSelected) {
308
+ const [removedTeam] = projectTeams.splice(selectedProjectTeamIndex, 1);
309
+ projectTeams.unshift(removedTeam);
310
+ }
311
+ return (React.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
312
+ React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
313
+ // eslint-disable-next-line no-script-url
314
+ href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
315
+ React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
316
+ React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
317
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
318
+ isMenuSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null),
319
+ React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
320
+ React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
321
+ React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
322
+ React.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
323
+ React.createElement(HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
324
+ handleTeamClick({ team, type: "account" });
325
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
326
+ // eslint-disable-next-line no-script-url
327
+ href: "javascript:void(0)" },
328
+ React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
329
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
330
+ isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null)),
331
+ projectTeams && projectTeams.length > 0
332
+ ? projectTeams.map((team) => {
333
+ const isTeamSelected = team.id === selectedTeam?.id;
334
+ return (React.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
335
+ React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
336
+ handleTeamClick({ team, type: "project" });
337
+ }, "data-testid": "header-team-switcher-menu-account-accordion-item",
338
+ // eslint-disable-next-line no-script-url
339
+ href: "javascript:void(0)" },
340
+ React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
341
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
342
+ isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
343
+ })
344
+ : null)));
309
345
  }
310
- return (React.createElement("div", { key: team.id, id: `${team.id}-account-menu` },
311
- React.createElement(HeaderMenuItem, { "aria-expanded": isSubmenuOpen, "aria-selected": isMenuSelected, className: headerDropdownMenuItemAccountContainerClassname, onClick: (e) => handleOpenAccountSubmenu({ e, id: team.id }),
312
- // eslint-disable-next-line no-script-url
313
- href: "javascript:void(0)", "data-testid": "header-team-switcher-menu-account-accordion" },
314
- React.createElement("div", { className: headerDropdownMenuItemAccountClassname },
315
- React.createElement("div", { className: headerDropdownMenuItemTextIconClassname },
316
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
317
- isMenuSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null),
318
- React.createElement("div", { className: headerDropdownMenuItemAccountIconsClassname },
319
- React.createElement(GroupAccount, { className: headerDropdownMenuItemAccountGroupIconClassname }),
320
- React.createElement(ChevronDown, { className: headerDropdownMenuItemAccountChevronIconClassname })))),
321
- React.createElement("div", { id: `${team.id}-account-submenu`, key: `${team.id}-account-submenu`, "aria-expanded": isSubmenuOpen, className: headerDropdownMenuItemAccountSubmenuClassname },
322
- React.createElement(HeaderMenuItem, { key: `${team.id}-menu-item`, id: `${team.id}-account-menu-item`, "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
323
- handleTeamClick({ team, type: "account" });
324
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
346
+ else {
347
+ return (React.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
348
+ React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
349
+ handleTeamClick({ team, type: team.type ?? "" });
350
+ }, "data-testid": "header-team-switcher-menu-item",
325
351
  // eslint-disable-next-line no-script-url
326
352
  href: "javascript:void(0)" },
327
- React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
328
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, "Account Page"),
329
- isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null)),
330
- projectTeams && projectTeams.length > 0
331
- ? projectTeams.map((team) => {
332
- const isTeamSelected = team.id === selectedTeam?.id;
333
- return (React.createElement("div", { key: team.id, id: `${team.id}-project-menu-item` },
334
- React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
335
- handleTeamClick({ team, type: "project" });
336
- }, "data-testid": "header-team-switcher-menu-account-accordion-item",
337
- // eslint-disable-next-line no-script-url
338
- href: "javascript:void(0)" },
339
- React.createElement("div", { className: headerDropdownMenuItemClassname, style: { paddingLeft: "1rem" } },
340
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
341
- isTeamSelected ? (React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname })) : null))));
342
- })
343
- : null)));
344
- }
345
- else {
346
- return (React.createElement("div", { key: team.id, id: `${team.id}-${team.type}-menu-item` },
347
- React.createElement(HeaderMenuItem, { "aria-selected": isTeamSelected, className: headerDropdownMenuItemContainerClassname, onClick: () => {
348
- handleTeamClick({ team, type: team.type ?? "" });
349
- }, "data-testid": "header-team-switcher-menu-item",
350
- // eslint-disable-next-line no-script-url
351
- href: "javascript:void(0)" },
352
- React.createElement("div", { className: headerDropdownMenuItemClassname },
353
- React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
354
- isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
353
+ React.createElement("div", { className: headerDropdownMenuItemClassname },
354
+ React.createElement("span", { title: team.nameToDisplay, className: headerDropdownMenuItemTextClassname }, team.nameToDisplay),
355
+ isTeamSelected ? React.createElement(CheckmarkFilled, { className: headerDropdownMenuItemIconClassname }) : null))));
356
+ }
355
357
  }
358
+ return null;
356
359
  })))));
357
360
  }
358
361
  return null;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@boomerang-io/carbon-addons-boomerang-react",
3
3
  "description": "Carbon Addons for Boomerang apps",
4
- "version": "4.6.14-beta.13",
4
+ "version": "4.6.14-beta.15",
5
5
  "author": {
6
6
  "name": "Tim Bula",
7
7
  "email": "timrbula@gmail.com"
package/scss/components/Creatable/_creatable.scss CHANGED
@@ -44,6 +44,7 @@ IBM Confidential
44
44
  .#{$prefix}--bmrg-creatable__tags--reorderable {
45
45
  display: flex;
46
46
  flex-direction: column;
47
+ margin-top: 0.5rem;
47
48
  width: 100%;
48
49
 
49
50
  .cds--tag {