@appquality/unguess-design-system 2.12.57 → 2.12.59

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v2.12.59 (Thu Jan 19 2023)
+
+#### 🐛 Bug Fix
+
+- Allow isCompact on counter multiselect [#181](https://github.com/AppQuality/unguess-design-system/pull/181) ([@d-beezee](https://github.com/d-beezee))
+- feat(countermulti): Allow isCompact [#180](https://github.com/AppQuality/unguess-design-system/pull/180) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 1
+
+- [@d-beezee](https://github.com/d-beezee)
+
+---
+
+# v2.12.58 (Tue Jan 17 2023)
+
+#### 🐛 Bug Fix
+
+- Develop [#179](https://github.com/AppQuality/unguess-design-system/pull/179) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.12.57 (Tue Jan 17 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -1818,7 +1818,7 @@ const StyledAutocomplete = styled__default["default"](reactDropdowns.Autocomplet
     }
   `}
 `;
-const CounterMultiselect = ({ options, label, i18n, onChange, }) => {
+const CounterMultiselect = ({ options, label, i18n, onChange, isCompact, }) => {
     var _a, _b;
     const [selectedItems, setSelectedItems] = React.useState(options.filter((o) => o.selected));
     const [inputValue, setInputValue] = React.useState("");
@@ -1841,11 +1841,11 @@ const CounterMultiselect = ({ options, label, i18n, onChange, }) => {
                 }
             }, downshiftProps: {
                 itemToString: (item) => item && item.id,
-            }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(reactDropdowns.Field, { children: [label && jsxRuntime.jsx(reactDropdowns.Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
+            }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(reactDropdowns.Field, { children: [label && jsxRuntime.jsx(reactDropdowns.Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ isCompact: isCompact, hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
                                 ? (i18n === null || i18n === void 0 ? void 0 : i18n.counterText)
                                     ? i18n.counterText(selectedItems.length)
                                     : `Items (${selectedItems.length})`
-                                : (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(reactDropdowns.Menu, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ value: option }, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.id)))) })] })) }));
+                                : (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(reactDropdowns.Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ value: option }, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.id)))) }))] })) }));
 };
 
 const UgSelect = styled__default["default"](reactDropdowns.Select) `
@@ -4314,6 +4314,7 @@ const StyledSlick = styled__default["default"](SlickSlider__default["default"])
           height: 100%;
           width: auto;
           margin: 0 auto;
+          max-width: 100%;
         }
 
         &.dragging img {

package/build/stories/dropdowns/countermultiselect/_types.d.ts

@@ -5,6 +5,7 @@ export interface CounterMultiselectArgs {
         label: string;
         selected?: boolean;
     }[];
+    isCompact?: boolean;
     label?: React.ReactNode;
     onChange?: (selectedItems: CounterMultiselectArgs["options"]) => void;
     i18n?: {

package/build/stories/dropdowns/countermultiselect/index.d.ts

@@ -1,3 +1,3 @@
 import { CounterMultiselectArgs } from "./_types";
-declare const CounterMultiselect: ({ options, label, i18n, onChange, }: CounterMultiselectArgs) => JSX.Element;
+declare const CounterMultiselect: ({ options, label, i18n, onChange, isCompact, }: CounterMultiselectArgs) => JSX.Element;
 export { CounterMultiselect };

package/build/stories/dropdowns/countermultiselect/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from "@storybook/react";
 import { CounterMultiselectArgs } from "./_types";
 export declare const Default: Story<CounterMultiselectArgs>;
-declare const _default: ComponentMeta<({ options, label, i18n, onChange, }: CounterMultiselectArgs) => JSX.Element>;
+declare const _default: ComponentMeta<({ options, label, i18n, onChange, isCompact, }: CounterMultiselectArgs) => JSX.Element>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.57",
+  "version": "2.12.59",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",