dotdata_widgets 0.1.9 → 0.2.0

package/lib/feature-descriptors-domain/feature-domain-descriptions/feature-domain-descriptions-tree.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureDomainDescriptionsTree = exports.FeatureDomainDescriptionsTreeHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const TreeView_1 = __importDefault(require("@mui/lab/TreeView"));
-const material_1 = require("@mui/material");
-const UnfoldLess_1 = __importDefault(require("@mui/icons-material/UnfoldLess"));
-const UnfoldMore_1 = __importDefault(require("@mui/icons-material/UnfoldMore"));
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
-const components_1 = require("./components");
-const _utils_1 = require("../../utils");
-const FeatureDomainDescriptionsTreeHeader = (props) => react_1.default.createElement(react_1.default.Fragment, null, props.children);
-exports.FeatureDomainDescriptionsTreeHeader = FeatureDomainDescriptionsTreeHeader;
-const FeatureDomainDescriptionsTree = props => {
-    const [allDomainGroupIds] = react_1.default.useState(() => getAllDomainGroupIds(props.groupedDomain));
-    const [expanded, setExpanded] = react_1.default.useState(() => []);
-    const { types } = props.groupedDomain;
-    const handleToggle = (event, nodeIds) => {
-        setExpanded(nodeIds);
-    };
-    function toggleExpansion() {
-        if (expanded.length === 0) {
-            setExpanded(allDomainGroupIds);
-        }
-        else {
-            setExpanded([]);
-        }
-    }
-    return (react_1.default.createElement("div", { className: "feature-domain-descriptions-tree" },
-        react_1.default.createElement("div", { className: "domain-descriptions-tree-header" },
-            react_1.default.createElement(material_1.Button, { className: "toggle-all-nodes-btn", variant: "outlined", startIcon: allDomainGroupIds.length === expanded.length ? (react_1.default.createElement(UnfoldLess_1.default, { sx: { marginRight: '-10px' } })) : (react_1.default.createElement(UnfoldMore_1.default, { sx: { marginRight: '-10px' } })), onClick: () => toggleExpansion() }),
-            react_1.default.Children.toArray(props.children)
-                .filter(react_1.default.isValidElement)
-                .filter(child => child?.type === exports.FeatureDomainDescriptionsTreeHeader)),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(TreeView_1.default, { defaultCollapseIcon: react_1.default.createElement(ExpandMore_1.default, null), defaultExpandIcon: react_1.default.createElement(ChevronRight_1.default, null), disabledItemsFocusable: false, multiSelect: true, expanded: expanded, onNodeToggle: handleToggle }, types.map(type => (react_1.default.createElement(components_1.TypeTreeItem, { key: type.uuid, type: type })))))));
-};
-exports.FeatureDomainDescriptionsTree = FeatureDomainDescriptionsTree;
-function getAllDomainGroupIds(domains) {
-    return domains.types
-        .map(({ columns, uuid }, typeIdx) => [
-        uuid,
-        columns.map((0, _utils_1.extractProperty)('uuid')),
-    ])
-        .flat(2);
-}
-//# sourceMappingURL=feature-domain-descriptions-tree.js.map

package/lib/feature-descriptors-domain/feature-domain-descriptions/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./feature-domain-descriptions-tree"), exports);
-//# sourceMappingURL=index.js.map

package/lib/feature-descriptors-domain/feature-exploration-path/exploration-path-header.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExplorationPathHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const ExplorationPathHeader = props => {
-    const { targetTable, sourceTable, targetColumns, sourceColumns } = props.explorationPath;
-    return (react_1.default.createElement("div", { style: {
-            display: 'flex',
-            alignItems: 'baseline',
-            padding: '12px 16px',
-            gap: '8px',
-            background: 'var(--c-catskill-white)',
-        } },
-        react_1.default.createElement("h4", { className: "grey-label", style: { margin: 0 } },
-            "[#",
-            props.explorationPathIndex,
-            "]"),
-        react_1.default.createElement("div", null,
-            targetTable,
-            "[",
-            react_1.default.createElement("span", { style: {
-                    color: 'var(--c-blue-700)',
-                    fontWeight: '500',
-                } }, targetColumns.join(', ')),
-            "] - ",
-            sourceTable,
-            "[",
-            react_1.default.createElement("span", { style: {
-                    color: 'var(--c-blue-700)',
-                    fontWeight: '500',
-                } }, sourceColumns.join(', ')),
-            "]")));
-};
-exports.ExplorationPathHeader = ExplorationPathHeader;
-//# sourceMappingURL=exploration-path-header.js.map

package/lib/feature-descriptors-domain/feature-exploration-path/exploration-path-join-list.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExplorationPathJoinList = void 0;
-const react_1 = __importDefault(require("react"));
-const context_1 = require("../context");
-const _utils_1 = require("../../utils");
-const joinId = (join) => `join_${join.joinId}`;
-const ExplorationPathJoinList = props => {
-    const [selectedDomains, setSelectedDomain] = (0, context_1.useFeatureDomainSelection)();
-    const isJoinSelected = (join) => !!selectedDomains[joinId(join)];
-    function toggleJoinSelection(join) {
-        const id = joinId(join);
-        if ((0, _utils_1.isSet)(selectedDomains[id])) {
-            const { [id]: _remove, ...rest } = selectedDomains;
-            setSelectedDomain(rest);
-        }
-        else {
-            setSelectedDomain({ ...selectedDomains, [id]: [join.joinId] });
-        }
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h4", null, "Joins (# of features)"),
-        react_1.default.createElement("div", { style: { columns: 3 } }, props.joins.map((join, idx) => (react_1.default.createElement("div", { key: join.joinId, className: `exploration-path-join ${isJoinSelected(join) ? 'selected' : ''}`, onClick: () => toggleJoinSelection(join) },
-            "[",
-            join.joinId,
-            "] ",
-            join.description,
-            " (",
-            join.numFeatures,
-            ")"))))));
-};
-exports.ExplorationPathJoinList = ExplorationPathJoinList;
-//# sourceMappingURL=exploration-path-join-list.js.map

package/lib/feature-descriptors-domain/feature-exploration-path/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./exploration-path-header"), exports);
-__exportStar(require("./exploration-path-join-list"), exports);
-//# sourceMappingURL=index.js.map

package/lib/feature-descriptors-domain/grouped-domains-descriptions-list.js

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupedDomainsDescriptionsList = void 0;
-const react_1 = __importDefault(require("react"));
-const accordion_1 = require("../components/accordion");
-const material_1 = require("@mui/material");
-const listStyle = {
-    paddingLeft: 0,
-    listStyleType: 'none',
-    marginBlock: '0 4px',
-};
-const accordionStyle = {
-    border: 0,
-    paddingBlock: 0,
-    '--padding-inline': '20px',
-};
-const toggleStyle = {
-    left: '3px',
-    top: '10px',
-};
-const accordionProps = {
-    expandedDetailsStyle: accordionStyle,
-    collapsedDetailsStyle: accordionStyle,
-    expandedHeaderStyle: accordionStyle,
-    collapsedHeaderStyle: accordionStyle,
-    toggleStyle,
-};
-const ColumnDescriptions = props => {
-    const onlyOneDescription = props.column.descriptions.length === 1;
-    const firstDescription = props.column.descriptions[0];
-    return onlyOneDescription ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' } }), label: firstDescription.description })) : (react_1.default.createElement("div", null,
-        react_1.default.createElement(accordion_1.Accordion, { ...accordionProps },
-            react_1.default.createElement(accordion_1.AccordionHeader, null,
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' } }), label: props.column.summary })),
-            react_1.default.createElement(accordion_1.AccordionDetails, null,
-                react_1.default.createElement("ul", { style: listStyle }, props.column.descriptions.map(({ description }) => (react_1.default.createElement("li", { key: description, style: { display: 'flex' } },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' } }), label: description })))))))));
-};
-const TypeColumns = props => {
-    const onlyOneColumn = props.type.columns.length === 1;
-    const firstColumn = props.type.columns[0];
-    return onlyOneColumn ? (react_1.default.createElement("div", { style: { display: 'flex' } },
-        react_1.default.createElement(ColumnDescriptions, { column: firstColumn }))) : (react_1.default.createElement("div", null,
-        react_1.default.createElement(accordion_1.Accordion, { ...accordionProps },
-            react_1.default.createElement(accordion_1.AccordionHeader, null,
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' } }), label: props.type.summary })),
-            react_1.default.createElement(accordion_1.AccordionDetails, null,
-                react_1.default.createElement("ul", { style: listStyle }, props.type.columns.map((column, idx) => (react_1.default.createElement("li", { key: idx, style: { display: 'flex' } }, react_1.default.createElement(ColumnDescriptions, { column: column })))))))));
-};
-const GroupedDomainsDescriptionsList = props => {
-    const { types } = props.groupedDomain;
-    return (react_1.default.createElement(react_1.default.Fragment, null, types.map(type => (react_1.default.createElement(TypeColumns, { key: type.summary, type: type })))));
-};
-exports.GroupedDomainsDescriptionsList = GroupedDomainsDescriptionsList;
-//# sourceMappingURL=grouped-domains-descriptions-list.js.map

package/lib/feature-descriptors-domain/selected-feature-domain-context.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=selected-feature-domain-context.js.map

package/lib/feature-descriptors-domain/utils/filter-domain-descriptions.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterDomainDescriptions = void 0;
-const isNotEmpty = (arr) => arr.length > 0;
-function filterDomainDescriptions(domains, predicateFn) {
-    return {
-        types: domains.types
-            .map(({ summary, columns, uuid }) => ({
-            summary,
-            uuid,
-            columns: columns
-                .map(column => ({
-                summary: column.summary,
-                uuid: column.uuid,
-                descriptions: column.descriptions.filter(predicateFn),
-            }))
-                .filter(({ descriptions }) => isNotEmpty(descriptions)),
-        }))
-            .filter(({ columns }) => isNotEmpty(columns)),
-    };
-}
-exports.filterDomainDescriptions = filterDomainDescriptions;
-//# sourceMappingURL=filter-domain-descriptions.js.map

package/lib/feature-descriptors-domain/utils/filter-grouped-domain-descriptions.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterGroupedDomainDescriptions = void 0;
-const isNotEmpty = (arr) => arr.length > 0;
-function filterGroupedDomainDescriptions(domains, predicateFn) {
-    return {
-        types: domains.types
-            .map(({ summary, columns, uuid }) => ({
-            summary,
-            uuid,
-            columns: columns
-                .map(column => ({
-                summary: column.summary,
-                uuid: column.uuid,
-                descriptions: column.descriptions.filter(predicateFn),
-            }))
-                .filter(({ descriptions }) => isNotEmpty(descriptions)),
-        }))
-            .filter(({ columns }) => isNotEmpty(columns)),
-    };
-}
-exports.filterGroupedDomainDescriptions = filterGroupedDomainDescriptions;
-//# sourceMappingURL=filter-grouped-domain-descriptions.js.map

package/lib/feature-descriptors-domain/utils/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./filter-grouped-domain-descriptions"), exports);
-//# sourceMappingURL=index.js.map

package/lib/models/feature/feature-leaderboard.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=feature-leaderboard.js.map

package/lib/models/feature-descriptor/feature-descriptors-domain.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=feature-descriptors-domain.js.map

package/lib/models/feature-descriptors-domain/fd-domain-description.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomainId = void 0;
-const lodash_1 = require("lodash");
-var DomainId;
-(function (DomainId) {
-    DomainId.isTypeOf = (x) => (0, lodash_1.isObject)(x) && 'joinId' in x && 'domainIdx' in x;
-})(DomainId = exports.DomainId || (exports.DomainId = {}));
-//# sourceMappingURL=fd-domain-description.js.map

package/lib/models/feature-descriptors-domain/fd-grouped-domain-descriptions.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=fd-grouped-domain-descriptions.js.map

package/lib/models/feature-descriptors-domain/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./fd-domain-description"), exports);
-__exportStar(require("./fd-grouped-domain-descriptions"), exports);
-//# sourceMappingURL=index.js.map

package/lib/models/feature-space/feature-space-description.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=feature-space-description.js.map

package/lib/models/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/lib/utils/model-transform-hook.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModelTransform = void 0;
-const react_1 = __importDefault(require("react"));
-function useModelTransform(model, setModel, transform, revTransform, defaultState) {
-    const [transformedModel, setTransformedModel] = react_1.default.useState(() => defaultState);
-    react_1.default.useEffect(() => {
-        setTransformedModel(transform(model));
-    }, [model]);
-    return [
-        transformedModel,
-        (s) => {
-            setModel(revTransform(s));
-        },
-    ];
-}
-exports.useModelTransform = useModelTransform;
-//# sourceMappingURL=model-transform-hook.js.map

package/lib/utils/set.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toggleSetItem = void 0;
-function toggleSetItem(collection, item) {
-    if (collection.has(item)) {
-        collection.delete(item);
-    }
-    else {
-        collection.add(item);
-    }
-    return new Set(collection);
-}
-exports.toggleSetItem = toggleSetItem;
-//# sourceMappingURL=set.js.map

package/lib/utils/widget/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./widget-model-context"), exports);
-__exportStar(require("./widget-model"), exports);
-//# sourceMappingURL=index.js.map

package/lib/utils/widget/widget-model-context.js

@@ -1,38 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withWidgetModelContext = exports.useWidgetModelContext = exports.WidgetModelContext = void 0;
-const react_1 = __importStar(require("react"));
-exports.WidgetModelContext = (0, react_1.createContext)(undefined);
-function useWidgetModelContext() {
-    return (0, react_1.useContext)(exports.WidgetModelContext);
-}
-exports.useWidgetModelContext = useWidgetModelContext;
-const withWidgetModelContext = (Component) => {
-    return (props) => (react_1.default.createElement(exports.WidgetModelContext.Provider, { value: props.model },
-        react_1.default.createElement(Component, { ...props })));
-};
-exports.withWidgetModelContext = withWidgetModelContext;
-//# sourceMappingURL=widget-model-context.js.map

package/lib/utils/widget/widget-model.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModelEvent = exports.useModelState = void 0;
-const react_1 = require("react");
-const widget_model_context_1 = require("./widget-model-context");
-function useModelState(name) {
-    const model = (0, widget_model_context_1.useWidgetModelContext)();
-    const stringName = String(name);
-    const [state, setState] = (0, react_1.useState)(model?.get(stringName));
-    useModelEvent(`change:${stringName}`, model => {
-        setState(model.get(stringName));
-    }, [name]);
-    function updateModel(val, options) {
-        model?.set(name, val, options);
-        model?.save_changes();
-    }
-    return [state, updateModel];
-}
-exports.useModelState = useModelState;
-function useModelEvent(event, callback, deps) {
-    const model = (0, widget_model_context_1.useWidgetModelContext)();
-    const dependencies = deps === undefined ? [model] : [...deps, model];
-    (0, react_1.useEffect)(() => {
-        const callbackWrapper = (e) => model && callback(model, e);
-        model?.on(event, callbackWrapper);
-        return () => void model?.unbind(event, callbackWrapper);
-    }, dependencies);
-}
-exports.useModelEvent = useModelEvent;
-//# sourceMappingURL=widget-model.js.map

package/lib/widgets/feature-leaderboard/FeatureLeaderboardEntries.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntries = void 0;
-const react_1 = __importDefault(require("react"));
-const accordion_1 = require("../../components/accordion");
-const FeatureExplanation_1 = require("../../feature/feature-explanation/FeatureExplanation");
-const FeatureLeaderboardEntryItem_1 = require("./entry-item/FeatureLeaderboardEntryItem");
-const FeatureLeaderboardEntries = ({ entriesGroups }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, entriesGroups.map((entriesGroup, groupIdx) => (react_1.default.createElement(accordion_1.Accordion, { key: groupIdx, collapsedDetailsStyle: { padding: '0' }, expandedDetailsStyle: { padding: '0' }, expandedHeaderStyle: { background: '#F0F0F0' }, initialState: true },
-        react_1.default.createElement(accordion_1.AccordionHeader, null,
-            react_1.default.createElement(FeatureExplanation_1.FeatureExplanation, { explanationBlocks: entriesGroup[0].feature.explanation.tokens })),
-        react_1.default.createElement(accordion_1.AccordionDetails, null, entriesGroup.map(entry => (react_1.default.createElement(FeatureLeaderboardEntryItem_1.FeatureLeaderboardEntryItem, { key: entry.feature.id, featureEntry: entry })))))))));
-};
-exports.FeatureLeaderboardEntries = FeatureLeaderboardEntries;
-//# sourceMappingURL=FeatureLeaderboardEntries.js.map

package/lib/widgets/feature-leaderboard/entry-item/FeatureLeaderboardEntryDetails.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryDetails = void 0;
-const react_1 = __importDefault(require("react"));
-const feature_details_1 = require("../../../feature/feature-details");
-const FeatureLeaderboardEntryDetails = ({ entry }) => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { style: { display: 'flex', gap: '50px' } },
-            react_1.default.createElement("div", { className: "feature-metrics", style: { flex: 3 } },
-                react_1.default.createElement("h3", { className: "grey-label" }, "Feature Statistics:"),
-                react_1.default.createElement(feature_details_1.FeatureStatisticsTable, { statistics: entry.stats })),
-            react_1.default.createElement("div", { className: "feature-histogram", style: { flex: 1 } },
-                react_1.default.createElement("h3", { className: "grey-label" }, "Feature Distribution:"),
-                react_1.default.createElement(feature_details_1.FeatureDistributionChart, { histogram: entry.histogram }))),
-        react_1.default.createElement("div", { className: "correlated-features" },
-            react_1.default.createElement("h3", { className: "grey-label" }, "Correlated Features:"),
-            react_1.default.createElement(feature_details_1.FeatureCorrelatedFeaturesTable, { correlatedFeatures: entry.topCorrelatedFeatures }))));
-};
-exports.FeatureLeaderboardEntryDetails = FeatureLeaderboardEntryDetails;
-//# sourceMappingURL=FeatureLeaderboardEntryDetails.js.map

package/lib/widgets/feature-leaderboard/entry-item/FeatureLeaderboardEntryHeader.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
-const widget_model_1 = require("../../../utils/widget-model");
-const FeatureExplanation_1 = require("../../../feature/feature-explanation/FeatureExplanation");
-const feature_likes_1 = require("../../../feature/feature-likes");
-const featureNameLabelStyle = {
-    color: 'var(--c-grey-600)',
-    display: 'inline-block',
-    marginLeft: '10px',
-    minWidth: '5rem',
-};
-const FeatureLeaderboardEntryHeader = ({ feature }) => {
-    const [likedFeatures, setLikedFeatures] = (0, widget_model_1.useModelState)('liked_features');
-    const [isLiked, setIsLiked] = react_1.default.useState(() => false);
-    react_1.default.useEffect(() => {
-        setIsLiked(likedFeatures.includes(feature.id));
-    }, [likedFeatures]);
-    function toggleIsLiked() {
-        setLikedFeatures(isLiked
-            ? (0, lodash_1.without)(likedFeatures, feature.id)
-            : [...likedFeatures, feature.id]);
-    }
-    return (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
-        react_1.default.createElement(feature_likes_1.FeatureLikes, { isLiked: isLiked, toggleIsLiked: toggleIsLiked }),
-        react_1.default.createElement("span", { className: "label-bold", style: featureNameLabelStyle }, feature.id),
-        react_1.default.createElement(FeatureExplanation_1.FeatureExplanation, { key: feature.id, explanationBlocks: feature.explanation.tokens })));
-};
-exports.FeatureLeaderboardEntryHeader = FeatureLeaderboardEntryHeader;
-//# sourceMappingURL=FeatureLeaderboardEntryHeader.js.map

package/lib/widgets/feature-leaderboard/entry-item/FeatureLeaderboardEntryItem.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryItem = void 0;
-const react_1 = __importDefault(require("react"));
-const accordion_1 = require("../../../components/accordion");
-const FeatureLeaderboardEntryDetails_1 = require("./FeatureLeaderboardEntryDetails");
-const FeatureLeaderboardEntryHeader_1 = require("./FeatureLeaderboardEntryHeader");
-const FeatureLeaderboardEntryItem = ({ featureEntry }) => {
-    return (react_1.default.createElement(accordion_1.Accordion, { expandedDetailsStyle: {
-            borderBottom: '1px solid var(--c-grey-500)',
-            paddingBlockEnd: '30px',
-        } },
-        react_1.default.createElement(accordion_1.AccordionHeader, null,
-            react_1.default.createElement(FeatureLeaderboardEntryHeader_1.FeatureLeaderboardEntryHeader, { feature: featureEntry.feature })),
-        react_1.default.createElement(accordion_1.AccordionDetails, null,
-            react_1.default.createElement(FeatureLeaderboardEntryDetails_1.FeatureLeaderboardEntryDetails, { entry: featureEntry }))));
-};
-exports.FeatureLeaderboardEntryItem = FeatureLeaderboardEntryItem;
-//# sourceMappingURL=FeatureLeaderboardEntryItem.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntry.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntry = void 0;
-const react_1 = __importDefault(require("react"));
-const accordion_1 = require("../../../components/accordion");
-const FeatureLeaderboardEntryDetails_1 = require("./FeatureLeaderboardEntryDetails");
-const FeatureLeaderboardEntryRow_1 = require("./FeatureLeaderboardEntryRow");
-const FeatureLeaderboardEntry = ({ featureEntry }) => {
-    return (react_1.default.createElement(accordion_1.Accordion, { className: "feature-leaderboard-entry" },
-        react_1.default.createElement(accordion_1.AccordionHeader, null,
-            react_1.default.createElement(FeatureLeaderboardEntryRow_1.FeatureLeaderboardEntryRow, { feature: featureEntry.feature })),
-        react_1.default.createElement(accordion_1.AccordionDetails, null,
-            react_1.default.createElement(FeatureLeaderboardEntryDetails_1.FeatureLeaderboardEntryDetails, { entry: featureEntry }))));
-};
-exports.FeatureLeaderboardEntry = FeatureLeaderboardEntry;
-//# sourceMappingURL=FeatureLeaderboardEntry.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryRow.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryRow = void 0;
-const react_1 = __importDefault(require("react"));
-const FeatureExplanation_1 = require("../../../feature/feature-explanation/FeatureExplanation");
-const leaderboard_feature_likes_1 = require("../components/leaderboard-feature-likes");
-const featureNameLabelStyle = {
-    color: 'var(--c-grey-600)',
-    display: 'inline-block',
-    minWidth: '5rem',
-};
-const FeatureLeaderboardEntryRow = ({ feature }) => {
-    return (react_1.default.createElement("div", { className: "feature-leaderboard-entry-row" },
-        react_1.default.createElement("span", { className: "label-bold", style: featureNameLabelStyle }, feature.id),
-        react_1.default.createElement(FeatureExplanation_1.FeatureExplanation, { key: feature.id, explanationBlocks: feature.explanation.tokens }),
-        react_1.default.createElement("div", { style: { marginLeft: 'auto', display: 'flex', gap: '5px' } },
-            react_1.default.createElement(leaderboard_feature_likes_1.LeaderBoardFeatureLikes, { featureId: feature.id }))));
-};
-exports.FeatureLeaderboardEntryRow = FeatureLeaderboardEntryRow;
-//# sourceMappingURL=FeatureLeaderboardEntryRow.js.map

package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-metric-slider.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=overview-metric-slider.js.map