stalefish 6.1.1 → 7.0.0

package/README.md

@@ -1,4 +1,3 @@
 # stalefish
 Simple function based component library for hyperx/bel/halfcab/nanohtml tagged template literals
 
-- Requires the `esm` package (or node version with esm modules) for server side rendering as its only distributed as an ES module.

package/components/textfield.mjs

@@ -4,6 +4,7 @@ import clone from 'fast-clone'
 
 let cache = new LRU(300)
 
+// language=CSS
 let styles = css`
   .textfield {
     padding: 10px;
@@ -104,9 +105,9 @@ class Textfield extends Component {
     this.oninput = args.oninput
     this.onchange = args.onchange
 
-    let { highlightBorder = false, wrapperStyle = null, holdingPen, label, placeholder, property, required, pattern, type, autofocus, valueContext, permanentTopPlaceholder = false, permanentTopLabel = false, disabled } = args
+    let { highlightBorder = false, wrapperStyle = null, holdingPen, label, placeholder, property, required, pattern, type, autofocus, valueContext, permanentTopPlaceholder = false, permanentTopLabel = false, disabled, maxCharacters } = args
 
-    let input = html`<input data-gramm="false" ${disabled ? { disabled } : ''} style="${disabled ? 'cursor: not-allowed; opacity: 0.3;' : ''}" class="${styles.textfield} ${fieldIsTouched(holdingPen, property) === true ? styles.touched : ''} ${highlightBorder ? styles.highlight : ''}" value="${holdingPen[property] || ''}" onkeyup=${e => this.onkeyup && this.onkeyup(e)} ${required ? { required: 'required' } : ''} onchange=${e => { change({ e, holdingPen, property, label: styles.label }); this.onchange && this.onchange(e) }} oninput=${e => { change({ e, holdingPen, property, label: styles.label }); this.oninput && this.oninput(e) }} onblur=${formField(holdingPen, property)} placeholder="${placeholder || ''}${required ? ' *' : ''}" type="${determineType(type)}" ${pattern ? { pattern } : ''} ${type.toLowerCase() === 'number' ? { step: determineStep(type) } : ''} />`
+    let input = html`<input data-gramm="false" ${disabled ? { disabled } : ''} ${maxCharacters ? { maxlength: maxCharacters } : ''} style="${disabled ? 'cursor: not-allowed; opacity: 0.3;' : ''}" class="${styles.textfield} ${fieldIsTouched(holdingPen, property) === true ? styles.touched : ''} ${highlightBorder ? styles.highlight : ''}" value="${holdingPen[property] !== undefined && holdingPen[property] !== null ? holdingPen[property] : ''}" onkeyup=${e => this.onkeyup && this.onkeyup(e)} ${required ? { required: 'required' } : ''} onchange=${e => { change({ e, holdingPen, property, label: styles.label }); this.onchange && this.onchange(e) }} oninput=${e => { change({ e, holdingPen, property, label: styles.label }); this.oninput && this.oninput(e) }} onblur=${formField(holdingPen, property)} placeholder="${placeholder || ''}${required ? ' *' : ''}" type="${determineType(type)}" ${pattern ? { pattern } : ''} ${type.toLowerCase() === 'number' ? { step: determineStep(type) } : ''} />`
 
     if (autofocus) {
       input.autofocus = true

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "stalefish",
-  "version": "6.1.1",
+  "version": "7.0.0",
   "description": "Simple function based component library for halfcab tagged template literals",
   "main": "index.mjs",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",
-  "@std/esm": true,
-  "esm": true,
   "scripts": {
     "test": "npm run test:lint",
-    "test:lint": "standard \"**/*.mjs\" --fix",
+    "test:lint": "standard \"**/*.mjs\"",
     "npm-publish": "npm publish",
     "versionbump:fix": "npm version patch --no-git-tag-version",
     "versionbump:feature": "npm version minor --no-git-tag-version",
@@ -32,11 +30,8 @@
     "url": "https://github.com/lorengreenfield/stalefish/issues"
   },
   "homepage": "https://github.com/lorengreenfield/stalefish#readme",
-  "peerDependencies": {
-    "halfcab": "^12.0.1"
-  },
   "devDependencies": {
-    "halfcab": "^12.0.1",
+    "halfcab": "^13.0.5",
     "standard": "^12.0.1"
   },
   "dependencies": {