Merge branch 'main' of https://github.com/gsoft-inc/ov-igloo-ui into …

…feature/IGL-115-action-menu_drodpown-props
workleap · Jan 17, 2024 · 7419f84 · 7419f84
2 parents c6250e0 + 278e7ec
commit 7419f84
Show file tree

Hide file tree

Showing 97 changed files with 531 additions and 108 deletions.
diff --git a/packages/ActionMenu/CHANGELOG.md b/packages/ActionMenu/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @igloo-ui/action-menu
 
+## 1.3.5
+
+### Patch Changes
+
+- ed3dc67: Added optional helper text prop to be passed to dropdown
+
+## 1.3.4
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+- Updated dependencies [cfb5619]
+  - @igloo-ui/dropdown@1.6.6
+  - @igloo-ui/list@0.5.5
+
 ## 1.3.3
 
 ### Patch Changes

diff --git a/packages/ActionMenu/package.json b/packages/ActionMenu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/action-menu",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "main": "dist/ActionMenu.js",
   "module": "dist/ActionMenu.js",
   "types": "dist/ActionMenu.d.ts",
@@ -25,14 +25,15 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.0.0",
-    "@igloo-ui/dropdown": "^1.6.5",
-    "@igloo-ui/list": "^0.5.4",
+    "@igloo-ui/dropdown": "^1.6.6",
+    "@igloo-ui/list": "^0.5.5",
     "@hopper-ui/tokens": "^3.1.3",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/button": "^0.7.4",
+    "@igloo-ui/helper-text": "^0.2.16",
     "@igloo-ui/icon-button": "^1.1.6"
   },
   "browserslist": [

diff --git a/packages/ActionMenu/src/ActionMenu.stories.tsx b/packages/ActionMenu/src/ActionMenu.stories.tsx
@@ -3,6 +3,7 @@ import isChromatic from 'chromatic/isChromatic';
 
 import IconButton from '@igloo-ui/icon-button';
 import Button from '@igloo-ui/button';
+import HelperText from '@igloo-ui/helper-text';
 import Kebab from '@igloo-ui/icons/dist/Kebab';
 import AddSolid from '@igloo-ui/icons/dist/AddSolid';
 import Delete from '@igloo-ui/icons/dist/Delete';
@@ -278,3 +279,15 @@ export const Events = () => {
     </ChromaticWrapper>
   );
 };
+
+export const WithFooter = () => {
+  return (
+    <ChromaticWrapper>
+      <ActionMenu
+        renderReference={kebab}
+        options={actionMenuListEvents}
+        footer={<HelperText>Helper text</HelperText>}
+      />
+    </ChromaticWrapper>
+  );
+};
diff --git a/packages/ActionMenu/src/ActionMenu.tsx b/packages/ActionMenu/src/ActionMenu.tsx
@@ -55,6 +55,8 @@ export interface ActionMenuProps extends React.ComponentProps<"div"> {
     renderReference: (
         props: React.HTMLProps<HTMLButtonElement>,
     ) => React.ReactElement;
+    /** Footer to display helper text or other content below the options */
+    footer?: React.ReactNode;
 }
 
 const ActionMenu: React.FunctionComponent<ActionMenuProps> = ({
@@ -70,6 +72,7 @@ const ActionMenu: React.FunctionComponent<ActionMenuProps> = ({
     options,
     position = "bottom-end",
     renderReference,
+    footer,
     ...rest
 }: ActionMenuProps) => {
     const actionMenuOptions = options.map((option): OptionType => {
@@ -81,7 +84,7 @@ const ActionMenu: React.FunctionComponent<ActionMenuProps> = ({
 
     const [showMenu, setShowMenu] = React.useState(isOpen);
     const [currentFocusedOption, setCurrentFocusedOption] =
-    React.useState<OptionType>();
+        React.useState<OptionType>();
 
     const isOptionDisabled = (option: OptionType | undefined): boolean => {
         if (option?.type === "list") {
@@ -138,7 +141,7 @@ const ActionMenu: React.FunctionComponent<ActionMenuProps> = ({
         const enabledOptions = actionMenuOptions.filter(
             option => !isOptionDisabled(option)
         );
-        if (!enabledOptions.length) {return;}
+        if (!enabledOptions.length) { return; }
 
         let currentFocusedIndex = -1;
         if (currentFocusedOption) {
@@ -265,6 +268,7 @@ const ActionMenu: React.FunctionComponent<ActionMenuProps> = ({
                         className: "ids-action-menu__trigger"
                     });
                 }}
+                footer={footer}
             />
         </div>
     );

diff --git a/packages/ActionMenu/src/action-menu.scss b/packages/ActionMenu/src/action-menu.scss
@@ -11,12 +11,11 @@
 }
 
 [data-brand="workleap"] {
-  --ids-action-menu-font-family:  var(--hop-body-sm-font-family);
+  --ids-action-menu-font-family: var(--hop-body-sm-font-family);
   --ids-action-menu-font-size: var(--hop-body-sm-font-size);
 }
 
 .ids-action-menu {
   font-family: var(--ids-action-menu-font-family);
   font-size: var(--ids-action-menu-font-size);
-}
-
+}
diff --git a/packages/Alert/CHANGELOG.md b/packages/Alert/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @igloo-ui/alert
 
+## 0.6.5
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+- Updated dependencies [cfb5619]
+- Updated dependencies [cfb5619]
+  - @igloo-ui/button@0.7.7
+  - @igloo-ui/icon-button@1.1.7
+
 ## 0.6.4
 
 ### Patch Changes

diff --git a/packages/Alert/package.json b/packages/Alert/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/alert",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "main": "dist/Alert.js",
   "module": "dist/Alert.js",
   "types": "dist/Alert.d.ts",
@@ -24,15 +24,15 @@
     "build": "rollup -c rollup.config.js"
   },
   "dependencies": {
-    "@igloo-ui/button": "^0.7.4",
-    "@igloo-ui/icon-button": "^1.1.6",
+    "@igloo-ui/button": "^0.7.7",
+    "@igloo-ui/icon-button": "^1.1.7",
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.0.0",
     "@hopper-ui/tokens": "^3.1.3",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
-    "@igloo-ui/tooltip": "^3.4.3",
-    "@igloo-ui/hyperlink": "^0.3.3"
+    "@igloo-ui/tooltip": "^3.4.4",
+    "@igloo-ui/hyperlink": "^0.3.4"
   }
 }
diff --git a/packages/AreaChart/CHANGELOG.md b/packages/AreaChart/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/area-chart
 
+## 1.1.1
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 1.1.0
 
 ### Minor Changes

diff --git a/packages/AreaChart/package.json b/packages/AreaChart/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/area-chart",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "dist/AreaChart.js",
   "module": "dist/AreaChart.js",
   "types": "dist/AreaChart.d.ts",

diff --git a/packages/Avatar/CHANGELOG.md b/packages/Avatar/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/avatar
 
+## 0.2.4
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.2.3
 
 ### Patch Changes

diff --git a/packages/Avatar/package.json b/packages/Avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/avatar",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "dist/Avatar.js",
   "module": "dist/Avatar.js",
   "types": "dist/Avatar.d.ts",

diff --git a/packages/BarChart/CHANGELOG.md b/packages/BarChart/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/bar-chart
 
+## 0.3.4
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.3.3
 
 ### Patch Changes

diff --git a/packages/BarChart/package.json b/packages/BarChart/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/bar-chart",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "main": "dist/BarChart.js",
   "module": "dist/BarChart.js",
   "types": "dist/BarChart.d.ts",

diff --git a/packages/Breadcrumb/CHANGELOG.md b/packages/Breadcrumb/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/breadcrumb
 
+## 0.2.5
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.2.4
 
 ### Patch Changes

diff --git a/packages/Breadcrumb/package.json b/packages/Breadcrumb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/breadcrumb",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "main": "dist/Breadcrumb.js",
   "module": "dist/Breadcrumb.js",
   "types": "dist/Breadcrumb.d.ts",

diff --git a/packages/Button/CHANGELOG.md b/packages/Button/CHANGELOG.md
@@ -1,5 +1,18 @@
 # Change Log
 
+## 0.7.7
+
+### Patch Changes
+
+- cfb5619: Fixed button padding. Also removed styles on loader buttons so they don't show up on focus.
+- cfb5619: Updated hopper token versions and button versions.
+
+## 0.7.6
+
+### Patch Changes
+
+- 5c12940: Fixed button padding. Also removed styles on loader buttons so they don't show up on focus.
+
 ## 0.7.5
 
 ### Patch Changes

diff --git a/packages/Button/package.json b/packages/Button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/button",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "main": "dist/Button.js",
   "module": "dist/Button.js",
   "types": "dist/Button.d.ts",

diff --git a/packages/ButtonGroup/CHANGELOG.md b/packages/ButtonGroup/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/button-group
 
+## 0.3.5
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.3.4
 
 ### Patch Changes

diff --git a/packages/ButtonGroup/package.json b/packages/ButtonGroup/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/button-group",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "main": "dist/ButtonGroup.js",
   "module": "dist/ButtonGroup.js",
   "types": "dist/ButtonGroup.d.ts",
@@ -35,6 +35,6 @@
   ],
   "devDependencies": {
     "@igloo-ui/icons": "^1.12.2",
-    "@igloo-ui/tooltip": "^3.4.3"
+    "@igloo-ui/tooltip": "^3.4.4"
   }
 }
diff --git a/packages/Card/CHANGELOG.md b/packages/Card/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/card
 
+## 0.1.4
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.1.3
 
 ### Patch Changes

diff --git a/packages/Card/package.json b/packages/Card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/card",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "dist/Card.js",
   "module": "dist/Card.js",
   "types": "dist/Card.d.ts",

diff --git a/packages/Carousel/CHANGELOG.md b/packages/Carousel/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/carousel
 
+## 0.2.4
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.2.3
 
 ### Patch Changes

diff --git a/packages/Carousel/package.json b/packages/Carousel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/carousel",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "dist/Carousel.js",
   "module": "dist/Carousel.js",
   "types": "dist/Carousel.d.ts",
@@ -29,7 +29,7 @@
     "classnames": "^2.3.2"
   },
   "devDependencies": {
-    "@igloo-ui/button": "^0.7.4"
+    "@igloo-ui/button": "^0.7.7"
   },
   "browserslist": [
     "> 1%",

diff --git a/packages/Checkbox/CHANGELOG.md b/packages/Checkbox/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/checkbox
 
+## 0.2.7
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.2.6
 
 ### Patch Changes

diff --git a/packages/Checkbox/package.json b/packages/Checkbox/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@igloo-ui/checkbox",
-    "version": "0.2.6",
+    "version": "0.2.7",
     "main": "dist/Checkbox.js",
     "module": "dist/Checkbox.js",
     "types": "dist/Checkbox.d.ts",

diff --git a/packages/Color/CHANGELOG.md b/packages/Color/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @igloo-ui/color
 
+## 0.3.3
+
+### Patch Changes
+
+- cfb5619: Updated hopper token versions and button versions.
+
 ## 0.3.2
 
 ### Patch Changes

diff --git a/packages/Color/package.json b/packages/Color/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igloo-ui/color",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "main": "dist/Color.js",
   "module": "dist/Color.js",
   "types": "dist/Color.d.ts",