@integry/sdk 4.6.14 → 4.6.16

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@integry/sdk",
3
- "version": "4.6.14",
3
+ "version": "4.6.16",
4
4
  "description": "Integry SDK",
5
5
  "main": "dist/umd/index.umd.js",
6
6
  "module": "dist/esm/index.csm.js",
@@ -277,7 +277,12 @@ const ListBox = (props: ListBoxProps) => {
277
277
  setLoading(true);
278
278
  let data;
279
279
  try {
280
- data = JSON.parse(endpointData) || {};
280
+ if (endpointData.indexOf('/functions/') !== -1) {
281
+ data = JSON.parse(endpointData) || {};
282
+ } else {
283
+ data = {};
284
+ }
285
+
281
286
  if (selectedAuthId) {
282
287
  data.connected_account_id = selectedAuthId;
283
288
  data.authorization_id = selectedAuthId;
@@ -29,10 +29,36 @@
29
29
  flex: 1 1 0%;
30
30
  display: inline-flex;
31
31
  cursor: pointer;
32
+ position: relative;
33
+
34
+ &.tabWithResults {
35
+ font-weight: 500;
36
+ color: #4f46e5;
37
+ }
32
38
  }
33
39
  .activeTab {
34
40
  background-color: hsl(0 0% 100%);
35
41
  color: hsl(240 10% 3.9%);
42
+
43
+ &.tabWithResults {
44
+ color: #4f46e5;
45
+ }
46
+ }
47
+ .resultBadge {
48
+ position: absolute;
49
+ top: 0;
50
+ right: 0;
51
+ background-color: #4f46e5;
52
+ color: white;
53
+ border-radius: 9999px;
54
+ font-size: 0.65rem;
55
+ min-width: 1.25rem;
56
+ height: 1.25rem;
57
+ display: flex;
58
+ align-items: center;
59
+ justify-content: center;
60
+ padding: 0 0.25rem;
61
+ transform: translate(25%, -25%);
36
62
  }
37
63
  }
38
64
  .tabContent {
@@ -42,11 +68,31 @@
42
68
  display: flex;
43
69
  align-items: center;
44
70
  gap: 10px;
71
+ margin-bottom: 10px;
72
+ position: relative;
73
+
45
74
  input {
46
75
  flex: 1;
47
76
  padding: 8px;
48
77
  border: 1px solid #ccc;
49
78
  border-radius: 5px;
79
+ padding-right: 30px; // Space for the clear button
80
+ }
81
+
82
+ .clearSearch {
83
+ position: absolute;
84
+ right: 8px;
85
+ background: none;
86
+ border: none;
87
+ cursor: pointer;
88
+ color: #71717a;
89
+ display: flex;
90
+ align-items: center;
91
+ justify-content: center;
92
+
93
+ &:hover {
94
+ color: #4f46e5;
95
+ }
50
96
  }
51
97
  }
52
98
  ul {
@@ -55,18 +101,64 @@
55
101
  div {
56
102
  cursor: pointer;
57
103
  }
104
+
105
+ &.searchMatch {
106
+ > .listItemContent {
107
+ background-color: rgba(79, 70, 229, 0.1);
108
+ border-radius: 4px;
109
+ }
110
+ }
111
+
58
112
  .listItemContent {
59
113
  padding: 5px 0;
60
114
  display: flex;
61
115
  align-items: center;
116
+ border-radius: 4px;
117
+ padding-left: 4px;
118
+ padding-right: 4px;
119
+
120
+ &:hover {
121
+ background-color: rgba(66, 80, 240, 0.1);
122
+ }
123
+
62
124
  span.expandIcon {
63
125
  margin-right: 10px;
64
126
  cursor: pointer;
127
+ svg {
128
+ width: 1rem;
129
+ height: 1rem;
130
+ }
65
131
  }
66
132
  span.tagIcon {
67
133
  margin-right: 10px;
134
+ svg {
135
+ width: 1rem;
136
+ height: 1rem;
137
+ }
138
+ }
139
+ span.key {
140
+ mark {
141
+ background-color: rgba(79, 70, 229, 0.2);
142
+ color: inherit;
143
+ font-weight: 500;
144
+ border-radius: 2px;
145
+ padding: 0 2px;
146
+ }
68
147
  }
69
- span.value {
148
+ span.outputIndicator {
149
+ margin-left: auto;
150
+ cursor: pointer;
151
+ color: #71717a;
152
+ svg {
153
+ width: 1rem;
154
+ height: 1rem;
155
+ }
156
+ &:hover {
157
+ color: #3b82f6;
158
+ }
159
+ }
160
+ span.value,
161
+ span.key {
70
162
  color: hsl(240 3.8% 46.1%);
71
163
  font-size: 0.75rem;
72
164
  line-height: 1rem;
@@ -74,6 +166,14 @@
74
166
  text-overflow: ellipsis;
75
167
  white-space: nowrap;
76
168
  margin-left: 5px;
169
+
170
+ mark {
171
+ background-color: rgba(79, 70, 229, 0.2);
172
+ color: inherit;
173
+ font-weight: 500;
174
+ border-radius: 2px;
175
+ padding: 0 2px;
176
+ }
77
177
  }
78
178
  img {
79
179
  width: 20px;
@@ -84,5 +184,13 @@
84
184
  }
85
185
  }
86
186
  }
187
+ .outputSection {
188
+ margin-top: 5px;
189
+ margin-bottom: 5px;
190
+ padding: 5px;
191
+ background-color: rgba(0, 0, 0, 0.02);
192
+ border-radius: 4px;
193
+ border-left: 2px solid #e2e8f0;
194
+ }
87
195
  }
88
196
  }
@@ -651,7 +651,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
651
651
  activityOutputData: res,
652
652
  });
653
653
  });
654
- } else if (triggerStep.activity.activity_output) {
654
+ } else if (triggerStep.activity.activity_output || integryObject) {
655
655
  // setRootDataLoading(false);
656
656
  this.setActivityOutputFromIntegryObjectOrRawActivityOutput(
657
657
  integryObject,