@genesislcap/expression-builder 14.445.1 → 14.445.2-chore-fix-ag-grid-types-react.3
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/custom-elements.json +95 -95
- package/dist/dts/react.d.ts +10 -10
- package/dist/react.cjs +17 -17
- package/dist/react.mjs +16 -16
- package/package.json +10 -10
|
@@ -729,41 +729,6 @@
|
|
|
729
729
|
}
|
|
730
730
|
]
|
|
731
731
|
},
|
|
732
|
-
{
|
|
733
|
-
"kind": "javascript-module",
|
|
734
|
-
"path": "src/types/index.ts",
|
|
735
|
-
"declarations": [],
|
|
736
|
-
"exports": [
|
|
737
|
-
{
|
|
738
|
-
"kind": "js",
|
|
739
|
-
"name": "*",
|
|
740
|
-
"declaration": {
|
|
741
|
-
"name": "*",
|
|
742
|
-
"package": "./public.types"
|
|
743
|
-
}
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "js",
|
|
747
|
-
"name": "*",
|
|
748
|
-
"declaration": {
|
|
749
|
-
"name": "*",
|
|
750
|
-
"package": "./private.types"
|
|
751
|
-
}
|
|
752
|
-
}
|
|
753
|
-
]
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"kind": "javascript-module",
|
|
757
|
-
"path": "src/types/private.types.ts",
|
|
758
|
-
"declarations": [],
|
|
759
|
-
"exports": []
|
|
760
|
-
},
|
|
761
|
-
{
|
|
762
|
-
"kind": "javascript-module",
|
|
763
|
-
"path": "src/types/public.types.ts",
|
|
764
|
-
"declarations": [],
|
|
765
|
-
"exports": []
|
|
766
|
-
},
|
|
767
732
|
{
|
|
768
733
|
"kind": "javascript-module",
|
|
769
734
|
"path": "src/utils/data-model.ts",
|
|
@@ -1053,6 +1018,41 @@
|
|
|
1053
1018
|
}
|
|
1054
1019
|
]
|
|
1055
1020
|
},
|
|
1021
|
+
{
|
|
1022
|
+
"kind": "javascript-module",
|
|
1023
|
+
"path": "src/types/index.ts",
|
|
1024
|
+
"declarations": [],
|
|
1025
|
+
"exports": [
|
|
1026
|
+
{
|
|
1027
|
+
"kind": "js",
|
|
1028
|
+
"name": "*",
|
|
1029
|
+
"declaration": {
|
|
1030
|
+
"name": "*",
|
|
1031
|
+
"package": "./public.types"
|
|
1032
|
+
}
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"kind": "js",
|
|
1036
|
+
"name": "*",
|
|
1037
|
+
"declaration": {
|
|
1038
|
+
"name": "*",
|
|
1039
|
+
"package": "./private.types"
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
]
|
|
1043
|
+
},
|
|
1044
|
+
{
|
|
1045
|
+
"kind": "javascript-module",
|
|
1046
|
+
"path": "src/types/private.types.ts",
|
|
1047
|
+
"declarations": [],
|
|
1048
|
+
"exports": []
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"kind": "javascript-module",
|
|
1052
|
+
"path": "src/types/public.types.ts",
|
|
1053
|
+
"declarations": [],
|
|
1054
|
+
"exports": []
|
|
1055
|
+
},
|
|
1056
1056
|
{
|
|
1057
1057
|
"kind": "javascript-module",
|
|
1058
1058
|
"path": "src/main/expression-group/expression-group.styles.ts",
|
|
@@ -1730,12 +1730,12 @@
|
|
|
1730
1730
|
},
|
|
1731
1731
|
{
|
|
1732
1732
|
"kind": "javascript-module",
|
|
1733
|
-
"path": "src/main/rule-
|
|
1733
|
+
"path": "src/main/rule-field/rule-field.template.ts",
|
|
1734
1734
|
"declarations": [
|
|
1735
1735
|
{
|
|
1736
1736
|
"kind": "variable",
|
|
1737
1737
|
"name": "template",
|
|
1738
|
-
"default": "html<
|
|
1738
|
+
"default": "html<RuleField>`\n ${(context) => {\n const selectTag = context.styles?.customElements?.select || 'select';\n const optionTag = context.styles?.customElements?.option || 'option';\n const optgroupTag = context.styles?.customElements?.optgroup || 'optgroup';\n\n return html<RuleField>`\n <${selectTag}\n class=\"form-select\"\n @change=${(x, c) => x.dispatchFieldsChanged(c.event)}\n value=${(x) => x.field?.fieldId}\n >\n <${optionTag} value=\"\">Select a field</${optionTag}>\n ${repeat(\n (x) => x.groupedFieldss,\n html<{ optgroup: string | null; xs: Field[] } | Field, RuleField>`\n ${(groupOrFields) => {\n if ('xs' in groupOrFields) {\n return html<{\n optgroup: string | null;\n xs: Field[];\n }>`\n <${optgroupTag} label=\"${(x) => x.optgroup}\">\n ${repeat(\n (x) => x.xs,\n html<Field>`\n <${optionTag}\n value=\"${(x) => x.fieldId}\"\n ?selected=${(x, c) => x.fieldId === c.parentContext.parent?.field?.fieldId}\n >\n ${(x) => x.label}\n </${optionTag}>\n `,\n )}\n </${optgroupTag}>\n `;\n } else {\n return html<Field>`\n <${optionTag}\n value=\"${(x) => x.fieldId}\"\n ?selected=${(x, c) => x.fieldId === c.parent?.field?.fieldId}\n >\n ${(x) => x.label}\n </${optionTag}>\n `;\n }\n }}\n `,\n )}\n </${selectTag}>\n `;\n }}\n`"
|
|
1739
1739
|
}
|
|
1740
1740
|
],
|
|
1741
1741
|
"exports": [
|
|
@@ -1744,42 +1744,34 @@
|
|
|
1744
1744
|
"name": "template",
|
|
1745
1745
|
"declaration": {
|
|
1746
1746
|
"name": "template",
|
|
1747
|
-
"module": "src/main/rule-
|
|
1747
|
+
"module": "src/main/rule-field/rule-field.template.ts"
|
|
1748
1748
|
}
|
|
1749
1749
|
}
|
|
1750
1750
|
]
|
|
1751
1751
|
},
|
|
1752
1752
|
{
|
|
1753
1753
|
"kind": "javascript-module",
|
|
1754
|
-
"path": "src/main/rule-
|
|
1754
|
+
"path": "src/main/rule-field/rule-field.ts",
|
|
1755
1755
|
"declarations": [
|
|
1756
1756
|
{
|
|
1757
1757
|
"kind": "class",
|
|
1758
|
-
"description": "
|
|
1759
|
-
"name": "
|
|
1758
|
+
"description": "Field selector for expression rules.",
|
|
1759
|
+
"name": "RuleField",
|
|
1760
1760
|
"members": [
|
|
1761
1761
|
{
|
|
1762
1762
|
"kind": "field",
|
|
1763
|
-
"name": "
|
|
1763
|
+
"name": "fields",
|
|
1764
1764
|
"type": {
|
|
1765
|
-
"text": "
|
|
1765
|
+
"text": "Field[]"
|
|
1766
1766
|
},
|
|
1767
1767
|
"default": "[]"
|
|
1768
1768
|
},
|
|
1769
|
-
{
|
|
1770
|
-
"kind": "field",
|
|
1771
|
-
"name": "operator",
|
|
1772
|
-
"type": {
|
|
1773
|
-
"text": "Operator"
|
|
1774
|
-
}
|
|
1775
|
-
},
|
|
1776
1769
|
{
|
|
1777
1770
|
"kind": "field",
|
|
1778
1771
|
"name": "field",
|
|
1779
1772
|
"type": {
|
|
1780
|
-
"text": "Field
|
|
1781
|
-
}
|
|
1782
|
-
"default": "null"
|
|
1773
|
+
"text": "Field"
|
|
1774
|
+
}
|
|
1783
1775
|
},
|
|
1784
1776
|
{
|
|
1785
1777
|
"kind": "field",
|
|
@@ -1797,23 +1789,15 @@
|
|
|
1797
1789
|
},
|
|
1798
1790
|
{
|
|
1799
1791
|
"kind": "field",
|
|
1800
|
-
"name": "
|
|
1801
|
-
"type": {
|
|
1802
|
-
"text": "Operator[]"
|
|
1803
|
-
},
|
|
1804
|
-
"readonly": true
|
|
1805
|
-
},
|
|
1806
|
-
{
|
|
1807
|
-
"kind": "field",
|
|
1808
|
-
"name": "groupedOperators",
|
|
1792
|
+
"name": "groupedFieldss",
|
|
1809
1793
|
"type": {
|
|
1810
|
-
"text": "(
|
|
1794
|
+
"text": "(Field | { optgroup: string | null; xs: Field[] })[]"
|
|
1811
1795
|
},
|
|
1812
1796
|
"readonly": true
|
|
1813
1797
|
},
|
|
1814
1798
|
{
|
|
1815
1799
|
"kind": "method",
|
|
1816
|
-
"name": "
|
|
1800
|
+
"name": "dispatchFieldsChanged",
|
|
1817
1801
|
"parameters": [
|
|
1818
1802
|
{
|
|
1819
1803
|
"name": "event",
|
|
@@ -1831,45 +1815,45 @@
|
|
|
1831
1815
|
}
|
|
1832
1816
|
},
|
|
1833
1817
|
{
|
|
1834
|
-
"description": "Bubbled when the selected
|
|
1835
|
-
"name": "
|
|
1818
|
+
"description": "Bubbled when the selected field changes",
|
|
1819
|
+
"name": "field-selected"
|
|
1836
1820
|
}
|
|
1837
1821
|
],
|
|
1838
1822
|
"superclass": {
|
|
1839
1823
|
"name": "GenesisElement",
|
|
1840
1824
|
"package": "@genesislcap/web-core"
|
|
1841
1825
|
},
|
|
1842
|
-
"tagName": "expression-rule-
|
|
1826
|
+
"tagName": "expression-rule-field",
|
|
1843
1827
|
"customElement": true
|
|
1844
1828
|
}
|
|
1845
1829
|
],
|
|
1846
1830
|
"exports": [
|
|
1847
1831
|
{
|
|
1848
1832
|
"kind": "js",
|
|
1849
|
-
"name": "
|
|
1833
|
+
"name": "RuleField",
|
|
1850
1834
|
"declaration": {
|
|
1851
|
-
"name": "
|
|
1852
|
-
"module": "src/main/rule-
|
|
1835
|
+
"name": "RuleField",
|
|
1836
|
+
"module": "src/main/rule-field/rule-field.ts"
|
|
1853
1837
|
}
|
|
1854
1838
|
},
|
|
1855
1839
|
{
|
|
1856
1840
|
"kind": "custom-element-definition",
|
|
1857
|
-
"name": "expression-rule-
|
|
1841
|
+
"name": "expression-rule-field",
|
|
1858
1842
|
"declaration": {
|
|
1859
|
-
"name": "
|
|
1860
|
-
"module": "src/main/rule-
|
|
1843
|
+
"name": "RuleField",
|
|
1844
|
+
"module": "src/main/rule-field/rule-field.ts"
|
|
1861
1845
|
}
|
|
1862
1846
|
}
|
|
1863
1847
|
]
|
|
1864
1848
|
},
|
|
1865
1849
|
{
|
|
1866
1850
|
"kind": "javascript-module",
|
|
1867
|
-
"path": "src/main/rule-
|
|
1851
|
+
"path": "src/main/rule-operator/rule-operator.template.ts",
|
|
1868
1852
|
"declarations": [
|
|
1869
1853
|
{
|
|
1870
1854
|
"kind": "variable",
|
|
1871
1855
|
"name": "template",
|
|
1872
|
-
"default": "html<
|
|
1856
|
+
"default": "html<RuleOperator>`\n ${(context) => {\n const selectTag = context.styles?.customElements?.select || 'select';\n const optionTag = context.styles?.customElements?.option || 'option';\n const optgroupTag = context.styles?.customElements?.optgroup || 'optgroup';\n\n return html<RuleOperator>`\n <${selectTag}\n class=\"form-select\"\n @change=${(x, c) => x.handleOperatorChange(c.event)}\n value=${(x) => x.operator?.type}\n >\n <${optionTag} value=\"\">Select an operator</${optionTag}>\n ${repeat(\n (x) => x.groupedOperators,\n html<{ optgroup: string | null; xs: Operator[] } | Operator, RuleOperator>`\n ${(groupOrOperator) => {\n if ('xs' in groupOrOperator) {\n return html<{ optgroup: string | null; xs: Operator[] }, RuleOperator>`\n <${optgroupTag} label=\"${groupOrOperator.optgroup}\">\n ${repeat(\n (x) => x.xs,\n html<Operator>`\n <${optionTag}\n value=\"${(x) => x.type}\"\n ?selected=${(x, c) => x.type === c.parentContext.parent.operator?.type}\n title=${(x) => x.tooltip}\n >\n ${(x) => x.label ?? x.type}\n </${optionTag}>\n `,\n )}\n </${optgroupTag}>\n `;\n } else {\n return html<Operator, RuleOperator>`\n <${optionTag}\n value=\"${(x) => x.type}\"\n ?selected=${(x, c) => c.parent.operator?.type === x.type}\n title=${(x) => x.tooltip}\n >\n ${(x) => x.label ?? x.type}\n </${optionTag}>\n `;\n }\n }}\n `,\n )}\n </${selectTag}>\n `;\n }}\n`"
|
|
1873
1857
|
}
|
|
1874
1858
|
],
|
|
1875
1859
|
"exports": [
|
|
@@ -1878,35 +1862,43 @@
|
|
|
1878
1862
|
"name": "template",
|
|
1879
1863
|
"declaration": {
|
|
1880
1864
|
"name": "template",
|
|
1881
|
-
"module": "src/main/rule-
|
|
1865
|
+
"module": "src/main/rule-operator/rule-operator.template.ts"
|
|
1882
1866
|
}
|
|
1883
1867
|
}
|
|
1884
1868
|
]
|
|
1885
1869
|
},
|
|
1886
1870
|
{
|
|
1887
1871
|
"kind": "javascript-module",
|
|
1888
|
-
"path": "src/main/rule-
|
|
1872
|
+
"path": "src/main/rule-operator/rule-operator.ts",
|
|
1889
1873
|
"declarations": [
|
|
1890
1874
|
{
|
|
1891
1875
|
"kind": "class",
|
|
1892
|
-
"description": "
|
|
1893
|
-
"name": "
|
|
1876
|
+
"description": "Operator selector for expression rules.",
|
|
1877
|
+
"name": "RuleOperator",
|
|
1894
1878
|
"members": [
|
|
1895
1879
|
{
|
|
1896
1880
|
"kind": "field",
|
|
1897
|
-
"name": "
|
|
1881
|
+
"name": "operators",
|
|
1898
1882
|
"type": {
|
|
1899
|
-
"text": "
|
|
1883
|
+
"text": "Operator[]"
|
|
1900
1884
|
},
|
|
1901
1885
|
"default": "[]"
|
|
1902
1886
|
},
|
|
1903
1887
|
{
|
|
1904
1888
|
"kind": "field",
|
|
1905
|
-
"name": "
|
|
1889
|
+
"name": "operator",
|
|
1906
1890
|
"type": {
|
|
1907
|
-
"text": "
|
|
1891
|
+
"text": "Operator"
|
|
1908
1892
|
}
|
|
1909
1893
|
},
|
|
1894
|
+
{
|
|
1895
|
+
"kind": "field",
|
|
1896
|
+
"name": "field",
|
|
1897
|
+
"type": {
|
|
1898
|
+
"text": "Field | null"
|
|
1899
|
+
},
|
|
1900
|
+
"default": "null"
|
|
1901
|
+
},
|
|
1910
1902
|
{
|
|
1911
1903
|
"kind": "field",
|
|
1912
1904
|
"name": "config",
|
|
@@ -1923,15 +1915,23 @@
|
|
|
1923
1915
|
},
|
|
1924
1916
|
{
|
|
1925
1917
|
"kind": "field",
|
|
1926
|
-
"name": "
|
|
1918
|
+
"name": "allowedOperators",
|
|
1927
1919
|
"type": {
|
|
1928
|
-
"text": "
|
|
1920
|
+
"text": "Operator[]"
|
|
1921
|
+
},
|
|
1922
|
+
"readonly": true
|
|
1923
|
+
},
|
|
1924
|
+
{
|
|
1925
|
+
"kind": "field",
|
|
1926
|
+
"name": "groupedOperators",
|
|
1927
|
+
"type": {
|
|
1928
|
+
"text": "(Operator | { optgroup: string | null; xs: Operator[] })[]"
|
|
1929
1929
|
},
|
|
1930
1930
|
"readonly": true
|
|
1931
1931
|
},
|
|
1932
1932
|
{
|
|
1933
1933
|
"kind": "method",
|
|
1934
|
-
"name": "
|
|
1934
|
+
"name": "handleOperatorChange",
|
|
1935
1935
|
"parameters": [
|
|
1936
1936
|
{
|
|
1937
1937
|
"name": "event",
|
|
@@ -1949,33 +1949,33 @@
|
|
|
1949
1949
|
}
|
|
1950
1950
|
},
|
|
1951
1951
|
{
|
|
1952
|
-
"description": "Bubbled when the selected
|
|
1953
|
-
"name": "
|
|
1952
|
+
"description": "Bubbled when the selected operator changes",
|
|
1953
|
+
"name": "operator-selected"
|
|
1954
1954
|
}
|
|
1955
1955
|
],
|
|
1956
1956
|
"superclass": {
|
|
1957
1957
|
"name": "GenesisElement",
|
|
1958
1958
|
"package": "@genesislcap/web-core"
|
|
1959
1959
|
},
|
|
1960
|
-
"tagName": "expression-rule-
|
|
1960
|
+
"tagName": "expression-rule-operator",
|
|
1961
1961
|
"customElement": true
|
|
1962
1962
|
}
|
|
1963
1963
|
],
|
|
1964
1964
|
"exports": [
|
|
1965
1965
|
{
|
|
1966
1966
|
"kind": "js",
|
|
1967
|
-
"name": "
|
|
1967
|
+
"name": "RuleOperator",
|
|
1968
1968
|
"declaration": {
|
|
1969
|
-
"name": "
|
|
1970
|
-
"module": "src/main/rule-
|
|
1969
|
+
"name": "RuleOperator",
|
|
1970
|
+
"module": "src/main/rule-operator/rule-operator.ts"
|
|
1971
1971
|
}
|
|
1972
1972
|
},
|
|
1973
1973
|
{
|
|
1974
1974
|
"kind": "custom-element-definition",
|
|
1975
|
-
"name": "expression-rule-
|
|
1975
|
+
"name": "expression-rule-operator",
|
|
1976
1976
|
"declaration": {
|
|
1977
|
-
"name": "
|
|
1978
|
-
"module": "src/main/rule-
|
|
1977
|
+
"name": "RuleOperator",
|
|
1978
|
+
"module": "src/main/rule-operator/rule-operator.ts"
|
|
1979
1979
|
}
|
|
1980
1980
|
}
|
|
1981
1981
|
]
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -79,16 +79,6 @@ export declare const ExpressionRule: React.ForwardRefExoticComponent<
|
|
|
79
79
|
>;
|
|
80
80
|
export type ExpressionRuleRef = ExpressionRuleWC;
|
|
81
81
|
|
|
82
|
-
export declare const RuleOperator: React.ForwardRefExoticComponent<
|
|
83
|
-
React.PropsWithChildren<
|
|
84
|
-
Omit<PublicOf<RuleOperatorWC>, 'children' | 'style'> &
|
|
85
|
-
HTMLWCProps & {
|
|
86
|
-
onOperatorSelected?: (event: CustomEvent<unknown>) => void;
|
|
87
|
-
}
|
|
88
|
-
> & React.RefAttributes<RuleOperatorWC>
|
|
89
|
-
>;
|
|
90
|
-
export type RuleOperatorRef = RuleOperatorWC;
|
|
91
|
-
|
|
92
82
|
export declare const RuleField: React.ForwardRefExoticComponent<
|
|
93
83
|
React.PropsWithChildren<
|
|
94
84
|
Omit<PublicOf<RuleFieldWC>, 'children' | 'style'> &
|
|
@@ -99,6 +89,16 @@ export declare const RuleField: React.ForwardRefExoticComponent<
|
|
|
99
89
|
>;
|
|
100
90
|
export type RuleFieldRef = RuleFieldWC;
|
|
101
91
|
|
|
92
|
+
export declare const RuleOperator: React.ForwardRefExoticComponent<
|
|
93
|
+
React.PropsWithChildren<
|
|
94
|
+
Omit<PublicOf<RuleOperatorWC>, 'children' | 'style'> &
|
|
95
|
+
HTMLWCProps & {
|
|
96
|
+
onOperatorSelected?: (event: CustomEvent<unknown>) => void;
|
|
97
|
+
}
|
|
98
|
+
> & React.RefAttributes<RuleOperatorWC>
|
|
99
|
+
>;
|
|
100
|
+
export type RuleOperatorRef = RuleOperatorWC;
|
|
101
|
+
|
|
102
102
|
export declare const RuleValue: React.ForwardRefExoticComponent<
|
|
103
103
|
React.PropsWithChildren<
|
|
104
104
|
Omit<PublicOf<RuleValueWC>, 'children' | 'style'> &
|
package/dist/react.cjs
CHANGED
|
@@ -118,38 +118,38 @@ const ExpressionRule = React.forwardRef(function ExpressionRule(props, ref) {
|
|
|
118
118
|
return React.createElement(customElements.getName(ExpressionRuleWC) ?? 'expression-rule', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
119
119
|
});
|
|
120
120
|
|
|
121
|
-
const
|
|
122
|
-
const {
|
|
121
|
+
const RuleField = React.forwardRef(function RuleField(props, ref) {
|
|
122
|
+
const { onFieldSelected, children, ...rest } = props;
|
|
123
123
|
const _innerRef = React.useRef(null);
|
|
124
|
-
const
|
|
125
|
-
|
|
124
|
+
const _onFieldSelectedRef = React.useRef(onFieldSelected);
|
|
125
|
+
_onFieldSelectedRef.current = onFieldSelected;
|
|
126
126
|
React.useLayoutEffect(() => {
|
|
127
127
|
const el = _innerRef.current;
|
|
128
128
|
if (!el) return;
|
|
129
|
-
const
|
|
130
|
-
el.addEventListener('
|
|
129
|
+
const _onFieldSelectedFn = (e) => _onFieldSelectedRef.current?.(e);
|
|
130
|
+
el.addEventListener('field-selected', _onFieldSelectedFn);
|
|
131
131
|
return () => {
|
|
132
|
-
el.removeEventListener('
|
|
132
|
+
el.removeEventListener('field-selected', _onFieldSelectedFn);
|
|
133
133
|
};
|
|
134
134
|
}, []);
|
|
135
|
-
return React.createElement(customElements.getName(
|
|
135
|
+
return React.createElement(customElements.getName(RuleFieldWC) ?? 'expression-rule-field', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
136
136
|
});
|
|
137
137
|
|
|
138
|
-
const
|
|
139
|
-
const {
|
|
138
|
+
const RuleOperator = React.forwardRef(function RuleOperator(props, ref) {
|
|
139
|
+
const { onOperatorSelected, children, ...rest } = props;
|
|
140
140
|
const _innerRef = React.useRef(null);
|
|
141
|
-
const
|
|
142
|
-
|
|
141
|
+
const _onOperatorSelectedRef = React.useRef(onOperatorSelected);
|
|
142
|
+
_onOperatorSelectedRef.current = onOperatorSelected;
|
|
143
143
|
React.useLayoutEffect(() => {
|
|
144
144
|
const el = _innerRef.current;
|
|
145
145
|
if (!el) return;
|
|
146
|
-
const
|
|
147
|
-
el.addEventListener('
|
|
146
|
+
const _onOperatorSelectedFn = (e) => _onOperatorSelectedRef.current?.(e);
|
|
147
|
+
el.addEventListener('operator-selected', _onOperatorSelectedFn);
|
|
148
148
|
return () => {
|
|
149
|
-
el.removeEventListener('
|
|
149
|
+
el.removeEventListener('operator-selected', _onOperatorSelectedFn);
|
|
150
150
|
};
|
|
151
151
|
}, []);
|
|
152
|
-
return React.createElement(customElements.getName(
|
|
152
|
+
return React.createElement(customElements.getName(RuleOperatorWC) ?? 'expression-rule-operator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
153
153
|
});
|
|
154
154
|
|
|
155
155
|
const RuleValue = React.forwardRef(function RuleValue(props, ref) {
|
|
@@ -178,7 +178,7 @@ module.exports = {
|
|
|
178
178
|
ExpressionBuilder,
|
|
179
179
|
ExpressionGroup,
|
|
180
180
|
ExpressionRule,
|
|
181
|
-
RuleOperator,
|
|
182
181
|
RuleField,
|
|
182
|
+
RuleOperator,
|
|
183
183
|
RuleValue,
|
|
184
184
|
};
|
package/dist/react.mjs
CHANGED
|
@@ -116,38 +116,38 @@ export const ExpressionRule = React.forwardRef(function ExpressionRule(props, re
|
|
|
116
116
|
return React.createElement(customElements.getName(ExpressionRuleWC) ?? 'expression-rule', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
117
117
|
});
|
|
118
118
|
|
|
119
|
-
export const
|
|
120
|
-
const {
|
|
119
|
+
export const RuleField = React.forwardRef(function RuleField(props, ref) {
|
|
120
|
+
const { onFieldSelected, children, ...rest } = props;
|
|
121
121
|
const _innerRef = React.useRef(null);
|
|
122
|
-
const
|
|
123
|
-
|
|
122
|
+
const _onFieldSelectedRef = React.useRef(onFieldSelected);
|
|
123
|
+
_onFieldSelectedRef.current = onFieldSelected;
|
|
124
124
|
React.useLayoutEffect(() => {
|
|
125
125
|
const el = _innerRef.current;
|
|
126
126
|
if (!el) return;
|
|
127
|
-
const
|
|
128
|
-
el.addEventListener('
|
|
127
|
+
const _onFieldSelectedFn = (e) => _onFieldSelectedRef.current?.(e);
|
|
128
|
+
el.addEventListener('field-selected', _onFieldSelectedFn);
|
|
129
129
|
return () => {
|
|
130
|
-
el.removeEventListener('
|
|
130
|
+
el.removeEventListener('field-selected', _onFieldSelectedFn);
|
|
131
131
|
};
|
|
132
132
|
}, []);
|
|
133
|
-
return React.createElement(customElements.getName(
|
|
133
|
+
return React.createElement(customElements.getName(RuleFieldWC) ?? 'expression-rule-field', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
134
134
|
});
|
|
135
135
|
|
|
136
|
-
export const
|
|
137
|
-
const {
|
|
136
|
+
export const RuleOperator = React.forwardRef(function RuleOperator(props, ref) {
|
|
137
|
+
const { onOperatorSelected, children, ...rest } = props;
|
|
138
138
|
const _innerRef = React.useRef(null);
|
|
139
|
-
const
|
|
140
|
-
|
|
139
|
+
const _onOperatorSelectedRef = React.useRef(onOperatorSelected);
|
|
140
|
+
_onOperatorSelectedRef.current = onOperatorSelected;
|
|
141
141
|
React.useLayoutEffect(() => {
|
|
142
142
|
const el = _innerRef.current;
|
|
143
143
|
if (!el) return;
|
|
144
|
-
const
|
|
145
|
-
el.addEventListener('
|
|
144
|
+
const _onOperatorSelectedFn = (e) => _onOperatorSelectedRef.current?.(e);
|
|
145
|
+
el.addEventListener('operator-selected', _onOperatorSelectedFn);
|
|
146
146
|
return () => {
|
|
147
|
-
el.removeEventListener('
|
|
147
|
+
el.removeEventListener('operator-selected', _onOperatorSelectedFn);
|
|
148
148
|
};
|
|
149
149
|
}, []);
|
|
150
|
-
return React.createElement(customElements.getName(
|
|
150
|
+
return React.createElement(customElements.getName(RuleOperatorWC) ?? 'expression-rule-operator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
151
151
|
});
|
|
152
152
|
|
|
153
153
|
export const RuleValue = React.forwardRef(function RuleValue(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/expression-builder",
|
|
3
3
|
"description": "Genesis Foundation Expression Builder",
|
|
4
|
-
"version": "14.445.
|
|
4
|
+
"version": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
7
|
"types": "dist/expression-builder.d.ts",
|
|
@@ -38,16 +38,16 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@genesislcap/foundation-testing": "14.445.
|
|
42
|
-
"@genesislcap/genx": "14.445.
|
|
43
|
-
"@genesislcap/rollup-builder": "14.445.
|
|
44
|
-
"@genesislcap/ts-builder": "14.445.
|
|
45
|
-
"@genesislcap/uvu-playwright-builder": "14.445.
|
|
46
|
-
"@genesislcap/vite-builder": "14.445.
|
|
47
|
-
"@genesislcap/webpack-builder": "14.445.
|
|
41
|
+
"@genesislcap/foundation-testing": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
42
|
+
"@genesislcap/genx": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
43
|
+
"@genesislcap/rollup-builder": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
44
|
+
"@genesislcap/ts-builder": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
45
|
+
"@genesislcap/uvu-playwright-builder": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
46
|
+
"@genesislcap/vite-builder": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
47
|
+
"@genesislcap/webpack-builder": "14.445.2-chore-fix-ag-grid-types-react.3"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@genesislcap/web-core": "14.445.
|
|
50
|
+
"@genesislcap/web-core": "14.445.2-chore-fix-ag-grid-types-react.3",
|
|
51
51
|
"rfdc": "1.4.1"
|
|
52
52
|
},
|
|
53
53
|
"repository": {
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"require": "./dist/react.cjs"
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "9bae6a71c4c119eb16264d4a01d8615e5cb0a44e"
|
|
74
74
|
}
|