@vuu-ui/vuu-table-extras 0.8.34 → 0.8.35

package/cjs/cell-renderers/lookup-cell/LookupCell.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuDataReact = require('@vuu-ui/vuu-data-react');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const LookupCell = react.memo(
-  function LookupCell2({
-    column,
-    columnMap,
-    row
-  }) {
-    const dataIdx = columnMap[column.name];
-    const dataValue = row[dataIdx];
-    const { initialValue: value } = vuuDataReact.useLookupValues(column, dataValue);
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value?.label });
-  },
-  vuuUtils.dataAndColumnUnchanged
-);
-vuuUtils.registerComponent("lookup-cell", LookupCell, "cell-renderer", {
-  userCanAssign: false
-});
-
-exports.LookupCell = LookupCell;
-//# sourceMappingURL=LookupCell.js.map

package/cjs/cell-renderers/lookup-cell/LookupCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LookupCell.js","sources":["../../../src/cell-renderers/lookup-cell/LookupCell.tsx"],"sourcesContent":["import { useLookupValues } from \"@vuu-ui/vuu-data-react\";\nimport { TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport { dataAndColumnUnchanged, registerComponent } from \"@vuu-ui/vuu-utils\";\nimport { memo } from \"react\";\n\nexport const LookupCell = memo(function LookupCell({\n  column,\n  columnMap,\n  row,\n}: TableCellRendererProps) {\n  const dataIdx = columnMap[column.name];\n  const dataValue = row[dataIdx] as string | number;\n  const { initialValue: value } = useLookupValues(column, dataValue);\n  return <span>{value?.label}</span>;\n},\ndataAndColumnUnchanged);\n\nregisterComponent(\"lookup-cell\", LookupCell, \"cell-renderer\", {\n  userCanAssign: false,\n});\n"],"names":["memo","LookupCell","useLookupValues","jsx","dataAndColumnUnchanged","registerComponent"],"mappings":";;;;;;;AAKO,MAAM,UAAa,GAAAA,UAAA;AAAA,EAAK,SAASC,WAAW,CAAA;AAAA,IACjD,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,GACyB,EAAA;AACzB,IAAM,MAAA,OAAA,GAAU,SAAU,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACrC,IAAM,MAAA,SAAA,GAAY,IAAI,OAAO,CAAA,CAAA;AAC7B,IAAA,MAAM,EAAE,YAAc,EAAA,KAAA,EAAU,GAAAC,4BAAA,CAAgB,QAAQ,SAAS,CAAA,CAAA;AACjE,IAAO,uBAAAC,cAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,KAAM,EAAA,CAAA,CAAA;AAAA,GAC7B;AAAA,EACAC,+BAAA;AAAsB,EAAA;AAEtBC,0BAAkB,CAAA,aAAA,EAAe,YAAY,eAAiB,EAAA;AAAA,EAC5D,aAAe,EAAA,KAAA;AACjB,CAAC,CAAA;;;;"}

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

@@ -1,30 +0,0 @@
-.vuuPctProgressCell {
-    --progress-bar-width: 2px;
-    position: relative;
-}
-
-.vuuPctProgressCell-zero {
-    --progress-bar-width: 0px;
-}
-.vuuPctProgressCell-complete {
-    --progress-bar-width: 0px;
-}
-
-.vuuPctProgressCell-progressBar {
-    background-color: var(--vuu-color-green-60-fade-30);
-    border-right: solid var(--progress-bar-width) var(--vuu-color-green-60);
-    display: inline-block;
-    height: 20px;
-    left: 0;
-    overflow: hidden;
-    position: absolute;
-    width: var(--progress-bar-pct, 0);
-}
-
-
-.vuuPctProgressCell-text {
-    display: inline-block;
-    text-align: left;
-    width: 80%;
-    z-index: 1;
-}

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

@@ -1,53 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var cx = require('clsx');
-
-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 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

@@ -1 +0,0 @@
-{"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 { CSSProperties } from \"react\";\n\nimport \"./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 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":["jsxs","jsx","registerComponent"],"mappings":";;;;;;AAOA,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,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,uBAAAA,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

@@ -1,39 +0,0 @@
-.vuuProgressCell {
-   align-items: center;
-   display: flex;
-}
-
-.vuuProgressCell-track {
-    display: inline-block;
-    flex: auto 1 1;
-    height: 4px;
-    overflow: hidden;
-    position: relative;
-}
-
-.vuuProgressCell-bg {
-    background-color: var(--salt-measured-background);
-    display: inline-block;
-    height: 2px;
-    left: 0;
-    position: absolute;
-    top: 1px;
-    width: 100%;
-}
-
-
-.vuuProgressCell-bar {
-    background-color: var(--salt-measured-fill);
-    display: inline-block;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top:0;
-    transform: translateX(var(--progress-bar-pct, -100%));
-    width: 100%;
-}
-
-.vuuProgressCell-text {
-    flex: 35px 0 0;
-    text-align: right;
-}

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

@@ -1,60 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var cx = require('clsx');
-
-const classBase = "vuuProgressCell";
-const ProgressCell = ({ column, columnMap, row }) => {
-  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

@@ -1 +0,0 @@
-{"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 { CSSProperties } from \"react\";\n\nimport \"./ProgressCell.css\";\n\nconst classBase = \"vuuProgressCell\";\n\nconst ProgressCell = ({ column, columnMap, row }: TableCellProps) => {\n  //TODO what about click handling\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":["isTypeDescriptor","isColumnTypeRenderer","isValidNumber","jsxs","jsx","registerComponent"],"mappings":"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"}

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

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

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

@@ -1,30 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var useColumnExpressionEditor = require('./useColumnExpressionEditor.js');
-
-const classBase = "vuuColumnExpressionInput";
-const ColumnExpressionInput = react.memo(
-  ({
-    onChange,
-    onSubmitExpression,
-    source = "",
-    suggestionProvider
-  }) => {
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnExpressionInput.js","sources":["../../src/column-expression-input/ColumnExpressionInput.tsx"],"sourcesContent":["import { HTMLAttributes, memo } from \"react\";\nimport { ColumnDefinitionExpression } from \"./column-language-parser\";\nimport {\n  ExpressionSuggestionConsumer,\n  useColumnExpressionEditor,\n} from \"./useColumnExpressionEditor\";\n\nimport \"./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 { 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","useColumnExpressionEditor","jsx"],"mappings":";;;;;;AASA,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,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

@@ -1,307 +0,0 @@
-'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