@esportsplus/ui 0.3.11 → 0.5.0

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
 import { html } from '@esportsplus/template';
 export default (attributes) => html `
-    <div class="ellipsis" ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
+<div class="ellipsis" ${attributes}>
+    <span></span>
+    <span></span>
+    <span></span>
+</div>
 `;

package/build/components/form/action.js

@@ -2,12 +2,21 @@ import response from '@esportsplus/action';
 import input from './input';
 function parse(input) {
     let data = {};
-    for (let path in input) {
+    for (let [path, value] of input) {
         let bucket = data, keys = path.indexOf('.') !== -1 ? path.split('.') : [path];
         for (let i = 0; i < keys.length - 1; i++) {
             bucket = bucket[keys[i]] = bucket[keys[i]] || {};
         }
-        bucket[keys[keys.length - 1]] = input[path];
+        if (path.endsWith('[]')) {
+            if (typeof value === 'string' && value.trim() === '') {
+                continue;
+            }
+            bucket = bucket[keys.at(-1)] ??= [];
+            bucket.push(value);
+        }
+        else {
+            bucket[keys[keys.length - 1]] = value;
+        }
     }
     return data;
 }
@@ -27,7 +36,7 @@ export default function (action) {
             event?.submitter?.classList.add('button--processing');
             let { errors } = await action({
                 alert: null,
-                input: parse(Object.fromEntries(new FormData(this)?.entries())),
+                input: parse(new FormData(this).entries()),
                 response
             });
             for (let i = 0, n = errors.length; i < n; i++) {

package/build/components/truncate/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    center: (str: string, { prefix, suffix }?: {
+        prefix?: number;
+        suffix?: number;
+    }) => string;
+    end: (str: string, prefix?: number) => string;
+    start: (str: string, suffix?: number) => string;
+};
+export default _default;

package/build/components/truncate/index.js

@@ -0,0 +1,10 @@
+const center = (str, { prefix, suffix } = {}) => {
+    return str.slice(0, prefix || 5) + '...' + str.slice(str.length - (suffix || 7));
+};
+const end = (str, prefix = 7) => {
+    return str.slice(0, prefix) + '...';
+};
+const start = (str, suffix = 7) => {
+    return '...' + str.slice(str.length - suffix);
+};
+export default { center, end, start };

package/build/index.d.ts

@@ -13,3 +13,4 @@ export { default as root } from './components/root';
 export { default as scrollbar } from './components/scrollbar';
 export { default as site } from './components/site';
 export { default as tooltip } from './components/tooltip';
+export { default as truncate } from './components/truncate';

package/build/index.js

@@ -13,3 +13,4 @@ export { default as root } from './components/root';
 export { default as scrollbar } from './components/scrollbar';
 export { default as site } from './components/site';
 export { default as tooltip } from './components/tooltip';
+export { default as truncate } from './components/truncate';

package/normalize.css

@@ -1 +1 @@
-/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}

package/package.json

@@ -2,12 +2,12 @@
     "author": "ICJR",
     "dependencies": {
         "@esportsplus/action": "^0.0.50",
-        "@esportsplus/reactivity": "^0.2.6",
-        "@esportsplus/template": "^0.6.2"
+        "@esportsplus/reactivity": "^0.2.7",
+        "@esportsplus/template": "^0.6.5"
     },
     "devDependencies": {
-        "@esportsplus/webpack": "^0.4.11",
-        "modern-normalize": "^3.0.0"
+        "@esportsplus/webpack": "^0.4.13",
+        "modern-normalize": "^3.0.1"
     },
     "main": "build/index.js",
     "name": "@esportsplus/ui",
@@ -21,5 +21,5 @@
     },
     "sideEffects": false,
     "types": "build/index.d.ts",
-    "version": "0.3.11"
+    "version": "0.5.0"
 }

package/src/components/ellipsis/index.ts

@@ -2,9 +2,9 @@ import { html } from '@esportsplus/template';
 
 
 export default (attributes?: Record<string, string>) => html`
-    <div class="ellipsis" ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
+<div class="ellipsis" ${attributes}>
+    <span></span>
+    <span></span>
+    <span></span>
+</div>
 `;

package/src/components/form/action.ts

@@ -4,18 +4,28 @@ import { Action } from './types';
 import input from './input';
 
 
-function parse(input: Record<string, any>) {
+function parse(input: ReturnType<FormData['entries']>) {
     let data: Record<string, any> = {};
 
-    for (let path in input) {
+    for (let [path, value] of input) {
         let bucket = data,
             keys = path.indexOf('.') !== -1 ? path.split('.') : [path];
 
         for (let i = 0; i < keys.length - 1; i++) {
-            bucket = bucket[keys[i]] = bucket[keys[i]] || {};
+            bucket = bucket[ keys[i] ] = bucket[ keys[i] ] || {};
         }
 
-        bucket[ keys[keys.length - 1] ] = input[path];
+        if (path.endsWith('[]')) {
+            if (typeof value === 'string' && value.trim() === '') {
+                continue;
+            }
+
+            bucket = bucket[ keys.at(-1)! ] ??= [];
+            bucket.push(value);
+        }
+        else {
+            bucket[keys[keys.length - 1]] = value;
+        }
     }
 
     return data;
@@ -39,7 +49,7 @@ export default function(action: Action) {
             );
         },
         onsubmit: async function(this: HTMLFormElement, event: SubmitEvent) {
-            // TODO: Figure out processing
+            // TODO: Figure out button--processing
              // - Could pass reactive value above and tie it to form layout handler
             event.preventDefault();
             event?.submitter?.classList.add('button--processing');
@@ -47,7 +57,7 @@ export default function(action: Action) {
             let { errors } = await action({
                     // @ts-ignore
                     alert: null,
-                    input: parse( Object.fromEntries( new FormData( this )?.entries() ) ),
+                    input: parse( new FormData( this ).entries() ),
                     response
                 });
 

package/src/components/truncate/index.ts

@@ -0,0 +1,14 @@
+const center = (str: string, { prefix, suffix }: { prefix?: number, suffix?: number } = {}) => {
+    return str.slice(0, prefix || 5) + '...' + str.slice(str.length - (suffix || 7));
+};
+
+const end = (str: string, prefix: number = 7) => {
+    return str.slice(0, prefix) + '...';
+};
+
+const start = (str: string, suffix: number = 7) => {
+    return '...' + str.slice(str.length - suffix);
+};
+
+
+export default { center, end, start };

package/src/index.ts

@@ -13,4 +13,5 @@ export { default as page }from './components/page';
 export { default as root }from './components/root';
 export { default as scrollbar }from './components/scrollbar';
 export { default as site }from './components/site';
-export { default as tooltip }from './components/tooltip';
+export { default as tooltip }from './components/tooltip';
+export { default as truncate }from './components/truncate';