@steroidsjs/core 3.1.7 → 3.1.9

package/ui/list/TreeTable/TreeTable.js

@@ -1,151 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.addTreeColumnFieldsToFirstColumn = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("@steroidsjs/core/hooks");
-var Format_1 = __importDefault(require("@steroidsjs/core/ui/format/Format"));
-var ControlsColumn_1 = __importDefault(require("@steroidsjs/core/ui/list/ControlsColumn"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var merge_1 = __importDefault(require("lodash-es/merge"));
-var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var react_1 = require("react");
-var useList_1 = __importDefault(require("../../../hooks/useList"));
-var useTree_1 = __importDefault(require("../../../hooks/useTree"));
-var TREE_COLUMN_VIEW_FIELDS = {
-    valueView: 'TreeColumnView',
-    headerClassName: 'TreeColumnHeader'
-};
-var addTreeColumnFieldsToFirstColumn = function (columns, levelPadding, customIcon) {
-    var newColumns = __spreadArray([], columns, true);
-    // Add tree view to the first column
-    (0, merge_1["default"])(newColumns[0], __assign(__assign({}, TREE_COLUMN_VIEW_FIELDS), { levelPadding: levelPadding, customIcon: customIcon }));
-    return newColumns;
-};
-exports.addTreeColumnFieldsToFirstColumn = addTreeColumnFieldsToFirstColumn;
-function TreeTable(props) {
-    var components = (0, hooks_1.useComponents)();
-    var mergedColumns = (0, react_1.useMemo)(function () { return (0, exports.addTreeColumnFieldsToFirstColumn)(props.columns, props.levelPadding, props.customIcon); }, [props.columns, props.customIcon, props.levelPadding]);
-    var _a = (0, useList_1["default"])({
-        listId: props.listId,
-        primaryKey: props.primaryKey,
-        action: props.action,
-        actionMethod: props.actionMethod,
-        pagination: props.pagination,
-        paginationSize: props.paginationSize,
-        infiniteScroll: props.infiniteScroll,
-        sort: props.sort,
-        layout: props.layout,
-        empty: props.empty,
-        searchForm: props.searchForm,
-        autoDestroy: props.autoDestroy,
-        onFetch: props.onFetch,
-        condition: props.condition,
-        addressBar: props.addressBar,
-        scope: props.scope,
-        query: props.query,
-        model: props.model,
-        searchModel: props.searchModel,
-        items: props.items,
-        initialItems: props.initialItems,
-        initialTotal: props.initialTotal,
-        autoFetchOnFormChanges: props.autoFetchOnFormChanges
-    }), list = _a.list, model = _a.model, searchModel = _a.searchModel, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, renderInfiniteScroll = _a.renderInfiniteScroll, onFetch = _a.onFetch, onSort = _a.onSort, sort = _a.sort;
-    var items = (0, react_1.useMemo)(function () { return (list === null || list === void 0 ? void 0 : list.items) || []; }, [list === null || list === void 0 ? void 0 : list.items]);
-    var treeItems = (0, useTree_1["default"])({
-        items: items,
-        autoOpenLevels: 0,
-        alwaysOpened: props.alwaysOpened,
-        collapseChildItems: props.collapseChildItems,
-        saveInClientStorage: props.saveInClientStorage,
-        clientStorageId: props.listId,
-        isSinglePageItems: props.isSinglePageItems,
-        itemsKey: props.itemsKey
-    }).treeItems;
-    var renderLabel = (0, react_1.useCallback)(function (column) {
-        if (column.headerView) {
-            var HeaderView = column.headerView;
-            return ((0, jsx_runtime_1.jsx)(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
-        }
-        if (column.label || column.label === '') {
-            return column.label;
-        }
-        var attributeMeta = []
-            .concat((model === null || model === void 0 ? void 0 : model.attributes) || [])
-            .concat((searchModel === null || searchModel === void 0 ? void 0 : searchModel.attributes) || [])
-            .find(function (item) { return column.attribute && item.attribute === column.attribute; });
-        return attributeMeta ? attributeMeta.label : (0, upperFirst_1["default"])(column.attribute);
-    }, [model, props.listId, searchModel]);
-    var renderValue = (0, react_1.useCallback)(function (item, column) {
-        // Custom component
-        if (column.valueView) {
-            var isValueViewString = typeof column.valueView === 'string';
-            var ValueView = isValueViewString ? components.ui.getView("list.".concat(column.valueView)) : column.valueView;
-            var viewProps_1 = __assign(__assign(__assign({}, column), column.valueProps), { listId: props.listId, primaryKey: props.primaryKey, item: item, size: props.size });
-            if (isValueViewString) {
-                return components.ui.renderView(ValueView, viewProps_1);
-            }
-            return ((0, jsx_runtime_1.jsx)(ValueView, __assign({}, viewProps_1)));
-        }
-        return ((0, jsx_runtime_1.jsx)(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
-    }, [props.listId, props.model, props.primaryKey]);
-    // Columns
-    var columns = (0, react_1.useMemo)(function () { return []
-        .concat({
-        label: __('№'),
-        valueView: function (_a) {
-            var item = _a.item;
-            return item.index + 1;
-        },
-        visible: false
-    })
-        .concat(mergedColumns)
-        .concat({
-        valueView: ControlsColumn_1["default"],
-        valueProps: {
-            controls: props.controls
-        },
-        visible: !!props.controls
-    })
-        .map(function (column) { return ((0, isString_1["default"])(column) ? {
-        attribute: column
-    } : column); })
-        .filter(function (column) { return column.visible !== false; })
-        .map(function (column) { return (__assign(__assign({}, column), { label: renderLabel(column) })); }); }, [mergedColumns, props.controls, renderLabel]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderLoading: renderLoading, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, renderInfiniteScroll: renderInfiniteScroll, renderValue: renderValue, columns: columns, onFetch: onFetch, onSort: onSort, sort: sort, items: treeItems, searchForm: props.searchForm, listId: props.listId, isLoading: props.isLoading, size: props.size, hasAlternatingColors: props.hasAlternatingColors, className: props.className, primaryKey: props.primaryKey })); }, [treeItems, list, paginationPosition, paginationSizePosition, layoutNamesPosition, renderList, renderLoading, renderEmpty,
-        renderPagination, renderPaginationSize, renderLayoutNames, renderSearchForm, renderInfiniteScroll, renderValue,
-        columns, onFetch, onSort, sort, props.searchForm, props.listId, props.isLoading, props.size, props.hasAlternatingColors,
-        props.className, props.primaryKey, props.viewProps]);
-    return components.ui.renderView(props.view || 'list.GridView', viewProps);
-}
-exports["default"] = TreeTable;
-TreeTable.defaultProps = {
-    levelPadding: 32,
-    alwaysOpened: false,
-    saveInClientStorage: false,
-    collapseChildItems: false,
-    size: 'md',
-    hasAlternatingColors: false
-};