@adaptabletools/adaptable-cjs 18.0.0-canary.32 → 18.0.0-canary.34

package/src/agGrid/BadgeRenderer.js

@@ -21,7 +21,7 @@ const getBadgeRendererForColumn = (badgeStyle, abColumn, api) => {
             const isSummaryRow = adapatableApi.gridApi.isSummaryNode(params.node);
             let shouldRender = true;
             if (isGroupedRow) {
-                if ((_a = badgeStyle.RowScope) === null || _a === void 0 ? void 0 : _a.ExcludeGroupedRows) {
+                if ((_a = badgeStyle.RowScope) === null || _a === void 0 ? void 0 : _a.ExcludeGroupRows) {
                     shouldRender = false;
                 }
             }

package/src/agGrid/PercentBarRenderer.js

@@ -17,7 +17,7 @@ const getPercentBarRendererForColumn = (styledColumn, abColumn, api) => {
             if (Helper_1.default.objectNotExists(value)) {
                 value = 0;
             }
-            // No longer support showing Percent Bar in Grouped Rows
+            // We no longer support showing Percent Bar in Group Rows as it only made sense for Min / Max
             if (api.gridApi.isGroupRowNode(params.node)) {
                 if (params.value) {
                     this.eGui = document.createElement('div');

package/src/components/Accordion.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactElement } from 'react';
+interface AccordionProps {
+    title: string | ReactElement;
+    children: ReactElement;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/src/components/Accordion.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("./SimpleButton"));
+const Panel_1 = tslib_1.__importDefault(require("./Panel"));
+const Accordion = ({ title, children }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [height, setHeight] = (0, react_1.useState)('0px');
+    const content = (0, react_1.useRef)(null);
+    const observer = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        setHeight(isOpen && content.current ? `${content.current.scrollHeight}px` : '0px');
+    }, [isOpen, content]);
+    (0, react_1.useEffect)(() => {
+        if (content.current) {
+            observer.current = new MutationObserver(() => {
+                var _a;
+                setHeight(`${(_a = content.current) === null || _a === void 0 ? void 0 : _a.scrollHeight}px`);
+            });
+            observer.current.observe(content.current, { childList: true, subtree: true });
+        }
+        return () => {
+            var _a;
+            (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        };
+    }, []);
+    const toggleAccordion = () => {
+        setIsOpen(!isOpen);
+    };
+    return (react_1.default.createElement(Panel_1.default, { className: "ab-Accordion" },
+        react_1.default.createElement(SimpleButton_1.default, { iconPosition: 'end', icon: isOpen ? 'expand-all' : 'collapse-all', variant: "text", onClick: toggleAccordion, style: { width: '100%', textAlign: 'left' } }, title),
+        react_1.default.createElement("div", { ref: content, style: {
+                maxHeight: `${height}`,
+                overflow: 'hidden',
+                transition: 'max-height 0.6s ease',
+            } }, children)));
+};
+exports.Accordion = Accordion;
+exports.default = exports.Accordion;

package/src/components/icons/collapse-all.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/collapse-all.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "m296-80-56-56 240-240 240 240-56 56-184-184L296-80Zm184-504L240-824l56-56 184 184 184-184 56 56-240 240Z" })));

package/src/components/icons/csv.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/csv.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "M230-360h120v-60H250v-120h100v-60H230q-17 0-28.5 11.5T190-560v160q0 17 11.5 28.5T230-360Zm156 0h120q17 0 28.5-11.5T546-400v-60q0-17-11.5-31.5T506-506h-60v-34h100v-60H426q-17 0-28.5 11.5T386-560v60q0 17 11.5 30.5T426-456h60v36H386v60Zm264 0h60l70-240h-60l-40 138-40-138h-60l70 240ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Z" })));

package/src/components/icons/data-object.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/data-object.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35H560Zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80H280Z" })));

package/src/components/icons/excel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/excel.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "M200-200h80v-80h-80v80Zm160 0h80v-80h-80v80Zm160 0h80v-80h-80v80Zm160 0h80v-80h-80v80ZM200-680h80v-80h-80v80Zm0 160h80v-80h-80v80Zm0 160h80v-80h-80v80Zm160-320h80v-80h-80v80Zm0 160h80v-80h-80v80Zm0 160h80v-80h-80v80Zm160-320h80v-80h-80v80Zm0 160h80v-80h-80v80Zm0 160h80v-80h-80v80Zm160-320h80v-80h-80v80Zm0 160h80v-80h-80v80Zm0 160h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z" }),
+    ' '));

package/src/components/icons/expand-all.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/src/components/icons/expand-all.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+exports.default = (props) => (React.createElement(DefaultIcon_1.default, Object.assign({}, props, { viewBox: "0 -960 960 960" }),
+    React.createElement("path", { d: "M480-80 240-320l57-57 183 183 183-183 57 57L480-80ZM298-584l-58-56 240-240 240 240-58 56-182-182-182 182Z" })));

package/src/components/icons/index.js

@@ -39,6 +39,8 @@ const sort_asc_1 = tslib_1.__importDefault(require("./sort-asc"));
 const sort_desc_1 = tslib_1.__importDefault(require("./sort-desc"));
 const calendar_1 = tslib_1.__importDefault(require("./calendar"));
 const delete_1 = tslib_1.__importDefault(require("./delete"));
+const csv_1 = tslib_1.__importDefault(require("./csv"));
+const excel_1 = tslib_1.__importDefault(require("./excel"));
 const check_circle_1 = tslib_1.__importDefault(require("./check-circle"));
 const refresh_1 = tslib_1.__importDefault(require("./refresh"));
 const save_1 = tslib_1.__importDefault(require("./save"));
@@ -55,6 +57,7 @@ const cell_validation_1 = tslib_1.__importDefault(require("./cell-validation"));
 const column_filter_1 = tslib_1.__importDefault(require("./column-filter"));
 const system_status_1 = tslib_1.__importDefault(require("./system-status"));
 const data_set_1 = tslib_1.__importDefault(require("./data-set"));
+const data_object_1 = tslib_1.__importDefault(require("./data-object"));
 const flashing_cell_1 = tslib_1.__importDefault(require("./flashing-cell"));
 const edit_1 = tslib_1.__importDefault(require("./edit"));
 const equation_1 = tslib_1.__importDefault(require("./equation"));
@@ -165,6 +168,8 @@ const select_all_1 = tslib_1.__importDefault(require("./select-all"));
 const select_off_1 = tslib_1.__importDefault(require("./select-off"));
 const select_fwd_1 = tslib_1.__importDefault(require("./select-fwd"));
 const copy_1 = tslib_1.__importDefault(require("./copy"));
+const expand_all_1 = tslib_1.__importDefault(require("./expand-all"));
+const collapse_all_1 = tslib_1.__importDefault(require("./collapse-all"));
 const Icon_1 = require("../Icon");
 const AdaptableLogger_1 = require("../../agGrid/AdaptableLogger");
 exports.allIcons = {
@@ -186,6 +191,8 @@ exports.allIcons = {
     news: news_1.default,
     brush: brush_1.default,
     'data-set': data_set_1.default,
+    'excel': excel_1.default,
+    json: data_object_1.default,
     export: export_1.default,
     broadcast: campaign_1.default,
     theme: theme_1.default,
@@ -205,6 +212,7 @@ exports.allIcons = {
     'percent-tag': percent_bar_1.default,
     'spark-line': spark_line_1.default,
     resume: resume_1.default,
+    csv: csv_1.default,
     'pie-chart': pie_chart_1.default,
     'add-circle': plus_minus_1.default,
     reminder: reminder_1.default,
@@ -330,6 +338,8 @@ exports.allIcons = {
     note: note_1.default,
     comments: comments_1.default,
     rows: rows_1.default,
+    'expand-all': expand_all_1.default,
+    'collapse-all': collapse_all_1.default,
 };
 Object.keys(exports.allIcons).forEach((name) => {
     const ReactCmp = exports.allIcons[name];

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1712828155565 || Date.now(),
-    VERSION: "18.0.0-canary.32" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1712926423927 || Date.now(),
+    VERSION: "18.0.0-canary.34" || '--current-version--',
 };

package/src/metamodel/adaptable.metamodel.d.ts

@@ -357,6 +357,11 @@ export declare const ADAPTABLE_METAMODEL: {
             desc: string;
         }[];
     };
+    AdaptableColumnMenuItem: {
+        name: string;
+        kind: string;
+        desc: string;
+    };
     AdaptableColumnPredicate: {
         name: string;
         kind: string;
@@ -413,6 +418,11 @@ export declare const ADAPTABLE_METAMODEL: {
             ref: string;
         }[];
     };
+    AdaptableContextMenuItem: {
+        name: string;
+        kind: string;
+        desc: string;
+    };
     AdaptableCoordinate: {
         name: string;
         kind: string;