@adaptabletools/adaptable-cjs 17.0.0-canary.1 → 17.0.0-canary.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-cjs",
-  "version": "17.0.0-canary.1",
+  "version": "17.0.0-canary.2",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",
@@ -54,7 +54,6 @@
     "react-redux": "7.2.8",
     "react-remove-scroll": "2.4.4",
     "react-select": "5.8.0",
-    "react-toastify": "9.0.7",
     "rebass": "^3.2.2",
     "redux": "4.0.5",
     "rxjs": "^7.4.0",
@@ -67,5 +66,5 @@
   "peerDependencies": {
     "ag-grid-community": ">=30.2.0"
   },
-  "publishTimestamp": 1704894907301
+  "publishTimestamp": 1704900031779
 }

package/src/agGrid/Adaptable.js

@@ -68,7 +68,7 @@ const AdaptableLogger_1 = require("./AdaptableLogger");
 const attachAddaptableColumnTypes_1 = require("./attachAddaptableColumnTypes");
 const FormatHelper_1 = require("../Utilities/Helpers/FormatHelper");
 const Fdc3Service_1 = require("../Utilities/Services/Fdc3Service");
-const tinycolor = require('tinycolor2');
+const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
 const GROUP_PATH_SEPARATOR = '/';
 // IMPORTANT - we need colId to be set in order for safeSetColDefs to work correctly
 const assignColId = (colDef, logger) => {
@@ -1041,7 +1041,7 @@ class Adaptable {
             const preparedColor = (0, StyleHelper_1.getVariableColor)(cellBackColor);
             // if no range match, do not apply color (black in this case)
             if (cellBackColor) {
-                style.backgroundColor = tinycolor(preparedColor).setAlpha(alpha).toRgbString();
+                style.backgroundColor = (0, tinycolor2_1.default)(preparedColor).setAlpha(alpha).toRgbString();
             }
         }
         if (styledColumn.PercentBarStyle && styledColumn.PercentBarStyle.CellText) {
@@ -5004,9 +5004,9 @@ class Adaptable {
     convertCSSToExcelStyle(style) {
         const getHexColor = (color) => {
             const preparedColor = (0, StyleHelper_1.getVariableColor)(color);
-            const t = tinycolor(preparedColor);
+            const t = (0, tinycolor2_1.default)(preparedColor);
             const a = t.getAlpha();
-            return tinycolor.mix(tinycolor('white'), t, a * 100).toHexString();
+            return tinycolor2_1.default.mix((0, tinycolor2_1.default)('white'), t, a * 100).toHexString();
         };
         let result = {};
         if (style.backgroundColor != null) {

package/src/agGrid/AdaptableLogger.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableLogger = void 0;
-const debugFactory = require('debug');
+const tslib_1 = require("tslib");
+const debug_1 = tslib_1.__importDefault(require("debug"));
 function humanize(ms) {
     return `${ms}ms`;
 }
-debugFactory.humanize = humanize;
+debug_1.default.humanize = humanize;
 const performanceTime = (previousTime) => {
     const now = performance.now();
     return previousTime ? now - previousTime : now;
@@ -38,7 +39,7 @@ class AdaptableLogger {
     }
     constructor(adaptableId) {
         this.adaptableId = adaptableId;
-        this.debugger = debugFactory(`Adaptable:${adaptableId}`);
+        this.debugger = (0, debug_1.default)(`Adaptable:${adaptableId}`);
         this.infoLogger = this.debugger.extend(`info`);
         this.infoLogger.log = console.info.bind(console);
         this.successLogger = this.debugger.extend(`success`);

package/src/agGrid/agGridHelper.js

@@ -47,7 +47,7 @@ const Helper_1 = require("../Utilities/Helpers/Helper");
 const UIHelper_1 = tslib_1.__importDefault(require("../View/UIHelper"));
 const BadgeRenderer_1 = require("./BadgeRenderer");
 const PercentBarRenderer_1 = require("./PercentBarRenderer");
-const tinycolor = require('tinycolor2');
+const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
 /**
  * Adaptable AG Grid implementation is getting really big and unwieldy
  * So lets put some of the more obvious 'Helper' functions here
@@ -637,8 +637,8 @@ class agGridHelper {
             };
         return {
             Header: {
-                headerColor: tinycolor(headerColStyle.color).toHexString(),
-                headerBackColor: tinycolor(headerColStyle.backgroundColor).toHexString(),
+                headerColor: (0, tinycolor2_1.default)(headerColStyle.color).toHexString(),
+                headerBackColor: (0, tinycolor2_1.default)(headerColStyle.backgroundColor).toHexString(),
                 headerFontFamily: headerColStyle.fontFamily,
                 headerFontSize: headerColStyle.fontSize,
                 headerFontStyle: headerColStyle.fontStyle,
@@ -655,9 +655,9 @@ class agGridHelper {
                 }),
             },
             Row: {
-                color: tinycolor(firstRowStyle.color).toHexString(),
-                backColor: tinycolor(firstRowStyle.backgroundColor).toHexString(),
-                altBackColor: tinycolor(secondRowStyle.backgroundColor).toHexString(),
+                color: (0, tinycolor2_1.default)(firstRowStyle.color).toHexString(),
+                backColor: (0, tinycolor2_1.default)(firstRowStyle.backgroundColor).toHexString(),
+                altBackColor: (0, tinycolor2_1.default)(secondRowStyle.backgroundColor).toHexString(),
                 fontFamily: firstRowStyle.fontFamily,
                 fontSize: firstRowStyle.fontSize,
                 fontStyle: firstRowStyle.fontStyle,

package/src/components/ColorPicker/ColorPicker.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const Input_1 = tslib_1.__importDefault(require("../Input"));
 const StyleHelper_1 = require("../../Utilities/Helpers/StyleHelper");
-const tinycolor = require('tinycolor2');
+const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
 exports.ColorPicker = React.forwardRef((props, ref) => {
     const ColorPalette = props.api.userInterfaceApi.getColorPalette();
     let { api, value, includeAlpha = true } = props, restProps = tslib_1.__rest(props, ["api", "value", "includeAlpha"]);
@@ -17,14 +17,14 @@ exports.ColorPicker = React.forwardRef((props, ref) => {
     const ABcolorChoices = React.createElement("datalist", { id: 'ABcolorChoices' }, ABcolorChoicesOptions);
     const preparedValue = React.useMemo(() => {
         const color = (0, StyleHelper_1.getVariableColor)(value);
-        return tinycolor(color).toHexString();
+        return (0, tinycolor2_1.default)(color).toHexString();
     }, [value]);
     const preparedAlphaColor = React.useMemo(() => {
         const color = (0, StyleHelper_1.getVariableColor)(value);
-        return [tinycolor(color).setAlpha(0).toRgbString(), tinycolor(color).setAlpha(1).toRgbString()];
+        return [(0, tinycolor2_1.default)(color).setAlpha(0).toRgbString(), (0, tinycolor2_1.default)(color).setAlpha(1).toRgbString()];
     }, [value]);
     const rangeBackround = `linear-gradient(90deg, ${preparedAlphaColor[0]} 0%, ${preparedAlphaColor[1]} 100%)`;
-    const alpha = tinycolor(value).getAlpha();
+    const alpha = (0, tinycolor2_1.default)(value).getAlpha();
     return (React.createElement(rebass_1.Flex, { className: 'ColorPicker' },
         React.createElement(Input_1.default, Object.assign({}, restProps, { mr: 2, onChange: (event) => {
                 var _a;
@@ -41,7 +41,7 @@ exports.ColorPicker = React.forwardRef((props, ref) => {
         includeAlpha && (React.createElement(rebass_1.Flex, { alignItems: "center" },
             React.createElement(rebass_1.Box, { mr: 1 }, "Opacity"),
             React.createElement(Input_1.default, { className: "ab-ColorPicker-range", style: { background: rangeBackround }, value: alpha, onChange: (event) => {
-                    const color = tinycolor(value).setAlpha(event.target.value).toRgbString();
+                    const color = (0, tinycolor2_1.default)(value).setAlpha(event.target.value).toRgbString();
                     props.onChange(color);
                 }, min: 0, max: 1, step: 0.01, type: "range" })))));
 });