@rufous/ui 0.3.28 → 0.3.31
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/main.cjs +23 -11
- package/dist/main.js +23 -11
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -2885,7 +2885,9 @@ var AddressLookup = ({
|
|
|
2885
2885
|
}, 500);
|
|
2886
2886
|
}
|
|
2887
2887
|
},
|
|
2888
|
-
onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
|
|
2888
|
+
onFocus: () => suggestions.length > 0 && setShowSuggestions(true),
|
|
2889
|
+
error: !!error.addressLine1,
|
|
2890
|
+
helperText: error.addressLine1
|
|
2889
2891
|
}
|
|
2890
2892
|
), loading && /* @__PURE__ */ import_react20.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react20.default.createElement(circularProgress_default, { size: 20 })), showSuggestions && suggestions.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "autocomplete-dropdown" }, suggestions.map((option, idx) => /* @__PURE__ */ import_react20.default.createElement(
|
|
2891
2893
|
"div",
|
|
@@ -2900,7 +2902,7 @@ var AddressLookup = ({
|
|
|
2900
2902
|
},
|
|
2901
2903
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
|
|
2902
2904
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
|
|
2903
|
-
)))
|
|
2905
|
+
)))), layout === "compact" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2904
2906
|
TextField,
|
|
2905
2907
|
{
|
|
2906
2908
|
label: "Address Line 2",
|
|
@@ -2927,9 +2929,10 @@ var AddressLookup = ({
|
|
|
2927
2929
|
label: "Country",
|
|
2928
2930
|
fullWidth: true,
|
|
2929
2931
|
required,
|
|
2930
|
-
error: !!error.country
|
|
2932
|
+
error: !!error.country,
|
|
2933
|
+
helperText: error.country
|
|
2931
2934
|
}
|
|
2932
|
-
)
|
|
2935
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2933
2936
|
Autocomplete,
|
|
2934
2937
|
{
|
|
2935
2938
|
options: states.map((s2) => s2.name),
|
|
@@ -2938,9 +2941,10 @@ var AddressLookup = ({
|
|
|
2938
2941
|
label: "State",
|
|
2939
2942
|
fullWidth: true,
|
|
2940
2943
|
required,
|
|
2941
|
-
error: !!error.state
|
|
2944
|
+
error: !!error.state,
|
|
2945
|
+
helperText: error.state
|
|
2942
2946
|
}
|
|
2943
|
-
)
|
|
2947
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2944
2948
|
Autocomplete,
|
|
2945
2949
|
{
|
|
2946
2950
|
options: cities.map((c) => c.name),
|
|
@@ -2949,9 +2953,10 @@ var AddressLookup = ({
|
|
|
2949
2953
|
label: "City",
|
|
2950
2954
|
fullWidth: true,
|
|
2951
2955
|
required,
|
|
2952
|
-
error: !!error.city
|
|
2956
|
+
error: !!error.city,
|
|
2957
|
+
helperText: error.city
|
|
2953
2958
|
}
|
|
2954
|
-
)
|
|
2959
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2955
2960
|
TextField,
|
|
2956
2961
|
{
|
|
2957
2962
|
label: "Pincode",
|
|
@@ -2959,9 +2964,11 @@ var AddressLookup = ({
|
|
|
2959
2964
|
fullWidth: true,
|
|
2960
2965
|
value: value.pincode || "",
|
|
2961
2966
|
required,
|
|
2962
|
-
onChange: (e) => handleChange("pincode", e.target.value)
|
|
2967
|
+
onChange: (e) => handleChange("pincode", e.target.value),
|
|
2968
|
+
error: !!error.pincode,
|
|
2969
|
+
helperText: error.pincode
|
|
2963
2970
|
}
|
|
2964
|
-
)
|
|
2971
|
+
))));
|
|
2965
2972
|
};
|
|
2966
2973
|
var AddressLookup_default = AddressLookup;
|
|
2967
2974
|
|
|
@@ -5378,7 +5385,7 @@ function DataGrid({
|
|
|
5378
5385
|
const leftOffset = getLeftOffset(col, idx);
|
|
5379
5386
|
const rightOffset = getRightOffset(col, idx);
|
|
5380
5387
|
const isSorted = sortField === col.field;
|
|
5381
|
-
const isFiltered = advancedFilters.some((f) => f.column === colField && f.value);
|
|
5388
|
+
const isFiltered = advancedFilters.some((f) => f.column === colField && (f.value || f.operator === "is empty"));
|
|
5382
5389
|
return /* @__PURE__ */ import_react23.default.createElement(
|
|
5383
5390
|
"th",
|
|
5384
5391
|
{
|
|
@@ -9975,6 +9982,11 @@ function SmartSelect({
|
|
|
9975
9982
|
const key = getValue(value);
|
|
9976
9983
|
if (!base.some((o) => getValue(o) === key)) base = [value, ...base];
|
|
9977
9984
|
}
|
|
9985
|
+
if (multiple && Array.isArray(value) && value.length > 0) {
|
|
9986
|
+
const baseKeys = new Set(base.map((o) => getValue(o)));
|
|
9987
|
+
const missing = value.filter((v) => !baseKeys.has(getValue(v)));
|
|
9988
|
+
if (missing.length > 0) base = [...base, ...missing];
|
|
9989
|
+
}
|
|
9978
9990
|
return base;
|
|
9979
9991
|
}, [flatOptionsList, searchResults, getValue, value, multiple]);
|
|
9980
9992
|
const depthMap = (0, import_react51.useMemo)(() => {
|
package/dist/main.js
CHANGED
|
@@ -2713,7 +2713,9 @@ var AddressLookup = ({
|
|
|
2713
2713
|
}, 500);
|
|
2714
2714
|
}
|
|
2715
2715
|
},
|
|
2716
|
-
onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
|
|
2716
|
+
onFocus: () => suggestions.length > 0 && setShowSuggestions(true),
|
|
2717
|
+
error: !!error.addressLine1,
|
|
2718
|
+
helperText: error.addressLine1
|
|
2717
2719
|
}
|
|
2718
2720
|
), loading && /* @__PURE__ */ React71.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React71.createElement(circularProgress_default, { size: 20 })), showSuggestions && suggestions.length > 0 && /* @__PURE__ */ React71.createElement("div", { className: "autocomplete-dropdown" }, suggestions.map((option, idx) => /* @__PURE__ */ React71.createElement(
|
|
2719
2721
|
"div",
|
|
@@ -2728,7 +2730,7 @@ var AddressLookup = ({
|
|
|
2728
2730
|
},
|
|
2729
2731
|
/* @__PURE__ */ React71.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
|
|
2730
2732
|
/* @__PURE__ */ React71.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
|
|
2731
|
-
)))
|
|
2733
|
+
)))), layout === "compact" && /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React71.createElement(
|
|
2732
2734
|
TextField,
|
|
2733
2735
|
{
|
|
2734
2736
|
label: "Address Line 2",
|
|
@@ -2755,9 +2757,10 @@ var AddressLookup = ({
|
|
|
2755
2757
|
label: "Country",
|
|
2756
2758
|
fullWidth: true,
|
|
2757
2759
|
required,
|
|
2758
|
-
error: !!error.country
|
|
2760
|
+
error: !!error.country,
|
|
2761
|
+
helperText: error.country
|
|
2759
2762
|
}
|
|
2760
|
-
)
|
|
2763
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ React71.createElement(
|
|
2761
2764
|
Autocomplete,
|
|
2762
2765
|
{
|
|
2763
2766
|
options: states.map((s2) => s2.name),
|
|
@@ -2766,9 +2769,10 @@ var AddressLookup = ({
|
|
|
2766
2769
|
label: "State",
|
|
2767
2770
|
fullWidth: true,
|
|
2768
2771
|
required,
|
|
2769
|
-
error: !!error.state
|
|
2772
|
+
error: !!error.state,
|
|
2773
|
+
helperText: error.state
|
|
2770
2774
|
}
|
|
2771
|
-
)
|
|
2775
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ React71.createElement(
|
|
2772
2776
|
Autocomplete,
|
|
2773
2777
|
{
|
|
2774
2778
|
options: cities.map((c) => c.name),
|
|
@@ -2777,9 +2781,10 @@ var AddressLookup = ({
|
|
|
2777
2781
|
label: "City",
|
|
2778
2782
|
fullWidth: true,
|
|
2779
2783
|
required,
|
|
2780
|
-
error: !!error.city
|
|
2784
|
+
error: !!error.city,
|
|
2785
|
+
helperText: error.city
|
|
2781
2786
|
}
|
|
2782
|
-
)
|
|
2787
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ React71.createElement(
|
|
2783
2788
|
TextField,
|
|
2784
2789
|
{
|
|
2785
2790
|
label: "Pincode",
|
|
@@ -2787,9 +2792,11 @@ var AddressLookup = ({
|
|
|
2787
2792
|
fullWidth: true,
|
|
2788
2793
|
value: value.pincode || "",
|
|
2789
2794
|
required,
|
|
2790
|
-
onChange: (e) => handleChange("pincode", e.target.value)
|
|
2795
|
+
onChange: (e) => handleChange("pincode", e.target.value),
|
|
2796
|
+
error: !!error.pincode,
|
|
2797
|
+
helperText: error.pincode
|
|
2791
2798
|
}
|
|
2792
|
-
)
|
|
2799
|
+
))));
|
|
2793
2800
|
};
|
|
2794
2801
|
var AddressLookup_default = AddressLookup;
|
|
2795
2802
|
|
|
@@ -5235,7 +5242,7 @@ function DataGrid({
|
|
|
5235
5242
|
const leftOffset = getLeftOffset(col, idx);
|
|
5236
5243
|
const rightOffset = getRightOffset(col, idx);
|
|
5237
5244
|
const isSorted = sortField === col.field;
|
|
5238
|
-
const isFiltered = advancedFilters.some((f) => f.column === colField && f.value);
|
|
5245
|
+
const isFiltered = advancedFilters.some((f) => f.column === colField && (f.value || f.operator === "is empty"));
|
|
5239
5246
|
return /* @__PURE__ */ React75.createElement(
|
|
5240
5247
|
"th",
|
|
5241
5248
|
{
|
|
@@ -9901,6 +9908,11 @@ function SmartSelect({
|
|
|
9901
9908
|
const key = getValue(value);
|
|
9902
9909
|
if (!base.some((o) => getValue(o) === key)) base = [value, ...base];
|
|
9903
9910
|
}
|
|
9911
|
+
if (multiple && Array.isArray(value) && value.length > 0) {
|
|
9912
|
+
const baseKeys = new Set(base.map((o) => getValue(o)));
|
|
9913
|
+
const missing = value.filter((v) => !baseKeys.has(getValue(v)));
|
|
9914
|
+
if (missing.length > 0) base = [...base, ...missing];
|
|
9915
|
+
}
|
|
9904
9916
|
return base;
|
|
9905
9917
|
}, [flatOptionsList, searchResults, getValue, value, multiple]);
|
|
9906
9918
|
const depthMap = useMemo3(() => {
|