@kaspernj/api-maker 1.0.2054 → 1.0.2055

package/build/table/filters/filter-form.js

@@ -1,493 +1,290 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { ActivityIndicator, View } from "react-native";
+import AttributeElement from "./attribute-element";
+import BaseComponent from "../../base-component.js";
+import Button from "../../utils/button";
+import Card from "../../utils/card";
+import { digg, digs } from "diggerize";
+import * as inflection from "inflection";
+import { Form } from "../../form";
+import Header from "../../utils/header";
+import Input from "../../inputs/input";
+import memo from "set-state-compare/build/memo.js";
+import Params from "../../params.js";
+import PropTypes from "prop-types";
+import PropTypesExact from "prop-types-exact";
+import React from "react";
+import ReflectionElement from "./reflection-element";
+import ScopeElement from "./scope-element";
+import Select from "../../inputs/select";
+import Services from "../../services.js";
+import { shapeComponent } from "set-state-compare/build/shape-component.js";
+import Text from "../../utils/text";
+import useBreakpoint from "../../use-breakpoint.js";
+import useI18n from "i18n-on-steroids/src/use-i18n.mjs";
+export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends BaseComponent {
+    static propTypes = PropTypesExact({
+        filter: PropTypes.object,
+        modelClass: PropTypes.func.isRequired,
+        onApplyClicked: PropTypes.func.isRequired,
+        onRequestClose: PropTypes.func.isRequired,
+        querySearchName: PropTypes.string.isRequired
     });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
+    setup() {
+        const { t } = useI18n({ namespace: "js.api_maker.table.filters.filter_form" });
+        this.useStates({
+            associations: null,
+            attribute: undefined,
+            actualCurrentModelClass: () => ({ modelClass: this.p.modelClass }),
+            loading: 0,
+            modelClassName: digg(this.p.modelClass.modelClassData(), "className"),
+            path: [],
+            predicate: undefined,
+            predicates: undefined,
+            ransackableAttributes: undefined,
+            ransackableScopes: undefined,
+            scope: this.props.filter.sc,
+            value: this.props.filter.v
+        });
+        this.setInstance({
+            breakpoint: useBreakpoint(),
+            t,
+            valueInputRef: useRef(),
+        });
+        useMemo(() => {
+            this.loadRansackPredicates();
+            if (this.props.filter.v) {
+                this.loadInitialValuesWithLoadingIndicator();
             }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }, []);
+        useMemo(() => {
+            this.loadAssociations();
+        }, [this.s.modelClassName]);
+    }
+    currentModelClass = () => digg(this.s.actualCurrentModelClass, "modelClass");
+    parseAssociationData(result) {
+        const associations = result.associations.map(({ human_name, model_class_name, reflection_name, resource }) => ({
+            humanName: human_name,
+            modelClassName: model_class_name,
+            reflectionName: inflection.camelize(reflection_name, true),
+            resource
+        }));
+        const ransackableAttributes = digg(result, "ransackable_attributes").map(({ attribute_name: attributeName, human_name: humanName }) => ({
+            attributeName, humanName
+        }));
+        const ransackableScopes = digg(result, "ransackable_scopes");
+        return { associations, ransackableAttributes, ransackableScopes };
     }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var attribute_element_1 = __importDefault(require("./attribute-element"));
-var base_component_js_1 = __importDefault(require("../../base-component.js"));
-var button_1 = __importDefault(require("../../utils/button"));
-var card_1 = __importDefault(require("../../utils/card"));
-var diggerize_1 = require("diggerize");
-var inflection = __importStar(require("inflection"));
-var form_1 = require("../../form");
-var header_1 = __importDefault(require("../../utils/header"));
-var input_1 = __importDefault(require("../../inputs/input"));
-var memo_js_1 = __importDefault(require("set-state-compare/build/memo.js"));
-var params_js_1 = __importDefault(require("../../params.js"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var prop_types_exact_1 = __importDefault(require("prop-types-exact"));
-var react_2 = __importDefault(require("react"));
-var reflection_element_1 = __importDefault(require("./reflection-element"));
-var scope_element_1 = __importDefault(require("./scope-element"));
-var select_1 = __importDefault(require("../../inputs/select"));
-var services_js_1 = __importDefault(require("../../services.js"));
-var shape_component_js_1 = require("set-state-compare/build/shape-component.js");
-var text_1 = __importDefault(require("../../utils/text"));
-var use_breakpoint_js_1 = __importDefault(require("../../use-breakpoint.js"));
-var use_i18n_mjs_1 = __importDefault(require("i18n-on-steroids/src/use-i18n.mjs"));
-exports.default = (0, memo_js_1.default)((0, shape_component_js_1.shapeComponent)((_a = /** @class */ (function (_super) {
-        __extends(ApiMakerTableFiltersFilterForm, _super);
-        function ApiMakerTableFiltersFilterForm() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.currentModelClass = function () { return (0, diggerize_1.digg)(_this.s.actualCurrentModelClass, "modelClass"); };
-            _this.decreaseLoading = function () { return _this.setState(function (prevState) { return ({ loading: prevState.loading - 1 }); }); };
-            _this.increaseLoading = function () { return _this.setState(function (prevState) { return ({ loading: prevState.loading + 1 }); }); };
-            _this.onAttributeClicked = function (_b) {
-                var attribute = _b.attribute;
-                _this.setState({
-                    attribute: attribute,
-                    scope: undefined
-                });
-            };
-            _this.onPredicateChanged = function (e) {
-                var chosenPredicateName = (0, diggerize_1.digg)(e, "target", "value");
-                var predicate = _this.s.predicates.find(function (predicate) { return predicate.name == chosenPredicateName; });
-                _this.setState({ predicate: predicate });
-            };
-            _this.onReflectionClicked = function (_b) {
-                var reflection = _b.reflection;
-                var newPath = _this.s.path.concat([reflection]);
-                _this.setState({
-                    associations: null,
-                    attribute: undefined,
-                    actualCurrentModelClass: { modelClass: (0, diggerize_1.digg)(reflection, "resource") },
-                    modelClassName: (0, diggerize_1.digg)(reflection, "modelClassName"),
-                    path: newPath,
-                    predicate: undefined
-                });
-            };
-            _this.onScopeClicked = function (_b) {
-                var scope = _b.scope;
-                _this.setState({
-                    attribute: undefined,
-                    predicate: undefined,
-                    scope: scope
-                });
-            };
-            _this.onSubmit = function () {
-                var _b = _this.p, filter = _b.filter, querySearchName = _b.querySearchName;
-                var _c = _this.s, attribute = _c.attribute, path = _c.path, predicate = _c.predicate, scope = _c.scope;
-                var filterIndex = (0, diggerize_1.digs)(filter, "filterIndex").filterIndex;
-                var searchParams = params_js_1.default.parse()[querySearchName] || {};
-                var value = (0, diggerize_1.digg)(_this.tt.valueInputRef, "current", "value");
-                var p = path.map(function (reflection) { return inflection.underscore(reflection.reflectionName); });
-                var newSearchParams = {
-                    p: p,
-                    v: value
-                };
-                if (attribute) {
-                    newSearchParams.a = (0, diggerize_1.digg)(attribute, "attributeName");
-                    newSearchParams.pre = (0, diggerize_1.digg)(predicate, "name");
-                }
-                else if (scope) {
-                    newSearchParams.sc = scope;
-                }
-                else {
-                    throw new Error("Dont know if should search for attribute or scope?");
-                }
-                searchParams[filterIndex] = JSON.stringify(newSearchParams);
-                var newParams = {};
-                newParams[querySearchName] = searchParams;
-                params_js_1.default.changeParams(newParams);
-                _this.props.onApplyClicked();
-            };
-            return _this;
+    async loadAssociations() {
+        this.increaseLoading();
+        try {
+            if (!this.s.modelClassName)
+                throw new Error("'modelClassName' not set in state");
+            const result = await Services.current().sendRequest("Models::Associations", { model_class_name: this.s.modelClassName });
+            const { associations, ransackableAttributes, ransackableScopes } = this.parseAssociationData(result);
+            this.setState({ associations, ransackableAttributes, ransackableScopes });
         }
-        ApiMakerTableFiltersFilterForm.prototype.setup = function () {
-            var _this = this;
-            var t = (0, use_i18n_mjs_1.default)({ namespace: "js.api_maker.table.filters.filter_form" }).t;
-            this.useStates({
-                associations: null,
-                attribute: undefined,
-                actualCurrentModelClass: function () { return ({ modelClass: _this.p.modelClass }); },
-                loading: 0,
-                modelClassName: (0, diggerize_1.digg)(this.p.modelClass.modelClassData(), "className"),
-                path: [],
-                predicate: undefined,
-                predicates: undefined,
-                ransackableAttributes: undefined,
-                ransackableScopes: undefined,
-                scope: this.props.filter.sc,
-                value: this.props.filter.v
-            });
-            this.setInstance({
-                breakpoint: (0, use_breakpoint_js_1.default)(),
-                t: t,
-                valueInputRef: (0, react_1.useRef)(),
-            });
-            (0, react_1.useMemo)(function () {
-                _this.loadRansackPredicates();
-                if (_this.props.filter.v) {
-                    _this.loadInitialValuesWithLoadingIndicator();
-                }
-            }, []);
-            (0, react_1.useMemo)(function () {
-                _this.loadAssociations();
-            }, [this.s.modelClassName]);
-        };
-        ApiMakerTableFiltersFilterForm.prototype.parseAssociationData = function (result) {
-            var associations = result.associations.map(function (_b) {
-                var human_name = _b.human_name, model_class_name = _b.model_class_name, reflection_name = _b.reflection_name, resource = _b.resource;
-                return ({
-                    humanName: human_name,
-                    modelClassName: model_class_name,
-                    reflectionName: inflection.camelize(reflection_name, true),
-                    resource: resource
-                });
-            });
-            var ransackableAttributes = (0, diggerize_1.digg)(result, "ransackable_attributes").map(function (_b) {
-                var attributeName = _b.attribute_name, humanName = _b.human_name;
-                return ({
-                    attributeName: attributeName,
-                    humanName: humanName
-                });
-            });
-            var ransackableScopes = (0, diggerize_1.digg)(result, "ransackable_scopes");
-            return { associations: associations, ransackableAttributes: ransackableAttributes, ransackableScopes: ransackableScopes };
-        };
-        ApiMakerTableFiltersFilterForm.prototype.loadAssociations = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var result, _b, associations, ransackableAttributes, ransackableScopes;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            this.increaseLoading();
-                            _c.label = 1;
-                        case 1:
-                            _c.trys.push([1, , 3, 4]);
-                            if (!this.s.modelClassName)
-                                throw new Error("'modelClassName' not set in state");
-                            return [4 /*yield*/, services_js_1.default.current().sendRequest("Models::Associations", { model_class_name: this.s.modelClassName })];
-                        case 2:
-                            result = _c.sent();
-                            _b = this.parseAssociationData(result), associations = _b.associations, ransackableAttributes = _b.ransackableAttributes, ransackableScopes = _b.ransackableScopes;
-                            this.setState({ associations: associations, ransackableAttributes: ransackableAttributes, ransackableScopes: ransackableScopes });
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.decreaseLoading();
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.loadInitialValuesWithLoadingIndicator = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, , 2, 3]);
-                            this.increaseLoading();
-                            return [4 /*yield*/, this.loadInitialValues()];
-                        case 1:
-                            _b.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            this.decreaseLoading();
-                            return [7 /*endfinally*/];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.loadInitialValues = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var result, data, modelClassName, path, _loop_1, this_1, _i, _b, pathPart, ransackableAttributes, attribute, ransackableAttribute;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (!this.s.modelClassName)
-                                throw new Error("'modelClassName' not set in state");
-                            return [4 /*yield*/, services_js_1.default.current().sendRequest("Models::Associations", { model_class_name: this.s.modelClassName })];
-                        case 1:
-                            result = _c.sent();
-                            data = this.parseAssociationData(result);
-                            modelClassName = this.s.modelClassName;
-                            path = [];
-                            _loop_1 = function (pathPart) {
-                                var reflection, pathNames;
-                                return __generator(this, function (_d) {
-                                    switch (_d.label) {
-                                        case 0:
-                                            reflection = data.associations.find(function (association) { return (0, diggerize_1.digg)(association, "reflectionName") == inflection.camelize(pathPart, true); });
-                                            if (!reflection)
-                                                throw new Error("Couldn't find association by that name ".concat(this_1.s.modelClassName, "#").concat(pathPart));
-                                            modelClassName = (0, diggerize_1.digg)(reflection, "modelClassName");
-                                            if (!modelClassName) {
-                                                pathNames = path.map(function (pathPart) { return pathPart.name(); }).join(".");
-                                                throw new Error("No model class name from ".concat(pathNames, ".").concat(reflection.name()));
-                                            }
-                                            return [4 /*yield*/, services_js_1.default.current().sendRequest("Models::Associations", { model_class_name: modelClassName })];
-                                        case 1:
-                                            result = _d.sent();
-                                            data = this_1.parseAssociationData(result);
-                                            path.push(reflection);
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            };
-                            this_1 = this;
-                            _i = 0, _b = this.props.filter.p;
-                            _c.label = 2;
-                        case 2:
-                            if (!(_i < _b.length)) return [3 /*break*/, 5];
-                            pathPart = _b[_i];
-                            return [5 /*yield**/, _loop_1(pathPart)];
-                        case 3:
-                            _c.sent();
-                            _c.label = 4;
-                        case 4:
-                            _i++;
-                            return [3 /*break*/, 2];
-                        case 5:
-                            ransackableAttributes = data.ransackableAttributes;
-                            attribute = this.p.filter.a;
-                            ransackableAttribute = ransackableAttributes.find(function (ransackableAttribute) { return (0, diggerize_1.digg)(ransackableAttribute, "attributeName") == attribute; });
-                            this.setState({ attribute: ransackableAttribute, modelClassName: modelClassName, path: path });
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.loadRansackPredicates = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var response, predicates, currentPredicate;
-                var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            this.increaseLoading();
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, , 3, 4]);
-                            return [4 /*yield*/, services_js_1.default.current().sendRequest("Ransack::Predicates")];
-                        case 2:
-                            response = _b.sent();
-                            predicates = (0, diggerize_1.digg)(response, "predicates");
-                            currentPredicate = void 0;
-                            if (this.props.filter.pre) {
-                                currentPredicate = predicates.find(function (predicate) { return predicate.name == _this.props.filter.pre; });
-                            }
-                            this.setState({
-                                predicate: currentPredicate,
-                                predicates: predicates
-                            });
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.decreaseLoading();
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.render = function () {
-            var _this = this;
-            var _b, _c;
-            var _d = this.tt, breakpoint = _d.breakpoint, t = _d.t, valueInputRef = _d.valueInputRef;
-            var _e = this.s, attribute = _e.attribute, path = _e.path, predicate = _e.predicate, predicates = _e.predicates, scope = _e.scope, value = _e.value;
-            var mdUp = breakpoint.mdUp;
-            var submitEnabled = false;
-            if (attribute && predicate) {
-                submitEnabled = true;
-            }
-            else if (scope) {
-                submitEnabled = true;
+        finally {
+            this.decreaseLoading();
+        }
+    }
+    decreaseLoading = () => this.setState((prevState) => ({ loading: prevState.loading - 1 }));
+    increaseLoading = () => this.setState((prevState) => ({ loading: prevState.loading + 1 }));
+    async loadInitialValuesWithLoadingIndicator() {
+        try {
+            this.increaseLoading();
+            await this.loadInitialValues();
+        }
+        finally {
+            this.decreaseLoading();
+        }
+    }
+    async loadInitialValues() {
+        if (!this.s.modelClassName)
+            throw new Error("'modelClassName' not set in state");
+        let result = await Services.current().sendRequest("Models::Associations", { model_class_name: this.s.modelClassName });
+        let data = this.parseAssociationData(result);
+        let modelClassName = this.s.modelClassName;
+        const path = [];
+        for (const pathPart of this.props.filter.p) {
+            const reflection = data.associations.find((association) => digg(association, "reflectionName") == inflection.camelize(pathPart, true));
+            if (!reflection)
+                throw new Error(`Couldn't find association by that name ${this.s.modelClassName}#${pathPart}`);
+            modelClassName = digg(reflection, "modelClassName");
+            if (!modelClassName) {
+                const pathNames = path.map((pathPart) => pathPart.name()).join(".");
+                throw new Error(`No model class name from ${pathNames}.${reflection.name()}`);
             }
-            return ((0, jsx_runtime_1.jsxs)(card_1.default, { testID: "api-maker/table/filters/filter-form", style: this.cache("cardStyle", {
-                    width: mdUp ? undefined : "100%",
-                    minWidth: 50,
-                    minHeight: 50
-                }, [mdUp]), children: [(0, jsx_runtime_1.jsxs)(form_1.Form, { onSubmit: this.tt.onSubmit, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: "row" }, children: path.map(function (_b, pathPartIndex) {
-                                    var humanName = _b.humanName, reflectionName = _b.reflectionName;
-                                    return (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row" }, children: [pathPartIndex > 0 &&
-                                                (0, jsx_runtime_1.jsx)(text_1.default, { style: { marginRight: 5, marginLeft: 5 }, children: "-" }), (0, jsx_runtime_1.jsx)(text_1.default, { children: humanName })] }, "".concat(pathPartIndex, "-").concat(reflectionName));
-                                }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: mdUp ? "row" : "column" }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { marginTop: mdUp ? undefined : 25 }, children: [(0, jsx_runtime_1.jsx)(header_1.default, { children: t(".relationships", { defaultValue: "Relationships" }) }), this.s.associations && this.sortedReflectionsByName(this.s.associations).map(function (reflection) {
-                                                return (0, jsx_runtime_1.jsx)(reflection_element_1.default, { modelClassName: _this.s.modelClassName, onClick: _this.tt.onReflectionClicked, reflection: reflection }, reflection.reflectionName);
-                                            })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { marginTop: mdUp ? undefined : 25 }, children: [(0, jsx_runtime_1.jsx)(header_1.default, { children: t(".attributes", { defaultValue: "Attributes" }) }), this.s.ransackableAttributes && ((_b = this.sortedAttributesByName(this.s.ransackableAttributes)) === null || _b === void 0 ? void 0 : _b.map(function (attribute) {
-                                                var _b;
-                                                return (0, jsx_runtime_1.jsx)(attribute_element_1.default, { active: attribute.attributeName == ((_b = _this.s.attribute) === null || _b === void 0 ? void 0 : _b.attributeName), attribute: attribute, modelClassName: _this.s.modelClassName, onClick: _this.tt.onAttributeClicked }, attribute.attributeName);
-                                            })), (_c = this.s.ransackableScopes) === null || _c === void 0 ? void 0 : _c.map(function (scope) {
-                                                return (0, jsx_runtime_1.jsx)(scope_element_1.default, { active: scope == _this.s.scope, scope: scope, onScopeClicked: _this.tt.onScopeClicked }, scope);
-                                            })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { marginTop: mdUp ? undefined : 25 }, children: [(0, jsx_runtime_1.jsx)(header_1.default, { children: t(".search", { defaultValue: "Search" }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { children: predicates && !this.s.scope &&
-                                                    (0, jsx_runtime_1.jsx)(select_1.default, { className: "predicate-select", defaultValue: predicate === null || predicate === void 0 ? void 0 : predicate.name, includeBlank: true, onChange: this.tt.onPredicateChanged, options: predicates.map(function (predicate) { return (0, diggerize_1.digg)(predicate, "name"); }) }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginTop: 10 }, children: ((attribute && predicate) || scope) &&
-                                                    (0, jsx_runtime_1.jsx)(input_1.default, { className: "value-input", defaultValue: value, inputRef: valueInputRef }) })] })] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", justifyContent: "end", marginTop: 10 }, children: [(0, jsx_runtime_1.jsx)(button_1.default, { danger: true, icon: "remove", label: t(".cancel", { defaultValue: "Cancel" }), onPress: this.p.onRequestClose, pressableProps: this.cancelButtonPressableProps || (this.cancelButtonPressableProps = {
-                                            marginRight: 5
-                                        }) }), (0, jsx_runtime_1.jsx)(button_1.default, { disabled: !submitEnabled, icon: "check", label: t(".apply", { defaultValue: "Apply" }), pressableProps: this.appleButtonPressableProps || (this.appleButtonPressableProps = {
-                                            style: { marginLeft: 5 },
-                                            testID: "apply-filter-button"
-                                        }), submit: true })] })] }), this.s.loading > 0 &&
-                        (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                                alignItems: "center",
-                                justifyContent: "center",
-                                position: "absolute",
-                                width: "100%",
-                                height: "100%"
-                            }, children: (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: "large" }) })] }));
-        };
-        ApiMakerTableFiltersFilterForm.prototype.currentModelClassFromPath = function (path) {
-            var modelClass = this.p.modelClass;
-            var currentModelClass = modelClass;
-            var _loop_2 = function (pathPart) {
-                var camelizedPathPart = inflection.camelize(pathPart, true);
-                var association = currentModelClass.ransackableAssociations().find(function (reflection) { return reflection.name() == camelizedPathPart; });
-                if (!association) {
-                    var ransackableAssociationNames = currentModelClass.ransackableAssociations().map(function (reflection) { return reflection.name(); }).join(", ");
-                    throw new Error("Could not find a Ransackable association by that name: ".concat(camelizedPathPart, " in ").concat(ransackableAssociationNames));
-                }
-                currentModelClass = association.modelClass();
-            };
-            for (var _i = 0, path_1 = path; _i < path_1.length; _i++) {
-                var pathPart = path_1[_i];
-                _loop_2(pathPart);
+            result = await Services.current().sendRequest("Models::Associations", { model_class_name: modelClassName });
+            data = this.parseAssociationData(result);
+            path.push(reflection);
+        }
+        const { ransackableAttributes } = data;
+        const attribute = this.p.filter.a;
+        const ransackableAttribute = ransackableAttributes.find((ransackableAttribute) => digg(ransackableAttribute, "attributeName") == attribute);
+        this.setState({ attribute: ransackableAttribute, modelClassName, path });
+    }
+    async loadRansackPredicates() {
+        this.increaseLoading();
+        try {
+            const response = await Services.current().sendRequest("Ransack::Predicates");
+            const predicates = digg(response, "predicates");
+            let currentPredicate;
+            if (this.props.filter.pre) {
+                currentPredicate = predicates.find((predicate) => predicate.name == this.props.filter.pre);
             }
-            return currentModelClass;
-        };
-        ApiMakerTableFiltersFilterForm.prototype.currentPathParts = function () {
-            var modelClass = this.p.modelClass;
-            var path = this.s.path;
-            var result = [];
-            var currentModelClass = modelClass;
-            result.push({
-                modelClass: modelClass,
-                translation: modelClass.modelName().human({ count: 2 })
+            this.setState({
+                predicate: currentPredicate,
+                predicates
             });
-            var _loop_3 = function (pathPart) {
-                var camelizedPathPart = inflection.camelize(pathPart, true);
-                var pathPartTranslation = currentModelClass.humanAttributeName(camelizedPathPart);
-                currentModelClass = currentModelClass.ransackableAssociations().find(function (reflection) { return reflection.name() == camelizedPathPart; }).modelClass();
-                result.push({
-                    modelClass: currentModelClass,
-                    translation: pathPartTranslation
-                });
-            };
-            for (var _i = 0, path_2 = path; _i < path_2.length; _i++) {
-                var pathPart = path_2[_i];
-                _loop_3(pathPart);
+        }
+        finally {
+            this.decreaseLoading();
+        }
+    }
+    render() {
+        const { breakpoint, t, valueInputRef } = this.tt;
+        const { attribute, path, predicate, predicates, scope, value } = this.s;
+        const { mdUp } = breakpoint;
+        let submitEnabled = false;
+        if (attribute && predicate) {
+            submitEnabled = true;
+        }
+        else if (scope) {
+            submitEnabled = true;
+        }
+        return (_jsxs(Card, { testID: "api-maker/table/filters/filter-form", style: this.cache("cardStyle", {
+                width: mdUp ? undefined : "100%",
+                minWidth: 50,
+                minHeight: 50
+            }, [mdUp]), children: [_jsxs(Form, { onSubmit: this.tt.onSubmit, children: [_jsx(View, { style: { flexDirection: "row" }, children: path.map(({ humanName, reflectionName }, pathPartIndex) => _jsxs(View, { style: { flexDirection: "row" }, children: [pathPartIndex > 0 &&
+                                        _jsx(Text, { style: { marginRight: 5, marginLeft: 5 }, children: "-" }), _jsx(Text, { children: humanName })] }, `${pathPartIndex}-${reflectionName}`)) }), _jsxs(View, { style: { flexDirection: mdUp ? "row" : "column" }, children: [_jsxs(View, { style: { marginTop: mdUp ? undefined : 25 }, children: [_jsx(Header, { children: t(".relationships", { defaultValue: "Relationships" }) }), this.s.associations && this.sortedReflectionsByName(this.s.associations).map((reflection) => _jsx(ReflectionElement, { modelClassName: this.s.modelClassName, onClick: this.tt.onReflectionClicked, reflection: reflection }, reflection.reflectionName))] }), _jsxs(View, { style: { marginTop: mdUp ? undefined : 25 }, children: [_jsx(Header, { children: t(".attributes", { defaultValue: "Attributes" }) }), this.s.ransackableAttributes && this.sortedAttributesByName(this.s.ransackableAttributes)?.map((attribute) => _jsx(AttributeElement, { active: attribute.attributeName == this.s.attribute?.attributeName, attribute: attribute, modelClassName: this.s.modelClassName, onClick: this.tt.onAttributeClicked }, attribute.attributeName)), this.s.ransackableScopes?.map((scope) => _jsx(ScopeElement, { active: scope == this.s.scope, scope: scope, onScopeClicked: this.tt.onScopeClicked }, scope))] }), _jsxs(View, { style: { marginTop: mdUp ? undefined : 25 }, children: [_jsx(Header, { children: t(".search", { defaultValue: "Search" }) }), _jsx(View, { children: predicates && !this.s.scope &&
+                                                _jsx(Select, { className: "predicate-select", defaultValue: predicate?.name, includeBlank: true, onChange: this.tt.onPredicateChanged, options: predicates.map((predicate) => digg(predicate, "name")) }) }), _jsx(View, { style: { marginTop: 10 }, children: ((attribute && predicate) || scope) &&
+                                                _jsx(Input, { className: "value-input", defaultValue: value, inputRef: valueInputRef }) })] })] }), _jsxs(View, { style: { flexDirection: "row", justifyContent: "end", marginTop: 10 }, children: [_jsx(Button, { danger: true, icon: "remove", label: t(".cancel", { defaultValue: "Cancel" }), onPress: this.p.onRequestClose, pressableProps: this.cancelButtonPressableProps ||= {
+                                        marginRight: 5
+                                    } }), _jsx(Button, { disabled: !submitEnabled, icon: "check", label: t(".apply", { defaultValue: "Apply" }), pressableProps: this.appleButtonPressableProps ||= {
+                                        style: { marginLeft: 5 },
+                                        testID: "apply-filter-button"
+                                    }, submit: true })] })] }), this.s.loading > 0 &&
+                    _jsx(View, { style: {
+                            alignItems: "center",
+                            justifyContent: "center",
+                            position: "absolute",
+                            width: "100%",
+                            height: "100%"
+                        }, children: _jsx(ActivityIndicator, { size: "large" }) })] }));
+    }
+    currentModelClassFromPath(path) {
+        const { modelClass } = this.p;
+        let currentModelClass = modelClass;
+        for (const pathPart of path) {
+            const camelizedPathPart = inflection.camelize(pathPart, true);
+            const association = currentModelClass.ransackableAssociations().find((reflection) => reflection.name() == camelizedPathPart);
+            if (!association) {
+                const ransackableAssociationNames = currentModelClass.ransackableAssociations().map((reflection) => reflection.name()).join(", ");
+                throw new Error(`Could not find a Ransackable association by that name: ${camelizedPathPart} in ${ransackableAssociationNames}`);
             }
-            return result;
-        };
-        ApiMakerTableFiltersFilterForm.prototype.reflectionsWithModelClass = function (reflections) {
-            return reflections.filter(function (reflection) {
-                try {
-                    reflection.modelClass();
-                    return true;
-                }
-                catch (error) {
-                    return false;
-                }
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.sortedAttributesByName = function (attributes) {
-            return attributes.sort(function (a, b) {
-                return (0, diggerize_1.digg)(a, "humanName")
-                    .toLowerCase()
-                    .localeCompare((0, diggerize_1.digg)(b, "humanName").toLowerCase());
-            });
-        };
-        ApiMakerTableFiltersFilterForm.prototype.sortedReflectionsByName = function (reflections) {
-            return reflections.sort(function (a, b) {
-                return (0, diggerize_1.digg)(a, "humanName")
-                    .toLowerCase()
-                    .localeCompare((0, diggerize_1.digg)(b, "humanName").toLowerCase());
+            currentModelClass = association.modelClass();
+        }
+        return currentModelClass;
+    }
+    currentPathParts() {
+        const { modelClass } = this.p;
+        const { path } = this.s;
+        const result = [];
+        let currentModelClass = modelClass;
+        result.push({
+            modelClass,
+            translation: modelClass.modelName().human({ count: 2 })
+        });
+        for (const pathPart of path) {
+            const camelizedPathPart = inflection.camelize(pathPart, true);
+            const pathPartTranslation = currentModelClass.humanAttributeName(camelizedPathPart);
+            currentModelClass = currentModelClass.ransackableAssociations().find((reflection) => reflection.name() == camelizedPathPart).modelClass();
+            result.push({
+                modelClass: currentModelClass,
+                translation: pathPartTranslation
             });
+        }
+        return result;
+    }
+    onAttributeClicked = ({ attribute }) => {
+        this.setState({
+            attribute,
+            scope: undefined
+        });
+    };
+    onPredicateChanged = (e) => {
+        const chosenPredicateName = digg(e, "target", "value");
+        const predicate = this.s.predicates.find((predicate) => predicate.name == chosenPredicateName);
+        this.setState({ predicate });
+    };
+    onReflectionClicked = ({ reflection }) => {
+        const newPath = this.s.path.concat([reflection]);
+        this.setState({
+            associations: null,
+            attribute: undefined,
+            actualCurrentModelClass: { modelClass: digg(reflection, "resource") },
+            modelClassName: digg(reflection, "modelClassName"),
+            path: newPath,
+            predicate: undefined
+        });
+    };
+    onScopeClicked = ({ scope }) => {
+        this.setState({
+            attribute: undefined,
+            predicate: undefined,
+            scope
+        });
+    };
+    onSubmit = () => {
+        const { filter, querySearchName } = this.p;
+        const { attribute, path, predicate, scope } = this.s;
+        const { filterIndex } = digs(filter, "filterIndex");
+        const searchParams = Params.parse()[querySearchName] || {};
+        const value = digg(this.tt.valueInputRef, "current", "value");
+        const p = path.map((reflection) => inflection.underscore(reflection.reflectionName));
+        const newSearchParams = {
+            p,
+            v: value
         };
-        return ApiMakerTableFiltersFilterForm;
-    }(base_component_js_1.default)),
-    _a.propTypes = (0, prop_types_exact_1.default)({
-        filter: prop_types_1.default.object,
-        modelClass: prop_types_1.default.func.isRequired,
-        onApplyClicked: prop_types_1.default.func.isRequired,
-        onRequestClose: prop_types_1.default.func.isRequired,
-        querySearchName: prop_types_1.default.string.isRequired
-    }),
-    _a)));
+        if (attribute) {
+            newSearchParams.a = digg(attribute, "attributeName");
+            newSearchParams.pre = digg(predicate, "name");
+        }
+        else if (scope) {
+            newSearchParams.sc = scope;
+        }
+        else {
+            throw new Error("Dont know if should search for attribute or scope?");
+        }
+        searchParams[filterIndex] = JSON.stringify(newSearchParams);
+        const newParams = {};
+        newParams[querySearchName] = searchParams;
+        Params.changeParams(newParams);
+        this.props.onApplyClicked();
+    };
+    reflectionsWithModelClass(reflections) {
+        return reflections.filter((reflection) => {
+            try {
+                reflection.modelClass();
+                return true;
+            }
+            catch (error) {
+                return false;
+            }
+        });
+    }
+    sortedAttributesByName(attributes) {
+        return attributes.sort((a, b) => digg(a, "humanName")
+            .toLowerCase()
+            .localeCompare(digg(b, "humanName").toLowerCase()));
+    }
+    sortedReflectionsByName(reflections) {
+        return reflections.sort((a, b) => digg(a, "humanName")
+            .toLowerCase()
+            .localeCompare(digg(b, "humanName").toLowerCase()));
+    }
+}));
 //# sourceMappingURL=filter-form.js.map