@vuu-ui/vuu-table-extras 0.0.26

package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var pctProgressCellCss = ".vuuPctProgressCell {\n    --progress-bar-width: 2px;\n    position: relative;\n}\n\n.vuuPctProgressCell-zero {\n    --progress-bar-width: 0px;\n}\n.vuuPctProgressCell-complete {\n    --progress-bar-width: 0px;\n}\n\n.vuuPctProgressCell-progressBar {\n    background-color: var(--vuu-color-green-60-fade-30);\n    border-right: solid var(--progress-bar-width) var(--vuu-color-green-60);\n    display: inline-block;\n    height: 20px;\n    left: 0;\n    overflow: hidden;\n    position: absolute;\n    width: var(--progress-bar-pct, 0);\n}\n\n\n.vuuPctProgressCell-text {\n    display: inline-block;\n    text-align: left;\n    width: 80%;\n    z-index: 1;\n}";
+
+module.exports = pctProgressCellCss;
+//# sourceMappingURL=PctProgressCell.css.js.map

package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PctProgressCell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var PctProgressCell$1 = require('./PctProgressCell.css.js');
+
+const classBase = "vuuPctProgressCell";
+const getPercentageValue = (value) => {
+  if (value >= 0 && value <= 1) {
+    return value * 100;
+  } else if (value > 2) {
+    return 0;
+  } else if (value > 1) {
+    return 100;
+  } else {
+    return 0;
+  }
+};
+const PctProgressCell = ({ column, columnMap, row }) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-pct-progress-cell",
+    css: PctProgressCell$1,
+    window: targetWindow
+  });
+  const value = row[columnMap[column.name]];
+  const percentageValue = getPercentageValue(value);
+  const className = cx(classBase, {});
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cx(className, {
+        [`${classBase}-zero`]: percentageValue === 0,
+        [`${classBase}-complete`]: percentageValue >= 100
+      }),
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `${classBase}-progressBar`,
+            style: { "--progress-bar-pct": `${percentageValue}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-text`, children: `${percentageValue.toFixed(
+          2
+        )} %` })
+      ]
+    }
+  );
+};
+vuuUtils.registerComponent("vuu.pct-progress", PctProgressCell, "cell-renderer", {
+  description: "Percentage formatter",
+  label: "Percentage formatter",
+  serverDataType: "double"
+});
+
+exports.PctProgressCell = PctProgressCell;
+//# sourceMappingURL=PctProgressCell.js.map

package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PctProgressCell.js","sources":["../../../src/cell-renderers/pct-progress-cell/PctProgressCell.tsx"],"sourcesContent":["import { TableCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CSSProperties } from \"react\";\n\nimport pctProgressCellCss from \"./PctProgressCell.css\";\n\nconst classBase = \"vuuPctProgressCell\";\n\nconst getPercentageValue = (value: number) => {\n  if (value >= 0 && value <= 1) {\n    return value * 100;\n  } else if (value > 2) {\n    return 0;\n  } else if (value > 1) {\n    return 100;\n  } else {\n    return 0;\n  }\n};\n\nexport const PctProgressCell = ({ column, columnMap, row }: TableCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-pct-progress-cell\",\n    css: pctProgressCellCss,\n    window: targetWindow,\n  });\n\n  const value = row[columnMap[column.name]] as number;\n  const percentageValue = getPercentageValue(value);\n  const className = cx(classBase, {});\n\n  return (\n    <div\n      className={cx(className, {\n        [`${classBase}-zero`]: percentageValue === 0,\n        [`${classBase}-complete`]: percentageValue >= 100,\n      })}\n      tabIndex={-1}\n    >\n      <span\n        className={`${classBase}-progressBar`}\n        style={{ \"--progress-bar-pct\": `${percentageValue}%` } as CSSProperties}\n      />\n      <span className={`${classBase}-text`}>{`${percentageValue.toFixed(\n        2\n      )} %`}</span>\n    </div>\n  );\n};\n\nregisterComponent(\"vuu.pct-progress\", PctProgressCell, \"cell-renderer\", {\n  description: \"Percentage formatter\",\n  label: \"Percentage formatter\",\n  serverDataType: \"double\",\n});\n"],"names":["useWindow","useComponentCssInjection","pctProgressCellCss","jsxs","jsx","registerComponent"],"mappings":";;;;;;;;;AASA,MAAM,SAAY,GAAA,oBAAA,CAAA;AAElB,MAAM,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,EAAI,IAAA,KAAA,IAAS,CAAK,IAAA,KAAA,IAAS,CAAG,EAAA;AAC5B,IAAA,OAAO,KAAQ,GAAA,GAAA,CAAA;AAAA,GACjB,MAAA,IAAW,QAAQ,CAAG,EAAA;AACpB,IAAO,OAAA,CAAA,CAAA;AAAA,GACT,MAAA,IAAW,QAAQ,CAAG,EAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,CAAA,CAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEO,MAAM,kBAAkB,CAAC,EAAE,MAAQ,EAAA,SAAA,EAAW,KAA0B,KAAA;AAC7E,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,iBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,KAAQ,GAAA,GAAA,CAAI,SAAU,CAAA,MAAA,CAAO,IAAI,CAAC,CAAA,CAAA;AACxC,EAAM,MAAA,eAAA,GAAkB,mBAAmB,KAAK,CAAA,CAAA;AAChD,EAAA,MAAM,SAAY,GAAA,EAAA,CAAG,SAAW,EAAA,EAAE,CAAA,CAAA;AAElC,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAW,EAAA;AAAA,QACvB,CAAC,CAAA,EAAG,SAAS,CAAA,KAAA,CAAO,GAAG,eAAoB,KAAA,CAAA;AAAA,QAC3C,CAAC,CAAA,EAAG,SAAS,CAAA,SAAA,CAAW,GAAG,eAAmB,IAAA,GAAA;AAAA,OAC/C,CAAA;AAAA,MACD,QAAU,EAAA,CAAA,CAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,GAAG,SAAS,CAAA,YAAA,CAAA;AAAA,YACvB,KAAO,EAAA,EAAE,oBAAsB,EAAA,CAAA,EAAG,eAAe,CAAI,CAAA,CAAA,EAAA;AAAA,WAAA;AAAA,SACvD;AAAA,uCACC,MAAK,EAAA,EAAA,SAAA,EAAW,GAAG,SAAS,CAAA,KAAA,CAAA,EAAU,aAAG,eAAgB,CAAA,OAAA;AAAA,UACxD,CAAA;AAAA,SACD,CAAK,EAAA,CAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACR,CAAA;AAEJ,EAAA;AAEAC,0BAAkB,CAAA,kBAAA,EAAoB,iBAAiB,eAAiB,EAAA;AAAA,EACtE,WAAa,EAAA,sBAAA;AAAA,EACb,KAAO,EAAA,sBAAA;AAAA,EACP,cAAgB,EAAA,QAAA;AAClB,CAAC,CAAA;;;;"}

package/cjs/cell-renderers/progress-cell/ProgressCell.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var progressCellCss = ".vuuProgressCell {\n   align-items: center;\n   display: flex;\n}\n\n.vuuProgressCell-track {\n    display: inline-block;\n    flex: auto 1 1;\n    height: 4px;\n    overflow: hidden;\n    position: relative;\n}\n\n.vuuProgressCell-bg {\n    background-color: var(--salt-measured-background);\n    display: inline-block;\n    height: 2px;\n    left: 0;\n    position: absolute;\n    top: 1px;\n    width: 100%;\n}\n\n\n.vuuProgressCell-bar {\n    background-color: var(--salt-measured-fill);\n    display: inline-block;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top:0;\n    transform: translateX(var(--progress-bar-pct, -100%));\n    width: 100%;\n}\n\n.vuuProgressCell-text {\n    flex: 35px 0 0;\n    text-align: right;\n}";
+
+module.exports = progressCellCss;
+//# sourceMappingURL=ProgressCell.css.js.map

package/cjs/cell-renderers/progress-cell/ProgressCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/cell-renderers/progress-cell/ProgressCell.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var ProgressCell$1 = require('./ProgressCell.css.js');
+
+const classBase = "vuuProgressCell";
+const ProgressCell = ({ column, columnMap, row }) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-progress-cell",
+    css: ProgressCell$1,
+    window: targetWindow
+  });
+  const { name, type } = column;
+  const value = row[columnMap[name]];
+  let showProgress = false;
+  let percentage = 0;
+  if (vuuUtils.isTypeDescriptor(type) && vuuUtils.isColumnTypeRenderer(type.renderer)) {
+    const { associatedField } = type.renderer;
+    if (associatedField) {
+      const associatedValue = row[columnMap[associatedField]];
+      if (vuuUtils.isValidNumber(value) && vuuUtils.isValidNumber(associatedValue)) {
+        percentage = Math.min(Math.round(value / associatedValue * 100), 100);
+        percentage = Math.min(Math.round(value / associatedValue * 100), 100);
+        showProgress = isFinite(percentage);
+      } else {
+        const floatValue = parseFloat(value);
+        if (Number.isFinite(floatValue)) {
+          const floatOtherValue = parseFloat(associatedValue);
+          if (Number.isFinite(floatOtherValue)) {
+            percentage = Math.min(
+              Math.round(floatValue / floatOtherValue * 100),
+              100
+            );
+            showProgress = isFinite(percentage);
+          }
+        }
+      }
+    } else {
+      throw Error("ProgressCell associatedField is required to render");
+    }
+  }
+  const className = cx(classBase, {});
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, tabIndex: -1, children: [
+    showProgress ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${classBase}-track`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-bg` }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `${classBase}-bar`,
+          style: { "--progress-bar-pct": `-${100 - percentage}%` }
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-text`, children: `${percentage} %` })
+  ] });
+};
+vuuUtils.registerComponent("vuu.progress", ProgressCell, "cell-renderer", {
+  description: "Progress formatter",
+  label: "Progress formatter",
+  serverDataType: ["long", "int", "double"],
+  // Not until we provide settings for associaetd field
+  userCanAssign: false
+});
+//# sourceMappingURL=ProgressCell.js.map

package/cjs/cell-renderers/progress-cell/ProgressCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCell.js","sources":["../../../src/cell-renderers/progress-cell/ProgressCell.tsx"],"sourcesContent":["import { TableCellProps } from \"@vuu-ui/vuu-table-types\";\nimport {\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n  isValidNumber,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CSSProperties } from \"react\";\n\nimport progressCellCss from \"./ProgressCell.css\";\n\nconst classBase = \"vuuProgressCell\";\n\nconst ProgressCell = ({ column, columnMap, row }: TableCellProps) => {\n  //TODO what about click handling\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-progress-cell\",\n    css: progressCellCss,\n    window: targetWindow,\n  });\n\n  const { name, type } = column;\n  const value = row[columnMap[name]];\n  let showProgress = false;\n  let percentage = 0;\n\n  if (isTypeDescriptor(type) && isColumnTypeRenderer(type.renderer)) {\n    const { associatedField } = type.renderer;\n    if (associatedField) {\n      const associatedValue = row[columnMap[associatedField]];\n      if (isValidNumber(value) && isValidNumber(associatedValue)) {\n        percentage = Math.min(Math.round((value / associatedValue) * 100), 100);\n        percentage = Math.min(Math.round((value / associatedValue) * 100), 100);\n        showProgress = isFinite(percentage);\n      } else {\n        // Temp workaround for bug on server that sends aggregated values as strings\n        const floatValue = parseFloat(value as string);\n        if (Number.isFinite(floatValue)) {\n          const floatOtherValue = parseFloat(associatedValue as string);\n          if (Number.isFinite(floatOtherValue)) {\n            percentage = Math.min(\n              Math.round((floatValue / floatOtherValue) * 100),\n              100\n            );\n            showProgress = isFinite(percentage);\n          }\n        }\n      }\n    } else {\n      throw Error(\"ProgressCell associatedField is required to render\");\n    }\n  }\n\n  const className = cx(classBase, {});\n\n  return (\n    <div className={className} tabIndex={-1}>\n      {showProgress ? (\n        <span className={`${classBase}-track`}>\n          <span className={`${classBase}-bg`} />\n          <span\n            className={`${classBase}-bar`}\n            style={\n              { \"--progress-bar-pct\": `-${100 - percentage}%` } as CSSProperties\n            }\n          />\n        </span>\n      ) : null}\n      <span className={`${classBase}-text`}>{`${percentage} %`}</span>\n    </div>\n  );\n};\n\nregisterComponent(\"vuu.progress\", ProgressCell, \"cell-renderer\", {\n  description: \"Progress formatter\",\n  label: \"Progress formatter\",\n  serverDataType: [\"long\", \"int\", \"double\"],\n  // Not until we provide settings for associaetd field\n  userCanAssign: false,\n});\n"],"names":["useWindow","useComponentCssInjection","progressCellCss","isTypeDescriptor","isColumnTypeRenderer","isValidNumber","jsxs","jsx","registerComponent"],"mappings":";;;;;;;;;AAcA,MAAM,SAAY,GAAA,iBAAA,CAAA;AAElB,MAAM,eAAe,CAAC,EAAE,MAAQ,EAAA,SAAA,EAAW,KAA0B,KAAA;AAEnE,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,IAAM,EAAA,IAAA,EAAS,GAAA,MAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,GAAA,CAAI,SAAU,CAAA,IAAI,CAAC,CAAA,CAAA;AACjC,EAAA,IAAI,YAAe,GAAA,KAAA,CAAA;AACnB,EAAA,IAAI,UAAa,GAAA,CAAA,CAAA;AAEjB,EAAA,IAAIC,0BAAiB,IAAI,CAAA,IAAKC,6BAAqB,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AACjE,IAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,IAAK,CAAA,QAAA,CAAA;AACjC,IAAA,IAAI,eAAiB,EAAA;AACnB,MAAA,MAAM,eAAkB,GAAA,GAAA,CAAI,SAAU,CAAA,eAAe,CAAC,CAAA,CAAA;AACtD,MAAA,IAAIC,sBAAc,CAAA,KAAK,CAAK,IAAAA,sBAAA,CAAc,eAAe,CAAG,EAAA;AAC1D,QAAa,UAAA,GAAA,IAAA,CAAK,IAAI,IAAK,CAAA,KAAA,CAAO,QAAQ,eAAmB,GAAA,GAAG,GAAG,GAAG,CAAA,CAAA;AACtE,QAAa,UAAA,GAAA,IAAA,CAAK,IAAI,IAAK,CAAA,KAAA,CAAO,QAAQ,eAAmB,GAAA,GAAG,GAAG,GAAG,CAAA,CAAA;AACtE,QAAA,YAAA,GAAe,SAAS,UAAU,CAAA,CAAA;AAAA,OAC7B,MAAA;AAEL,QAAM,MAAA,UAAA,GAAa,WAAW,KAAe,CAAA,CAAA;AAC7C,QAAI,IAAA,MAAA,CAAO,QAAS,CAAA,UAAU,CAAG,EAAA;AAC/B,UAAM,MAAA,eAAA,GAAkB,WAAW,eAAyB,CAAA,CAAA;AAC5D,UAAI,IAAA,MAAA,CAAO,QAAS,CAAA,eAAe,CAAG,EAAA;AACpC,YAAA,UAAA,GAAa,IAAK,CAAA,GAAA;AAAA,cAChB,IAAK,CAAA,KAAA,CAAO,UAAa,GAAA,eAAA,GAAmB,GAAG,CAAA;AAAA,cAC/C,GAAA;AAAA,aACF,CAAA;AACA,YAAA,YAAA,GAAe,SAAS,UAAU,CAAA,CAAA;AAAA,WACpC;AAAA,SACF;AAAA,OACF;AAAA,KACK,MAAA;AACL,MAAA,MAAM,MAAM,oDAAoD,CAAA,CAAA;AAAA,KAClE;AAAA,GACF;AAEA,EAAA,MAAM,SAAY,GAAA,EAAA,CAAG,SAAW,EAAA,EAAE,CAAA,CAAA;AAElC,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAsB,EAAA,QAAA,EAAU,CAClC,CAAA,EAAA,QAAA,EAAA;AAAA,IAAA,YAAA,mBACEA,eAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAC3B,MAAA,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAAO,GAAA,CAAA,EAAA,CAAA;AAAA,sBACpCA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,GAAG,SAAS,CAAA,IAAA,CAAA;AAAA,UACvB,OACE,EAAE,oBAAA,EAAsB,CAAI,CAAA,EAAA,GAAA,GAAM,UAAU,CAAI,CAAA,CAAA,EAAA;AAAA,SAAA;AAAA,OAEpD;AAAA,KAAA,EACF,CACE,GAAA,IAAA;AAAA,oBACJA,cAAA,CAAC,UAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAAU,KAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,UAAU,CAAK,EAAA,CAAA,EAAA,CAAA;AAAA,GAC3D,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEAC,0BAAkB,CAAA,cAAA,EAAgB,cAAc,eAAiB,EAAA;AAAA,EAC/D,WAAa,EAAA,oBAAA;AAAA,EACb,KAAO,EAAA,oBAAA;AAAA,EACP,cAAgB,EAAA,CAAC,MAAQ,EAAA,KAAA,EAAO,QAAQ,CAAA;AAAA;AAAA,EAExC,aAAe,EAAA,KAAA;AACjB,CAAC,CAAA;;"}

package/cjs/column-expression-input/ColumnExpressionInput.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var colummExpressionInputCss = "\n.vuuColumnExpressionInput {\n    --vuuFilterEditor-background: var(--salt-container-primary-background);\n    --vuuFilterEditor-color: var(--salt-content-primary-foreground);\n    --vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);\n    --vuuFilterEditor-fontSize: var(--salt-text-fontSize);\n    --vuuFilterEditor-cursorColor: var(--salt-text-secondary-foreground);\n    --vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);\n    --vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);\n    --vuuFilterEditor-tooltipBorder: solid 1px var(--vuu-color-purple-10); \n    --vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);\n    --vuuFilterEditor-suggestion-selectedBackground: var(--vuu-color-gray-10);\n    --vuuFilterEditor-suggestion-selectedColor: var(--salt-content-primary-foreground);\n    --vuuFilterEditor-suggestion-detailColor: var(--salt-text-secondary-foreground-disabled);\n    --vuuFilterEditor-suggestion-height: 24px;\n    --vuuFilterEditor-variableColor: var(--vuu-color-purple-10);\n\n    align-items: center;\n    box-sizing: border-box;\n    height: 30px;\n}\n\n.vuuColumnExpressionInput-FilterButton,\n.vuuColumnExpressionInput-ClearButton {\n    --vuu-icon-size: 12px;\n    --saltButton-width: 28px;\n}\n\n.expression-type-container {\n    margin: 0 3px 0 auto;\n    color: var(--salt-text-secondary-foreground)\n}\n\n.expression-kind {\n    display: inline-block;\n    width: 50px;\n}\n\n.expression-type {\n    display: inline-block;\n    text-align: right;\n    width: 50px;\n}\n\n.vuuSuggestion {\n    display: flex;\n    align-items: center;\n}\n\n.vuuFunctionDoc {\n    padding: 13px 7px;\n}\n\n.vuuFunctionDoc .function-heading {\n    display: flex;\n    gap: 3px;\n}\n\n.vuuFunctionDoc .function-name {\n    font-weight: 700;\n    text-transform: capitalize;\n}\n\n.vuuFunctionDoc .param-list {\n    color: var(--vuu-color-gray-50);\n    white-space: pre;\n}\n\n.vuuFunctionDoc .function-type {\n    color: var(--vuu-color-gray-50);\n    font-weight: 700;\n    margin-left: auto;\n    text-transform: capitalize;\n}\n\n.vuuFunctionDoc .example-container {\n    background-color: var(--vuu-color-gray-03);\n    margin: 6px 0;\n    padding: 3px;\n}\n\n.vuuFunctionDoc .example-expression {\n    color: var(--vuu-color-gray-80);\n    font-family: var(--salt-typography-fontFamily-code);\n    font-weight: 500;\n    padding: 8px;\n}\n\n.vuuFunctionDoc .example-result {\n    margin-left: 8px;\n    margin-top: 6px;\n}";
+
+module.exports = colummExpressionInputCss;
+//# sourceMappingURL=ColumnExpressionInput.css.js.map

package/cjs/column-expression-input/ColumnExpressionInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnExpressionInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/column-expression-input/ColumnExpressionInput.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var useColumnExpressionEditor = require('./useColumnExpressionEditor.js');
+var ColumnExpressionInput$1 = require('./ColumnExpressionInput.css.js');
+
+const classBase = "vuuColumnExpressionInput";
+const ColumnExpressionInput = react.memo(
+  ({
+    onChange,
+    onSubmitExpression,
+    source = "",
+    suggestionProvider
+  }) => {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "vuu-column-expression-input",
+      css: ColumnExpressionInput$1,
+      window: targetWindow
+    });
+    const { editorRef, onBlur } = useColumnExpressionEditor.useColumnExpressionEditor({
+      onChange,
+      onSubmitExpression,
+      source,
+      suggestionProvider
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}`, onBlur, ref: editorRef });
+  },
+  (prevProps, newProps) => {
+    return prevProps.source === newProps.source;
+  }
+);
+ColumnExpressionInput.displayName = "ColumnExpressionInput";
+
+exports.ColumnExpressionInput = ColumnExpressionInput;
+//# sourceMappingURL=ColumnExpressionInput.js.map

package/cjs/column-expression-input/ColumnExpressionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnExpressionInput.js","sources":["../../src/column-expression-input/ColumnExpressionInput.tsx"],"sourcesContent":["import { HTMLAttributes, memo } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnDefinitionExpression } from \"./column-language-parser\";\nimport {\n  ExpressionSuggestionConsumer,\n  useColumnExpressionEditor,\n} from \"./useColumnExpressionEditor\";\n\nimport colummExpressionInputCss from \"./ColumnExpressionInput.css\";\n\nconst classBase = \"vuuColumnExpressionInput\";\n\nexport type ColumnExpressionSubmitHandler = (\n  source: string,\n  expression: ColumnDefinitionExpression | undefined\n) => void;\n\nexport interface ColumnExpressionInputProps\n  extends ExpressionSuggestionConsumer,\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  onChange?: (source: string) => void;\n  onSubmitExpression?: ColumnExpressionSubmitHandler;\n  source?: string;\n}\n\nexport const ColumnExpressionInput = memo(\n  ({\n    onChange,\n    onSubmitExpression,\n    source = \"\",\n    suggestionProvider,\n  }: ColumnExpressionInputProps) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-column-expression-input\",\n      css: colummExpressionInputCss,\n      window: targetWindow,\n    });\n\n    const { editorRef, onBlur } = useColumnExpressionEditor({\n      onChange,\n      onSubmitExpression,\n      source,\n      suggestionProvider,\n    });\n\n    return <div className={`${classBase}`} onBlur={onBlur} ref={editorRef} />;\n  },\n  (prevProps, newProps) => {\n    return prevProps.source === newProps.source;\n  }\n);\nColumnExpressionInput.displayName = \"ColumnExpressionInput\";\n"],"names":["memo","useWindow","useComponentCssInjection","colummExpressionInputCss","useColumnExpressionEditor","jsx"],"mappings":";;;;;;;;;AAWA,MAAM,SAAY,GAAA,0BAAA,CAAA;AAeX,MAAM,qBAAwB,GAAAA,UAAA;AAAA,EACnC,CAAC;AAAA,IACC,QAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAS,GAAA,EAAA;AAAA,IACT,kBAAA;AAAA,GACgC,KAAA;AAChC,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,6BAAA;AAAA,MACR,GAAK,EAAAC,uBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,SAAA,EAAW,MAAO,EAAA,GAAIC,mDAA0B,CAAA;AAAA,MACtD,QAAA;AAAA,MACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,kBAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAO,uBAAAC,cAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAI,CAAA,EAAA,MAAA,EAAgB,KAAK,SAAW,EAAA,CAAA,CAAA;AAAA,GACzE;AAAA,EACA,CAAC,WAAW,QAAa,KAAA;AACvB,IAAO,OAAA,SAAA,CAAU,WAAW,QAAS,CAAA,MAAA,CAAA;AAAA,GACvC;AACF,EAAA;AACA,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}

package/cjs/column-expression-input/column-function-descriptors.js

@@ -0,0 +1,307 @@
+'use strict';
+
+const columnFunctionDescriptors = [
+  /**
+   * and
+   */
+  {
+    accepts: ["boolean"],
+    description: "Applies boolean and operator across supplied parameters to returns a single boolean result",
+    example: {
+      expression: 'and(ccy="EUR",quantity=0)',
+      result: "true | false"
+    },
+    name: "and",
+    params: {
+      description: "( boolean, [ boolean* ] )"
+    },
+    type: "boolean"
+  },
+  /**
+   * concatenate()
+   */
+  {
+    accepts: "string",
+    description: "Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",
+    example: {
+      expression: 'concatenate("example", "-test")',
+      result: '"example-test"'
+    },
+    name: "concatenate",
+    params: {
+      description: "( string, string, [ string* ] )"
+    },
+    type: "string"
+  },
+  /**
+   * contains()
+   */
+  {
+    accepts: ["string", "string"],
+    description: "Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",
+    example: {
+      expression: 'contains("Royal Bank of Scotland", "bank")',
+      result: "true"
+    },
+    name: "contains",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  /**
+   * left()
+   */
+  {
+    accepts: ["string", "number"],
+    description: "Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: 'left("USD Benchmark Report", 3)',
+      result: '"USD"'
+    },
+    name: "left",
+    params: {
+      count: 2,
+      description: "( string, number )"
+    },
+    type: "string"
+  },
+  /**
+   * len()
+   */
+  {
+    accepts: "string",
+    description: "Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: 'len("example")',
+      result: "7"
+    },
+    name: "len",
+    params: {
+      description: "(string)"
+    },
+    type: "number"
+  },
+  /**
+   * lower()
+   */
+  {
+    accepts: "string",
+    description: "Convert a string value to lowercase. Argument may be a string column or other string expression.",
+    example: {
+      expression: 'lower("examPLE")',
+      result: '"example"'
+    },
+    name: "lower",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * or
+   */
+  {
+    accepts: ["boolean"],
+    description: "Applies boolean or operator across supplied parameters to returns a single boolean result",
+    example: {
+      expression: 'or(status="cancelled",quantity=0)',
+      result: "true | false"
+    },
+    name: "or",
+    params: {
+      description: "( boolean, [ boolean* ] )"
+    },
+    type: "boolean"
+  },
+  /**
+   * upper()
+   */
+  {
+    accepts: "string",
+    description: "Convert a string value to uppercase. Argument may be a string column or other string expression.",
+    example: {
+      expression: 'upper("example")',
+      result: '"EXAMPLE"'
+    },
+    name: "upper",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * right()
+   */
+  {
+    accepts: ["string", "number"],
+    description: "Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "right",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * replace()
+   */
+  {
+    accepts: ["string", "string", "string"],
+    description: "Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "replace",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * text()
+   */
+  {
+    accepts: "number",
+    description: "Converts a number to a string.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "text",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * starts()
+   */
+  {
+    accepts: "string",
+    description: "Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "starts",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  /**
+   * starts()
+   */
+  {
+    accepts: "string",
+    description: "Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "ends",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "min",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "max",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "sum",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "round",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "any",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "or",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "any",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "and",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "any",
+    description: "Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "if",
+    params: {
+      description: "( filterExpression, expression1, expression 2)"
+    },
+    type: "variable"
+  }
+];
+
+exports.columnFunctionDescriptors = columnFunctionDescriptors;
+//# sourceMappingURL=column-function-descriptors.js.map

package/cjs/column-expression-input/column-function-descriptors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-function-descriptors.js","sources":["../../src/column-expression-input/column-function-descriptors.ts"],"sourcesContent":["export type ColumnFunctionDescriptor = {\n  accepts:\n    | \"string\"\n    | \"number\"\n    | \"boolean\"\n    | \"any\"\n    | Array<\"string\" | \"number\" | \"boolean\">;\n  description: string;\n  example: {\n    expression: string;\n    result: string;\n  };\n  name: string;\n  params: {\n    count?: number;\n    description: string;\n  };\n  type: \"string\" | \"number\" | \"boolean\" | \"variable\";\n};\n\nexport const columnFunctionDescriptors: ColumnFunctionDescriptor[] = [\n  /**\n   * and\n   */\n  {\n    accepts: [\"boolean\"],\n    description:\n      \"Applies boolean and operator across supplied parameters to returns a single boolean result\",\n    example: {\n      expression: 'and(ccy=\"EUR\",quantity=0)',\n      result: \"true | false\",\n    },\n    name: \"and\",\n    params: {\n      description: \"( boolean, [ boolean* ] )\",\n    },\n    type: \"boolean\",\n  },\n\n  /**\n   * concatenate()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.\",\n    example: {\n      expression: 'concatenate(\"example\", \"-test\")',\n      result: '\"example-test\"',\n    },\n    name: \"concatenate\",\n    params: {\n      description: \"( string, string, [ string* ] )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * contains()\n   */\n  {\n    accepts: [\"string\", \"string\"],\n    description:\n      \"Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>\",\n    example: {\n      expression: 'contains(\"Royal Bank of Scotland\", \"bank\")',\n      result: \"true\",\n    },\n    name: \"contains\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"boolean\",\n  },\n\n  /**\n   * left()\n   */\n  {\n    accepts: [\"string\", \"number\"],\n    description:\n      \"Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.\",\n    example: {\n      expression: 'left(\"USD Benchmark Report\", 3)',\n      result: '\"USD\"',\n    },\n    name: \"left\",\n    params: {\n      count: 2,\n      description: \"( string, number )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * len()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.\",\n    example: {\n      expression: 'len(\"example\")',\n      result: \"7\",\n    },\n    name: \"len\",\n    params: {\n      description: \"(string)\",\n    },\n    type: \"number\",\n  },\n  /**\n   * lower()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Convert a string value to lowercase. Argument may be a string column or other string expression.\",\n    example: {\n      expression: 'lower(\"examPLE\")',\n      result: '\"example\"',\n    },\n    name: \"lower\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * or\n   */\n  {\n    accepts: [\"boolean\"],\n    description:\n      \"Applies boolean or operator across supplied parameters to returns a single boolean result\",\n    example: {\n      expression: 'or(status=\"cancelled\",quantity=0)',\n      result: \"true | false\",\n    },\n    name: \"or\",\n    params: {\n      description: \"( boolean, [ boolean* ] )\",\n    },\n    type: \"boolean\",\n  },\n\n  /**\n   * upper()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Convert a string value to uppercase. Argument may be a string column or other string expression.\",\n    example: {\n      expression: 'upper(\"example\")',\n      result: '\"EXAMPLE\"',\n    },\n    name: \"upper\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * right()\n   */\n  {\n    accepts: [\"string\", \"number\"],\n    description:\n      \"Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"right\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * replace()\n   */\n  {\n    accepts: [\"string\", \"string\", \"string\"],\n    description:\n      \"Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"replace\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * text()\n   */\n  {\n    accepts: \"number\",\n    description: \"Converts a number to a string.\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"text\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"string\",\n  },\n  /**\n   * starts()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"starts\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"boolean\",\n  },\n  /**\n   * starts()\n   */\n  {\n    accepts: \"string\",\n    description:\n      \"Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"ends\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"boolean\",\n  },\n  {\n    accepts: \"number\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"min\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"number\",\n  },\n  {\n    accepts: \"number\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"max\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"number\",\n  },\n  {\n    accepts: \"number\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"sum\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"number\",\n  },\n  {\n    accepts: \"number\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"round\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"number\",\n  },\n  {\n    accepts: \"any\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"or\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"boolean\",\n  },\n  {\n    accepts: \"any\",\n    description: \"blah\",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"and\",\n    params: {\n      description: \"( string )\",\n    },\n    type: \"boolean\",\n  },\n  {\n    accepts: \"any\",\n    description:\n      \"Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. \",\n    example: {\n      expression: \"blah\",\n      result: \"blah\",\n    },\n    name: \"if\",\n    params: {\n      description: \"( filterExpression, expression1, expression 2)\",\n    },\n    type: \"variable\",\n  },\n];\n"],"names":[],"mappings":"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"}

package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var vuuCodemirror = require('@vuu-ui/vuu-codemirror');
+var columnParser = require('./generated/column-parser.js');
+
+const columnExpressionLanguage = vuuCodemirror.LRLanguage.define({
+  name: "VuuColumnExpression",
+  parser: columnParser.parser.configure({
+    props: [
+      vuuCodemirror.styleTags({
+        Column: vuuCodemirror.tags.attributeValue,
+        Function: vuuCodemirror.tags.variableName,
+        String: vuuCodemirror.tags.string,
+        Or: vuuCodemirror.tags.emphasis,
+        Operator: vuuCodemirror.tags.operator
+      })
+    ]
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  })
+});
+const columnExpressionLanguageSupport = () => {
+  return new vuuCodemirror.LanguageSupport(
+    columnExpressionLanguage
+    /*, [exampleCompletion]*/
+  );
+};
+
+exports.columnExpressionLanguageSupport = columnExpressionLanguageSupport;
+//# sourceMappingURL=ColumnExpressionLanguage.js.map

package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnExpressionLanguage.js","sources":["../../../src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts"],"sourcesContent":["import {\n  LanguageSupport,\n  LRLanguage,\n  styleTags,\n  tags as tag,\n} from \"@vuu-ui/vuu-codemirror\";\nimport { parser } from \"./generated/column-parser\";\n\nconst columnExpressionLanguage = LRLanguage.define({\n  name: \"VuuColumnExpression\",\n  parser: parser.configure({\n    props: [\n      styleTags({\n        Column: tag.attributeValue,\n        Function: tag.variableName,\n        String: tag.string,\n        Or: tag.emphasis,\n        Operator: tag.operator,\n      }),\n    ],\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  }) as any,\n});\n\nexport const columnExpressionLanguageSupport = () => {\n  return new LanguageSupport(\n    columnExpressionLanguage /*, [exampleCompletion]*/\n  );\n};\n"],"names":["LRLanguage","parser","styleTags","tag","LanguageSupport"],"mappings":";;;;;AAQA,MAAM,wBAAA,GAA2BA,yBAAW,MAAO,CAAA;AAAA,EACjD,IAAM,EAAA,qBAAA;AAAA,EACN,MAAA,EAAQC,oBAAO,SAAU,CAAA;AAAA,IACvB,KAAO,EAAA;AAAA,MACLC,uBAAU,CAAA;AAAA,QACR,QAAQC,kBAAI,CAAA,cAAA;AAAA,QACZ,UAAUA,kBAAI,CAAA,YAAA;AAAA,QACd,QAAQA,kBAAI,CAAA,MAAA;AAAA,QACZ,IAAIA,kBAAI,CAAA,QAAA;AAAA,QACR,UAAUA,kBAAI,CAAA,QAAA;AAAA,OACf,CAAA;AAAA,KACH;AAAA;AAAA,GAED,CAAA;AACH,CAAC,CAAA,CAAA;AAEM,MAAM,kCAAkC,MAAM;AACnD,EAAA,OAAO,IAAIC,6BAAA;AAAA,IACT,wBAAA;AAAA;AAAA,GACF,CAAA;AACF;;;;"}