cr-ui-lib 1.1.117 → 1.1.118
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.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -254,9 +254,10 @@ declare type SingleSelectDropdownProps = {
|
|
|
254
254
|
selectedColorDropdownItem?: string;
|
|
255
255
|
uniqueSearch?: boolean;
|
|
256
256
|
emptyMessageClass?: string;
|
|
257
|
+
marginTopDropdown?: number;
|
|
257
258
|
};
|
|
258
259
|
declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
|
|
259
|
-
iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
|
|
260
|
+
iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, marginTopDropdown }: SingleSelectDropdownProps): JSX.Element;
|
|
260
261
|
|
|
261
262
|
interface SelectionButton {
|
|
262
263
|
data: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -254,9 +254,10 @@ declare type SingleSelectDropdownProps = {
|
|
|
254
254
|
selectedColorDropdownItem?: string;
|
|
255
255
|
uniqueSearch?: boolean;
|
|
256
256
|
emptyMessageClass?: string;
|
|
257
|
+
marginTopDropdown?: number;
|
|
257
258
|
};
|
|
258
259
|
declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
|
|
259
|
-
iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
|
|
260
|
+
iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, marginTopDropdown }: SingleSelectDropdownProps): JSX.Element;
|
|
260
261
|
|
|
261
262
|
interface SelectionButton {
|
|
262
263
|
data: string[];
|
package/dist/index.js
CHANGED
|
@@ -3502,7 +3502,8 @@ function SingleSelectDropdown({
|
|
|
3502
3502
|
displayContainerClass = "",
|
|
3503
3503
|
selectedColorDropdownItem = "text-[#131414]",
|
|
3504
3504
|
uniqueSearch = false,
|
|
3505
|
-
emptyMessageClass = "px-2 py-2 text-sm text-gray-500"
|
|
3505
|
+
emptyMessageClass = "px-2 py-2 text-sm text-gray-500",
|
|
3506
|
+
marginTopDropdown = 4
|
|
3506
3507
|
}) {
|
|
3507
3508
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
3508
3509
|
const [searchTerm, setSearchTerm] = React.useState("");
|
|
@@ -3648,7 +3649,7 @@ function SingleSelectDropdown({
|
|
|
3648
3649
|
ref: portalRef,
|
|
3649
3650
|
style: usePortal ? {
|
|
3650
3651
|
position: "absolute",
|
|
3651
|
-
top: `${dropdownPosition.top +
|
|
3652
|
+
top: `${dropdownPosition.top + marginTopDropdown}px`,
|
|
3652
3653
|
left: `${dropdownPosition.left}px`,
|
|
3653
3654
|
width: `${dropdownPosition.width}px`,
|
|
3654
3655
|
// Add a zIndex to ensure it floats above other content
|
|
@@ -3657,7 +3658,7 @@ function SingleSelectDropdown({
|
|
|
3657
3658
|
position: "absolute",
|
|
3658
3659
|
top: "100%",
|
|
3659
3660
|
left: 0,
|
|
3660
|
-
marginTop:
|
|
3661
|
+
marginTop: `${marginTopDropdown}px`,
|
|
3661
3662
|
width: "100%",
|
|
3662
3663
|
zIndex: 99
|
|
3663
3664
|
},
|