react-table-edit 0.0.3 → 0.0.4
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.js +6 -8
- package/dist/index.mjs +6 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1605,7 +1605,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
1605
1605
|
},
|
|
1606
1606
|
menuPortalTarget: document.body,
|
|
1607
1607
|
isClearable: col.selectSettings?.isClearable ?? false,
|
|
1608
|
-
classNamePrefix: col.selectSettings?.widthPopup ? `
|
|
1608
|
+
classNamePrefix: col.selectSettings?.widthPopup ? `select-${col.selectSettings?.widthPopup}` : "select",
|
|
1609
1609
|
placeholder: t("Select"),
|
|
1610
1610
|
id: `${idTable}-col${indexCol + 1}-row${indexRow + 1}`,
|
|
1611
1611
|
loadOptions: col.selectSettings?.loadOptions,
|
|
@@ -1659,7 +1659,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
1659
1659
|
menuPortalTarget: document.body,
|
|
1660
1660
|
isMulti: col.selectSettings?.isMulti ?? false,
|
|
1661
1661
|
isClearable: col.selectSettings?.isClearable ?? false,
|
|
1662
|
-
classNamePrefix: col.selectSettings?.widthPopup ? `
|
|
1662
|
+
classNamePrefix: col.selectSettings?.widthPopup ? `select-${col.selectSettings?.widthPopup}` : "select",
|
|
1663
1663
|
placeholder: t("Select"),
|
|
1664
1664
|
className: (0, import_classnames9.default)("react-select", { "is-invalid": col.validate && col.validate(row[col.field], row) }),
|
|
1665
1665
|
onKeyDown: (e) => {
|
|
@@ -1971,7 +1971,6 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
1971
1971
|
} else {
|
|
1972
1972
|
element.focus();
|
|
1973
1973
|
}
|
|
1974
|
-
element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
|
|
1975
1974
|
}
|
|
1976
1975
|
e.preventDefault();
|
|
1977
1976
|
return e.code;
|
|
@@ -1993,7 +1992,6 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
1993
1992
|
} else {
|
|
1994
1993
|
element.focus();
|
|
1995
1994
|
}
|
|
1996
|
-
element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
|
|
1997
1995
|
}
|
|
1998
1996
|
e.preventDefault();
|
|
1999
1997
|
return e.code;
|
|
@@ -2001,7 +1999,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
2001
1999
|
}
|
|
2002
2000
|
if (e.code === "ArrowUp") {
|
|
2003
2001
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
2004
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2002
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2005
2003
|
if (indexRow > 1) {
|
|
2006
2004
|
setIndexFocus(indexRow - 2);
|
|
2007
2005
|
setTimeout(() => {
|
|
@@ -2021,7 +2019,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
2021
2019
|
}
|
|
2022
2020
|
if (e.code === "ArrowDown") {
|
|
2023
2021
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
2024
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2022
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2025
2023
|
if (indexRow < dataSource?.length) {
|
|
2026
2024
|
setIndexFocus(indexRow);
|
|
2027
2025
|
setTimeout(() => {
|
|
@@ -2069,7 +2067,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
2069
2067
|
}
|
|
2070
2068
|
if ((e.code === "Enter" || e.code === "NumpadEnter") && (!editDisable && !addDisable)) {
|
|
2071
2069
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
2072
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2070
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2073
2071
|
if (indexRow < dataSource?.length) {
|
|
2074
2072
|
setIndexFocus(indexRow);
|
|
2075
2073
|
setTimeout(() => {
|
|
@@ -2126,7 +2124,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
|
|
|
2126
2124
|
setTimeout(() => {
|
|
2127
2125
|
tableElement.current?.scrollTo(0, tableElement.current.scrollHeight);
|
|
2128
2126
|
const element = document.getElementById(`${idTable}-col${columnFistEdit}-row${dataSource?.length + 1}`);
|
|
2129
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2127
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2130
2128
|
if (element.className.includes("react-select") || element.className.includes("from-edit")) {
|
|
2131
2129
|
element.getElementsByTagName("input")[0]?.focus();
|
|
2132
2130
|
} else {
|
package/dist/index.mjs
CHANGED
|
@@ -1579,7 +1579,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1579
1579
|
},
|
|
1580
1580
|
menuPortalTarget: document.body,
|
|
1581
1581
|
isClearable: col.selectSettings?.isClearable ?? false,
|
|
1582
|
-
classNamePrefix: col.selectSettings?.widthPopup ? `
|
|
1582
|
+
classNamePrefix: col.selectSettings?.widthPopup ? `select-${col.selectSettings?.widthPopup}` : "select",
|
|
1583
1583
|
placeholder: t("Select"),
|
|
1584
1584
|
id: `${idTable}-col${indexCol + 1}-row${indexRow + 1}`,
|
|
1585
1585
|
loadOptions: col.selectSettings?.loadOptions,
|
|
@@ -1633,7 +1633,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1633
1633
|
menuPortalTarget: document.body,
|
|
1634
1634
|
isMulti: col.selectSettings?.isMulti ?? false,
|
|
1635
1635
|
isClearable: col.selectSettings?.isClearable ?? false,
|
|
1636
|
-
classNamePrefix: col.selectSettings?.widthPopup ? `
|
|
1636
|
+
classNamePrefix: col.selectSettings?.widthPopup ? `select-${col.selectSettings?.widthPopup}` : "select",
|
|
1637
1637
|
placeholder: t("Select"),
|
|
1638
1638
|
className: classnames5("react-select", { "is-invalid": col.validate && col.validate(row[col.field], row) }),
|
|
1639
1639
|
onKeyDown: (e) => {
|
|
@@ -1945,7 +1945,6 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1945
1945
|
} else {
|
|
1946
1946
|
element.focus();
|
|
1947
1947
|
}
|
|
1948
|
-
element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
|
|
1949
1948
|
}
|
|
1950
1949
|
e.preventDefault();
|
|
1951
1950
|
return e.code;
|
|
@@ -1967,7 +1966,6 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1967
1966
|
} else {
|
|
1968
1967
|
element.focus();
|
|
1969
1968
|
}
|
|
1970
|
-
element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
|
|
1971
1969
|
}
|
|
1972
1970
|
e.preventDefault();
|
|
1973
1971
|
return e.code;
|
|
@@ -1975,7 +1973,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1975
1973
|
}
|
|
1976
1974
|
if (e.code === "ArrowUp") {
|
|
1977
1975
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
1978
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
1976
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
1979
1977
|
if (indexRow > 1) {
|
|
1980
1978
|
setIndexFocus(indexRow - 2);
|
|
1981
1979
|
setTimeout(() => {
|
|
@@ -1995,7 +1993,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
1995
1993
|
}
|
|
1996
1994
|
if (e.code === "ArrowDown") {
|
|
1997
1995
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
1998
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
1996
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
1999
1997
|
if (indexRow < dataSource?.length) {
|
|
2000
1998
|
setIndexFocus(indexRow);
|
|
2001
1999
|
setTimeout(() => {
|
|
@@ -2043,7 +2041,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
2043
2041
|
}
|
|
2044
2042
|
if ((e.code === "Enter" || e.code === "NumpadEnter") && (!editDisable && !addDisable)) {
|
|
2045
2043
|
const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
|
|
2046
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2044
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2047
2045
|
if (indexRow < dataSource?.length) {
|
|
2048
2046
|
setIndexFocus(indexRow);
|
|
2049
2047
|
setTimeout(() => {
|
|
@@ -2100,7 +2098,7 @@ var TableEdit = forwardRef2((props, ref) => {
|
|
|
2100
2098
|
setTimeout(() => {
|
|
2101
2099
|
tableElement.current?.scrollTo(0, tableElement.current.scrollHeight);
|
|
2102
2100
|
const element = document.getElementById(`${idTable}-col${columnFistEdit}-row${dataSource?.length + 1}`);
|
|
2103
|
-
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("
|
|
2101
|
+
if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
|
|
2104
2102
|
if (element.className.includes("react-select") || element.className.includes("from-edit")) {
|
|
2105
2103
|
element.getElementsByTagName("input")[0]?.focus();
|
|
2106
2104
|
} else {
|