sag_components 2.0.0-beta115 → 2.0.0-beta117
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.d.ts +2 -1
- package/dist/index.esm.js +19 -18
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +19 -18
- package/dist/index.js.map +1 -1
- package/dist/types/components/OverlayDropdown/OverlayDropdown.d.ts +2 -1
- package/dist/types/components/OverlayDropdown/OverlayDropdown.stories.d.ts +17 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -23907,21 +23907,22 @@ const DeleteIcon = styled__default["default"].div`
|
|
|
23907
23907
|
position: absolute;
|
|
23908
23908
|
`;
|
|
23909
23909
|
|
|
23910
|
-
const QuickFilterDropdownSingle =
|
|
23911
|
-
|
|
23912
|
-
|
|
23913
|
-
|
|
23914
|
-
|
|
23915
|
-
|
|
23916
|
-
|
|
23917
|
-
|
|
23918
|
-
|
|
23919
|
-
|
|
23920
|
-
|
|
23921
|
-
|
|
23922
|
-
|
|
23923
|
-
|
|
23924
|
-
|
|
23910
|
+
const QuickFilterDropdownSingle = _ref => {
|
|
23911
|
+
let {
|
|
23912
|
+
label,
|
|
23913
|
+
hoverColor,
|
|
23914
|
+
options,
|
|
23915
|
+
selectedValue,
|
|
23916
|
+
placeHolder,
|
|
23917
|
+
onChange,
|
|
23918
|
+
disabled,
|
|
23919
|
+
width,
|
|
23920
|
+
error,
|
|
23921
|
+
errorMessage,
|
|
23922
|
+
xIconShow,
|
|
23923
|
+
labelColor,
|
|
23924
|
+
showLabelOnTop
|
|
23925
|
+
} = _ref;
|
|
23925
23926
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
23926
23927
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
23927
23928
|
const [inputValue, setInputValue] = React$1.useState("");
|
|
@@ -51135,7 +51136,6 @@ const scrollableStyles = `
|
|
|
51135
51136
|
const DropdownContainer = styled__default["default"].div`
|
|
51136
51137
|
position: relative;
|
|
51137
51138
|
width: ${props => props.width || '100%'};
|
|
51138
|
-
max-width: 420px;
|
|
51139
51139
|
font-family: "Poppins", sans-serif;
|
|
51140
51140
|
`;
|
|
51141
51141
|
const DropdownButton = styled__default["default"].button`
|
|
@@ -51153,6 +51153,7 @@ const DropdownButton = styled__default["default"].button`
|
|
|
51153
51153
|
color: #D0D0D0;
|
|
51154
51154
|
cursor: not-allowed;
|
|
51155
51155
|
border: 1px solid #D0D0D0;
|
|
51156
|
+
background: ${props => props.isDarkerBackground ? '#F2F2F2' : '#fff'};
|
|
51156
51157
|
`}
|
|
51157
51158
|
`;
|
|
51158
51159
|
const DropdownList = styled__default["default"].ul`
|
|
@@ -51164,8 +51165,6 @@ const DropdownList = styled__default["default"].ul`
|
|
|
51164
51165
|
margin: 0;
|
|
51165
51166
|
padding: 8px 0;
|
|
51166
51167
|
width: ${props => props.width || '100%'};
|
|
51167
|
-
/* min-width: 320px; */
|
|
51168
|
-
max-width: 600px;
|
|
51169
51168
|
max-height: ${props => props.dropdownMaxHeight || '420px'};
|
|
51170
51169
|
overflow-y: auto;
|
|
51171
51170
|
left: 0;
|
|
@@ -51450,6 +51449,7 @@ const OverlayDropdown = _ref => {
|
|
|
51450
51449
|
value,
|
|
51451
51450
|
onSelectClick,
|
|
51452
51451
|
disabled = false,
|
|
51452
|
+
isDarkerBackground = false,
|
|
51453
51453
|
required = false,
|
|
51454
51454
|
selectedColor = '#066768',
|
|
51455
51455
|
hoverColor = '#E6F0F0',
|
|
@@ -51645,6 +51645,7 @@ const OverlayDropdown = _ref => {
|
|
|
51645
51645
|
ref: buttonRef,
|
|
51646
51646
|
onClick: toggleDropdown,
|
|
51647
51647
|
disabled: disabled,
|
|
51648
|
+
isDarkerBackground: isDarkerBackground,
|
|
51648
51649
|
type: "button"
|
|
51649
51650
|
}, /*#__PURE__*/React__default["default"].createElement(TruncatedText, {
|
|
51650
51651
|
onMouseEnter: () => setHoveredText(selected?.label),
|