cr-ui-lib 1.1.41 → 1.1.43
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 +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +9 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -201,6 +201,7 @@ interface SingleListInputProps {
|
|
|
201
201
|
buttonClass?: string;
|
|
202
202
|
labelClass?: string;
|
|
203
203
|
inputClass?: string;
|
|
204
|
+
displayItemClass?: string;
|
|
204
205
|
}
|
|
205
206
|
declare const SingleListInput: React$1.FC<SingleListInputProps>;
|
|
206
207
|
|
|
@@ -236,8 +237,10 @@ declare type SingleSelectDropdownProps = {
|
|
|
236
237
|
searchInputClass?: string;
|
|
237
238
|
placeholderSearchClass?: string;
|
|
238
239
|
usePortal?: boolean;
|
|
240
|
+
placeholderClass?: string;
|
|
239
241
|
};
|
|
240
|
-
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,
|
|
242
|
+
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
|
|
243
|
+
placeholderClass, }: SingleSelectDropdownProps): JSX.Element;
|
|
241
244
|
|
|
242
245
|
interface SelectionButton {
|
|
243
246
|
data: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -201,6 +201,7 @@ interface SingleListInputProps {
|
|
|
201
201
|
buttonClass?: string;
|
|
202
202
|
labelClass?: string;
|
|
203
203
|
inputClass?: string;
|
|
204
|
+
displayItemClass?: string;
|
|
204
205
|
}
|
|
205
206
|
declare const SingleListInput: React$1.FC<SingleListInputProps>;
|
|
206
207
|
|
|
@@ -236,8 +237,10 @@ declare type SingleSelectDropdownProps = {
|
|
|
236
237
|
searchInputClass?: string;
|
|
237
238
|
placeholderSearchClass?: string;
|
|
238
239
|
usePortal?: boolean;
|
|
240
|
+
placeholderClass?: string;
|
|
239
241
|
};
|
|
240
|
-
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,
|
|
242
|
+
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
|
|
243
|
+
placeholderClass, }: SingleSelectDropdownProps): JSX.Element;
|
|
241
244
|
|
|
242
245
|
interface SelectionButton {
|
|
243
246
|
data: string[];
|
package/dist/index.js
CHANGED
|
@@ -3258,7 +3258,8 @@ var SingleListInput = ({
|
|
|
3258
3258
|
label,
|
|
3259
3259
|
buttonClass = "",
|
|
3260
3260
|
labelClass = "",
|
|
3261
|
-
inputClass = ""
|
|
3261
|
+
inputClass = "",
|
|
3262
|
+
displayItemClass = ""
|
|
3262
3263
|
}) => {
|
|
3263
3264
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3264
3265
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3282,7 +3283,10 @@ var SingleListInput = ({
|
|
|
3282
3283
|
formValues.map((id) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3283
3284
|
"div",
|
|
3284
3285
|
{
|
|
3285
|
-
className:
|
|
3286
|
+
className: tailwindMerge.twMerge(
|
|
3287
|
+
"flex border-custom-gray items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium",
|
|
3288
|
+
displayItemClass
|
|
3289
|
+
),
|
|
3286
3290
|
children: [
|
|
3287
3291
|
id,
|
|
3288
3292
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3359,8 +3363,9 @@ function SingleSelectDropdown({
|
|
|
3359
3363
|
hasSearchIcon = true,
|
|
3360
3364
|
searchInputClass = "",
|
|
3361
3365
|
placeholderSearchClass = "",
|
|
3362
|
-
usePortal = true
|
|
3366
|
+
usePortal = true,
|
|
3363
3367
|
// ✅ default true
|
|
3368
|
+
placeholderClass = ""
|
|
3364
3369
|
}) {
|
|
3365
3370
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
3366
3371
|
const [searchTerm, setSearchTerm] = React.useState("");
|
|
@@ -3605,7 +3610,7 @@ function SingleSelectDropdown({
|
|
|
3605
3610
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3606
3611
|
"span",
|
|
3607
3612
|
{
|
|
3608
|
-
className: `text-sm ${disabled ? "text-gray-400" : selectedOption ? "text-gray-700" : "text-gray-
|
|
3613
|
+
className: `text-sm ${disabled ? "text-gray-400" : selectedOption ? "text-gray-700" : "text-gray-[#757575]"} ${placeholderClass}`,
|
|
3609
3614
|
children: (selectedOption == null ? void 0 : selectedOption.name) || placeholder
|
|
3610
3615
|
}
|
|
3611
3616
|
),
|