@rufous/ui 0.3.31 → 0.3.34
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 +12 -4
- package/dist/main.js +12 -4
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -1867,6 +1867,7 @@ var TextField = (0, import_react17.forwardRef)(({
|
|
|
1867
1867
|
multiline = false,
|
|
1868
1868
|
rows,
|
|
1869
1869
|
maxRows,
|
|
1870
|
+
onBlur,
|
|
1870
1871
|
...props
|
|
1871
1872
|
}, ref) => {
|
|
1872
1873
|
const sxClass = useSx(sx);
|
|
@@ -1979,7 +1980,8 @@ var TextField = (0, import_react17.forwardRef)(({
|
|
|
1979
1980
|
readOnly,
|
|
1980
1981
|
style: textareaStyle,
|
|
1981
1982
|
...slotProps?.textarea,
|
|
1982
|
-
onChange
|
|
1983
|
+
onChange,
|
|
1984
|
+
onBlur
|
|
1983
1985
|
}
|
|
1984
1986
|
) : /* @__PURE__ */ import_react17.default.createElement(
|
|
1985
1987
|
"input",
|
|
@@ -2705,6 +2707,12 @@ function AutocompleteInner(props, _ref) {
|
|
|
2705
2707
|
var Autocomplete = import_react19.default.forwardRef(AutocompleteInner);
|
|
2706
2708
|
Autocomplete.displayName = "Autocomplete";
|
|
2707
2709
|
|
|
2710
|
+
// lib/utils/func.ts
|
|
2711
|
+
var capitalize = (str) => {
|
|
2712
|
+
if (!str) return "";
|
|
2713
|
+
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
|
|
2714
|
+
};
|
|
2715
|
+
|
|
2708
2716
|
// lib/TextFields/AddressLookup.tsx
|
|
2709
2717
|
var AddressLookup = ({
|
|
2710
2718
|
value = {},
|
|
@@ -2858,7 +2866,7 @@ var AddressLookup = ({
|
|
|
2858
2866
|
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
2867
|
TextField,
|
|
2860
2868
|
{
|
|
2861
|
-
label,
|
|
2869
|
+
label: capitalize(label),
|
|
2862
2870
|
name: "addressLine1",
|
|
2863
2871
|
fullWidth: true,
|
|
2864
2872
|
value: value.addressLine1 || "",
|
|
@@ -2905,7 +2913,7 @@ var AddressLookup = ({
|
|
|
2905
2913
|
)))), layout === "compact" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2906
2914
|
TextField,
|
|
2907
2915
|
{
|
|
2908
|
-
label: "Address
|
|
2916
|
+
label: "Address line 2",
|
|
2909
2917
|
name: "addressLine2",
|
|
2910
2918
|
fullWidth: true,
|
|
2911
2919
|
value: value.addressLine2 || "",
|
|
@@ -2914,7 +2922,7 @@ var AddressLookup = ({
|
|
|
2914
2922
|
)), layout !== "compact" && /* @__PURE__ */ import_react20.default.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2915
2923
|
TextField,
|
|
2916
2924
|
{
|
|
2917
|
-
label: "Address
|
|
2925
|
+
label: "Address line 2",
|
|
2918
2926
|
name: "addressLine2",
|
|
2919
2927
|
fullWidth: true,
|
|
2920
2928
|
value: value.addressLine2 || "",
|
package/dist/main.js
CHANGED
|
@@ -1685,6 +1685,7 @@ var TextField = forwardRef3(({
|
|
|
1685
1685
|
multiline = false,
|
|
1686
1686
|
rows,
|
|
1687
1687
|
maxRows,
|
|
1688
|
+
onBlur,
|
|
1688
1689
|
...props
|
|
1689
1690
|
}, ref) => {
|
|
1690
1691
|
const sxClass = useSx(sx);
|
|
@@ -1797,7 +1798,8 @@ var TextField = forwardRef3(({
|
|
|
1797
1798
|
readOnly,
|
|
1798
1799
|
style: textareaStyle,
|
|
1799
1800
|
...slotProps?.textarea,
|
|
1800
|
-
onChange
|
|
1801
|
+
onChange,
|
|
1802
|
+
onBlur
|
|
1801
1803
|
}
|
|
1802
1804
|
) : /* @__PURE__ */ React68.createElement(
|
|
1803
1805
|
"input",
|
|
@@ -2533,6 +2535,12 @@ function AutocompleteInner(props, _ref) {
|
|
|
2533
2535
|
var Autocomplete = React70.forwardRef(AutocompleteInner);
|
|
2534
2536
|
Autocomplete.displayName = "Autocomplete";
|
|
2535
2537
|
|
|
2538
|
+
// lib/utils/func.ts
|
|
2539
|
+
var capitalize = (str) => {
|
|
2540
|
+
if (!str) return "";
|
|
2541
|
+
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
|
|
2542
|
+
};
|
|
2543
|
+
|
|
2536
2544
|
// lib/TextFields/AddressLookup.tsx
|
|
2537
2545
|
var AddressLookup = ({
|
|
2538
2546
|
value = {},
|
|
@@ -2686,7 +2694,7 @@ var AddressLookup = ({
|
|
|
2686
2694
|
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
2695
|
TextField,
|
|
2688
2696
|
{
|
|
2689
|
-
label,
|
|
2697
|
+
label: capitalize(label),
|
|
2690
2698
|
name: "addressLine1",
|
|
2691
2699
|
fullWidth: true,
|
|
2692
2700
|
value: value.addressLine1 || "",
|
|
@@ -2733,7 +2741,7 @@ var AddressLookup = ({
|
|
|
2733
2741
|
)))), layout === "compact" && /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React71.createElement(
|
|
2734
2742
|
TextField,
|
|
2735
2743
|
{
|
|
2736
|
-
label: "Address
|
|
2744
|
+
label: "Address line 2",
|
|
2737
2745
|
name: "addressLine2",
|
|
2738
2746
|
fullWidth: true,
|
|
2739
2747
|
value: value.addressLine2 || "",
|
|
@@ -2742,7 +2750,7 @@ var AddressLookup = ({
|
|
|
2742
2750
|
)), layout !== "compact" && /* @__PURE__ */ React71.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React71.createElement(
|
|
2743
2751
|
TextField,
|
|
2744
2752
|
{
|
|
2745
|
-
label: "Address
|
|
2753
|
+
label: "Address line 2",
|
|
2746
2754
|
name: "addressLine2",
|
|
2747
2755
|
fullWidth: true,
|
|
2748
2756
|
value: value.addressLine2 || "",
|