@rufous/ui 0.3.29 → 0.3.32
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 +27 -14
- package/dist/main.js +27 -14
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -2705,6 +2705,12 @@ function AutocompleteInner(props, _ref) {
|
|
|
2705
2705
|
var Autocomplete = import_react19.default.forwardRef(AutocompleteInner);
|
|
2706
2706
|
Autocomplete.displayName = "Autocomplete";
|
|
2707
2707
|
|
|
2708
|
+
// lib/utils/func.ts
|
|
2709
|
+
var capitalize = (str) => {
|
|
2710
|
+
if (!str) return "";
|
|
2711
|
+
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
|
|
2712
|
+
};
|
|
2713
|
+
|
|
2708
2714
|
// lib/TextFields/AddressLookup.tsx
|
|
2709
2715
|
var AddressLookup = ({
|
|
2710
2716
|
value = {},
|
|
@@ -2858,7 +2864,7 @@ var AddressLookup = ({
|
|
|
2858
2864
|
return /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-container", style: sx, ref: containerRef }, /* @__PURE__ */ import_react20.default.createElement("div", { className: `address-lookup-grid address-lookup-grid-${layout}` }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l1" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2859
2865
|
TextField,
|
|
2860
2866
|
{
|
|
2861
|
-
label,
|
|
2867
|
+
label: capitalize(label),
|
|
2862
2868
|
name: "addressLine1",
|
|
2863
2869
|
fullWidth: true,
|
|
2864
2870
|
value: value.addressLine1 || "",
|
|
@@ -2885,7 +2891,9 @@ var AddressLookup = ({
|
|
|
2885
2891
|
}, 500);
|
|
2886
2892
|
}
|
|
2887
2893
|
},
|
|
2888
|
-
onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
|
|
2894
|
+
onFocus: () => suggestions.length > 0 && setShowSuggestions(true),
|
|
2895
|
+
error: !!error.addressLine1,
|
|
2896
|
+
helperText: error.addressLine1
|
|
2889
2897
|
}
|
|
2890
2898
|
), 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
2899
|
"div",
|
|
@@ -2900,10 +2908,10 @@ var AddressLookup = ({
|
|
|
2900
2908
|
},
|
|
2901
2909
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
|
|
2902
2910
|
/* @__PURE__ */ import_react20.default.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
|
|
2903
|
-
)))
|
|
2911
|
+
)))), layout === "compact" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2904
2912
|
TextField,
|
|
2905
2913
|
{
|
|
2906
|
-
label: "Address
|
|
2914
|
+
label: "Address line 2",
|
|
2907
2915
|
name: "addressLine2",
|
|
2908
2916
|
fullWidth: true,
|
|
2909
2917
|
value: value.addressLine2 || "",
|
|
@@ -2912,7 +2920,7 @@ var AddressLookup = ({
|
|
|
2912
2920
|
)), layout !== "compact" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2913
2921
|
TextField,
|
|
2914
2922
|
{
|
|
2915
|
-
label: "Address
|
|
2923
|
+
label: "Address line 2",
|
|
2916
2924
|
name: "addressLine2",
|
|
2917
2925
|
fullWidth: true,
|
|
2918
2926
|
value: value.addressLine2 || "",
|
|
@@ -2927,9 +2935,10 @@ var AddressLookup = ({
|
|
|
2927
2935
|
label: "Country",
|
|
2928
2936
|
fullWidth: true,
|
|
2929
2937
|
required,
|
|
2930
|
-
error: !!error.country
|
|
2938
|
+
error: !!error.country,
|
|
2939
|
+
helperText: error.country
|
|
2931
2940
|
}
|
|
2932
|
-
)
|
|
2941
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2933
2942
|
Autocomplete,
|
|
2934
2943
|
{
|
|
2935
2944
|
options: states.map((s2) => s2.name),
|
|
@@ -2938,9 +2947,10 @@ var AddressLookup = ({
|
|
|
2938
2947
|
label: "State",
|
|
2939
2948
|
fullWidth: true,
|
|
2940
2949
|
required,
|
|
2941
|
-
error: !!error.state
|
|
2950
|
+
error: !!error.state,
|
|
2951
|
+
helperText: error.state
|
|
2942
2952
|
}
|
|
2943
|
-
)
|
|
2953
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2944
2954
|
Autocomplete,
|
|
2945
2955
|
{
|
|
2946
2956
|
options: cities.map((c) => c.name),
|
|
@@ -2949,9 +2959,10 @@ var AddressLookup = ({
|
|
|
2949
2959
|
label: "City",
|
|
2950
2960
|
fullWidth: true,
|
|
2951
2961
|
required,
|
|
2952
|
-
error: !!error.city
|
|
2962
|
+
error: !!error.city,
|
|
2963
|
+
helperText: error.city
|
|
2953
2964
|
}
|
|
2954
|
-
)
|
|
2965
|
+
)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2955
2966
|
TextField,
|
|
2956
2967
|
{
|
|
2957
2968
|
label: "Pincode",
|
|
@@ -2959,9 +2970,11 @@ var AddressLookup = ({
|
|
|
2959
2970
|
fullWidth: true,
|
|
2960
2971
|
value: value.pincode || "",
|
|
2961
2972
|
required,
|
|
2962
|
-
onChange: (e) => handleChange("pincode", e.target.value)
|
|
2973
|
+
onChange: (e) => handleChange("pincode", e.target.value),
|
|
2974
|
+
error: !!error.pincode,
|
|
2975
|
+
helperText: error.pincode
|
|
2963
2976
|
}
|
|
2964
|
-
)
|
|
2977
|
+
))));
|
|
2965
2978
|
};
|
|
2966
2979
|
var AddressLookup_default = AddressLookup;
|
|
2967
2980
|
|
|
@@ -5378,7 +5391,7 @@ function DataGrid({
|
|
|
5378
5391
|
const leftOffset = getLeftOffset(col, idx);
|
|
5379
5392
|
const rightOffset = getRightOffset(col, idx);
|
|
5380
5393
|
const isSorted = sortField === col.field;
|
|
5381
|
-
const isFiltered = advancedFilters.some((f) => f.column === colField && f.value);
|
|
5394
|
+
const isFiltered = advancedFilters.some((f) => f.column === colField && (f.value || f.operator === "is empty"));
|
|
5382
5395
|
return /* @__PURE__ */ import_react23.default.createElement(
|
|
5383
5396
|
"th",
|
|
5384
5397
|
{
|
package/dist/main.js
CHANGED
|
@@ -2533,6 +2533,12 @@ function AutocompleteInner(props, _ref) {
|
|
|
2533
2533
|
var Autocomplete = React70.forwardRef(AutocompleteInner);
|
|
2534
2534
|
Autocomplete.displayName = "Autocomplete";
|
|
2535
2535
|
|
|
2536
|
+
// lib/utils/func.ts
|
|
2537
|
+
var capitalize = (str) => {
|
|
2538
|
+
if (!str) return "";
|
|
2539
|
+
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
|
|
2540
|
+
};
|
|
2541
|
+
|
|
2536
2542
|
// lib/TextFields/AddressLookup.tsx
|
|
2537
2543
|
var AddressLookup = ({
|
|
2538
2544
|
value = {},
|
|
@@ -2686,7 +2692,7 @@ var AddressLookup = ({
|
|
|
2686
2692
|
return /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-container", style: sx, ref: containerRef }, /* @__PURE__ */ React71.createElement("div", { className: `address-lookup-grid address-lookup-grid-${layout}` }, /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l1" }, /* @__PURE__ */ React71.createElement(
|
|
2687
2693
|
TextField,
|
|
2688
2694
|
{
|
|
2689
|
-
label,
|
|
2695
|
+
label: capitalize(label),
|
|
2690
2696
|
name: "addressLine1",
|
|
2691
2697
|
fullWidth: true,
|
|
2692
2698
|
value: value.addressLine1 || "",
|
|
@@ -2713,7 +2719,9 @@ var AddressLookup = ({
|
|
|
2713
2719
|
}, 500);
|
|
2714
2720
|
}
|
|
2715
2721
|
},
|
|
2716
|
-
onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
|
|
2722
|
+
onFocus: () => suggestions.length > 0 && setShowSuggestions(true),
|
|
2723
|
+
error: !!error.addressLine1,
|
|
2724
|
+
helperText: error.addressLine1
|
|
2717
2725
|
}
|
|
2718
2726
|
), 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
2727
|
"div",
|
|
@@ -2728,10 +2736,10 @@ var AddressLookup = ({
|
|
|
2728
2736
|
},
|
|
2729
2737
|
/* @__PURE__ */ React71.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
|
|
2730
2738
|
/* @__PURE__ */ React71.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
|
|
2731
|
-
)))
|
|
2739
|
+
)))), layout === "compact" && /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React71.createElement(
|
|
2732
2740
|
TextField,
|
|
2733
2741
|
{
|
|
2734
|
-
label: "Address
|
|
2742
|
+
label: "Address line 2",
|
|
2735
2743
|
name: "addressLine2",
|
|
2736
2744
|
fullWidth: true,
|
|
2737
2745
|
value: value.addressLine2 || "",
|
|
@@ -2740,7 +2748,7 @@ var AddressLookup = ({
|
|
|
2740
2748
|
)), layout !== "compact" && /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React71.createElement(
|
|
2741
2749
|
TextField,
|
|
2742
2750
|
{
|
|
2743
|
-
label: "Address
|
|
2751
|
+
label: "Address line 2",
|
|
2744
2752
|
name: "addressLine2",
|
|
2745
2753
|
fullWidth: true,
|
|
2746
2754
|
value: value.addressLine2 || "",
|
|
@@ -2755,9 +2763,10 @@ var AddressLookup = ({
|
|
|
2755
2763
|
label: "Country",
|
|
2756
2764
|
fullWidth: true,
|
|
2757
2765
|
required,
|
|
2758
|
-
error: !!error.country
|
|
2766
|
+
error: !!error.country,
|
|
2767
|
+
helperText: error.country
|
|
2759
2768
|
}
|
|
2760
|
-
)
|
|
2769
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ React71.createElement(
|
|
2761
2770
|
Autocomplete,
|
|
2762
2771
|
{
|
|
2763
2772
|
options: states.map((s2) => s2.name),
|
|
@@ -2766,9 +2775,10 @@ var AddressLookup = ({
|
|
|
2766
2775
|
label: "State",
|
|
2767
2776
|
fullWidth: true,
|
|
2768
2777
|
required,
|
|
2769
|
-
error: !!error.state
|
|
2778
|
+
error: !!error.state,
|
|
2779
|
+
helperText: error.state
|
|
2770
2780
|
}
|
|
2771
|
-
)
|
|
2781
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ React71.createElement(
|
|
2772
2782
|
Autocomplete,
|
|
2773
2783
|
{
|
|
2774
2784
|
options: cities.map((c) => c.name),
|
|
@@ -2777,9 +2787,10 @@ var AddressLookup = ({
|
|
|
2777
2787
|
label: "City",
|
|
2778
2788
|
fullWidth: true,
|
|
2779
2789
|
required,
|
|
2780
|
-
error: !!error.city
|
|
2790
|
+
error: !!error.city,
|
|
2791
|
+
helperText: error.city
|
|
2781
2792
|
}
|
|
2782
|
-
)
|
|
2793
|
+
)), /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ React71.createElement(
|
|
2783
2794
|
TextField,
|
|
2784
2795
|
{
|
|
2785
2796
|
label: "Pincode",
|
|
@@ -2787,9 +2798,11 @@ var AddressLookup = ({
|
|
|
2787
2798
|
fullWidth: true,
|
|
2788
2799
|
value: value.pincode || "",
|
|
2789
2800
|
required,
|
|
2790
|
-
onChange: (e) => handleChange("pincode", e.target.value)
|
|
2801
|
+
onChange: (e) => handleChange("pincode", e.target.value),
|
|
2802
|
+
error: !!error.pincode,
|
|
2803
|
+
helperText: error.pincode
|
|
2791
2804
|
}
|
|
2792
|
-
)
|
|
2805
|
+
))));
|
|
2793
2806
|
};
|
|
2794
2807
|
var AddressLookup_default = AddressLookup;
|
|
2795
2808
|
|
|
@@ -5235,7 +5248,7 @@ function DataGrid({
|
|
|
5235
5248
|
const leftOffset = getLeftOffset(col, idx);
|
|
5236
5249
|
const rightOffset = getRightOffset(col, idx);
|
|
5237
5250
|
const isSorted = sortField === col.field;
|
|
5238
|
-
const isFiltered = advancedFilters.some((f) => f.column === colField && f.value);
|
|
5251
|
+
const isFiltered = advancedFilters.some((f) => f.column === colField && (f.value || f.operator === "is empty"));
|
|
5239
5252
|
return /* @__PURE__ */ React75.createElement(
|
|
5240
5253
|
"th",
|
|
5241
5254
|
{
|