sag_components 2.0.0-beta256 → 2.0.0-beta258
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.
- package/dist/index.esm.js +23 -20
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +23 -20
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -24649,25 +24649,26 @@ const IconContainer$2 = styled__default["default"].div`
|
|
|
24649
24649
|
cursor: pointer;
|
|
24650
24650
|
`;
|
|
24651
24651
|
|
|
24652
|
-
const QuickFilterDropdownMultiSelection =
|
|
24653
|
-
|
|
24654
|
-
|
|
24655
|
-
|
|
24656
|
-
|
|
24657
|
-
|
|
24658
|
-
|
|
24659
|
-
|
|
24660
|
-
|
|
24661
|
-
|
|
24662
|
-
|
|
24663
|
-
|
|
24664
|
-
|
|
24665
|
-
|
|
24666
|
-
|
|
24667
|
-
|
|
24668
|
-
|
|
24669
|
-
|
|
24670
|
-
|
|
24652
|
+
const QuickFilterDropdownMultiSelection = _ref => {
|
|
24653
|
+
let {
|
|
24654
|
+
label,
|
|
24655
|
+
labelEmptyValue,
|
|
24656
|
+
options,
|
|
24657
|
+
selectedValue,
|
|
24658
|
+
placeHolder,
|
|
24659
|
+
onChange,
|
|
24660
|
+
required,
|
|
24661
|
+
disabled,
|
|
24662
|
+
width,
|
|
24663
|
+
height,
|
|
24664
|
+
error,
|
|
24665
|
+
errorMessage,
|
|
24666
|
+
labelColor,
|
|
24667
|
+
xIconShow,
|
|
24668
|
+
checkBoxColor,
|
|
24669
|
+
showLabelOnTop,
|
|
24670
|
+
dropdownHeight
|
|
24671
|
+
} = _ref;
|
|
24671
24672
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
24672
24673
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
24673
24674
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
@@ -35672,14 +35673,15 @@ const MainContainer = styled__default["default"].div`
|
|
|
35672
35673
|
justify-content: flex-start;
|
|
35673
35674
|
align-items: flex-start;
|
|
35674
35675
|
width: ${props => props.width || '300px'};
|
|
35676
|
+
min-width: ${props => props.width || 'unset'};
|
|
35675
35677
|
height: ${props => props.height || '45px'};
|
|
35678
|
+
min-height: ${props => props.multiline ? '80px' : 'auto'};
|
|
35676
35679
|
font-family: "Poppins", sans-serif;
|
|
35677
35680
|
font-weight: 400;
|
|
35678
35681
|
font-size: 14px;
|
|
35679
35682
|
border-radius: ${props => props.size === 'small' ? '8px' : '12px'};
|
|
35680
35683
|
padding: 0;
|
|
35681
35684
|
cursor: ${props => props.disabled ? 'not-allowed' : 'default'};
|
|
35682
|
-
min-height: ${props => props.multiline ? '80px' : 'auto'};
|
|
35683
35685
|
`;
|
|
35684
35686
|
const Label$3 = styled__default["default"].label`
|
|
35685
35687
|
font-size: ${props => props.isFocused || props.hasValue ? '14px' : '14px'};
|
|
@@ -57286,6 +57288,7 @@ const scrollableStyles = `
|
|
|
57286
57288
|
const DropdownContainer = styled__default["default"].div`
|
|
57287
57289
|
position: relative;
|
|
57288
57290
|
width: ${props => props.width || '100%'};
|
|
57291
|
+
min-width: ${props => props.width || 'unset'};
|
|
57289
57292
|
font-family: "Poppins", sans-serif;
|
|
57290
57293
|
`;
|
|
57291
57294
|
const DropdownButton = styled__default["default"].button`
|