@dile/crud 0.0.9

package/lib/deepMerge.js

@@ -0,0 +1,38 @@
+export function deepMerge(target, source) {
+  // Definir propiedades que deben sobrescribirse tal cual, sin mergear
+  const overwriteProperties = ['responseAdapter', 'requestAdapter']; 
+
+  // Creamos una copia profunda del target
+  let result = Array.isArray(target) ? [] : {};
+
+  // Copiamos las propiedades de target al result
+  for (let key in target) {
+    if (target.hasOwnProperty(key)) {
+      result[key] = Array.isArray(target[key]) ? target[key].slice() : target[key];
+    }
+  }
+
+  // Iteramos sobre las propiedades del source
+  for (let key in source) {
+    if (source.hasOwnProperty(key)) {
+      if (overwriteProperties.includes(key)) {
+        // Si la propiedad está en overwriteProperties, se sobrescribe tal cual
+        result[key] = source[key];
+      } else if (Array.isArray(source[key])) {
+        // Si la propiedad es un array, sobrescribimos el array en el result
+        result[key] = source[key].slice();
+      } else if (typeof source[key] === 'object' && source[key] !== null) {
+        // Si la propiedad es un objeto, llamamos recursivamente a deepMerge
+        if (!result[key] || typeof result[key] !== 'object') {
+          result[key] = {};
+        }
+        result[key] = deepMerge(result[key], source[key]);
+      } else {
+        // Si no es un objeto ni un array, simplemente copiamos el valor
+        result[key] = source[key];
+      }
+    }
+  }
+
+  return result;
+}

package/lib/defaultConfig.js

@@ -0,0 +1,67 @@
+import { html } from "lit";
+import { ResponseApiAdapter } from "./ResponseApiAdapter";
+import { RequestApiAdapter } from "./RequestApiAdapter";
+
+const templatePlaceholder = (templateName) => `Please provide config.templates.${templateName}`
+
+export const defaultConfig = {
+  endpoint: '',
+  availableFilters: [],
+  sort: {
+    options: [],
+    initialSortField: null,
+  },
+  pageSize: {
+    available: [10, 25, 50],
+    initial: 25,
+  },
+  customization: {
+    hideCountSummary: true,
+    hidePageReport: false,
+    hideCheckboxSelection: true,
+    hideEmptyInsertButton: false,
+    disableInsert: false,
+    disableEdit: false,
+    disablePagination: false,
+    disableSort: false,
+    disableFilter: false,
+    disableHelp: true,
+  },
+  responseAdapter: new ResponseApiAdapter(),
+  requestAdapter: new RequestApiAdapter(),
+  actions: {
+    list: [
+      {
+        label: 'Delete',
+        name: 'DeleteAction'
+      }
+    ],
+    single: [],
+  },
+  templates: {
+    item: () => templatePlaceholder('item'),
+    insertForm: (belongsTo, relationId) => templatePlaceholder('insertForm'),
+    updateForm: () => templatePlaceholder('updateForm'),
+    help: () => templatePlaceholder('help'),
+    detail: () => templatePlaceholder('detail'),
+    formActions: (actionName) => html`
+        <dile-pages attrForSelected="action" selected="${actionName}">
+            <dile-crud-delete-action action="DeleteAction"></dile-crud-delete-action>
+        </dile-pages>
+    `,
+    relations: () => '',
+    formSingleActions: () => '',
+  },
+  labels: {
+    insertAction: 'Create',
+    updateAction: 'Save',
+    insertWindowTitle: 'Insert an item',
+    updateWindowTitle: 'Update an item',
+    helpTitle: 'Help',
+    helpButtonLabel: 'Help',
+  },
+  formIds: {
+    insertForm: 'insertform',
+    updateForm: 'updateform',
+  },
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@dile/crud",
+  "version": "0.0.9",
+  "description": "Components to create a generic crud system based on Web Components and Lit",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Polydile/dile-components.git"
+  },
+  "keywords": [
+    "crud",
+    "components",
+    "web components",
+    "lit",
+    "dile components"
+  ],
+  "author": "Miguel Angel Alvarez",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Polydile/dile-components/issues"
+  },
+  "homepage": "https://dile-components.polydile.com/",
+  "dependencies": {
+    "@dile/ui": "^2.1.9",
+    "axios": "^1.7.2",
+    "lit": "^2.7.0 || ^3.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "9e039f83ab7aeb17be5fe949de18d7c428a34323"
+}

package/styles/crud-styles.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+export const crudStyles = css`
+
+    
+`;

package/styles/form-styles.js

@@ -0,0 +1,24 @@
+import { css } from 'lit';
+
+export const formStyles = css`
+:host {
+  display: block;
+  margin-bottom: 1rem;
+  --dile-modal-width: 100vw;
+  --dile-modal-height: 100vh;
+  --dile-modal-close-icon-top: 1rem;
+  --dile-modal-close-icon-color: #f66;
+}
+h1 {
+  font-size: 1.5rem;
+  margin-top: 0;
+}
+@media(min-width: 380px) {
+  :host {
+    --dile-modal-width: 90vw;
+    --dile-modal-height: auto;
+    --dile-modal-close-icon-top: 1rem;
+    --dile-modal-close-icon-color: #f66;
+}
+}
+`