@multiplatform.one/table 6.0.4 → 6.3.0

package/dist/cjs/components/DataTableCell/CellModalEditor.native.js

@@ -22,16 +22,17 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var CellModalEditor_exports = {};
-__export(CellModalEditor_exports, {
+var CellModalEditor_native_exports = {};
+__export(CellModalEditor_native_exports, {
   CellModalEditor: () => CellModalEditor
 });
-module.exports = __toCommonJS(CellModalEditor_exports);
+module.exports = __toCommonJS(CellModalEditor_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
 function CellModalEditor(param) {
   var {
     field,
@@ -39,6 +40,7 @@ function CellModalEditor(param) {
     fieldProps,
     disabled,
     readOnly,
+    onCommit,
     children,
     title
   } = param;
@@ -46,14 +48,51 @@ function CellModalEditor(param) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var [open, setOpen] = (0, import_react.useState)(false);
-  var handleOpen = (0, import_react.useCallback)(function () {
-    if (disabled || readOnly) return;
-    setOpen(true);
+  var [draft, setDraft] = (0, import_react.useState)(null);
+  var draftRef = (0, import_react.useRef)(draft);
+  draftRef.current = draft;
+  var valueRef = (0, import_react.useRef)(value);
+  valueRef.current = value;
+  var onCommitRef = (0, import_react.useRef)(onCommit);
+  onCommitRef.current = onCommit;
+  var discardRef = (0, import_react.useRef)(false);
+  var handleOpenChange = (0, import_react.useCallback)(function (next) {
+    if (next) {
+      if (disabled || readOnly) return;
+      discardRef.current = false;
+      var seeded = {
+        value: valueRef.current
+      };
+      draftRef.current = seeded;
+      setDraft(seeded);
+      setOpen(true);
+      return;
+    }
+    var active = draftRef.current;
+    if (!discardRef.current && active && !Object.is(active.value, valueRef.current)) {
+      onCommitRef.current(active.value);
+    }
+    discardRef.current = false;
+    draftRef.current = null;
+    setDraft(null);
+    setOpen(false);
   }, [disabled, readOnly]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      onPress: handleOpen,
-      cursor: disabled || readOnly ? "default" : "pointer",
+  var handleCancel = (0, import_react.useCallback)(function () {
+    discardRef.current = true;
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  var handleDraftChange = (0, import_react.useCallback)(function (next) {
+    draftRef.current = {
+      value: next
+    };
+    setDraft(draftRef.current);
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    disabled: disabled || readOnly,
+    scrollable: true,
+    trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       opacity: disabled ? 0.5 : 1,
       flexDirection: "row",
       alignItems: "center",
@@ -61,69 +100,37 @@ function CellModalEditor(param) {
       paddingHorizontal: "$1",
       paddingVertical: "$1",
       borderRadius: "$2",
-      hoverStyle: !disabled && !readOnly ? {
-        backgroundColor: "$backgroundHover"
-      } : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
         field,
         value,
         fieldProps
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
-      open,
-      onOpenChange: setOpen,
-      modal: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
-          opacity: 0.5,
-          enterStyle: {
-            opacity: 0
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.heading,
+        fontSize: "$5",
+        fontWeight: "600",
+        children: title !== null && title !== void 0 ? title : (0, import_t.t)("Edit")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        minHeight: 0,
+        children: children(draft ? draft.value : value, handleDraftChange)
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        justifyContent: "flex-end",
+        children: [/* LC-30 CANCEL-ALWAYS-LIVE: the discard exit never disables. */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          onPress: handleCancel,
+          children: (0, import_t.t)("Cancel")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          onPress: function onPress() {
+            return handleOpenChange(false);
           },
-          exitStyle: {
-            opacity: 0
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
-          borderWidth: 1,
-          borderColor: "$borderColor",
-          elevation: knobProps.elevation,
-          enterStyle: {
-            y: -10,
-            opacity: 0,
-            scale: 0.96
-          },
-          exitStyle: {
-            y: 10,
-            opacity: 0,
-            scale: 0.96
-          },
-          maxWidth: 720,
-          maxHeight: "80vh",
-          width: "90vw",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: "$5",
-              fontWeight: "600",
-              children: title !== null && title !== void 0 ? title : "Edit"
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            flex: 1,
-            minHeight: 0,
-            marginTop: "$3",
-            marginBottom: "$4",
-            children
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            gap: "$2",
-            justifyContent: "flex-end",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                children: "Done"
-              })
-            })
-          })]
+          children: (0, import_t.t)("Done")
         })]
-      })
-    })]
+      })]
+    })
   });
 }
 //# sourceMappingURL=CellModalEditor.native.js.map

package/dist/cjs/components/DataTableCell/CellModalEditor.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CellModalEditor_exports","__export","CellModalEditor","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","param","field","fieldProps","disabled","readOnly","children","title","knobProps","useResolvedKnobs","open","setOpen","useState","handleOpen","useCallback","jsxs","Fragment","jsx","View","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","FieldDisplay","Dialog","onOpenChange","modal","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","y"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAA,CAAAC,OAAA,GAAAT,YAAoD,CAAAK,uBAAA;AACpD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,YAAA,GAAsDD,OAAA;AACtD,IAAAE,YAAA,GAAAF,OAA2D;AAgCvD,IAAAG,YAAA,GAAAH,OAAA;AAlBG,IAAAI,cAAS,GAAAJ,OAAgB;AAAA,SAC9BJ,gBAAAS,KAAA;EACA;IAAAC,KAAA;IAAAb,KAAA;IAAAc,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,KAAA;EACA;IAAAO;EAAA,QAAAV,YAAA,CAAAW,gBAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,QAAAZ,YAAA,CAAAa,QAAA;EACA,IAAAC,UAAA,OAAAd,YAAA,CAAAe,WAAA;IACA,IAAAV,QAAA,IAAAC,QAAA;IACAM,OAAA;EACF,CAAyB,GACvBP,QAAQ,EACRC,QAAO,CAEP;EACE,OAAI,eAAY,IAAUV,kBAAA,CAAAoB,IAAA,EAAApB,kBAAA,CAAAqB,QAAA;IAC1BV,QAAQ,GACN,eAAU,EAAQ,EAACX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAAkB,IAAA;MAEvBC,OACE,EAAAN,UAAA;MACEO,MAAA,EAAAhB,QAAA,IAAAC,QAAA;MAACgB,OAAA,EAAAjB,QAAA;MAAAkB,aAAA;MACCC,UAAS;MACTC,KAAA,QAAQ;MACRC,iBAAS,MAAW;MACpBC,eAAc;MACdC,YAAW;MACXC,UAAM,GAAAxB,QAAA,KAAAC,QAAA;QACNwB,eAAA,EAAkB;MAClB;MACAvB,QAAA,iBAAa,IAAAX,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAiC,YAAA;QACb5B,KAAA;QAEAb,KAAA;QAAkEc;MACpE;IACA,IAEI,mBAAAR,kBAAA,CAAAsB,GAAA,EAACjB,cAAA,CAAA+B,MAAA,EAAO;MACRrB,IAAA;MAACsB,YAAA,EAAArB,OAAA;MAAAsB,KAAA;MAAA3B,QACC,iBAAa,IAAAX,kBAAA,CAAAoB,IAAA,EAAAf,cAAA,CAAA+B,MAAA,CAAAG,MAAA;QACb5B,QAAA,GACA,eAAW,IAAUX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAA+B,MAAA,CAAAI,OAAA;UACrBd,OAAA,EAAY,GAAE;UACde,UAAa,EAAG;YAChBf,OAAU;UACV;UACAgB,SAAM;YAENhB,OAAA;UAAA;QAKA,IAGA,mBAAA1B,kBAAA,CAAAoB,IAAA,EAACf,cAAA,CAAA+B,MAAA,CAAAO,OAAW;UAIZC,WAAA;UAAAC,WAAA;UACFC,SAAA,EAAAjC,SAAA,CAAAiC,SAAA;UAEJL,UAAA;YACFM,CAAA;YAEJrB,OAAA","ignoreList":[]}
+{"version":3,"names":["CellModalEditor_native_exports","__export","CellModalEditor","module","exports","__toCommonJS","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","import_t","param","field","value","fieldProps","disabled","readOnly","onCommit","children","title","knobProps","useResolvedKnobs","open","setOpen","useState","draft","setDraft","draftRef","useRef","current","valueRef","onCommitRef","discardRef","handleOpenChange","useCallback","next","seeded","active","Object","is","handleCancel","handleDraftChange","jsx","FloatingPanel","onOpenChange","scrollable","trigger","View","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","FieldDisplay","jsxs","YStack","gap","Text","heading","fontSize","fontWeight","t","minHeight","XStack","justifyContent","Button","onPress"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTableCell/CellOptionsEditor.cjs

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CellOptionsEditor_exports = {};
+__export(CellOptionsEditor_exports, {
+  CellOptionsEditor: () => CellOptionsEditor
+});
+module.exports = __toCommonJS(CellOptionsEditor_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CellOptionsEditor({
+  field,
+  value,
+  fieldProps,
+  disabled,
+  label,
+  children
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const face = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    paddingHorizontal: "$1",
+    paddingVertical: "$1",
+    borderRadius: "$2",
+    opacity: disabled ? 0.5 : 1,
+    ...(!disabled ? {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-expanded": open,
+      cursor: "pointer",
+      hoverStyle: {
+        backgroundColor: "$backgroundHover"
+      }
+    } : void 0),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
+      field,
+      value,
+      fieldProps
+    })
+  });
+  if (disabled) return face;
+  const handlePanelPointerUp = import_tamagui.isWeb ? event => {
+    const target = event?.target;
+    if (!target?.closest?.('[role="radio"], label')) return;
+    setTimeout(() => setOpen(false), 0);
+  } : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: setOpen,
+    fitContent: true,
+    trigger: face,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+      value: {
+        inTableCell: false
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        onPointerUp: handlePanelPointerUp,
+        children: children(() => setOpen(false))
+      })
+    })
+  });
+}

package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CellOptionsEditor_exports = {};
+__export(CellOptionsEditor_exports, {
+  CellOptionsEditor: () => CellOptionsEditor
+});
+module.exports = __toCommonJS(CellOptionsEditor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function CellOptionsEditor(param) {
+  var {
+    field,
+    value,
+    fieldProps,
+    disabled,
+    label,
+    children
+  } = param;
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var face = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    paddingHorizontal: "$1",
+    paddingVertical: "$1",
+    borderRadius: "$2",
+    opacity: disabled ? 0.5 : 1,
+    ...(!disabled ? {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-expanded": open,
+      cursor: "pointer",
+      hoverStyle: {
+        backgroundColor: "$backgroundHover"
+      }
+    } : void 0),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
+      field,
+      value,
+      fieldProps
+    })
+  });
+  if (disabled) return face;
+  var handlePanelPointerUp = import_tamagui.isWeb ? function (event) {
+    var _target_closest;
+    var target = event === null || event === void 0 ? void 0 : event.target;
+    if (!(target === null || target === void 0 ? void 0 : (_target_closest = target.closest) === null || _target_closest === void 0 ? void 0 : _target_closest.call(target, '[role="radio"], label'))) return;
+    setTimeout(function () {
+      return setOpen(false);
+    }, 0);
+  } : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: setOpen,
+    fitContent: true,
+    trigger: face,
+    children: (
+    /* The panel is not a table cell — restore full option chrome. React
+    context flows into the panel because it renders inline (no portal). */
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+      value: {
+        inTableCell: false
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        onPointerUp: handlePanelPointerUp,
+        children: children(function () {
+          return setOpen(false);
+        })
+      })
+    }))
+  });
+}
+//# sourceMappingURL=CellOptionsEditor.native.js.map

package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CellOptionsEditor_exports","__export","CellOptionsEditor","module","exports","import_jsx_runtime","require","import_forms","import_table_primitives","import_react","import_tamagui","param","field","fieldProps","disabled","label","children","open","setOpen","useState","face","jsx","View","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","opacity","role","tabIndex","cursor","hoverStyle","backgroundColor","FieldDisplay","handlePanelPointerUp","isWeb","event","_target_closest","target","closest","call","setTimeout","FloatingPanel"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAcAC,MAAA,CAAAC,OAAA,GAAAT,YAAmE,CAAAK,yBAAA;AACnE,IAAAK,kBAAA,GAAAC,OAAiC;AACjC,IAAAC,YAAA,GAAyCD,OAAA;AACzC,IAAAE,uBAA4B,GAAAF,OAAA;AA8CtB,IAAAG,YAAA,GAAAH,OAAA;AA9BC,IAAAI,cAAS,GAAAJ,OAAkB;AAAA,SAChCJ,kBAAAS,KAAA;EACA;IAAAC,KAAA;IAAAb,KAAA;IAAAc,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,KAAA;EACA,KAAAM,IAAA,EAAAC,OAAA,QAAAT,YAAA,CAAAU,QAAA;EACA,IAAAC,IAAA,sBAAAf,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAY,IAAA;IACAC,aAAA;IACAC,UAAA;IACyBC,KAAA;IACzBC,iBAAa,EAAO;IAEpBC,eACE;IAACC,YAAA;IAAAC,OAAA,EAAAf,QAAA;IAAA,IACC,CAAAA,QAAA;MACAgB,IAAA,UAAW;MACXC,QAAM;MACN,cAAAhB,KAAkB;MAClB,iBAAgBE,IAAA;MAChBe,MAAA,WAAa;MACbC,UAAS;QACRC,eACG;MAAA;IACQ,IACN;IAAUlB,QACV,iBAAc,IAAAX,kBAAA,CAAAgB,GAAA,EAAAd,YAAA,CAAA4B,YAAA;MAAAvB,KACd;MAAiBb,KACjB;MAAQc;IAC0C;EAEpD;EAE8D,IAAAC,QAAA,SAAAM,IAAA;EACpE,IAAAgB,oBAAA,GAAA1B,cAAA,CAAA2B,KAAA,aAAAC,KAAA;IAGF,IAAIC,eAAiB;IAMrB,IAAMC,MAAA,GAAAF,KAAA,SAAuB,IAAAA,KAAA,cACzB,KAAC,IAAAA,KAAgC,CAAAE,MAAA;IAC/B,MAAMA,MAAA,KAAS,QAAOA,MAAA,wBAAAD,eAAA,GAAAC,MAAA,CAAAC,OAAA,cAAAF,eAAA,uBAAAA,eAAA,CAAAG,IAAA,CAAAF,MAAA;IACtBG,UAAK,aAAQ;MACb,OAAAzB,OAAW,CAAM;IACnB,GACA;EAEJ,SACE;EAQJ,0BAAAb,kBAAA,CAAAgB,GAAA,EAAAd,YAAA,CAAAqC,aAAA","ignoreList":[]}