@idevs/corelib 0.0.90 → 0.0.92

package/dist/editors/checkboxButtonEditor.d.ts

@@ -1,16 +1,18 @@
-import { IReadOnly, Widget } from '@serenity-is/corelib';
+import { EditorProps, EditorWidget, IReadOnly } from '@serenity-is/corelib';
 export type CheckboxButtonEditorOptions = {
     enumKey?: string;
     enumType?: any;
     lookupKey?: string;
     isStringId?: boolean;
 };
-export declare class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {
+export declare class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions> extends EditorWidget<P> implements IReadOnly {
     private _items;
     private readonly _idField;
     private readonly _textField;
     private readonly _isStringId;
-    constructor(input: JQuery, opt: CheckboxButtonEditorOptions);
+    static createDefaultElement(): HTMLDivElement;
+    readonly domNode: HTMLElement;
+    constructor(props: EditorProps<P>);
     protected renderCheckboxes(): void;
     protected addCheckbox(value: string, text: string): void;
     get_items(): Array<{

package/dist/editors/checkboxButtonEditor.js

@@ -7,13 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Decorators, EnumKeyAttribute, EnumTypeRegistry, Widget } from '@serenity-is/corelib';
-import { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib';
-var Element = Decorators.element;
-let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
-    constructor(input, opt) {
+import { Decorators, EditorWidget, Enum, EnumKeyAttribute, EnumTypeRegistry, Fluent, getCustomAttributes, getLookup, isEmptyOrNull, toId, tryGetText, } from '@serenity-is/corelib';
+let CheckboxButtonEditor = class CheckboxButtonEditor extends EditorWidget {
+    static createDefaultElement() {
+        return Fluent('div').getNode();
+    }
+    constructor(props) {
         var _a;
-        super(input, opt);
+        super(props);
         if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {
             return;
         }
@@ -28,7 +29,7 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey);
             let enumKey = this.options.enumKey;
             if (enumKey == null && enumType != null) {
-                const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false);
+                const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false);
                 if (enumKeyAttr.length > 0) {
                     enumKey = enumKeyAttr[0].value;
                 }
@@ -39,10 +40,13 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
                 this.addCheckbox(x.toString(), (_a = tryGetText('Enums.' + enumKey + '.' + name)) !== null && _a !== void 0 ? _a : name);
             }
         }
-        this.element.addClass('d-flex flex-wrap');
+        this.domNode.classList.add('d-flex', 'flex-wrap');
     }
     renderCheckboxes() {
-        this.element.children('div').remove();
+        const childDivs = this.domNode.querySelectorAll('div');
+        childDivs.forEach(function (child) {
+            this.domNode.removeChild(child);
+        });
         for (const item of this._items) {
             const textValue = item[this._textField];
             const text = textValue == null ? '' : textValue.toString();
@@ -60,7 +64,7 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             .attr('value', value)
             .prependTo(label);
         label.appendTo(div);
-        div.appendTo(this.element);
+        div.appendTo(this.domNode);
     }
     get_items() {
         return this._items;
@@ -77,8 +81,9 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
     }
     get_value() {
         const val = [];
-        this.element.find('input:checked').each((i, e) => {
-            val.push(this._isStringId ? $(e).val() : toId($(e).val()));
+        const inputs = this.domNode.querySelectorAll('input:checked');
+        inputs.forEach((input) => {
+            val.push(this._isStringId ? input.value : toId(input.value));
         });
         return val.join(',');
     }
@@ -91,49 +96,44 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             if (!isEmptyOrNull(value)) {
                 values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p));
             }
-            const inputs = this.element.find('input');
-            inputs.each((i, e) => {
-                ;
-                e.checked = false;
+            const inputs = this.domNode.querySelectorAll('input');
+            inputs.forEach(input => {
+                input.checked = false;
             });
-            if (isArray(values)) {
-                values.forEach(v => {
-                    const checks = inputs.filter('[value=' + v + ']');
-                    if (checks.length > 0) {
-                        ;
-                        checks[0].checked = true;
-                    }
-                });
-            }
-            else {
-                const checks = inputs.filter('[value=' + values + ']');
+            values.forEach(v => {
+                const checks = Array.from(inputs).filter(input => input.value === v);
                 if (checks.length > 0) {
                     ;
                     checks[0].checked = true;
                 }
-            }
+            });
         }
     }
     set value(v) {
         this.set_value(v);
     }
     get_readOnly() {
-        return this.element.attr('disabled') != null;
+        return this.domNode.getAttribute('disabled') != null;
     }
     set_readOnly(value) {
         if (this.get_readOnly() !== value) {
             if (value) {
-                this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled');
+                this.domNode.setAttribute('disabled', 'disabled');
+                this.domNode.querySelectorAll('input').forEach(input => {
+                    input.setAttribute('disabled', 'disabled');
+                });
             }
             else {
-                this.element.removeAttr('disabled').find('input').removeAttr('disabled');
+                this.domNode.removeAttribute('disabled');
+                this.domNode.querySelectorAll('input').forEach(input => {
+                    input.removeAttribute('disabled');
+                });
             }
         }
     }
 };
 CheckboxButtonEditor = __decorate([
-    Decorators.registerEditor('CheckboxButtonEditor'),
-    Element('<div/>')
+    Decorators.registerEditor('CheckboxButtonEditor')
 ], CheckboxButtonEditor);
 export { CheckboxButtonEditor };
 export class idevsEditors {

package/dist/editors/checkboxButtonEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxButtonEditor.js","sourceRoot":"","sources":["../../src/editors/checkboxButtonEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/adjacent-overload-signatures */\n// reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor\n\nimport { Decorators, EnumKeyAttribute, EnumTypeRegistry, IReadOnly, Widget } from '@serenity-is/corelib'\nimport { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib'\nimport Element = Decorators.element\n\nexport type CheckboxButtonEditorOptions = {\n  enumKey?: string\n  enumType?: any\n  lookupKey?: string\n  isStringId?: boolean\n}\n\n@Decorators.registerEditor('CheckboxButtonEditor')\n@Element('<div/>')\nexport class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {\n  private _items: Array<{ [key: string]: any }>\n  private readonly _idField: string\n  private readonly _textField: string\n  private readonly _isStringId: boolean\n\n  constructor(input: JQuery, opt: CheckboxButtonEditorOptions) {\n    super(input, opt)\n\n    if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {\n      return\n    }\n\n    this._isStringId = this.options.isStringId\n\n    if (!isEmptyOrNull(this.options.lookupKey)) {\n      const lookup = getLookup(this.options.lookupKey)\n      this._idField = lookup.idField\n      this._textField = lookup.textField\n      this.set_items(lookup.items as Array<{ [key: string]: any }>)\n    } else {\n      const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey)\n      let enumKey = this.options.enumKey\n\n      if (enumKey == null && enumType != null) {\n        const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false)\n        if (enumKeyAttr.length > 0) {\n          enumKey = enumKeyAttr[0].value\n        }\n      }\n      const values = Enum.getValues(enumType)\n      for (const x of values) {\n        const name = Enum.toString(enumType, x)\n        this.addCheckbox(x.toString(), tryGetText('Enums.' + enumKey + '.' + name) ?? name)\n      }\n    }\n\n    this.element.addClass('d-flex flex-wrap')\n  }\n\n  protected renderCheckboxes() {\n    this.element.children('div').remove()\n\n    for (const item of this._items) {\n      const textValue = item[this._textField]\n      const text = textValue == null ? '' : textValue.toString()\n      const idValue = item[this._idField]\n      const id = idValue == null ? '' : idValue.toString()\n      this.addCheckbox(id, text)\n    }\n  }\n\n  protected addCheckbox(value: string, text: string) {\n    const div = $('<div class=\"col-12 col-sm-6 col-md-4 col-xl-3\" />')\n    const label = $('<label/>').text(text.replace(/, /g, ',').replace(/,/g, ', '))\n    $('<input type=\"checkbox\" class=\"me-2\" />')\n      .attr('name', this.uniqueName)\n      .attr('id', this.uniqueName + '_' + value)\n      .attr('value', value)\n      .prependTo(label)\n    label.appendTo(div)\n    div.appendTo(this.element)\n  }\n\n  get_items(): Array<{ [key: string]: any }> {\n    return this._items\n  }\n\n  get items(): Array<{ [key: string]: any }> {\n    return this.get_items()\n  }\n\n  set_items(value: Array<{ [key: string]: any }>) {\n    this._items = value\n    this.renderCheckboxes()\n  }\n\n  set items(v: Array<{ [key: string]: any }>) {\n    this.set_items(v)\n  }\n\n  get_value(): string {\n    const val: unknown[] = []\n    this.element.find('input:checked').each((i, e) => {\n      val.push(this._isStringId ? $(e).val() : toId($(e).val()))\n    })\n    return val.join(',')\n  }\n\n  get value(): string {\n    return this.get_value()\n  }\n\n  set_value(value: string): void {\n    if (value !== this.get_value()) {\n      let values: unknown[] = []\n      if (!isEmptyOrNull(value)) {\n        values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))\n      }\n      const inputs = this.element.find('input')\n      inputs.each((i, e) => {\n        ;(e as HTMLInputElement).checked = false\n      })\n\n      if (isArray(values)) {\n        values.forEach(v => {\n          const checks = inputs.filter('[value=' + v + ']')\n          if (checks.length > 0) {\n            ;(checks[0] as HTMLInputElement).checked = true\n          }\n        })\n      } else {\n        const checks = inputs.filter('[value=' + values + ']')\n        if (checks.length > 0) {\n          ;(checks[0] as HTMLInputElement).checked = true\n        }\n      }\n    }\n  }\n\n  set value(v: string) {\n    this.set_value(v)\n  }\n\n  get_readOnly(): boolean {\n    return this.element.attr('disabled') != null\n  }\n\n  set_readOnly(value: boolean): void {\n    if (this.get_readOnly() !== value) {\n      if (value) {\n        this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled')\n      } else {\n        this.element.removeAttr('disabled').find('input').removeAttr('disabled')\n      }\n    }\n  }\n}\n\nexport class idevsEditors {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}
+{"version":3,"file":"checkboxButtonEditor.js","sourceRoot":"","sources":["../../src/editors/checkboxButtonEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/adjacent-overload-signatures */\n// reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor\n\nimport {\n  Decorators,\n  EditorProps,\n  EditorWidget,\n  Enum,\n  EnumKeyAttribute,\n  EnumTypeRegistry,\n  Fluent,\n  IReadOnly,\n  getCustomAttributes,\n  getLookup,\n  isEmptyOrNull,\n  toId,\n  tryGetText,\n} from '@serenity-is/corelib'\n\nexport type CheckboxButtonEditorOptions = {\n  enumKey?: string\n  enumType?: any\n  lookupKey?: string\n  isStringId?: boolean\n}\n\n@Decorators.registerEditor('CheckboxButtonEditor')\nexport class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions>\n  extends EditorWidget<P>\n  implements IReadOnly\n{\n  private _items: Array<{ [key: string]: any }>\n  private readonly _idField: string\n  private readonly _textField: string\n  private readonly _isStringId: boolean\n\n  static override createDefaultElement() {\n    return Fluent('div').getNode()\n  }\n  declare readonly domNode: HTMLElement\n\n  constructor(props: EditorProps<P>) {\n    super(props)\n\n    if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {\n      return\n    }\n\n    this._isStringId = this.options.isStringId\n\n    if (!isEmptyOrNull(this.options.lookupKey)) {\n      const lookup = getLookup(this.options.lookupKey)\n      this._idField = lookup.idField\n      this._textField = lookup.textField\n      this.set_items(lookup.items as Array<{ [key: string]: any }>)\n    } else {\n      const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey)\n      let enumKey = this.options.enumKey\n\n      if (enumKey == null && enumType != null) {\n        const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false)\n        if (enumKeyAttr.length > 0) {\n          enumKey = enumKeyAttr[0].value\n        }\n      }\n      const values = Enum.getValues(enumType)\n      for (const x of values) {\n        const name = Enum.toString(enumType, x)\n        this.addCheckbox(x.toString(), tryGetText('Enums.' + enumKey + '.' + name) ?? name)\n      }\n    }\n\n    this.domNode.classList.add('d-flex', 'flex-wrap')\n  }\n\n  protected renderCheckboxes() {\n    const childDivs = this.domNode.querySelectorAll('div')\n    childDivs.forEach(function (child) {\n      this.domNode.removeChild(child)\n    })\n\n    for (const item of this._items) {\n      const textValue = item[this._textField]\n      const text = textValue == null ? '' : textValue.toString()\n      const idValue = item[this._idField]\n      const id = idValue == null ? '' : idValue.toString()\n      this.addCheckbox(id, text)\n    }\n  }\n\n  protected addCheckbox(value: string, text: string) {\n    const div = $('<div class=\"col-12 col-sm-6 col-md-4 col-xl-3\" />')\n    const label = $('<label/>').text(text.replace(/, /g, ',').replace(/,/g, ', '))\n    $('<input type=\"checkbox\" class=\"me-2\" />')\n      .attr('name', this.uniqueName)\n      .attr('id', this.uniqueName + '_' + value)\n      .attr('value', value)\n      .prependTo(label)\n    label.appendTo(div)\n    div.appendTo(this.domNode)\n  }\n\n  get_items(): Array<{ [key: string]: any }> {\n    return this._items\n  }\n\n  get items(): Array<{ [key: string]: any }> {\n    return this.get_items()\n  }\n\n  set_items(value: Array<{ [key: string]: any }>) {\n    this._items = value\n    this.renderCheckboxes()\n  }\n\n  set items(v: Array<{ [key: string]: any }>) {\n    this.set_items(v)\n  }\n\n  get_value() {\n    const val: string[] = []\n    const inputs = this.domNode.querySelectorAll('input:checked')\n\n    inputs.forEach((input: HTMLInputElement) => {\n      val.push(this._isStringId ? input.value : toId(input.value))\n    })\n\n    return val.join(',')\n  }\n\n  get value(): string {\n    return this.get_value()\n  }\n\n  set_value(value: string): void {\n    if (value !== this.get_value()) {\n      let values: unknown[] = []\n      if (!isEmptyOrNull(value)) {\n        values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))\n      }\n      const inputs = this.domNode.querySelectorAll<HTMLInputElement>('input')\n      inputs.forEach(input => {\n        input.checked = false\n      })\n\n      values.forEach(v => {\n        const checks = Array.from(inputs).filter(input => (input as HTMLInputElement).value === v)\n        if (checks.length > 0) {\n          ;(checks[0] as HTMLInputElement).checked = true\n        }\n      })\n    }\n  }\n\n  set value(v: string) {\n    this.set_value(v)\n  }\n\n  get_readOnly(): boolean {\n    return this.domNode.getAttribute('disabled') != null\n  }\n\n  set_readOnly(value: boolean): void {\n    if (this.get_readOnly() !== value) {\n      if (value) {\n        this.domNode.setAttribute('disabled', 'disabled')\n        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {\n          input.setAttribute('disabled', 'disabled')\n        })\n      } else {\n        this.domNode.removeAttribute('disabled')\n        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {\n          input.removeAttribute('disabled')\n        })\n      }\n    }\n  }\n}\n\nexport class idevsEditors {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}

package/dist/editors/dateMonthEditor.d.ts

@@ -1,7 +1,7 @@
-import { SelectEditor, SelectEditorOptions } from '@serenity-is/corelib';
-export declare class DateMonthEditor extends SelectEditor {
+import { EditorProps, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib';
+export declare class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {
     private months;
-    constructor(hidden: JQuery, opt: DateMonthEditorOptions);
+    constructor(props: EditorProps<P>);
     get valueAsMonth(): number;
     getItems(): any[];
 }

package/dist/editors/dateMonthEditor.js

@@ -4,11 +4,10 @@
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Decorators, SelectEditor } from '@serenity-is/corelib';
-import { indexOf } from '@serenity-is/corelib';
+import { Decorators, SelectEditor, indexOf } from '@serenity-is/corelib';
 let DateMonthEditor = class DateMonthEditor extends SelectEditor {
-    constructor(hidden, opt) {
-        super(hidden, opt);
+    constructor(props) {
+        super(props);
         this.updateItems();
     }
     get valueAsMonth() {

package/dist/editors/dateMonthEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateMonthEditor.js","sourceRoot":"","sources":["../../src/editors/dateMonthEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAuB,MAAM,sBAAsB,CAAA;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAGvC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,YAAY;IAG/C,YAAY,MAAc,EAAE,GAA2B;QACrD,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAElB,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,QAAQ;;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAiC,CAAA;QAElD,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC/C,OAAO,GAAG,CAAC,KAAK,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAChB,MAAM,MAAM,GAAG,MAAA,GAAG,CAAC,MAAM,mCAAI,IAAI,CAAA;QACjC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,MAAA,GAAG,CAAC,OAAO,mCAAI,SAAS,EAAE,CAAA;QACnD,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,SAAS,mCAAI,KAAK,CAAA;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YAC/E,IAAI,SAAS,EAAE,CAAC;gBACd,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;YACrB,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF,CAAA;AApCY,eAAe;IAD3B,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAC;GAChC,eAAe,CAoC3B","sourcesContent":["import { Decorators, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib'\nimport { indexOf } from '@serenity-is/corelib'\n\n@Decorators.registerEditor('DateMonthEditor')\nexport class DateMonthEditor extends SelectEditor {\n  private months: string[]\n\n  constructor(hidden: JQuery, opt: DateMonthEditorOptions) {\n    super(hidden, opt)\n\n    this.updateItems()\n  }\n\n  get valueAsMonth() {\n    return indexOf(this.months, x => x == this.value)\n  }\n\n  getItems() {\n    const opt = this.options as DateMonthEditorOptions\n\n    if (opt.items != null && opt.items.length >= 1) {\n      return opt.items\n    }\n\n    const today = new Date()\n    this.months = []\n    const locale = opt.locale ?? 'en'\n    const options = { month: opt.display ?? '2-digit' }\n    const upperCase = opt.upperCase ?? false\n\n    for (let i = 0; i <= 11; i++) {\n      let m = new Date(today.getFullYear(), i, 1).toLocaleDateString(locale, options)\n      if (upperCase) {\n        m = m.toUpperCase()\n      }\n      this.months.push(m)\n    }\n\n    return this.months\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface DateMonthEditorOptions extends SelectEditorOptions {\n  display?: '2-digit' | 'short' | 'long'\n  locale?: 'en' | 'th'\n  upperCase?: boolean\n}\n"]}
+{"version":3,"file":"dateMonthEditor.js","sourceRoot":"","sources":["../../src/editors/dateMonthEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAe,YAAY,EAAuB,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAGnG,IAAM,eAAe,GAArB,MAAM,eAA2E,SAAQ,YAAe;IAG7G,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,QAAQ;;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAiC,CAAA;QAElD,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC/C,OAAO,GAAG,CAAC,KAAK,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAChB,MAAM,MAAM,GAAG,MAAA,GAAG,CAAC,MAAM,mCAAI,IAAI,CAAA;QACjC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,MAAA,GAAG,CAAC,OAAO,mCAAI,SAAS,EAAE,CAAA;QACnD,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,SAAS,mCAAI,KAAK,CAAA;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YAC/E,IAAI,SAAS,EAAE,CAAC;gBACd,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;YACrB,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF,CAAA;AApCY,eAAe;IAD3B,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAC;GAChC,eAAe,CAoC3B","sourcesContent":["import { Decorators, EditorProps, SelectEditor, SelectEditorOptions, indexOf } from '@serenity-is/corelib'\n\n@Decorators.registerEditor('DateMonthEditor')\nexport class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {\n  private months: string[]\n\n  constructor(props: EditorProps<P>) {\n    super(props)\n\n    this.updateItems()\n  }\n\n  get valueAsMonth() {\n    return indexOf(this.months, x => x == this.value)\n  }\n\n  getItems() {\n    const opt = this.options as DateMonthEditorOptions\n\n    if (opt.items != null && opt.items.length >= 1) {\n      return opt.items\n    }\n\n    const today = new Date()\n    this.months = []\n    const locale = opt.locale ?? 'en'\n    const options = { month: opt.display ?? '2-digit' }\n    const upperCase = opt.upperCase ?? false\n\n    for (let i = 0; i <= 11; i++) {\n      let m = new Date(today.getFullYear(), i, 1).toLocaleDateString(locale, options)\n      if (upperCase) {\n        m = m.toUpperCase()\n      }\n      this.months.push(m)\n    }\n\n    return this.months\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface DateMonthEditorOptions extends SelectEditorOptions {\n  display?: '2-digit' | 'short' | 'long'\n  locale?: 'en' | 'th'\n  upperCase?: boolean\n}\n"]}

package/dist/formatters/formatters.d.ts

@@ -3,17 +3,29 @@ export type Formatter = {
     format(ctx: FormatterContext): string;
 };
 export declare class ZeroDisplayFormatter implements Formatter {
-    constructor();
-    displayText: string;
+    readonly props: {
+        displayText?: string;
+    };
+    constructor(props?: {
+        displayText?: string;
+    });
     format(ctx: FormatterContext): string;
 }
 export declare class CheckboxFormatter implements Formatter {
-    constructor();
-    trueText: string;
-    falseText: string;
-    cssClass: string;
-    trueValueIcon: string;
-    falseValueIcon: string;
+    readonly props: {
+        trueText?: string;
+        falseText?: string;
+        cssClass?: string;
+        trueValueIcon?: string;
+        falseValueIcon?: string;
+    };
+    constructor(props: {
+        trueText?: string;
+        falseText?: string;
+        cssClass?: string;
+        trueValueIcon?: string;
+        falseValueIcon?: string;
+    });
     format(ctx: FormatterContext): string;
 }
 export declare class LookupFormatter implements Formatter {

package/dist/formatters/formatters.js

@@ -7,61 +7,50 @@
 import { Decorators } from '@serenity-is/corelib';
 import { getLookup, htmlEncode } from '@serenity-is/corelib';
 let ZeroDisplayFormatter = class ZeroDisplayFormatter {
-    constructor() {
-        this.displayText = '';
+    constructor(props = {}) {
+        var _a, _b;
+        var _c;
+        this.props = props;
+        (_a = this.props) !== null && _a !== void 0 ? _a : (this.props = {});
+        (_b = (_c = this.props).displayText) !== null && _b !== void 0 ? _b : (_c.displayText = '');
     }
     format(ctx) {
         const src = ctx.value;
         const value = parseFloat(String(src || '0').replace(',', ''));
         if (value == 0) {
-            return htmlEncode(this.displayText);
+            return htmlEncode(this.props.displayText);
         }
         return htmlEncode(src);
     }
 };
-__decorate([
-    Decorators.option()
-], ZeroDisplayFormatter.prototype, "displayText", void 0);
 ZeroDisplayFormatter = __decorate([
     Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')
 ], ZeroDisplayFormatter);
 export { ZeroDisplayFormatter };
 let CheckboxFormatter = class CheckboxFormatter {
-    constructor() {
-        this.cssClass = 'text-center fs-2 text-gray-1';
-        this.trueText = '1';
-        this.falseText = '0';
-        this.trueValueIcon = 'mdi mdi-checkbox-marked-outline';
-        this.falseValueIcon = 'mdi mdi-checkbox-blank-outline';
+    constructor(props) {
+        var _a, _b, _c, _d, _e;
+        var _f, _g, _h, _j, _k;
+        this.props = props;
+        (_a = (_f = this.props).cssClass) !== null && _a !== void 0 ? _a : (_f.cssClass = 'text-center fs-2 text-gray-1');
+        (_b = (_g = this.props).trueText) !== null && _b !== void 0 ? _b : (_g.trueText = '1');
+        (_c = (_h = this.props).falseText) !== null && _c !== void 0 ? _c : (_h.falseText = '0');
+        (_d = (_j = this.props).trueValueIcon) !== null && _d !== void 0 ? _d : (_j.trueValueIcon = 'mdi mdi-checkbox-marked-outline');
+        (_e = (_k = this.props).falseValueIcon) !== null && _e !== void 0 ? _e : (_k.falseValueIcon = 'mdi mdi-checkbox-blank-outline');
     }
     format(ctx) {
         const src = ctx.value;
-        if (src == this.trueText) {
-            return `<i class="${this.trueValueIcon} ${this.cssClass}"></i>`;
+        if (src == this.props.trueText) {
+            return `<i class="${this.props.trueValueIcon} ${this.props.cssClass}"></i>`;
         }
-        else if (src == this.falseText) {
-            return `<i class="${this.falseValueIcon} ${this.cssClass}"></i>`;
+        else if (src == this.props.falseText) {
+            return `<i class="${this.props.falseValueIcon} ${this.props.cssClass}"></i>`;
         }
         else {
             return htmlEncode(src);
         }
     }
 };
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "trueText", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "falseText", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "cssClass", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "trueValueIcon", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "falseValueIcon", void 0);
 CheckboxFormatter = __decorate([
     Decorators.registerFormatter('Idevs.CheckboxFormatter')
 ], CheckboxFormatter);

package/dist/formatters/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatters/formatters.ts"],"names":[],"mappings":"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","sourcesContent":["import { Decorators } from '@serenity-is/corelib'\nimport { FormatterContext } from '@serenity-is/sleekgrid'\nimport { getLookup, htmlEncode } from '@serenity-is/corelib'\n\nexport type Formatter = {\n  format(ctx: FormatterContext): string\n}\n\n@Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')\nexport class ZeroDisplayFormatter implements Formatter {\n  constructor() {\n    this.displayText = ''\n  }\n\n  @Decorators.option()\n  public displayText: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n\n    const value = parseFloat(String(src || '0').replace(',', ''))\n    if (value == 0) {\n      return htmlEncode(this.displayText)\n    }\n\n    return htmlEncode(src)\n  }\n}\n\n@Decorators.registerFormatter('Idevs.CheckboxFormatter')\nexport class CheckboxFormatter implements Formatter {\n  constructor() {\n    this.cssClass = 'text-center fs-2 text-gray-1'\n    this.trueText = '1'\n    this.falseText = '0'\n    this.trueValueIcon = 'mdi mdi-checkbox-marked-outline'\n    this.falseValueIcon = 'mdi mdi-checkbox-blank-outline'\n  }\n\n  @Decorators.option()\n  public trueText: string\n\n  @Decorators.option()\n  public falseText: string\n\n  @Decorators.option()\n  public cssClass: string\n\n  @Decorators.option()\n  public trueValueIcon: string\n\n  @Decorators.option()\n  public falseValueIcon: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (src == this.trueText) {\n      return `<i class=\"${this.trueValueIcon} ${this.cssClass}\"></i>`\n    } else if (src == this.falseText) {\n      return `<i class=\"${this.falseValueIcon} ${this.cssClass}\"></i>`\n    } else {\n      return htmlEncode(src)\n    }\n  }\n}\n\n@Decorators.registerFormatter('Idevs.LookupFormatter')\nexport class LookupFormatter implements Formatter {\n  @Decorators.option()\n  public lookupKey: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (!src) return ''\n\n    if (!this.lookupKey) return src\n\n    const lookup = getLookup(this.lookupKey)\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const items = lookup.items as Array<{ [key: string]: any }>\n    const idField = lookup.idField\n    const textField = lookup.textField\n    const idList = src.toString().split(',')\n\n    return idList\n      .map(x => {\n        const g = items.find(i => i[idField] == x)\n        if (!g) return x\n\n        return htmlEncode(g[textField])\n      })\n      .join(', ')\n  }\n}\n\n@Decorators.registerFormatter('Idevs.DateMonthFormatter')\nexport class DateMonthFormatter implements Formatter {\n  @Decorators.option()\n  public display: '2-digit' | 'short' | 'long'\n\n  @Decorators.option()\n  public locale: 'en' | 'th'\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as number\n    if (!src) return ''\n\n    const locale = this.locale ?? 'en'\n    const options = { month: this.display ?? '2-digit' }\n\n    return new Date(2000, src - 1, 1).toLocaleDateString(locale, options)\n  }\n}\n\nexport class idevsFormatters {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatters/formatters.ts"],"names":[],"mappings":"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","sourcesContent":["import { Decorators } from '@serenity-is/corelib'\nimport { FormatterContext } from '@serenity-is/sleekgrid'\nimport { getLookup, htmlEncode } from '@serenity-is/corelib'\n\nexport type Formatter = {\n  format(ctx: FormatterContext): string\n}\n\n@Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')\nexport class ZeroDisplayFormatter implements Formatter {\n  constructor(public readonly props: { displayText?: string } = {}) {\n    this.props ??= {}\n    this.props.displayText ??= ''\n  }\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n\n    const value = parseFloat(String(src || '0').replace(',', ''))\n    if (value == 0) {\n      return htmlEncode(this.props.displayText)\n    }\n\n    return htmlEncode(src)\n  }\n}\n\n@Decorators.registerFormatter('Idevs.CheckboxFormatter')\nexport class CheckboxFormatter implements Formatter {\n  constructor(\n    public readonly props: {\n      trueText?: string\n      falseText?: string\n      cssClass?: string\n      trueValueIcon?: string\n      falseValueIcon?: string\n    },\n  ) {\n    this.props.cssClass ??= 'text-center fs-2 text-gray-1'\n    this.props.trueText ??= '1'\n    this.props.falseText ??= '0'\n    this.props.trueValueIcon ??= 'mdi mdi-checkbox-marked-outline'\n    this.props.falseValueIcon ??= 'mdi mdi-checkbox-blank-outline'\n  }\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (src == this.props.trueText) {\n      return `<i class=\"${this.props.trueValueIcon} ${this.props.cssClass}\"></i>`\n    } else if (src == this.props.falseText) {\n      return `<i class=\"${this.props.falseValueIcon} ${this.props.cssClass}\"></i>`\n    } else {\n      return htmlEncode(src)\n    }\n  }\n}\n\n@Decorators.registerFormatter('Idevs.LookupFormatter')\nexport class LookupFormatter implements Formatter {\n  @Decorators.option()\n  public lookupKey: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (!src) return ''\n\n    if (!this.lookupKey) return src\n\n    const lookup = getLookup(this.lookupKey)\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const items = lookup.items as Array<{ [key: string]: any }>\n    const idField = lookup.idField\n    const textField = lookup.textField\n    const idList = src.toString().split(',')\n\n    return idList\n      .map(x => {\n        const g = items.find(i => i[idField] == x)\n        if (!g) return x\n\n        return htmlEncode(g[textField])\n      })\n      .join(', ')\n  }\n}\n\n@Decorators.registerFormatter('Idevs.DateMonthFormatter')\nexport class DateMonthFormatter implements Formatter {\n  @Decorators.option()\n  public display: '2-digit' | 'short' | 'long'\n\n  @Decorators.option()\n  public locale: 'en' | 'th'\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as number\n    if (!src) return ''\n\n    const locale = this.locale ?? 'en'\n    const options = { month: this.display ?? '2-digit' }\n\n    return new Date(2000, src - 1, 1).toLocaleDateString(locale, options)\n  }\n}\n\nexport class idevsFormatters {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idevs/corelib",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "description": "Extended library for Serenity Framework",
   "main": "src/index.js",
   "scripts": {
@@ -30,20 +30,21 @@
     "url": "git+https://github.com/klomkling/idevs.corelib"
   },
   "dependencies": {
-    "@serenity-is/corelib": "^8.1.5",
-    "@serenity-is/sleekgrid": "^1.6.4",
+    "@serenity-is/corelib": "^8.4.3",
+    "@serenity-is/sleekgrid": "^1.7.0",
     "@types/jquery": "^3.5.29",
     "@types/jquery.validation": "^1.16.10",
-    "@types/jqueryui": "^1.12.21",
-    "@types/toastr": "^2.1.43",
-    "bootstrap": "^5.3.2"
+    "@types/jqueryui": "^1.12.22",
+    "@types/toastr": "^2.1.43"
   },
   "devDependencies": {
+    "@serenity-is/tsbuild": "^8.0.1",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "eslint": "^8.56.0",
+    "bootstrap": "^5.3.3",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",
     "prettier": "^2.8.8",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.4"
   }
 }

package/src/editors/checkboxButtonEditor.ts

@@ -2,9 +2,21 @@
 /* eslint-disable @typescript-eslint/adjacent-overload-signatures */
 // reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor
 
-import { Decorators, EnumKeyAttribute, EnumTypeRegistry, IReadOnly, Widget } from '@serenity-is/corelib'
-import { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib'
-import Element = Decorators.element
+import {
+  Decorators,
+  EditorProps,
+  EditorWidget,
+  Enum,
+  EnumKeyAttribute,
+  EnumTypeRegistry,
+  Fluent,
+  IReadOnly,
+  getCustomAttributes,
+  getLookup,
+  isEmptyOrNull,
+  toId,
+  tryGetText,
+} from '@serenity-is/corelib'
 
 export type CheckboxButtonEditorOptions = {
   enumKey?: string
@@ -14,15 +26,22 @@ export type CheckboxButtonEditorOptions = {
 }
 
 @Decorators.registerEditor('CheckboxButtonEditor')
-@Element('<div/>')
-export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {
+export class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions>
+  extends EditorWidget<P>
+  implements IReadOnly
+{
   private _items: Array<{ [key: string]: any }>
   private readonly _idField: string
   private readonly _textField: string
   private readonly _isStringId: boolean
 
-  constructor(input: JQuery, opt: CheckboxButtonEditorOptions) {
-    super(input, opt)
+  static override createDefaultElement() {
+    return Fluent('div').getNode()
+  }
+  declare readonly domNode: HTMLElement
+
+  constructor(props: EditorProps<P>) {
+    super(props)
 
     if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {
       return
@@ -40,7 +59,7 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       let enumKey = this.options.enumKey
 
       if (enumKey == null && enumType != null) {
-        const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false)
+        const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false)
         if (enumKeyAttr.length > 0) {
           enumKey = enumKeyAttr[0].value
         }
@@ -52,11 +71,14 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       }
     }
 
-    this.element.addClass('d-flex flex-wrap')
+    this.domNode.classList.add('d-flex', 'flex-wrap')
   }
 
   protected renderCheckboxes() {
-    this.element.children('div').remove()
+    const childDivs = this.domNode.querySelectorAll('div')
+    childDivs.forEach(function (child) {
+      this.domNode.removeChild(child)
+    })
 
     for (const item of this._items) {
       const textValue = item[this._textField]
@@ -76,7 +98,7 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       .attr('value', value)
       .prependTo(label)
     label.appendTo(div)
-    div.appendTo(this.element)
+    div.appendTo(this.domNode)
   }
 
   get_items(): Array<{ [key: string]: any }> {
@@ -96,11 +118,14 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
     this.set_items(v)
   }
 
-  get_value(): string {
-    const val: unknown[] = []
-    this.element.find('input:checked').each((i, e) => {
-      val.push(this._isStringId ? $(e).val() : toId($(e).val()))
+  get_value() {
+    const val: string[] = []
+    const inputs = this.domNode.querySelectorAll('input:checked')
+
+    inputs.forEach((input: HTMLInputElement) => {
+      val.push(this._isStringId ? input.value : toId(input.value))
     })
+
     return val.join(',')
   }
 
@@ -114,24 +139,17 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       if (!isEmptyOrNull(value)) {
         values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))
       }
-      const inputs = this.element.find('input')
-      inputs.each((i, e) => {
-        ;(e as HTMLInputElement).checked = false
+      const inputs = this.domNode.querySelectorAll<HTMLInputElement>('input')
+      inputs.forEach(input => {
+        input.checked = false
       })
 
-      if (isArray(values)) {
-        values.forEach(v => {
-          const checks = inputs.filter('[value=' + v + ']')
-          if (checks.length > 0) {
-            ;(checks[0] as HTMLInputElement).checked = true
-          }
-        })
-      } else {
-        const checks = inputs.filter('[value=' + values + ']')
+      values.forEach(v => {
+        const checks = Array.from(inputs).filter(input => (input as HTMLInputElement).value === v)
         if (checks.length > 0) {
           ;(checks[0] as HTMLInputElement).checked = true
         }
-      }
+      })
     }
   }
 
@@ -140,15 +158,21 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
   }
 
   get_readOnly(): boolean {
-    return this.element.attr('disabled') != null
+    return this.domNode.getAttribute('disabled') != null
   }
 
   set_readOnly(value: boolean): void {
     if (this.get_readOnly() !== value) {
       if (value) {
-        this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled')
+        this.domNode.setAttribute('disabled', 'disabled')
+        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {
+          input.setAttribute('disabled', 'disabled')
+        })
       } else {
-        this.element.removeAttr('disabled').find('input').removeAttr('disabled')
+        this.domNode.removeAttribute('disabled')
+        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {
+          input.removeAttribute('disabled')
+        })
       }
     }
   }

package/src/editors/dateMonthEditor.ts

@@ -1,12 +1,11 @@
-import { Decorators, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib'
-import { indexOf } from '@serenity-is/corelib'
+import { Decorators, EditorProps, SelectEditor, SelectEditorOptions, indexOf } from '@serenity-is/corelib'
 
 @Decorators.registerEditor('DateMonthEditor')
-export class DateMonthEditor extends SelectEditor {
+export class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {
   private months: string[]
 
-  constructor(hidden: JQuery, opt: DateMonthEditorOptions) {
-    super(hidden, opt)
+  constructor(props: EditorProps<P>) {
+    super(props)
 
     this.updateItems()
   }

package/src/formatters/formatters.ts

@@ -8,19 +8,17 @@ export type Formatter = {
 
 @Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')
 export class ZeroDisplayFormatter implements Formatter {
-  constructor() {
-    this.displayText = ''
+  constructor(public readonly props: { displayText?: string } = {}) {
+    this.props ??= {}
+    this.props.displayText ??= ''
   }
 
-  @Decorators.option()
-  public displayText: string
-
   format(ctx: FormatterContext): string {
     const src = ctx.value as string
 
     const value = parseFloat(String(src || '0').replace(',', ''))
     if (value == 0) {
-      return htmlEncode(this.displayText)
+      return htmlEncode(this.props.displayText)
     }
 
     return htmlEncode(src)
@@ -29,35 +27,28 @@ export class ZeroDisplayFormatter implements Formatter {
 
 @Decorators.registerFormatter('Idevs.CheckboxFormatter')
 export class CheckboxFormatter implements Formatter {
-  constructor() {
-    this.cssClass = 'text-center fs-2 text-gray-1'
-    this.trueText = '1'
-    this.falseText = '0'
-    this.trueValueIcon = 'mdi mdi-checkbox-marked-outline'
-    this.falseValueIcon = 'mdi mdi-checkbox-blank-outline'
+  constructor(
+    public readonly props: {
+      trueText?: string
+      falseText?: string
+      cssClass?: string
+      trueValueIcon?: string
+      falseValueIcon?: string
+    },
+  ) {
+    this.props.cssClass ??= 'text-center fs-2 text-gray-1'
+    this.props.trueText ??= '1'
+    this.props.falseText ??= '0'
+    this.props.trueValueIcon ??= 'mdi mdi-checkbox-marked-outline'
+    this.props.falseValueIcon ??= 'mdi mdi-checkbox-blank-outline'
   }
 
-  @Decorators.option()
-  public trueText: string
-
-  @Decorators.option()
-  public falseText: string
-
-  @Decorators.option()
-  public cssClass: string
-
-  @Decorators.option()
-  public trueValueIcon: string
-
-  @Decorators.option()
-  public falseValueIcon: string
-
   format(ctx: FormatterContext): string {
     const src = ctx.value as string
-    if (src == this.trueText) {
-      return `<i class="${this.trueValueIcon} ${this.cssClass}"></i>`
-    } else if (src == this.falseText) {
-      return `<i class="${this.falseValueIcon} ${this.cssClass}"></i>`
+    if (src == this.props.trueText) {
+      return `<i class="${this.props.trueValueIcon} ${this.props.cssClass}"></i>`
+    } else if (src == this.props.falseText) {
+      return `<i class="${this.props.falseValueIcon} ${this.props.cssClass}"></i>`
     } else {
       return htmlEncode(src)
     }

package/src/tsconfig.json

@@ -12,13 +12,13 @@
     "forceConsistentCasingInFileNames": true,
     "noImplicitAny": true,
     "sourceMap": true,
-    "module": "ES2020",
+    "module": "ESNext",
     "moduleResolution": "Node",
     "skipLibCheck": true,
     "types": ["jquery", "jquery.validation", "jqueryui", "toastr"],
     "outDir": "../dist",
-    "target": "ES6",
-    "lib": ["ES6", "ES2020", "DOM"],
+    "target": "ES2015",
+    "lib": ["ES6", "ES2015", "ES2020", "DOM"],
     "noEmitHelpers": false,
     "importHelpers": false,
     "jsx": "react",