alchemy-form 0.2.7 → 0.2.8

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.2.8 (2023-10-15)
+
+* Add basic `al-apex-chart` element
+* Fix `al-table` always turning `DocumentList` instances into dumb arrays
+
 ## 0.2.7 (2023-10-05)
 
 * If a `al-field` element is assigned a `Field` instance to its `config` property without a parent `schema` property, it will be stored in its `assigned_data` property

package/assets/stylesheets/form/elements/_apex_charts.scss

@@ -0,0 +1,7 @@
+al-apex-chart {
+	display: flex;
+
+	> * {
+		flex: 1 0 100%;
+	}
+}

package/assets/stylesheets/form/elements/index.scss

@@ -12,4 +12,5 @@
 @import "_table.scss";
 @import "_toggle.scss";
 @import "_tabs.scss";
-@import "_pathway.scss";
+@import "_pathway.scss";
+@import "_apex_charts.scss";

package/element/al_apex_chart.js

@@ -0,0 +1,38 @@
+/**
+ * The apex-chart custom element
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.8
+ * @version  0.2.8
+ */
+const ApexChart = Function.inherits('Alchemy.Element.Form.Base', 'ApexChart');
+
+/**
+ * The actual ApexChart config
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.8
+ * @version  0.2.8
+ */
+ApexChart.setAssignedProperty('apex_config');
+
+/**
+ * The element has been added to the dom for the first time
+ *
+ * @author   Jelle De Loecker   <jelle@elevenways.be>
+ * @since    0.2.8
+ * @version  0.2.8
+ */
+ApexChart.setMethod(async function introduced() {
+
+	await hawkejs.require('https://cdn.jsdelivr.net/npm/apexcharts');
+
+	let apex_config = this.apex_config;
+
+	let timeline = this.createElement('div');
+	timeline.classList.add('apex-chart-container');
+	this.append(timeline);
+
+	let instance = new ApexCharts(timeline, apex_config);
+	instance.render();
+});

package/element/al_field.js

@@ -846,14 +846,10 @@ Field.setMethod(async function loadData(config, element) {
 
 	if (field) {
 
-		console.log('Loading data...', config, element);
-
 		let result;
 
 		if (typeof field.loadData == 'function') {
 
-			console.log(' -- Using loadData of', field);
-
 			try {
 				result = await field.loadData(config, element);
 			} catch (err) {
@@ -880,8 +876,6 @@ Field.setMethod(async function loadData(config, element) {
 			}
 		};
 
-		console.log('Resource options:', resource_options)
-
 		if (this.data_src) {
 			resource_options.name = this.data_src;
 		}

package/element/al_table.js

@@ -1121,7 +1121,7 @@ Table.setMethod(function getRemoteFetchConfig() {
  *
  * @author   Jelle De Loecker   <jelle@elevenways.be>
  * @since    0.2.0
- * @version  0.2.3
+ * @version  0.2.8
  */
 Table.setMethod(function applyFetchedData(err, result, config) {
 
@@ -1134,6 +1134,9 @@ Table.setMethod(function applyFetchedData(err, result, config) {
 
 	if (Array.isArray(result)) {
 		records = result;
+	} else if (result.length) {
+		// This way we keep `DocumentList` instances as they are!
+		records = result;
 	} else {
 		records = result.records;
 	}

package/helper/form_actions/00_form_action.js

@@ -24,7 +24,6 @@ FormAction.makeAbstractClass();
  */
 FormAction.startNewGroup('alchemy_form_actions');
 
-
 /**
  * Add a configuration property
  *

package/helper/pathway/leaf.js

@@ -137,18 +137,13 @@ Leaf.setMethod(async function getPage(page_nr) {
 
 	let provider = this.getProvider();
 
-	console.log('Getting page...', page_nr, 'from', provider)
-
 	if (!provider) {
 		return;
 	}
 
 	let records = await provider.getAll();
 
-	console.log('Got records:', records)
-
 	return records;
-
 });
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "alchemy-form",
 	"description": "Form plugin for Alchemy",
-	"version": "0.2.7",
+	"version": "0.2.8",
 	"repository": {
 		"type" : "git",
 		"url"  : "https://github.com/11ways/alchemy-form.git"