@omegagrid/form 0.10.37 → 0.10.41

package/dist/ui/formContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"formContainer.js","sourceRoot":"","sources":["../../src/ui/formContainer.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query, queryAll } from \"lit/decorators.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { actions, ColorTypes, Overlay, utils } from '@omegagrid/core';\nimport { FormAlert, FormButtonConfig, FormButtonType, FormContainerOptions, FormSettings, FormValues } from '../types';\nimport { FormAdapter, FormModel } from '../model';\nimport constants from '../constants';\nimport { initOptions } from '../options';\nimport { Form, FormEvent } from './form';\nimport { style } from './formContainer.style';\n\n@customElement('og-form-container')\nexport class FormContainer extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\tconfig: FormSettings[];\n\n\t@property({type: Object})\n\toptions: FormContainerOptions = initOptions();\n\n\t@property({type: Boolean})\n\tcollapsibleForms = false;\n\n\t@property({type: Object})\n\tadapter: FormAdapter;\n\n\t@property({type: Array})\n\talerts: FormAlert[];\n\n\t@query('og-overlay')\n\toverlay: Overlay;\n\n\t@queryAll('og-form')\n\tforms: NodeListOf<Form>;\n\n\tprivate _saving = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\tif (e.key == 'Enter') this.save();\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\tshowOverlay = () => this.overlay?.show(this);\n\thideOverlay = () => this.overlay?.hide();\n\n\tget values() {\n\t\tconst values = new Map<string|number, FormValues>();\n\t\tthis.forms.forEach((f, i) => values.set(this.config[i].key ?? i, f.values));\n\t\treturn values;\n\t}\n\n\tsetSourceData(config: FormSettings[], options?: Partial<FormContainerOptions>) {\n\t\tthis.config = config;\n\t\tthis.options = initOptions(options, this.options);\n\t}\n\n\treset(dispatchEvent = true) {\n\t\tthis.forms.forEach(f => f.reset());\n\t\tif (dispatchEvent) this.dispatchEvent(new FormEvent('reset'));\n\t}\n\n\tisValid() {\n\t\treturn Array.from(this.forms.values()).every(f => f.isValid());\n\t}\n\n\tasync save(dispatchEvent = true) {\n\t\tif (this._saving) return false;\n\t\tif (!this.isValid()) return false;\n\t\tthis._saving = true;\n\t\tif (this.adapter) {\n\t\t\tthis.showOverlay();\n\t\t\tlet success = true;\n\t\t\ttry {\n\t\t\t\tconst result = await this.adapter.save(this.values);\n\t\t\t\tif (result === false) {\n\t\t\t\t\tsuccess = false;\n\t\t\t\t} else if (Array.isArray(result)) {\n\t\t\t\t\tthis.alerts = result;\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsuccess = false;\n\t\t\t\tthis.alerts = [{text: error.message, type: 'danger'}];\n\t\t\t}\n\n\t\t\tthis.hideOverlay();\n\t\t\tif (dispatchEvent && success) {\n\t\t\t\tthis.dispatchEvent(new FormEvent('save'));\n\t\t\t\tif (this.options.closeAfterSave) this.dispatchEvent(new Event('close'));\n\t\t\t}\n\t\t} else if (dispatchEvent) this.dispatchEvent(new FormEvent('save'));\n\t\tthis._saving = false\n\t\treturn true;\n\t}\n\n\t_onButtonClick = (btn: FormButtonConfig) => {\n\t\tswitch (btn.key) {\n\t\t\tcase 'save': this.save(); break;\n\t\t\tcase 'reset': this.reset(); break;\n\t\t\tcase 'close': this.dispatchEvent(new Event('close')); break;\n\t\t\tdefault:\n\t\t\t\tthis.adapter?.onAction(btn.key);\n\t\t\t\tthis.dispatchEvent(new actions.ActionEvent('form', {key: btn.key}, null, {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcommon: true\n\t\t\t\t}));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tasync initAdapter() {\n\t\tthis.showOverlay();\n\t\tthis.config = await this.adapter.getForms();\n\t\tthis.options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tthis.hideOverlay();\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('adapter')) {\n\t\t\tawait this.initAdapter();\n\t\t}\n\t}\n\n\trenderButton = (type: FormButtonType) => {\n\t\tconst btn = utils.isObject(type) ? (type as FormButtonConfig) : constants.BUTTON_CONFIG.get(type);\n\t\tbtn.key = btn.key ?? (utils.isString(type) ? (type as string) : null);\n\t\tbtn.color = btn.color || ColorTypes.Gray;\n\t\treturn html`\n\t\t\t<og-button\n\t\t\t\t.text=\"${btn.text}\"\n\t\t\t\t.color=\"${btn.color}\"\n\t\t\t\t.icon=\"${btn.icon}\"\n\t\t\t\t@click=\"${() => this._onButtonClick(btn)}\"\n\t\t\t\t?default=\"${btn.default}\">\n\t\t\t</og-button>\n\t\t`;\n\t};\n\n\trender = () => {\n\t\tconst buttons = this.options.buttons.length > 0\n\t\t\t? html`<div class=\"buttons position-${this.options.buttonsPosition}\">${map(this.options.buttons, type => this.renderButton(type))}</div>`\n\t\t\t: null;\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\"></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t<og-overlay defaultLoader></og-overlay>\n\t\t\t${this.options.caption ? html`<div class=\"title\">${this.options.caption}</div>`: ``}\n\t\t\t${this.options.buttonsPosition == 'top' ? buttons : ``}\n\t\t\t${this.options.alertsPosition == 'top' ? alerts : ``}\n\t\t\t<og-container>\n\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t${map(this.config, (f, index) => {\n\t\t\t\t\t\tconst form = html`\n\t\t\t\t\t\t\t<og-form\n\t\t\t\t\t\t\t\tslot=\"body\"\n\t\t\t\t\t\t\t\tkey=${f.key ?? index.toString()}\n\t\t\t\t\t\t\t\t.adapter=${this.adapter}\n\t\t\t\t\t\t\t\t.model=${this.adapter == null ? new FormModel(f) : null}\n\t\t\t\t\t\t\t\t.rows=${f.rows}\n\t\t\t\t\t\t\t\t.columns=${f.columns}>\n\t\t\t\t\t\t\t</og-form>\n\t\t\t\t\t\t`;\n\t\t\t\t\t\treturn f.caption ? html`\n\t\t\t\t\t\t\t<og-panel ?collapsible=\"${this.collapsibleForms}\">\n\t\t\t\t\t\t\t\t${f.caption ? html`<div slot=\"header\">${f.caption}</div>` : ``}\n\t\t\t\t\t\t\t\t${form}\n\t\t\t\t\t\t\t</og-panel>\n\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t<div>${form}</div>\n\t\t\t\t\t\t`;\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t\t${this.options.alertsPosition == 'bottom' ? alerts : ``}\n\t\t\t${this.options.buttonsPosition == 'bottom' ? buttons : ``}\n\t\t`;\n\t}\n\n}\n"]}
+{"version":3,"file":"formContainer.js","sourceRoot":"","sources":["../../src/ui/formContainer.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query, queryAll } from \"lit/decorators.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { actions, ColorTypes, Overlay, utils } from '@omegagrid/core';\nimport { FormAlert, FormButtonConfig, FormButtonType, FormContainerOptions, FormSettings, FormValues } from '../types';\nimport { FormAdapter, FormModel } from '../model';\nimport constants from '../constants';\nimport { initOptions } from '../options';\nimport { Form, FormEvent } from './form';\nimport { style } from './formContainer.style';\n\n@customElement('og-form-container')\nexport class FormContainer extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\tconfig: FormSettings[];\n\n\t@property({type: Object})\n\toptions: FormContainerOptions = initOptions();\n\n\t@property({type: Boolean})\n\tcollapsibleForms = false;\n\n\t@property({type: Object})\n\tadapter: FormAdapter;\n\n\t@property({type: Array})\n\talerts: FormAlert[];\n\n\t@query('og-overlay')\n\toverlay: Overlay;\n\n\t@queryAll('og-form')\n\tforms: NodeListOf<Form>;\n\n\tprivate _saving = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\tif (e.key == 'Enter') this.save();\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\tshowOverlay = () => this.overlay?.show(this);\n\thideOverlay = () => this.overlay?.hide();\n\n\tget values() {\n\t\tconst values = new Map<string|number, FormValues>();\n\t\tthis.forms.forEach((f, i) => values.set(this.config[i].key ?? i, f.values));\n\t\treturn values;\n\t}\n\n\tsetSourceData(config: FormSettings[], options?: Partial<FormContainerOptions>) {\n\t\tthis.config = config;\n\t\tthis.options = initOptions(options, this.options);\n\t}\n\n\treset(dispatchEvent = true) {\n\t\tthis.forms.forEach(f => f.reset());\n\t\tif (dispatchEvent) this.dispatchEvent(new FormEvent('reset'));\n\t}\n\n\tisValid() {\n\t\treturn Array.from(this.forms.values()).every(f => f.isValid());\n\t}\n\n\tasync save(dispatchEvent = true) {\n\t\tif (this._saving) return false;\n\t\tif (!this.isValid()) return false;\n\t\tthis._saving = true;\n\t\tif (this.adapter) {\n\t\t\tthis.showOverlay();\n\t\t\tlet success = true;\n\t\t\ttry {\n\t\t\t\tconst result = await this.adapter.save(this.values);\n\t\t\t\tif (result === false) {\n\t\t\t\t\tsuccess = false;\n\t\t\t\t} else if (Array.isArray(result)) {\n\t\t\t\t\tthis.alerts = result;\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsuccess = false;\n\t\t\t\tthis.alerts = [{text: error.message, type: 'danger'}];\n\t\t\t}\n\n\t\t\tthis.hideOverlay();\n\t\t\tif (dispatchEvent && success) {\n\t\t\t\tthis.dispatchEvent(new FormEvent('save'));\n\t\t\t\tif (this.options.closeAfterSave) this.dispatchEvent(new Event('close'));\n\t\t\t}\n\t\t} else if (dispatchEvent) this.dispatchEvent(new FormEvent('save'));\n\t\tthis._saving = false;\n\t\treturn true;\n\t}\n\n\t_onButtonClick = (btn: FormButtonConfig) => {\n\t\tswitch (btn.key) {\n\t\t\tcase 'save': this.save(); break;\n\t\t\tcase 'reset': this.reset(); break;\n\t\t\tcase 'close': this.dispatchEvent(new Event('close')); break;\n\t\t\tdefault:\n\t\t\t\tthis.adapter?.onAction(btn.key);\n\t\t\t\tthis.dispatchEvent(new actions.ActionEvent('form', {key: btn.key}, null, {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcommon: true\n\t\t\t\t}));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tasync initAdapter() {\n\t\tthis.showOverlay();\n\t\tthis.config = await this.adapter.getForms();\n\t\tthis.options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tthis.hideOverlay();\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('adapter')) {\n\t\t\tawait this.initAdapter();\n\t\t}\n\t}\n\n\trenderButton = (type: FormButtonType) => {\n\t\tconst btn = utils.isObject(type) ? (type as FormButtonConfig) : constants.BUTTON_CONFIG.get(type);\n\t\tbtn.key = btn.key ?? (utils.isString(type) ? (type as string) : null);\n\t\tbtn.color = btn.color || ColorTypes.Gray;\n\t\treturn html`\n\t\t\t<og-button\n\t\t\t\t.text=\"${btn.text}\"\n\t\t\t\t.color=\"${btn.color}\"\n\t\t\t\t.icon=\"${btn.icon}\"\n\t\t\t\t@click=\"${() => this._onButtonClick(btn)}\"\n\t\t\t\t?default=\"${btn.default}\">\n\t\t\t</og-button>\n\t\t`;\n\t};\n\n\trender = () => {\n\t\tconst buttons = this.options.buttons.length > 0\n\t\t\t? html`<div class=\"buttons position-${this.options.buttonsPosition}\">${map(this.options.buttons, type => this.renderButton(type))}</div>`\n\t\t\t: null;\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\"></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t<og-overlay defaultLoader></og-overlay>\n\t\t\t${this.options.caption ? html`<div class=\"title\">${this.options.caption}</div>`: ``}\n\t\t\t${this.options.buttonsPosition == 'top' ? buttons : ``}\n\t\t\t${this.options.alertsPosition == 'top' ? alerts : ``}\n\t\t\t<og-container>\n\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t${map(this.config, (f, index) => {\n\t\t\t\t\t\tconst form = html`\n\t\t\t\t\t\t\t<og-form\n\t\t\t\t\t\t\t\tslot=\"body\"\n\t\t\t\t\t\t\t\tkey=${f.key ?? index.toString()}\n\t\t\t\t\t\t\t\t.adapter=${this.adapter}\n\t\t\t\t\t\t\t\t.model=${this.adapter == null ? new FormModel(f) : null}\n\t\t\t\t\t\t\t\t.rows=${f.rows}\n\t\t\t\t\t\t\t\t.columns=${f.columns}>\n\t\t\t\t\t\t\t</og-form>\n\t\t\t\t\t\t`;\n\t\t\t\t\t\treturn f.caption ? html`\n\t\t\t\t\t\t\t<og-panel ?collapsible=\"${this.collapsibleForms}\">\n\t\t\t\t\t\t\t\t${f.caption ? html`<div slot=\"header\">${f.caption}</div>` : ``}\n\t\t\t\t\t\t\t\t${form}\n\t\t\t\t\t\t\t</og-panel>\n\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t<div>${form}</div>\n\t\t\t\t\t\t`;\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t\t${this.options.alertsPosition == 'bottom' ? alerts : ``}\n\t\t\t${this.options.buttonsPosition == 'bottom' ? buttons : ``}\n\t\t`;\n\t}\n\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/form",
-  "version": "0.10.37",
+  "version": "0.10.41",
   "license": "UNLICENSED",
   "description": "Universal form component",
   "main": "./dist/index.js",
@@ -27,10 +27,10 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/calendar": "^0.10.37",
-    "@omegagrid/core": "^0.10.37",
-    "@omegagrid/localize": "^0.10.37",
-    "@omegagrid/tree": "^0.10.37",
+    "@omegagrid/calendar": "^0.10.41",
+    "@omegagrid/core": "^0.10.41",
+    "@omegagrid/localize": "^0.10.41",
+    "@omegagrid/tree": "^0.10.41",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",
     "ts-debounce": "^4.0.0"