mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 20:10:46 +00:00
d6d1eb217f
Summary: - Add ACLColumnList widget for a list of column IDs. - Replace autocomplete widgets with simpler dropdowns. - Add select dropdown for the Attribute of UserAttribute rules. - Switch formula to use ACE editor. - Factor out customized completion logic from AceEditor.js into a separate file. - Implement completions for ACL formulas. - Collect ACL UI files in app/client/aclui Test Plan: Updated test case, some behavior (like formula autocomplete) only tested manually. Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2697
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import {colors} from 'app/client/ui2018/cssVars';
|
|
import {icon} from 'app/client/ui2018/icons';
|
|
import {IOption, select} from 'app/client/ui2018/menus';
|
|
import {MaybeObsArray, Observable, styled} from 'grainjs';
|
|
import * as weasel from 'popweasel';
|
|
|
|
/**
|
|
* A styled version of select() from ui2018/menus, for use in the AccessRules page.
|
|
*/
|
|
export function aclSelect<T>(obs: Observable<T>, optionArray: MaybeObsArray<IOption<T>>,
|
|
options: weasel.ISelectUserOptions = {}) {
|
|
return cssSelect(obs, optionArray, {buttonArrow: cssSelectArrow('Collapse'), ...options});
|
|
}
|
|
|
|
export const cssSelect = styled(select, `
|
|
height: 28px;
|
|
width: 100%;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
|
|
&:hover, &:focus, &.weasel-popup-open, &-active {
|
|
border: 1px solid ${colors.darkGrey};
|
|
box-shadow: none;
|
|
}
|
|
`);
|
|
|
|
const cssSelectCls = cssSelect.className;
|
|
|
|
const cssSelectArrow = styled(icon, `
|
|
margin: 0 2px;
|
|
pointer-events: none;
|
|
display: none;
|
|
|
|
.${cssSelectCls}:hover &, .${cssSelectCls}:focus &, .weasel-popup-open &, .${cssSelectCls}-active & {
|
|
display: flex;
|
|
}
|
|
`);
|