@integry/sdk 4.6.17 → 4.6.18
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/.vscode/launch.json +2 -2
- package/dist/esm/index.csm.d.ts +1 -0
- package/dist/esm/index.csm.js +1 -1
- package/dist/umd/index.umd.d.ts +1 -0
- package/dist/umd/index.umd.js +1 -1
- package/package.json +1 -1
- package/src/components/MultipurposeField/TagMenu/index.ts +16 -5
- package/src/components/MultipurposeField/TagMenu/styles.module.scss +7 -0
- package/src/components/MultipurposeField/index.tsx +34 -8
- package/src/components/MultipurposeField/styles.module.scss +1 -1
- package/src/components/TagsMenu/index.ts +1123 -0
- package/src/components/TagsMenu/styles.module.scss +15 -6
- package/src/features/common/ActionForm/index.ts +11 -0
- package/src/index.ts +2 -0
- package/src/types/index.ts +1 -0
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
|
|
109
109
|
&.searchMatch {
|
|
110
110
|
> .listItemContent {
|
|
111
|
-
background-color: rgba(79, 70, 229, 0.1);
|
|
111
|
+
// background-color: rgba(79, 70, 229, 0.1);
|
|
112
112
|
border-radius: 4px;
|
|
113
113
|
}
|
|
114
114
|
}
|
|
@@ -135,14 +135,20 @@
|
|
|
135
135
|
}
|
|
136
136
|
span.tagIcon {
|
|
137
137
|
margin-right: 10px;
|
|
138
|
-
svg
|
|
138
|
+
svg,
|
|
139
|
+
img {
|
|
139
140
|
width: 1rem;
|
|
140
141
|
height: 1rem;
|
|
142
|
+
position: relative;
|
|
143
|
+
top: 2px;
|
|
144
|
+
}
|
|
145
|
+
img {
|
|
146
|
+
margin-right: 0px;
|
|
141
147
|
}
|
|
142
148
|
}
|
|
143
149
|
span.key {
|
|
144
150
|
mark {
|
|
145
|
-
background-color: rgba(79, 70, 229, 0.2);
|
|
151
|
+
// background-color: rgba(79, 70, 229, 0.2);
|
|
146
152
|
color: inherit;
|
|
147
153
|
font-weight: 500;
|
|
148
154
|
border-radius: 2px;
|
|
@@ -165,7 +171,6 @@
|
|
|
165
171
|
color: hsl(240 3.8% 60%);
|
|
166
172
|
font-size: 0.75rem;
|
|
167
173
|
font-weight: 400;
|
|
168
|
-
font-style: italic;
|
|
169
174
|
line-height: 1rem;
|
|
170
175
|
overflow: hidden;
|
|
171
176
|
text-overflow: ellipsis;
|
|
@@ -173,7 +178,7 @@
|
|
|
173
178
|
margin-left: 5px;
|
|
174
179
|
|
|
175
180
|
mark {
|
|
176
|
-
background-color: rgba(79, 70, 229, 0.2);
|
|
181
|
+
// background-color: rgba(79, 70, 229, 0.2);
|
|
177
182
|
color: inherit;
|
|
178
183
|
font-weight: 500;
|
|
179
184
|
border-radius: 2px;
|
|
@@ -191,7 +196,7 @@
|
|
|
191
196
|
margin-left: 5px;
|
|
192
197
|
|
|
193
198
|
mark {
|
|
194
|
-
background-color: rgba(79, 70, 229, 0.2);
|
|
199
|
+
// background-color: rgba(79, 70, 229, 0.2);
|
|
195
200
|
color: inherit;
|
|
196
201
|
font-weight: 500;
|
|
197
202
|
border-radius: 2px;
|
|
@@ -222,5 +227,9 @@
|
|
|
222
227
|
}
|
|
223
228
|
}
|
|
224
229
|
}
|
|
230
|
+
.tagsListWrapper {
|
|
231
|
+
max-height: 300px;
|
|
232
|
+
overflow-y: scroll;
|
|
233
|
+
}
|
|
225
234
|
}
|
|
226
235
|
}
|
|
@@ -50,6 +50,7 @@ interface ActionFormPropsType extends StoreType {
|
|
|
50
50
|
onFieldChangeCallback?: (fieldId: string, value: string) => void;
|
|
51
51
|
tagsComponent?: any;
|
|
52
52
|
tagsTree?: any;
|
|
53
|
+
showMappingMenu: boolean;
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
interface ActionFormStateType {
|
|
@@ -1633,6 +1634,11 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
|
|
|
1633
1634
|
el.data_type === 'NUMBER[]'
|
|
1634
1635
|
)}
|
|
1635
1636
|
tagsComponent=${this.props.tagsComponent}
|
|
1637
|
+
tagsTree=${
|
|
1638
|
+
this.props.showMappingMenu
|
|
1639
|
+
? this.props.tagsTree
|
|
1640
|
+
: null
|
|
1641
|
+
}
|
|
1636
1642
|
><//>
|
|
1637
1643
|
</${ConfigureFieldWrapper}>
|
|
1638
1644
|
</div>
|
|
@@ -1996,6 +2002,11 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
|
|
|
1996
2002
|
this.refreshRootStepData
|
|
1997
2003
|
}
|
|
1998
2004
|
tagsComponent=${this.props.tagsComponent}
|
|
2005
|
+
tagsTree=${
|
|
2006
|
+
this.props.showMappingMenu
|
|
2007
|
+
? this.props.tagsTree
|
|
2008
|
+
: null
|
|
2009
|
+
}
|
|
1999
2010
|
/>
|
|
2000
2011
|
|
|
2001
2012
|
</${ConfigureFieldWrapper}>
|
package/src/index.ts
CHANGED
|
@@ -1995,6 +1995,7 @@ export class IntegryJS {
|
|
|
1995
1995
|
onFieldChangeCallback: () => {
|
|
1996
1996
|
// Placeholder function for future implementation
|
|
1997
1997
|
},
|
|
1998
|
+
showMappingMenu: false,
|
|
1998
1999
|
},
|
|
1999
2000
|
) => {
|
|
2000
2001
|
const target = document.getElementById(options.containerId);
|
|
@@ -2023,6 +2024,7 @@ export class IntegryJS {
|
|
|
2023
2024
|
tagsComponent=${options.tagsComponent}
|
|
2024
2025
|
onFieldChangeCallback=${options.onFieldChangeCallback}
|
|
2025
2026
|
tagsTree=${options.tagsTree}
|
|
2027
|
+
showMappingMenu=${options.showMappingMenu}
|
|
2026
2028
|
/>
|
|
2027
2029
|
<//>
|
|
2028
2030
|
<//>
|
package/src/types/index.ts
CHANGED
|
@@ -296,6 +296,7 @@ export type RenderFlowStepOptions = {
|
|
|
296
296
|
tagsComponent?: any;
|
|
297
297
|
onFieldChangeCallback: (fieldId: string, value: any) => void;
|
|
298
298
|
tagsTree: any;
|
|
299
|
+
showMappingMenu: boolean;
|
|
299
300
|
};
|
|
300
301
|
export type ShowFunctionOptions = {
|
|
301
302
|
params?: Record<string, any>;
|