@konturio/ui-kit - npm Package Compare versions

Comparing version 3.0.0-alpha.58 to 3.0.0-alpha.59

package.json

 {
   "name": "@konturio/ui-kit",
-  "version": "3.0.0-alpha.58",
+  "version": "3.0.0-alpha.59",
   "repository": {
@@ -32,3 +32,3 @@ "type": "git",
   },
-  "gitHead": "007a44004cbf1fe7d576789e08ae2b309aa1a8ab"
+  "gitHead": "e846358540436749841b984fc5251b97d1a1bd45"
 }

tslib/Select/components/SelectButton/index.js

@@ -21,3 +21,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     var { children = 'Select', item, open = false, label, className, classes, toggleProps, labelProps, disabled, error, type, withResetButton = true, reset, multiselect } = _a, props = __rest(_a, ["children", "item", "open", "label", "className", "classes", "toggleProps", "labelProps", "disabled", "error", "type", "withResetButton", "reset", "multiselect"]);
-    const dynamicClasses = cn({
+    const dynamicClasses = cn('selectButton', className, {
         [style.root]: true,
@@ -27,3 +27,2 @@ [style.disabled]: disabled,
         [style.inline]: type === 'inline',
-        className,
     });
@@ -49,3 +48,3 @@ const onReset = useCallback((e) => {
     }
-    return (_jsxs("div", Object.assign({ className: dynamicClasses }, props, { ref: ref }, { children: [label && (_jsx("label", Object.assign({ className: cn(style.label, classes === null || classes === void 0 ? void 0 : classes.label) }, labelProps, { children: label }))), _jsxs("button", Object.assign({ disabled: disabled, type: "button", "aria-label": "toggle menu" }, toggleProps, { className: cn(style.selectBox, classes === null || classes === void 0 ? void 0 : classes.selectBox) }, { children: [_jsx("div", Object.assign({ className: cn({
+    return (_jsxs("div", Object.assign({ className: dynamicClasses }, props, { ref: ref }, { children: [label && (_jsx("label", Object.assign({ className: cn(style.label, classes === null || classes === void 0 ? void 0 : classes.label) }, labelProps, { children: label }))), _jsxs("button", Object.assign({ disabled: disabled, type: "button", "aria-label": "toggle menu" }, toggleProps, { className: cn('selectBox', style.selectBox, classes === null || classes === void 0 ? void 0 : classes.selectBox) }, { children: [_jsx("div", Object.assign({ className: cn({
                             [style.placeholder]: true,
@@ -55,7 +54,7 @@ [style.nonInteractable]: multiselect !== MULTISELECT_TYPE_AGGREGATE && multiselect !== MULTISELECT_TYPE_CHIPS,
                             [(classes === null || classes === void 0 ? void 0 : classes.placeholder) || '']: classes === null || classes === void 0 ? void 0 : classes.placeholder,
-                        }) }, { children: placeholderContent })), _jsxs("div", Object.assign({ className: style.buttonsContainer }, { children: [withResetButton &&
+                        }) }, { children: placeholderContent })), _jsxs("div", Object.assign({ className: cn(style.buttonsContainer, 'buttonsContainer') }, { children: [withResetButton &&
                                 item &&
                                 multiselect !== MULTISELECT_TYPE_AGGREGATE &&
-                                multiselect !== MULTISELECT_TYPE_CHIPS ? (_jsx(Close16, { className: style.resetIcon, onClick: onReset })) : null, open ? _jsx(ChevronUp16, {}) : _jsx(ChevronDown16, {})] }))] })), error && typeof error === 'string' ? (_jsx("div", Object.assign({ className: cn(style.errorMessage, classes === null || classes === void 0 ? void 0 : classes.error) }, { children: error }))) : null] })));
+                                multiselect !== MULTISELECT_TYPE_CHIPS ? (_jsx(Close16, { className: style.resetIcon, onClick: onReset })) : null, open ? _jsx(ChevronUp16, {}) : _jsx(ChevronDown16, {})] }))] })), error && typeof error === 'string' ? (_jsx("div", Object.assign({ className: cn('errorMessage', style.errorMessage, classes === null || classes === void 0 ? void 0 : classes.error) }, { children: error }))) : null] })));
 });
 SelectButton.displayName = 'SelectButton';

tslib/Select/index.d.ts

@@ -23,2 +23,3 @@ import React from 'react';
         menuItem?: string;
+        noValue?: string;
     };
@@ -25,0 +26,0 @@ onChange?: (changes: UseSelectStateChange<SelectItemType>) => void;

tslib/Select/index.js

@@ -135,3 +135,4 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
-    return (_jsxs("div", Object.assign({ ref: ref, className: cn(className, {
+    const noValue = !selectedItem && !selectedItems.length;
+    return (_jsxs("div", Object.assign({ ref: ref, className: cn(className, noValue && (classes === null || classes === void 0 ? void 0 : classes.noValue), {
             [style.select]: true,
@@ -138,0 +139,0 @@ [style.open]: isOpen,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

391989

increased by0.07%

Lines of code

6957

increased by0.01%

No dependency changes