@schema-render/search-table-react/dist/cjs/components/ColumnSettingContent/index.style.js

Conditional search table component.

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: all[name]
    });
}
_export(exports, {
    col: function() {
        return col;
    },
    footer: function() {
        return footer;
    },
    header: function() {
        return header;
    },
    list: function() {
        return list;
    },
    row: function() {
        return row;
    },
    rowWrapper: function() {
        return rowWrapper;
    },
    rowWrapperOverlay: function() {
        return rowWrapperOverlay;
    }
});
var _formrenderreact = require("@schema-render/form-render-react");
function _tagged_template_literal(strings, raw) {
    if (!raw) {
        raw = strings.slice(0);
    }
    return Object.freeze(Object.defineProperties(strings, {
        raw: {
            value: Object.freeze(raw)
        }
    }));
}
function _templateObject() {
    var data = _tagged_template_literal([
        "\n  display: flex;\n  padding: 12px 0;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fafafa;\n  border-radius: 8px 8px 0 0;\n  font-weight: bold;\n"
    ]);
    _templateObject = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject1() {
    var data = _tagged_template_literal([
        "\n  max-height: calc(100vh - 260px);\n  overflow: auto;\n\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #999;\n  }\n"
    ]);
    _templateObject1 = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject2() {
    var data = _tagged_template_literal([
        "\n  border-top: 1px solid #f0f0f0;\n\n  &:first-of-type {\n    border-top: none;\n  }\n"
    ]);
    _templateObject2 = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject3() {
    var data = _tagged_template_literal([
        "\n  background-color: #fff;\n  transform: scale(1.05);\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  transition: 200ms ease-out;\n"
    ]);
    _templateObject3 = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject4() {
    var data = _tagged_template_literal([
        "\n  display: flex;\n  padding: 8px 0;\n  background-color: #fff;\n\n  &:hover {\n    background-color: #fafafa;\n  }\n"
    ]);
    _templateObject4 = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject5() {
    var data = _tagged_template_literal([
        "\n  display: flex;\n  align-items: center;\n  padding: 0 12px;\n  word-break: break-all;\n  flex-shrink: 0;\n"
    ]);
    _templateObject5 = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject6() {
    var data = _tagged_template_literal([
        "\n  text-align: right;\n  padding-top: 12px;\n  border-top: 1px solid #f0f0f0;\n"
    ]);
    _templateObject6 = function _templateObject() {
        return data;
    };
    return data;
}
var header = (0, _formrenderreact.cij)(_templateObject());
var list = (0, _formrenderreact.cij)(_templateObject1());
var rowWrapper = (0, _formrenderreact.cij)(_templateObject2());
var rowWrapperOverlay = (0, _formrenderreact.cij)(_templateObject3());
var row = (0, _formrenderreact.cij)(_templateObject4());
var col = (0, _formrenderreact.cij)(_templateObject5());
var footer = (0, _formrenderreact.cij)(_templateObject6());