@web-atoms/web-controls 2.3.137 → 2.3.139
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basic/AtomChips.d.ts.map +1 -1
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.d.ts.map +1 -1
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.d.ts.map +1 -1
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.d.ts.map +1 -1
- package/dist/basic/Button.js +41 -10
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.d.ts.map +1 -1
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.d.ts.map +1 -1
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.d.ts.map +1 -1
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.d.ts.map +1 -1
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/DataGrid.d.ts.map +1 -1
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.d.ts.map +1 -1
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.d.ts.map +1 -1
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Expander.d.ts.map +1 -1
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/FormField.d.ts.map +1 -1
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/InlinePopup.d.ts.map +1 -1
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.d.ts.map +1 -1
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/MaskedInput.d.ts.map +1 -1
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/PopupButton.d.ts.map +1 -1
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.d.ts.map +1 -1
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/Swipe.d.ts.map +1 -1
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.d.ts.map +1 -1
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.d.ts.map +1 -1
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/TitleEditor.d.ts.map +1 -1
- package/dist/basic/TitleEditor.js.map +1 -1
- package/dist/basic/ToggleButtonBar.d.ts.map +1 -1
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.d.ts.map +1 -1
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.d.ts.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +29 -12
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/desktop-app/DesktopApp.d.ts.map +1 -1
- package/dist/desktop-app/DesktopApp.js +58 -9
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.d.ts +1 -2
- package/dist/html-editor/AtomHtmlEditor.d.ts.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +69 -11
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddLink.d.ts.map +1 -1
- package/dist/html-editor/commands/AddLink.js +9 -7
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.d.ts.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +28 -7
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.d.ts.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +8 -7
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/Separator.d.ts.map +1 -1
- package/dist/html-editor/commands/Separator.js +14 -10
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.d.ts.map +1 -1
- package/dist/html-editor/commands/Source.js +10 -7
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/mobile-app/MobileApp.d.ts.map +1 -1
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.d.ts.map +1 -1
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.d.ts.map +1 -1
- package/dist/player/TrackProgress.js +12 -7
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.d.ts.map +1 -1
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/basic/AtomChips.tsx +0 -7
- package/src/basic/AtomRepeater.tsx +0 -4
- package/src/basic/AtomSuggestions.tsx +0 -2
- package/src/basic/Button.tsx +37 -38
- package/src/basic/Calendar.tsx +0 -4
- package/src/basic/CheckBoxList.tsx +0 -25
- package/src/basic/Checkbox.tsx +0 -3
- package/src/basic/Chip.tsx +0 -3
- package/src/basic/DataGrid.tsx +0 -35
- package/src/basic/DateField.tsx +0 -7
- package/src/basic/DropDown.tsx +0 -6
- package/src/basic/Expander.tsx +0 -5
- package/src/basic/FormField.tsx +1 -6
- package/src/basic/InlinePopup.tsx +0 -16
- package/src/basic/InlinePopupControl.tsx +1 -4
- package/src/basic/MaskedInput.tsx +0 -2
- package/src/basic/PopupButton.tsx +1 -3
- package/src/basic/RadioButtonList.tsx +0 -6
- package/src/basic/Swipe.tsx +0 -2
- package/src/basic/Switch.tsx +0 -2
- package/src/basic/TableRepeater.tsx +1 -4
- package/src/basic/TitleEditor.tsx +0 -3
- package/src/basic/ToggleButtonBar.tsx +0 -3
- package/src/basic/Tooltip.tsx +2 -6
- package/src/button-bar/AtomButtonBar.tsx +26 -24
- package/src/desktop-app/DesktopApp.tsx +55 -49
- package/src/html-editor/AtomHtmlEditor.tsx +67 -50
- package/src/html-editor/commands/AddLink.tsx +6 -8
- package/src/html-editor/commands/ChangeColor.tsx +25 -23
- package/src/html-editor/commands/ChangeFont.tsx +5 -17
- package/src/html-editor/commands/Separator.tsx +10 -12
- package/src/html-editor/commands/Source.tsx +7 -8
- package/src/mobile-app/MobileApp.tsx +4 -27
- package/src/player/AtomVideoPlayer.tsx +0 -3
- package/src/player/TrackProgress.tsx +9 -10
- package/src/toggle-view/AtomToggleView.tsx +0 -4
- package/dist/basic/OldForm.d.ts +0 -79
- package/dist/basic/OldForm.d.ts.map +0 -1
- package/dist/basic/OldForm.js +0 -318
- package/dist/basic/OldForm.js.map +0 -1
- package/dist/basic/in-built/InBuiltStyles.d.ts +0 -34
- package/dist/basic/in-built/InBuiltStyles.d.ts.map +0 -1
- package/dist/basic/in-built/InBuiltStyles.js +0 -49
- package/dist/basic/in-built/InBuiltStyles.js.map +0 -1
- package/src/basic/OldForm.tsx +0 -424
- package/src/basic/in-built/InBuiltStyles.ts +0 -41
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["FormAction","_a","node","action","eventClick","eventClick2","a","__rest","attributes","_b","e","eventSubmit","Object","assign","SubmitAction","CancelAction","SubmitButton","nodes","others","XNode","create","findSubmitAction","button","target","type","preventDefault","submitter","dataset","waFormAction","event","test","parentElement","FormGroup","fg","formGroupSymbol","OldForm","id","formId","focusNextOnEnter","scrollable","submitCommand","eventKeypress","moveNext","name","checkValidity","fields","iterator","ca","child","children","cha","group","push","eventSubmitForm","FormLayout","header","footer","et","elementType","ha","_c","_d","_export","default","setters","_tslib","_webAtomsCoreDistCoreXNode","_webAtomsCoreDistStyleStyleRule","StyleRule","_webAtomsCoreDistWebStylesCSS","CSS","_ToggleButtonBar","ToggleButtonBar","execute","FormButtonBar","css","verticalFlexLayout","alignItems","displayNone","alignSelf","and","justifyContent","overflow","submitFormHandler","form","waShowErrors","setTimeout","all","Array","from","getElementsByClassName","textContent","alert","errorMessage","dispatchEvent","CustomEvent","handler","currentTarget","key","element","tagName","MouseEvent","KeyboardEvent","document","body","addEventListener","start","submitFormId","querySelector","Symbol","display","flex","gridTemplateRows","gridTemplateColumns","gridRowStart","gap","for","Footer","Header","newId","submitId","toString"],"sources":["../../src/basic/OldForm.tsx"],"sourcesContent":[null],"mappings":"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"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
declare const InBuiltStyles: {
|
|
2
|
-
colors: {
|
|
3
|
-
red: {
|
|
4
|
-
[x: string]: string | (() => any);
|
|
5
|
-
toString(): any;
|
|
6
|
-
};
|
|
7
|
-
yellow: {
|
|
8
|
-
[x: string]: string | (() => any);
|
|
9
|
-
toString(): any;
|
|
10
|
-
};
|
|
11
|
-
green: {
|
|
12
|
-
[x: string]: string | (() => any);
|
|
13
|
-
toString(): any;
|
|
14
|
-
};
|
|
15
|
-
lightGreen: {
|
|
16
|
-
[x: string]: string | (() => any);
|
|
17
|
-
toString(): any;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
rotate: {
|
|
21
|
-
animate: {
|
|
22
|
-
d180: {
|
|
23
|
-
[x: string]: string | (() => any);
|
|
24
|
-
toString(): any;
|
|
25
|
-
};
|
|
26
|
-
d0: {
|
|
27
|
-
[x: string]: string | (() => any);
|
|
28
|
-
toString(): any;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export default InBuiltStyles;
|
|
34
|
-
//# sourceMappingURL=InBuiltStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InBuiltStyles.d.ts","sourceRoot":"","sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAalB,CAAA;AAID,eAAe,aAAa,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Colors, StyleRule, CSS, style, InBuiltStyles;
|
|
5
|
-
function fromCamelToHyphen(input) {
|
|
6
|
-
return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
|
7
|
-
}
|
|
8
|
-
function registerDataStyle(name, fx) {
|
|
9
|
-
const className = `.${name}`;
|
|
10
|
-
style = style.nested(fx(StyleRule(className)));
|
|
11
|
-
const dataName = `data-${fromCamelToHyphen(name)}`;
|
|
12
|
-
style = style.nested(fx(StyleRule(`*[${dataName}]`)));
|
|
13
|
-
return {
|
|
14
|
-
[dataName]: "1",
|
|
15
|
-
toString() {
|
|
16
|
-
return name;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
return {
|
|
21
|
-
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
22
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
23
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
24
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
25
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
26
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
27
|
-
}],
|
|
28
|
-
execute: function () {
|
|
29
|
-
style = StyleRule();
|
|
30
|
-
InBuiltStyles = {
|
|
31
|
-
colors: {
|
|
32
|
-
red: registerDataStyle("color-red", x => x.color(Colors.red)),
|
|
33
|
-
yellow: registerDataStyle("color-yellow", x => x.color(Colors.yellow)),
|
|
34
|
-
green: registerDataStyle("color-green", x => x.color(Colors.green)),
|
|
35
|
-
lightGreen: registerDataStyle("color-light-green", x => x.color(Colors.lightGreen))
|
|
36
|
-
},
|
|
37
|
-
rotate: {
|
|
38
|
-
animate: {
|
|
39
|
-
d180: registerDataStyle("rotate-animate-d180", x => x.transform("rotate(-180deg)").transition("transform 150ms ease")),
|
|
40
|
-
d0: registerDataStyle("rotate-animate-d0", x => x.transform("rotate(0deg)").transition("transform 150ms ease"))
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
CSS(style, "body");
|
|
45
|
-
_export("default", InBuiltStyles);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
});
|
|
49
|
-
//# sourceMappingURL=InBuiltStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["fromCamelToHyphen","input","replace","toLowerCase","registerDataStyle","name","fx","className","style","nested","StyleRule","dataName","toString","setters","_webAtomsCoreDistCoreColors","Colors","default","_webAtomsCoreDistStyleStyleRule","_webAtomsCoreDistWebStylesCSS","CSS","execute","InBuiltStyles","colors","red","x","color","yellow","green","lightGreen","rotate","animate","d180","transform","transition","d0","_export"],"sources":["../../../src/basic/in-built/InBuiltStyles.ts"],"sourcesContent":[null],"mappings":";;;;EAIA,SAASA,iBAAiBA,CAACC,KAAa;IACpC,OAAOA,KAAK,CAACC,OAAO,CAAE,iBAAiB,EAAE,OAAO,CAAE,CAACC,WAAW,EAAE;EACpE;EAIA,SAASC,iBAAiBA,CAACC,IAAI,EAAEC,EAAyC;IACtE,MAAMC,SAAS,GAAG,IAAIF,IAAI,EAAE;IAC5BG,KAAK,GAAGA,KAAK,CAACC,MAAM,CAACH,EAAE,CAACI,SAAS,CAACH,SAAS,CAAC,CAAC,CAAC;IAC9C,MAAMI,QAAQ,GAAG,QAAQX,iBAAiB,CAACK,IAAI,CAAC,EAAE;IAClDG,KAAK,GAAGA,KAAK,CAACC,MAAM,CAACH,EAAE,CAACI,SAAS,CAAC,KAAKC,QAAQ,GAAG,CAAC,CAAC,CAAC;IACrD,OAAO;MACH,CAACA,QAAQ,GAAG,GAAG;MACfC,QAAQA,CAAA;QACJ,OAAOP,IAAI;MACf;KACH;EACL;EAAC;IAAAQ,OAAA,aAAAC,2BAAA;MArBMC,MAAM,GAAAD,2BAAA,CAAAE,OAAA;IAAA,aAAAC,+BAAA;MACNP,SAA6B,GAAAO,+BAAA,CAAAD,OAAA;IAAA,aAAAE,6BAAA;MAC7BC,GAAG,GAAAD,6BAAA,CAAAF,OAAA;IAAA;IAAAI,OAAA,WAAAA,CAAA;MAMNZ,KAAK,GAAGE,SAAS,EAAE;MAejBW,aAAa,GAAG;QAClBC,MAAM,EAAE;UACJC,GAAG,EAAEnB,iBAAiB,CAAC,WAAW,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACQ,GAAG,CAAC,CAAC;UAC/DG,MAAM,EAAEtB,iBAAiB,CAAC,cAAc,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACW,MAAM,CAAC,CAAC;UACxEC,KAAK,EAAEvB,iBAAiB,CAAC,aAAa,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACY,KAAK,CAAC,CAAC;UACrEC,UAAU,EAAExB,iBAAiB,CAAC,mBAAmB,EAAGoB,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACV,MAAM,CAACa,UAAU,CAAC;SACvF;QACDC,MAAM,EAAE;UACJC,OAAO,EAAE;YACLC,IAAI,EAAE3B,iBAAiB,CAAC,qBAAqB,EAAGoB,CAAC,IAAKA,CAAC,CAACQ,SAAS,CAAC,iBAAwB,CAAC,CAACC,UAAU,CAAC,sBAAsB,CAAC,CAAC;YAC/HC,EAAE,EAAE9B,iBAAiB,CAAC,mBAAmB,EAAGoB,CAAC,IAAKA,CAAC,CAACQ,SAAS,CAAC,cAAqB,CAAC,CAACC,UAAU,CAAC,sBAAsB,CAAC;;;OAGlI;MAEDd,GAAG,CAACX,KAAK,EAAE,MAAM,CAAC;MAAC2B,OAAA,YAEJd,aAAa;IAAA;EAAA;AAAA"}
|
package/src/basic/OldForm.tsx
DELETED
|
@@ -1,424 +0,0 @@
|
|
|
1
|
-
import Bind from "@web-atoms/core/dist/core/Bind";
|
|
2
|
-
import Command from "@web-atoms/core/dist/core/Command";
|
|
3
|
-
import XNode from "@web-atoms/core/dist/core/XNode";
|
|
4
|
-
import StyleRule from "@web-atoms/core/dist/style/StyleRule";
|
|
5
|
-
import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
|
|
6
|
-
import CSS from "@web-atoms/core/dist/web/styles/CSS";
|
|
7
|
-
import FormField from "./FormField";
|
|
8
|
-
import IElement from "./IElement";
|
|
9
|
-
import ToggleButtonBar from "./ToggleButtonBar";
|
|
10
|
-
export const FormButtonBar = ToggleButtonBar;
|
|
11
|
-
|
|
12
|
-
const css = CSS(StyleRule()
|
|
13
|
-
.verticalFlexLayout({ alignItems: "stretch" })
|
|
14
|
-
.displayNone(" .field-error:empty")
|
|
15
|
-
.displayNone(":not([data-wa-show-errors=yes]) .field-error:not(:empty)")
|
|
16
|
-
.child(StyleRule("button")
|
|
17
|
-
.alignSelf("flex-start")
|
|
18
|
-
)
|
|
19
|
-
.and(StyleRule("[data-scrollable=true]")
|
|
20
|
-
.justifyContent("flex-start")
|
|
21
|
-
.overflow("auto")
|
|
22
|
-
)
|
|
23
|
-
, "*[data-wa-form=wa-form]");
|
|
24
|
-
|
|
25
|
-
export interface ISubmitButton {
|
|
26
|
-
eventClick: any;
|
|
27
|
-
class?: string;
|
|
28
|
-
[key: string]: any;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export interface ISubmitAction extends IElement {
|
|
32
|
-
action: "submit";
|
|
33
|
-
eventClick?: any;
|
|
34
|
-
"event-click"?: any;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export interface ICancelAction extends IElement {
|
|
38
|
-
action: "cancel";
|
|
39
|
-
eventClick?: any;
|
|
40
|
-
"event-click"?: any;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export type IFormAction = ISubmitAction | ICancelAction;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* This is just a decorator, you must have a child button for this to work
|
|
47
|
-
* @param action submit | cancel
|
|
48
|
-
* @param node child node where action will be applied
|
|
49
|
-
* @returns XNode
|
|
50
|
-
*/
|
|
51
|
-
export function FormAction(
|
|
52
|
-
{
|
|
53
|
-
action = "submit",
|
|
54
|
-
eventClick,
|
|
55
|
-
"event-click": eventClick2,
|
|
56
|
-
... a
|
|
57
|
-
}: IFormAction,
|
|
58
|
-
node: XNode) {
|
|
59
|
-
const attributes = node.attributes ??= {};
|
|
60
|
-
attributes["data-wa-form-action"] = action;
|
|
61
|
-
const e = attributes["event-click"] || attributes.eventClick;
|
|
62
|
-
if (e) {
|
|
63
|
-
attributes["event-submit"] = e;
|
|
64
|
-
delete attributes["event-click"];
|
|
65
|
-
delete attributes.eventClick;
|
|
66
|
-
}
|
|
67
|
-
eventClick ??= eventClick2;
|
|
68
|
-
if (action === "submit" && eventClick) {
|
|
69
|
-
attributes.eventSubmit = eventClick;
|
|
70
|
-
}
|
|
71
|
-
node.attributes = { ... a, ... attributes};
|
|
72
|
-
return node;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* @deprecated Use Form with eventSubmit and button with data-event="submit"
|
|
77
|
-
*/
|
|
78
|
-
export function SubmitAction(a: IElement, node: XNode) {
|
|
79
|
-
(a as any).action = "submit";
|
|
80
|
-
return FormAction(a as any, node);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* @deprecated Use Form with eventSubmit and button with data-event="submit"
|
|
85
|
-
*/
|
|
86
|
-
export function CancelAction(a: IElement, node: XNode) {
|
|
87
|
-
(a as any).action = "cancel";
|
|
88
|
-
return FormAction(a as any, node);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* @deprecated Use Form with eventSubmit and button with data-event="submit"
|
|
93
|
-
*/
|
|
94
|
-
export function SubmitButton(
|
|
95
|
-
{ eventClick,
|
|
96
|
-
... others}: ISubmitButton,
|
|
97
|
-
... nodes: XNode[]) {
|
|
98
|
-
return <button
|
|
99
|
-
data-wa-form-action="submit"
|
|
100
|
-
eventSubmit={eventClick} { ... others }>{ ... nodes}</button>;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
function findSubmitAction(e: Event) {
|
|
104
|
-
let button = e.target as HTMLElement;
|
|
105
|
-
if (e.type === "submit") {
|
|
106
|
-
e.preventDefault();
|
|
107
|
-
button = (e as SubmitEvent).submitter;
|
|
108
|
-
}
|
|
109
|
-
while (button) {
|
|
110
|
-
const action = button.dataset.waFormAction ?? button.dataset.event;
|
|
111
|
-
if (/submit|cancel/i.test(action)) {
|
|
112
|
-
return { button, action };
|
|
113
|
-
}
|
|
114
|
-
button = button.parentElement;
|
|
115
|
-
}
|
|
116
|
-
return { button };
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
const submitFormHandler = (form: HTMLElement) => {
|
|
120
|
-
if (!form.dataset.waShowErrors) {
|
|
121
|
-
form.dataset.waShowErrors = "yes";
|
|
122
|
-
}
|
|
123
|
-
setTimeout(() => {
|
|
124
|
-
const all = Array.from(form.getElementsByClassName("field-error"));
|
|
125
|
-
for (const iterator of all) {
|
|
126
|
-
if (iterator.textContent) {
|
|
127
|
-
alert(form.dataset?.errorMessage ?? "Please fix all validations");
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
form.dispatchEvent(new CustomEvent("submitForm"));
|
|
132
|
-
}, 100);
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
const checkValidity = (handler) => (e: MouseEvent) => {
|
|
136
|
-
|
|
137
|
-
const form = e.currentTarget as HTMLFormElement;
|
|
138
|
-
|
|
139
|
-
const { button, action } = findSubmitAction(e);
|
|
140
|
-
if (!button) {
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
if (handler) {
|
|
145
|
-
submitFormHandler(form);
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
// if (button.tagName === "BUTTON" && e.type !== "submit") {
|
|
150
|
-
// // as submit will be followed, we would ignore this only if the tag is button
|
|
151
|
-
// return;
|
|
152
|
-
// }
|
|
153
|
-
if (action === "cancel") {
|
|
154
|
-
form.dataset.waShowErrors = "";
|
|
155
|
-
return;
|
|
156
|
-
}
|
|
157
|
-
if (!form.dataset.waShowErrors) {
|
|
158
|
-
form.dataset.waShowErrors = "yes";
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
setTimeout(() => {
|
|
162
|
-
const all = Array.from(form.getElementsByClassName("field-error"));
|
|
163
|
-
for (const iterator of all) {
|
|
164
|
-
if (iterator.textContent) {
|
|
165
|
-
alert(form.dataset?.errorMessage ?? "Please fix all validations");
|
|
166
|
-
return;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
button.dispatchEvent(new CustomEvent("submit"));
|
|
170
|
-
}, 100);
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
const moveNext = (handler) => (e: KeyboardEvent) => {
|
|
174
|
-
if (!/enter|submit|return/i.test(e.key)) {
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
const element = e.target as HTMLElement;
|
|
178
|
-
if (!element.tagName) {
|
|
179
|
-
return;
|
|
180
|
-
}
|
|
181
|
-
if (handler) {
|
|
182
|
-
if (/^INPUT$/.test(element.tagName)) {
|
|
183
|
-
submitFormHandler(e.currentTarget as HTMLElement);
|
|
184
|
-
}
|
|
185
|
-
return;
|
|
186
|
-
}
|
|
187
|
-
if (element.dataset.waFormAction === "submit") {
|
|
188
|
-
element.dispatchEvent(new MouseEvent("click"));
|
|
189
|
-
return;
|
|
190
|
-
}
|
|
191
|
-
if (/input/i.test(element.tagName)) {
|
|
192
|
-
e.preventDefault();
|
|
193
|
-
element.dispatchEvent(new KeyboardEvent("keypress", {
|
|
194
|
-
key: "tab"
|
|
195
|
-
}));
|
|
196
|
-
}
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
document.body.addEventListener("click", (e: MouseEvent) => {
|
|
200
|
-
let start = e.target as HTMLElement;
|
|
201
|
-
let id;
|
|
202
|
-
while (start) {
|
|
203
|
-
id = start.dataset.submitFormId;
|
|
204
|
-
if (id) {
|
|
205
|
-
break;
|
|
206
|
-
}
|
|
207
|
-
start = start.parentElement;
|
|
208
|
-
}
|
|
209
|
-
if (!start) {
|
|
210
|
-
return;
|
|
211
|
-
}
|
|
212
|
-
const form = document.body.querySelector(`[data-form-id="${id}"]`);
|
|
213
|
-
submitFormHandler(form as HTMLElement);
|
|
214
|
-
});
|
|
215
|
-
|
|
216
|
-
export interface IForm {
|
|
217
|
-
id?: number;
|
|
218
|
-
class?: any;
|
|
219
|
-
scrollable?: boolean ;
|
|
220
|
-
/**
|
|
221
|
-
* If set, when an enter key is pressed on
|
|
222
|
-
* non textarea element, form will be submitted automatically
|
|
223
|
-
*/
|
|
224
|
-
eventSubmit?: any;
|
|
225
|
-
/**
|
|
226
|
-
* By default it is true, when user presses enter button on an input
|
|
227
|
-
* the focus will move on to the next input element
|
|
228
|
-
*/
|
|
229
|
-
focusNextOnEnter?: boolean;
|
|
230
|
-
[key: string]: any;
|
|
231
|
-
|
|
232
|
-
submitCommand?: Command;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
let formId = 0;
|
|
236
|
-
|
|
237
|
-
const formGroupSymbol = Symbol("formGroup");
|
|
238
|
-
|
|
239
|
-
export interface IFormGroup {
|
|
240
|
-
group: string;
|
|
241
|
-
// header?: string;
|
|
242
|
-
// icon?: string;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
export function FormGroup(
|
|
246
|
-
fg: IFormGroup,
|
|
247
|
-
... nodes: XNode[]
|
|
248
|
-
) {
|
|
249
|
-
fg[formGroupSymbol] = true;
|
|
250
|
-
return <div
|
|
251
|
-
{ ... fg}>
|
|
252
|
-
{ ... nodes}
|
|
253
|
-
</div>;
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
export default function OldForm(
|
|
257
|
-
{
|
|
258
|
-
id = formId++,
|
|
259
|
-
focusNextOnEnter = true,
|
|
260
|
-
scrollable,
|
|
261
|
-
eventSubmit,
|
|
262
|
-
submitCommand,
|
|
263
|
-
... a
|
|
264
|
-
}: IForm,
|
|
265
|
-
... nodes: XNode[]) {
|
|
266
|
-
if (focusNextOnEnter) {
|
|
267
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
268
|
-
}
|
|
269
|
-
a["data-form-id"] = id;
|
|
270
|
-
a["data-scrollable"] = !!scrollable;
|
|
271
|
-
if (!eventSubmit) {
|
|
272
|
-
a["data-wa-show-errors"] = "yes";
|
|
273
|
-
}
|
|
274
|
-
if (submitCommand) {
|
|
275
|
-
a["event-" + submitCommand.name] = checkValidity(eventSubmit);
|
|
276
|
-
}
|
|
277
|
-
const fields = [];
|
|
278
|
-
for (const iterator of nodes) {
|
|
279
|
-
if (!iterator) {
|
|
280
|
-
continue;
|
|
281
|
-
}
|
|
282
|
-
const ca = iterator.attributes as any;
|
|
283
|
-
if (ca?.[formGroupSymbol]) {
|
|
284
|
-
for (const child of iterator.children) {
|
|
285
|
-
const cha = child.attributes ??= {};
|
|
286
|
-
cha["data-group"] = ca.group;
|
|
287
|
-
fields.push(child);
|
|
288
|
-
}
|
|
289
|
-
continue;
|
|
290
|
-
}
|
|
291
|
-
fields.push(iterator);
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
return <div
|
|
295
|
-
data-wa-form="wa-form"
|
|
296
|
-
{ ... a}
|
|
297
|
-
eventSubmitForm={eventSubmit}
|
|
298
|
-
eventClick={checkValidity(eventSubmit)}>
|
|
299
|
-
{ ... fields}
|
|
300
|
-
</div>;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
export interface IFormLayout extends IForm {
|
|
304
|
-
header?: XNode;
|
|
305
|
-
footer?: XNode;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
CSS(StyleRule()
|
|
309
|
-
.display("grid")
|
|
310
|
-
.alignSelf("stretch")
|
|
311
|
-
.justifyContent("stretch" as any)
|
|
312
|
-
.flex("1 1 100%")
|
|
313
|
-
.gridTemplateRows("auto 1fr auto")
|
|
314
|
-
.gridTemplateColumns("1fr")
|
|
315
|
-
.child(StyleRule("[data-element=header]")
|
|
316
|
-
.gridRowStart("1")
|
|
317
|
-
)
|
|
318
|
-
.child(StyleRule("[data-element=content]")
|
|
319
|
-
.gridRowStart("2")
|
|
320
|
-
.overflow("auto")
|
|
321
|
-
.child(StyleRule("div")
|
|
322
|
-
.verticalFlexLayout({ alignItems: "stretch", gap: 10 })
|
|
323
|
-
)
|
|
324
|
-
)
|
|
325
|
-
.child(StyleRule("[data-element=footer]")
|
|
326
|
-
.gridRowStart("3")
|
|
327
|
-
)
|
|
328
|
-
, "*[data-form-layout=form-layout]");
|
|
329
|
-
|
|
330
|
-
const elementType = Symbol.for("elementType");
|
|
331
|
-
|
|
332
|
-
export function FormLayout(
|
|
333
|
-
{
|
|
334
|
-
id = formId++,
|
|
335
|
-
focusNextOnEnter = true,
|
|
336
|
-
scrollable,
|
|
337
|
-
eventSubmit,
|
|
338
|
-
header,
|
|
339
|
-
footer,
|
|
340
|
-
... a
|
|
341
|
-
}: IFormLayout,
|
|
342
|
-
... nodes: XNode[]) {
|
|
343
|
-
if (focusNextOnEnter) {
|
|
344
|
-
a.eventKeypress = moveNext(eventSubmit);
|
|
345
|
-
}
|
|
346
|
-
a["data-form-id"] = id;
|
|
347
|
-
a["data-scrollable"] = !!scrollable;
|
|
348
|
-
if (!eventSubmit) {
|
|
349
|
-
a["data-wa-show-errors"] = "yes";
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
const fields = [];
|
|
353
|
-
for (const iterator of nodes) {
|
|
354
|
-
if (!iterator) {
|
|
355
|
-
continue;
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
const et = iterator[elementType];
|
|
359
|
-
if (et !== void 0) {
|
|
360
|
-
if (et === "header") {
|
|
361
|
-
header = iterator;
|
|
362
|
-
delete iterator[elementType];
|
|
363
|
-
continue;
|
|
364
|
-
}
|
|
365
|
-
if (et === "footer") {
|
|
366
|
-
footer = iterator;
|
|
367
|
-
delete iterator[elementType];
|
|
368
|
-
continue;
|
|
369
|
-
}
|
|
370
|
-
}
|
|
371
|
-
|
|
372
|
-
const ca = iterator.attributes as any;
|
|
373
|
-
if (ca?.[formGroupSymbol]) {
|
|
374
|
-
for (const child of iterator.children) {
|
|
375
|
-
const cha = child.attributes ??= {};
|
|
376
|
-
cha["data-group"] = ca.group;
|
|
377
|
-
fields.push(child);
|
|
378
|
-
}
|
|
379
|
-
continue;
|
|
380
|
-
}
|
|
381
|
-
fields.push(iterator);
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
if (header) {
|
|
385
|
-
const ha = header.attributes ??= {};
|
|
386
|
-
ha["data-element"] = "header";
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
if (footer) {
|
|
390
|
-
const ha = footer.attributes ??= {};
|
|
391
|
-
ha["data-element"] = "footer";
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
return <div
|
|
395
|
-
data-wa-form="wa-form"
|
|
396
|
-
data-form-layout="form-layout"
|
|
397
|
-
{ ... a}
|
|
398
|
-
eventSubmitForm={eventSubmit}
|
|
399
|
-
eventClick={checkValidity(eventSubmit)}>
|
|
400
|
-
{ header }
|
|
401
|
-
<div data-element="content">
|
|
402
|
-
<div>
|
|
403
|
-
{ ... fields}
|
|
404
|
-
</div>
|
|
405
|
-
</div>
|
|
406
|
-
{ footer }
|
|
407
|
-
</div>;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
FormLayout.Footer = ({}, child: XNode) => {
|
|
411
|
-
child[elementType] = "footer";
|
|
412
|
-
return child;
|
|
413
|
-
};
|
|
414
|
-
|
|
415
|
-
FormLayout.Header = ({}, child: XNode) => {
|
|
416
|
-
child[elementType] = "header";
|
|
417
|
-
return child;
|
|
418
|
-
};
|
|
419
|
-
|
|
420
|
-
OldForm.newId = () => formId++;
|
|
421
|
-
|
|
422
|
-
OldForm.submitId = (id: number) => ({
|
|
423
|
-
"data-submit-form-id": id.toString()
|
|
424
|
-
});
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import Colors from "@web-atoms/core/dist/core/Colors";
|
|
2
|
-
import StyleRule, { AtomStyleRules } from "@web-atoms/core/dist/style/StyleRule";
|
|
3
|
-
import CSS from "@web-atoms/core/dist/web/styles/CSS";
|
|
4
|
-
|
|
5
|
-
function fromCamelToHyphen(input: string): string {
|
|
6
|
-
return input.replace( /([a-z])([A-Z])/g, "$1-$2" ).toLowerCase();
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
let style = StyleRule();
|
|
10
|
-
|
|
11
|
-
function registerDataStyle(name, fx: (s: AtomStyleRules) => AtomStyleRules) {
|
|
12
|
-
const className = `.${name}`;
|
|
13
|
-
style = style.nested(fx(StyleRule(className)));
|
|
14
|
-
const dataName = `data-${fromCamelToHyphen(name)}`;
|
|
15
|
-
style = style.nested(fx(StyleRule(`*[${dataName}]`)));
|
|
16
|
-
return {
|
|
17
|
-
[dataName]: "1",
|
|
18
|
-
toString() {
|
|
19
|
-
return name;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
const InBuiltStyles = {
|
|
25
|
-
colors: {
|
|
26
|
-
red: registerDataStyle("color-red", (x) => x.color(Colors.red)),
|
|
27
|
-
yellow: registerDataStyle("color-yellow", (x) => x.color(Colors.yellow)),
|
|
28
|
-
green: registerDataStyle("color-green", (x) => x.color(Colors.green)),
|
|
29
|
-
lightGreen: registerDataStyle("color-light-green", (x) => x.color(Colors.lightGreen))
|
|
30
|
-
},
|
|
31
|
-
rotate: {
|
|
32
|
-
animate: {
|
|
33
|
-
d180: registerDataStyle("rotate-animate-d180", (x) => x.transform("rotate(-180deg)" as any).transition("transform 150ms ease")),
|
|
34
|
-
d0: registerDataStyle("rotate-animate-d0", (x) => x.transform("rotate(0deg)" as any).transition("transform 150ms ease")),
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
CSS(style, "body");
|
|
40
|
-
|
|
41
|
-
export default InBuiltStyles;
|