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
			| 
											3 years ago
										 | "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; |