mirror of
https://github.com/codex-team/editor.js
synced 2024-05-17 05:46:46 +02:00
5125f015dc
* Move popover types to separate file * tmp * open top * Fix bug with keyboard navigation * Fix bug with scroll * Fix mobile * Add popover header class * Display nested items on mobile * Refactor history * Fix positioning on desktop * Fix tests * Fix child popover indent left * Fix ts errors in popover files * Move files * Rename cn to bem * Clarify comments and rename method * Refactor popover css classes * Rename cls to css * Split popover desktop and mobile classes * Add ability to open popover to the left if not enough space to open to the right * Add nested popover test * Add popover test for mobile screens * Fix tests * Add union type for both popovers * Add global window resize event * Multiple fixes * Move nodes initialization to constructor * Rename handleShowingNestedItems to showNestedItems * Replace WindowResize with EditorMobileLayoutToggled * New doze of fixes * Review fixes * Fixes * Fixes * Make each nested popover decide itself if it should open top * Update changelog * Update changelog * Update changelog
26 lines
872 B
TypeScript
26 lines
872 B
TypeScript
const ELEMENT_DELIMITER = '__';
|
|
const MODIFIER_DELIMITER = '--';
|
|
|
|
/**
|
|
* Utility function that allows to construct class names from block and element names
|
|
*
|
|
* @example bem('ce-popover)() -> 'ce-popover'
|
|
* @example bem('ce-popover)('container') -> 'ce-popover__container'
|
|
* @example bem('ce-popover)('container', 'hidden') -> 'ce-popover__container--hidden'
|
|
* @example bem('ce-popover)(null, 'hidden') -> 'ce-popover--hidden'
|
|
* @param blockName - string with block name
|
|
* @param elementName - string with element name
|
|
* @param modifier - modifier to be appended
|
|
*/
|
|
export function bem(blockName: string) {
|
|
return (elementName?: string, modifier?: string) => {
|
|
const className = [blockName, elementName]
|
|
.filter(x => !!x)
|
|
.join(ELEMENT_DELIMITER);
|
|
|
|
return [className, modifier]
|
|
.filter(x => !!x)
|
|
.join(MODIFIER_DELIMITER);
|
|
};
|
|
}
|