You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
2.9 KiB
109 lines
2.9 KiB
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.layoutElementParser = exports.default = void 0;
|
|
|
|
/* eslint-disable max-len */
|
|
|
|
/**
|
|
* Function returning Array<LayoutElement> used by {@link Action#layout}
|
|
*
|
|
* @return {Array<LayoutElement>}
|
|
* @memberof Action
|
|
* @alias LayoutElementFunction
|
|
*/
|
|
|
|
/**
|
|
* It is generated from {@link Array<LayoutElement>} passed in {@link Action#layout}
|
|
*
|
|
* @alias ParsedLayoutElement
|
|
* @memberof ActionJSON
|
|
*/
|
|
const isProp = element => !!element && typeof element === 'object' && !Array.isArray(element);
|
|
|
|
const isComponentTag = layoutElement => Array.isArray(layoutElement) && typeof layoutElement[0] === 'string' && layoutElement[0].startsWith('@') && isProp(layoutElement[1]);
|
|
|
|
const hasOnlyStringsProperties = function (layoutElement) {
|
|
return Array.isArray(layoutElement) && layoutElement.length > 0 && !isComponentTag(layoutElement) && !layoutElement.find(el => typeof el !== 'string');
|
|
};
|
|
|
|
const hasArrayOfLayoutElements = function (layoutElement) {
|
|
return Array.isArray(layoutElement) && layoutElement.length > 0 && !layoutElement.find(element => !Array.isArray(element));
|
|
};
|
|
|
|
const hasFirstStringProperty = function (layoutElement) {
|
|
return Array.isArray(layoutElement) && typeof layoutElement[0] === 'string' && !isComponentTag(layoutElement);
|
|
};
|
|
|
|
const getPropertyNames = layoutElement => {
|
|
if (typeof layoutElement === 'string') {
|
|
return [layoutElement];
|
|
}
|
|
|
|
if (hasOnlyStringsProperties(layoutElement)) {
|
|
return layoutElement;
|
|
}
|
|
|
|
if (hasFirstStringProperty(layoutElement)) {
|
|
return [layoutElement[0]];
|
|
}
|
|
|
|
return [];
|
|
};
|
|
|
|
const getInnerLayoutElements = layoutElement => {
|
|
// only cases like [{}, layoutElement] (whatever follows props)
|
|
if (Array.isArray(layoutElement) && isProp(layoutElement[0])) {
|
|
return layoutElement[1];
|
|
}
|
|
|
|
if (hasArrayOfLayoutElements(layoutElement)) {
|
|
return layoutElement;
|
|
}
|
|
|
|
return [];
|
|
};
|
|
|
|
const getComponent = layoutElement => {
|
|
if (isComponentTag(layoutElement)) {
|
|
return layoutElement[0].slice(1);
|
|
}
|
|
|
|
return 'Box';
|
|
};
|
|
|
|
const getProps = layoutElement => {
|
|
if (Array.isArray(layoutElement) && layoutElement.length) {
|
|
const boxProps = layoutElement.find(isProp);
|
|
return boxProps || {};
|
|
}
|
|
|
|
return {};
|
|
};
|
|
|
|
const layoutElementParser = layoutElement => {
|
|
const props = getProps(layoutElement);
|
|
const innerLayoutElements = getInnerLayoutElements(layoutElement);
|
|
const properties = getPropertyNames(layoutElement);
|
|
const component = getComponent(layoutElement);
|
|
return {
|
|
props,
|
|
layoutElements: innerLayoutElements.map(el => layoutElementParser(el)),
|
|
properties,
|
|
component
|
|
};
|
|
};
|
|
|
|
exports.layoutElementParser = layoutElementParser;
|
|
var _default = layoutElementParser;
|
|
/**
|
|
* @load layout-element.doc.md
|
|
* @name LayoutElement
|
|
* @typedef {String | Array} LayoutElement
|
|
* @memberof Action
|
|
* @alias LayoutElement
|
|
*/
|
|
|
|
exports.default = _default; |