@ballistix.digital/react-components 0.4.71 → 0.4.73
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 +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.js +4 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -763,7 +763,7 @@ declare const TableExcelExportCustom: FC<TProps>;
|
|
|
763
763
|
|
|
764
764
|
type TSelectMenuFormProps = {
|
|
765
765
|
name: string;
|
|
766
|
-
type
|
|
766
|
+
type?: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
|
|
767
767
|
label?: string;
|
|
768
768
|
description?: string;
|
|
769
769
|
placeholder?: {
|
package/dist/index.esm.js
CHANGED
|
@@ -2640,7 +2640,7 @@ var SelectMenuForm = function (props) {
|
|
|
2640
2640
|
if (state === null) {
|
|
2641
2641
|
onClear && onClear(name);
|
|
2642
2642
|
}
|
|
2643
|
-
}, [
|
|
2643
|
+
}, [name, onClear, state]);
|
|
2644
2644
|
return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [jsx(Select, { primaryColor: "primary",
|
|
2645
2645
|
//
|
|
2646
2646
|
placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select, noOptionsMessage: (jsx("p", __assign({ className: styles$1.emptyState }, { children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found' }))), searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput,
|
|
@@ -2673,9 +2673,9 @@ var base = {
|
|
|
2673
2673
|
input: 'block w-full flex border',
|
|
2674
2674
|
menuButton: '',
|
|
2675
2675
|
menu: '!px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
|
|
2676
|
-
list: '!px-0 !
|
|
2677
|
-
listItem: '!
|
|
2678
|
-
searchContainer: '!
|
|
2676
|
+
list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
|
|
2677
|
+
listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
|
|
2678
|
+
searchContainer: '!w-full !px-2 !py-2 border-b',
|
|
2679
2679
|
emptyState: 'w-full inline-flex items-start justify-start px-4',
|
|
2680
2680
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
2681
2681
|
description: 'text-gray-400 text-xs mt-1',
|
package/dist/index.js
CHANGED
|
@@ -2650,7 +2650,7 @@ var SelectMenuForm = function (props) {
|
|
|
2650
2650
|
if (state === null) {
|
|
2651
2651
|
onClear && onClear(name);
|
|
2652
2652
|
}
|
|
2653
|
-
}, [
|
|
2653
|
+
}, [name, onClear, state]);
|
|
2654
2654
|
return (jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsx(Select, { primaryColor: "primary",
|
|
2655
2655
|
//
|
|
2656
2656
|
placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select, noOptionsMessage: (jsxRuntime.jsx("p", __assign({ className: styles$1.emptyState }, { children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found' }))), searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput,
|
|
@@ -2683,9 +2683,9 @@ var base = {
|
|
|
2683
2683
|
input: 'block w-full flex border',
|
|
2684
2684
|
menuButton: '',
|
|
2685
2685
|
menu: '!px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
|
|
2686
|
-
list: '!px-0 !
|
|
2687
|
-
listItem: '!
|
|
2688
|
-
searchContainer: '!
|
|
2686
|
+
list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
|
|
2687
|
+
listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
|
|
2688
|
+
searchContainer: '!w-full !px-2 !py-2 border-b',
|
|
2689
2689
|
emptyState: 'w-full inline-flex items-start justify-start px-4',
|
|
2690
2690
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
2691
2691
|
description: 'text-gray-400 text-xs mt-1',
|