@mtes-mct/monitor-ui 9.0.1 → 9.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [9.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v9.0.1...v9.1.0) (2023-08-25)
+
+
+### Features
+
+* **elements:** add isCompact prop to IconButton ([ec25e63](https://github.com/MTES-MCT/monitor-ui/commit/ec25e63a2dc4b5a2ba846c499819ac02c6a91651))
+
+## [9.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v9.0.0...v9.0.1) (2023-08-23)
+
+
+### Bug Fixes
+
+* **components:** fix secondary dropdown item size ([1cb5c9c](https://github.com/MTES-MCT/monitor-ui/commit/1cb5c9c95c349581fb4ae1b9ac9bf3cd04718698))
+
 # [9.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v8.8.0...v9.0.0) (2023-08-23)
 
 

package/index.js

@@ -2957,7 +2957,7 @@ const ICON_SIZE_IN_PX = {
     [Size.NORMAL]: 20,
     [Size.SMALL]: 14
 };
-function IconButton({ accent = Accent.PRIMARY, className, color, Icon, iconSize, onClick, size = Size.NORMAL, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
+function IconButton({ accent = Accent.PRIMARY, className, color, Icon, iconSize, isCompact, onClick, size = Size.NORMAL, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
     const handleClick = useCallback((event) => {
         if (withUnpropagatedClick) {
             stopMouseEventPropagation(event);
@@ -2970,11 +2970,12 @@ function IconButton({ accent = Accent.PRIMARY, className, color, Icon, iconSize,
     const commonProps = useMemo(() => ({
         children: commonChildren,
         className: classnames('Element-IconButton', className),
+        isCompact,
         onClick: handleClick,
         size,
         type,
         ...nativeProps
-    }), [className, commonChildren, handleClick, nativeProps, size, type]);
+    }), [className, commonChildren, handleClick, isCompact, nativeProps, size, type]);
     switch (accent) {
         case Accent.SECONDARY:
             return jsx(SecondaryButton, { as: StyledButton, ...commonProps });
@@ -2989,35 +2990,58 @@ const PADDING$1 = {
     [Size.NORMAL]: '5px',
     [Size.SMALL]: '3px'
 };
+// We can't use $-prefixed props here for some reason (maybe because the `as` prop exclude them?).
 const StyledButton = styled.button `
   align-items: center;
   display: flex;
   justify-content: center;
-  padding: ${p => PADDING$1[p.size]};
+  padding: ${p => (p.isCompact ? 0 : PADDING$1[p.size])};
+
+  ${p => p.isCompact &&
+    css `
+      border: 0;
+
+      :hover,
+      &._hover {
+        border: 0;
+      }
+      border: 0;
+
+      :active,
+      &._active {
+        border: 0;
+      }
+      border: 0;
+
+      :disabled,
+      &._disabled {
+        border: 0;
+      }
+    `}
 `;
 const TertiaryButton = styled.button `
   background-color: transparent;
-  border: 1px solid transparent;
+  border: ${p => (p.isCompact ? 0 : '1px solid transparent')};
   color: ${p => p.theme.color.charcoal};
 
   :hover,
   &._hover {
     background-color: transparent;
-    border: 1px solid transparent;
+    border: ${p => (p.isCompact ? 0 : '1px solid transparent')};
     color: ${p => p.theme.color.blueYonder['100']};
   }
 
   :active,
   &._active {
     background-color: transparent;
-    border: 1px solid transparent;
+    border: ${p => (p.isCompact ? 0 : '1px solid transparent')};
     color: ${p => p.theme.color.blueGray['100']};
   }
 
   :disabled,
   &._disabled {
     background-color: transparent;
-    border: 1px solid transparent;
+    border: ${p => (p.isCompact ? 0 : '1px solid transparent')};
     color: ${p => p.theme.color.lightGray};
   }
 `;
@@ -26080,7 +26104,7 @@ class CustomSearch {
     #isDiacriticSensitive;
     /** See {@link CustomSearchOptions.isStrict}. */
     #isStrict;
-    constructor(collection, keys, { cacheKey, isCaseSensitive = false, isDiacriticSensitive = false, isStrict = false, threshold = 0.6 } = {}) {
+    constructor(collection, keys, { cacheKey, isCaseSensitive = false, isDiacriticSensitive = false, isStrict = false, shouldIgnoreLocation = true, threshold = 0.4 } = {}) {
         const maybeCache = cacheKey ? FUSE_SEARCH_CACHE[cacheKey] : undefined;
         // eslint-disable-next-line no-nested-ternary
         const normalizedCollection = maybeCache
@@ -26090,7 +26114,7 @@ class CustomSearch {
                 : CustomSearch.cleanCollectionDiacritics(collection, keys);
         this.#fuse = new Fuse(normalizedCollection, 
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        { isCaseSensitive, keys, threshold, useExtendedSearch: isStrict }, maybeCache ? Fuse.parseIndex(maybeCache.fuseSearchIndex) : undefined);
+        { ignoreLocation: shouldIgnoreLocation, isCaseSensitive, keys, threshold, useExtendedSearch: isStrict }, maybeCache ? Fuse.parseIndex(maybeCache.fuseSearchIndex) : undefined);
         this.#isDiacriticSensitive = isDiacriticSensitive;
         this.#isStrict = isStrict;
         this.#originalCollection = maybeCache ? maybeCache.originalCollection : collection;