@integry/sdk 4.6.57 → 4.6.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.6.57",
+  "version": "4.6.59",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",

package/src/components/MultipurposeField/Dropdown/index.tsx

@@ -553,7 +553,14 @@ const ListBox = (props: ListBoxProps) => {
     setSearchValue('');
     let fieldVal = el.value;
     if (isMultiSelect) {
-      let fieldIds = value ? JSON.parse(value) : [];
+      let fieldIds = [];
+      try {
+        if (value) {
+          fieldIds = JSON.parse(value);
+        }
+      } catch (e) {
+        fieldIds = [];
+      }
       fieldIds = Array.isArray(fieldIds) ? fieldIds : [String(fieldIds)];
       // check if el.id is already selected and then remove it
       if (fieldIds.includes(el.id)) {
@@ -625,7 +632,14 @@ const ListBox = (props: ListBoxProps) => {
   const getSelectedItem = useMemo(() => {
     let index = -1;
     if (isMultiSelect) {
-      let values = value ? JSON.parse(value) : [];
+      let values = [];
+      try {
+        if (value) {
+          values = JSON.parse(value);
+        }
+      } catch (e) {
+        values = [];
+      }
       values = Array.isArray(values) ? values : [String(values)];
       const indexes: any = [];
       const selectedValues =
@@ -653,7 +667,14 @@ const ListBox = (props: ListBoxProps) => {
   const getSelectedItemIcon = useMemo(() => {
     let index = -1;
     if (isMultiSelect) {
-      let values = value ? JSON.parse(value) : [];
+      let values = [];
+      try {
+        if (value) {
+          values = JSON.parse(value);
+        }
+      } catch (e) {
+        values = [];
+      }
       values = Array.isArray(values) ? values : [String(values)];
       const indexes: any = [];
       const selectedValues =

package/src/components/MultipurposeField/TagMenu/index.ts

@@ -216,10 +216,14 @@ const FieldDropdown = (props: FieldMenuProps) => {
   let selectedValues: any = [];
   if (value) {
     if (isMultiSelect) {
-      selectedValues = JSON.parse(value);
-      selectedValues = Array.isArray(selectedValues)
-        ? selectedValues
-        : [String(selectedValues)];
+      try {
+        selectedValues = JSON.parse(value);
+        selectedValues = Array.isArray(selectedValues)
+          ? selectedValues
+          : [String(selectedValues)];
+      } catch (e) {
+        selectedValues = [String(value)];
+      }
     } else {
       selectedValues = [value];
     }

package/src/components/TagsMenu/index.ts

@@ -848,6 +848,35 @@ const TagList = ({
             tagsParamForOutput = value as Record<string, unknown>;
           }
 
+          const handleMenuRowClcik = (e: Event) => {
+            if (isStep && hasOutput) {
+              // For step nodes with output, toggle output expansion
+              setExpandedOutputs((prev) => ({
+                ...prev,
+                [key]: !prev[key],
+              }));
+            } else if (hasChildren) {
+              // For array/object nodes, toggle node expansion
+              toggleExpand(key);
+              toggleOutputExpand(key, e);
+            } else {
+              // For leaf nodes, select the value
+              const tagPath = `${activeTab}.${extractStepsFromOutputPath(
+                currentPath,
+              )}`;
+              onSelect({
+                currentPath: tagPath
+                  .replace(/\bparameters\.parameters\b/g, 'parameters')
+                  .replace(
+                    /\bauthorization\.authorization\b/g,
+                    'authorization',
+                  ),
+                key,
+                value: escapeHTMLIfNeeded(value),
+              });
+            }
+          };
+
           return html`
             <li key=${key} class="${nodeMatches ? styles.searchMatch : ''}">
               <div
@@ -951,7 +980,7 @@ const TagList = ({
                 ${Array.isArray(value) && value.length > 0
                   ? html`<span
                       class="${styles.outputIndicator} ${styles.objectExpandIcon}"
-                      onClick=${(e: Event) => toggleOutputExpand(key, e)}
+                      onClick=${(e: Event) => handleMenuRowClcik(e)}
                       title="Toggle expand output"
                     >
                       <svg
@@ -982,7 +1011,9 @@ const TagList = ({
                 Object.keys(value as Record<string, unknown>).length > 0
                   ? html`<span
                       class="${styles.outputIndicator} ${styles.objectExpandIcon}"
-                      onClick=${(e: Event) => toggleOutputExpand(key, e)}
+                      onClick=${(e: Event) => {
+                        handleMenuRowClcik(e);
+                      }}
                       title="Toggle expand output"
                     >
                       <svg

package/src/components/TagsMenu/styles.module.scss

@@ -134,8 +134,8 @@
             }
           }
           span.tagIcon {
-            margin-right: 10px;
-            order: 1;
+            margin-right: 5px;
+            order: 2;
             svg,
             img {
               width: 1rem;
@@ -223,6 +223,8 @@
             white-space: nowrap;
             margin-left: 5px;
             min-width: 20px;
+            width: 100%;
+            max-width: fit-content;
 
             mark {
               background-color: yellow;

package/src/components/form/ObjectField/index.ts

@@ -281,7 +281,19 @@ const ObjectField = (props: ObjectFieldProps) => {
   ) =>
     Object.entries(properties).map(([fieldName, fieldDetails], index) => {
       const fieldType = fieldDetails.meta.ui.ui_field?.type || 'TEXTFIELD';
-      const options: Option[] = fieldDetails.meta.ui.ui_field?.options || [];
+      let options: Option[] = fieldDetails.meta.ui.ui_field?.options || [];
+      if (fieldType === 'CHECKBOX') {
+        options = [
+          {
+            id: '0',
+            value: 'No',
+          },
+          {
+            id: '1',
+            value: 'Yes',
+          },
+        ];
+      }
       const placeholder =
         fieldDetails.meta.ui.placeholder ||
         (['DYNAMIC_DROPDOWN', 'STATIC_DROPDOWN'].includes(
@@ -380,22 +392,6 @@ const ObjectField = (props: ObjectFieldProps) => {
                 isDisabled=${isDisabled}
               ><//>
             `}
-            ${fieldType === 'CHECKBOX' &&
-            html`
-              <${CheckboxGroup}
-                fieldId="${fieldName}"
-                title="${fieldDetails.meta.title}"
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
-                onChange=${(val: any) =>
-                  handleFieldChange(
-                    objectIndex,
-                    fieldName,
-                    val,
-                    fieldDetails.meta.ui.ui_field?.type || 'CHECKBOX',
-                    fieldDetails.meta.machine_name,
-                  )}
-              />
-            `}
             ${fieldType === 'DYNAMIC_DROPDOWN' &&
             html`
               <${ListBox}
@@ -426,33 +422,33 @@ const ObjectField = (props: ObjectFieldProps) => {
                 ''}
               />
             `}
-            ${fieldType === 'STATIC_DROPDOWN' &&
-            html`
-              <${ListBox}
-                key=${fieldName}
-                fieldId=${fieldName}
-                apiHandler=${apiHandler}
-                title=${fieldDetails.meta.title}
-                description=${fieldDetails.meta.description_for_users}
-                placeholder="${placeholder}"
-                isRequired="${fieldDetails.meta.is_required}"
-                isDynamic=${false}
-                isDisabled=${isDisabled}
-                endpointUrl=${JSON.stringify(
-                  fieldDetails.meta.ui.ui_field?.options,
-                ) || ''}
-                options=${options}
-                value=${(objectArray[objectIndex] || {})[fieldName] || ''}
-                onChange=${(val: any) =>
-                  handleFieldChange(
-                    objectIndex,
-                    fieldName,
-                    val,
-                    fieldDetails.meta.ui.ui_field?.type || 'DYNAMIC_DROPDOWN',
-                    fieldDetails.meta.machine_name,
-                  )}
-              />
-            `}
+            ${fieldType === 'STATIC_DROPDOWN' ||
+            (fieldType === 'CHECKBOX' &&
+              html`
+                <${ListBox}
+                  key=${`${fieldName}_${objectIndex}`}
+                  fieldId=${`${fieldName}_${objectIndex}`}
+                  apiHandler=${apiHandler}
+                  title=${fieldDetails.meta.title}
+                  description=${fieldDetails.meta.description_for_users}
+                  placeholder="${placeholder}"
+                  isRequired="${fieldDetails.meta.is_required}"
+                  isDynamic=${false}
+                  isDisabled=${isDisabled}
+                  endpointUrl=${JSON.stringify(options) || ''}
+                  options=${options}
+                  type=${fieldType}
+                  value=${(objectArray[objectIndex] || {})[fieldName] || ''}
+                  onChange=${(val: any) =>
+                    handleFieldChange(
+                      objectIndex,
+                      fieldName,
+                      val,
+                      fieldDetails.meta.ui.ui_field?.type || 'DYNAMIC_DROPDOWN',
+                      fieldDetails.meta.machine_name,
+                    )}
+                />
+              `)}
           <//>
         </div>
       `;

package/src/features/common/FunctionForm/index.ts

@@ -933,6 +933,9 @@ class FunctionForm extends Component<
                         this.props.variables || {},
                       )}
                       isDisabled=${isAIAssisted}
+                      objectValue=${this.state.dynamicFieldDataState[
+                        field.id
+                      ] || {}}
                     />
                   `,
                 )}