bromcom-ui 2.8.0-rc.9 → 3.0.0-rc.0

package/dist/cjs/old-bcm-form.cjs.entry.js

@@ -0,0 +1,487 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ddfd6d8f.js');
+const index$1 = require('./index-fdbf5226.js');
+const isLoadDecorator = require('./is-load-decorator-137dded1.js');
+const stringHelper = require('./string-helper-8893dc39.js');
+const utils = require('./utils-fc077139.js');
+require('./_commonjsHelpers-bd20f4c0.js');
+require('./bcm-e4cbab88.js');
+
+// /**
+//  * 
+//  * @param type 
+//  */
+// export const required = (value:any) => {
+//   if ( value || value != null ) {
+//     return true
+//   } else {
+//     return true
+//   }
+// }
+class rules {
+  constructor() { }
+  response(status, message) {
+    return Object.assign(Object.assign({ valid: status }, (message && { message })), (!status && { type: 'error' }));
+  }
+  required(value, componentValidation) {
+    let validation = this.response(true);
+    if (value == '' || value == "" || value == undefined || value == null || value === false) {
+      validation = this.response(false, 'This field is required.');
+    }
+    if (componentValidation) {
+      if (!componentValidation.valid) {
+        validation = this.response(false, componentValidation.errorText);
+      }
+      if (value instanceof Object) {
+        if (value.isValid) {
+          if (value.isValid == false)
+            validation = this.response(false, 'This field is required.');
+        }
+      }
+    }
+    return validation;
+  }
+  selfValidation(input) {
+    let validation = this.response(true);
+    if (input.captionError != null || input.captionType == 'error') {
+      validation = this.response(false, input.captionError);
+    }
+    return validation;
+  }
+}
+const validate = new rules;
+
+const oldFormCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block;margin-bottom:8px}:host(.hidden){display:none}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  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;
+};
+const BcmOldForm = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.bcmForm = index.createEvent(this, "bcm-form", 7);
+    this.formData = {};
+    this.inputs = [];
+    this.duplicateInput = [];
+    this.isValid = true;
+    this.returnCaption = [];
+    this.Bromcom = {
+      errors: {
+        targetFormNotExist: 'target form is not exist --> ',
+      },
+      inputComponents: {
+        // Birbirinin aynısı
+        INPUT: 'input',
+        TEXTAREA: 'textarea',
+        //çok benzer
+        SWITCH: 'switch',
+        CHECKBOX: 'checkbox',
+        RADIO_GROUP: 'radio-group',
+        CHECKBOX_GROUP: 'checkbox-group',
+        RANGE: 'range',
+        // sadece value fırlatıyor
+        FORM: 'form',
+        FORM_GROUP: 'form-group',
+        // *En vakit alacak => içinde select, autocomplete, listbox, treeview özellikleri var
+        LIST: 'list',
+        //
+        COLORPICKER: 'colorpicker',
+        // picker aslında tek komponent hepsi datetimepicker
+        DATE_PICKER: 'date-picker',
+        TIME_PICKER: 'time-picker',
+        DATETIME_PICKER: 'datetime-picker',
+        // silinecek komponentler
+        SELECT: 'select',
+        LISTBOX: 'listbox'
+      },
+      helpers: {
+        randomId: function () {
+          return Math.random().toString(16).slice(2, -1);
+        },
+      },
+    };
+    this._id = (Math.random() * 4).toString(16).replace('.', '');
+    this.hidden = false;
+    this.validation = false;
+    this.name = "";
+    this.value = undefined;
+    this.autocomplete = false;
+  }
+  handleSubmit() {
+    // if (lowercase(e.target.nodeName) === 'bcm-button') {
+    //     if (e.target.type === 'submit') {
+    //         this.submitFunction()
+    //     }
+    // }
+  }
+  async submitFunction() {
+    this.formData = {};
+    this.inputs = [];
+    this.selector = this.el;
+    await this.getInputs();
+    await utils.delay(10);
+    const usrFrmData = await this.userFormData();
+    var formData = { isValid: true, formData: usrFrmData };
+    if (this.name) {
+      formData = Object.assign(Object.assign({}, formData), { formName: this.name });
+    }
+    if (this.isValid) {
+      this.bcmForm.emit(formData);
+      return formData;
+    }
+    else {
+      this.returnCaption = { isValid: false, 'message': 'Please fill in all inputs', 'errorDetails': this.returnCaption, formData: usrFrmData };
+      if (this.name) {
+        this.returnCaption = Object.assign(Object.assign({}, this.returnCaption), { formName: this.name });
+      }
+      this.bcmForm.emit(this.returnCaption);
+      return this.returnCaption;
+    }
+  }
+  async submit() {
+    return Promise.resolve(this.submitFunction());
+  }
+  async set(data) {
+    var _a;
+    const validate = this.validation;
+    this.validation = false;
+    // debugger
+    this.selector = this.el;
+    await this.getInputs();
+    if (data && ((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      for (const key of Object.keys(data)) {
+        const item = this.inputs.find(item => item.name === key);
+        if (item) {
+          try {
+            await item.set(data[key]);
+          }
+          catch (error) {
+            console.log(item.nodeName, "set", error);
+          }
+        }
+      }
+    }
+    this.validation = validate;
+  }
+  async get() {
+    var _a;
+    let formData = {};
+    this.selector = this.el;
+    const inputsCache = this.inputs;
+    await this.getInputs();
+    ((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.inputs.forEach(async (item) => {
+      try {
+        const value = await item.get();
+        formData = Object.assign(Object.assign({}, formData), { [item.name]: value });
+      }
+      catch (error) {
+        console.log(`${item.nodeName} get error`);
+      }
+    });
+    this.inputs = inputsCache;
+    await utils.delay(10);
+    return Promise.resolve(formData);
+  }
+  async setClear() {
+    this.formData = {};
+    this.inputs = [];
+    this.selector = this.el;
+    let clear = [];
+    await this.getInputs();
+    this.inputs.forEach(async (item) => {
+      try {
+        clear.push(await item.setClear());
+      }
+      catch (error) {
+        console.log(error);
+      }
+    });
+    await Promise.all(clear).then(() => {
+      this.formData = {};
+      this.inputs = [];
+      this.duplicateInput = [];
+      this.isValid = true;
+      this.returnCaption = [];
+    });
+    await utils.delay(10);
+    return Promise.resolve(true);
+  }
+  async resetCaption() {
+    await utils.delay(10);
+    this.formData = {};
+    this.inputs = [];
+    this.selector = this.el;
+    await this.getInputs();
+    for (const item of this.inputs) {
+      try {
+        await item.resetCaption();
+      }
+      catch (error) {
+        console.log(item.nodeName, "rc p");
+      }
+    }
+    await utils.delay(10);
+    return Promise.resolve();
+  }
+  async config(_config) {
+    if (_config['validation']) {
+      typeof _config['validation'] == 'boolean'
+        ? this.validation = _config['validation']
+        : this.validation = false;
+    }
+    return true;
+  }
+  async getInputs() {
+    var form = this.selector;
+    if (!form) {
+      console.warn(this.Bromcom.errors.targetFormNotExist + this.selector);
+      return;
+    }
+    const inputs = Array.from(form.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
+    this.duplicateInput = [];
+    // s-hn: Stencil private flag that contains host web component
+    // https://github.com/ionic-team/stencil/blob/45388e95edb46ef357eb9ae37cd32bbb5bc1ed23/src/runtime/vdom/vdom-render.ts#L116
+    const rootInputs = inputs.filter((input) => { var _a; return !input['s-hn'] || ((_a = input['s-hn']) === null || _a === void 0 ? void 0 : _a.nodeName) !== 'BcmForm'; });
+    // debugger;
+    for (const item of rootInputs) {
+      if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-checkbox-group") {
+        let checkboxs = item.querySelectorAll("bcm-checkbox");
+        if (checkboxs) {
+          for (const checkbox of checkboxs) {
+            this.duplicateInput.push(checkbox.name);
+          }
+        }
+      }
+      if (stringHelper.StringHelper.lowercase(item.nodeName) == "bcm-form") {
+        const groupInputs = Array.from(item.querySelectorAll('bcm-' + Object.values(this.Bromcom.inputComponents).join(',bcm-')));
+        let itemObject = {};
+        for (const element of groupInputs) {
+          var name = element.name;
+          var value = element.value;
+          itemObject = Object.assign(Object.assign({}, itemObject), { [name]: value });
+          this.duplicateInput.push(element.name);
+        }
+        item.value = itemObject;
+        let checkboxs = item.querySelectorAll("bcm-checkbox");
+        if (checkboxs) {
+          for (const checkbox of checkboxs) {
+            this.duplicateInput.push(checkbox.name);
+          }
+        }
+      }
+    }
+    await utils.delay(10);
+    this.inputs = rootInputs;
+  }
+  getItemValue(item) {
+    const tagName = item.tagName.toLowerCase().replace('bcm-', '');
+    switch (tagName) {
+      /*   case 'date-picker':
+        case 'datetime-picker':
+            return item.value.timestamp
+        case 'time-picker':
+            return item.value.time */
+      default:
+        return item.value;
+    }
+  }
+  isWrapperComponent(item) {
+    return ['bcm-datetime-picker', 'bcm-date-picker', 'bcm-time-picker'].includes(item.toLowerCase());
+  }
+  isGroupComponent(item) {
+    return ['bcm-checkbox-group'].includes(item.toLowerCase());
+  }
+  isListComponent(item) {
+    return ['bcm-list'].includes(item.toLowerCase());
+  }
+  async userFormData() {
+    this.formData = {};
+    this.isValid = true;
+    this.returnCaption = [];
+    for (const item of this.inputs) {
+      // const isListComponent = this.isListComponent(item.tagName);
+      const isGroupComponent = this.isGroupComponent(item.tagName);
+      const isWrapperComponent = this.isWrapperComponent(item.tagName);
+      const wrapperComponent = isWrapperComponent && item;
+      const input = isWrapperComponent
+        ? await item.getInput() && item
+        : item;
+      // input.caption = ''
+      // input.captionType = ''
+      if (this.validation) {
+        let valid = null;
+        // if (isListComponent) {
+        //     valid = !(input.value && input.value.length > 0) && validate.required(input.value)
+        // } else
+        if (isWrapperComponent) {
+          const isPickerValid = await wrapperComponent.isValid();
+          valid = validate.required(input.value, isPickerValid);
+          if (valid) {
+            if (input.value instanceof Object) {
+              if (input.value["isValid"] == false) {
+                valid = validate.required("", isPickerValid);
+              }
+            }
+            else {
+              valid = validate.required(input.value, isPickerValid);
+            }
+          }
+        }
+        else if (isGroupComponent) {
+          const childsCheckbox = utils.getChildElements(input, 'bcm-checkbox:not(#bcm-indeterminate-element)');
+          if (childsCheckbox && childsCheckbox.length > 0) {
+            for (const element of childsCheckbox) {
+              if (element && element.required === true) {
+                valid = validate.required(element.checked);
+                if (!valid['valid']) {
+                  element.noCaption = false;
+                  element.captionError = valid['message'];
+                  element.captionType = valid['type'];
+                }
+                else {
+                  element.noCaption = input.noCaption;
+                  element.captionError = null;
+                  element.captionType = "default";
+                }
+              }
+            }
+          }
+        }
+        else {
+          valid = validate.required(input.value);
+        }
+        if (input.required) {
+          if (!valid['valid']) {
+            input.captionError = valid['message'];
+            input.captionType = valid['type'];
+          }
+          else {
+            input.captionError = null;
+            input.captionType = "default";
+          }
+          await utils.delay(10);
+          const selfValidation = validate.selfValidation(input);
+          if (valid['valid']) {
+            if (!selfValidation['valid']) {
+              input.captionError = selfValidation['message'];
+              input.captionType = selfValidation['type'];
+            }
+          }
+        }
+        let name = input.name;
+        let value = input.captionError;
+        !input.hidden && input.captionType == 'error' && (this.returnCaption = [...Array.from(this.returnCaption), { [name]: value }],
+          this.isValid = false);
+      }
+      if (input.name && !this.duplicateInput.includes(input.name)) {
+        var itemValue = this.getItemValue(input);
+        if (!itemValue || itemValue == undefined || itemValue == null) {
+          itemValue = null;
+        }
+        this.formData[input.name] = itemValue;
+      }
+    }
+    return this.formData;
+  }
+  async handleChange(e) {
+    const isWrapperComponent = this.isWrapperComponent(e.target.tagName);
+    const isGroupComponent = this.isGroupComponent(e.target.tagName);
+    let target;
+    if (isWrapperComponent) {
+      target = e.target.getInput && await e.target.getInput() || e.target;
+    }
+    else if (isGroupComponent) {
+      let req = false;
+      const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
+      childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
+        if (element && element.required === true) {
+          req = true;
+        }
+      }));
+      target = Object.assign(Object.assign({}, e.target), { required: req });
+    }
+    else {
+      target = e.target;
+    }
+    const value = e.target.value;
+    const wrapperComponent = isWrapperComponent && e.target;
+    var isPickerValid;
+    if (isWrapperComponent) {
+      isPickerValid = await wrapperComponent.isValid();
+    }
+    const tick = setTimeout(() => {
+      if (target.required) {
+        let valid = null;
+        if (isWrapperComponent) {
+          valid = validate.required(value, isPickerValid);
+          if (valid) {
+            if (value instanceof Object) {
+              if (value["isValid"] == false) {
+                valid = validate.required("", isPickerValid);
+              }
+            }
+            else {
+              valid = validate.required(value, isPickerValid);
+            }
+          }
+        }
+        else if (isGroupComponent) {
+          const childsCheckbox = utils.getChildElements(e.target, 'bcm-checkbox:not(#bcm-indeterminate-element)');
+          childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
+            if (element && element.required === true) {
+              valid = validate.required(element.checked);
+              if (!valid['valid']) {
+                element.noCaption = false;
+                element.captionError = valid['message'];
+                element.captionType = valid['type'];
+              }
+              else {
+                element.noCaption = e.target.noCaption;
+                element.captionError = null;
+                element.captionType = "default";
+              }
+            }
+          }));
+        }
+        else {
+          valid = validate.required(value);
+        }
+        if (valid['valid']) {
+          target.captionError = null;
+          target.captionType = null;
+        }
+        else {
+          target.captionError = valid['message'];
+          target.captionType = valid['type'];
+        }
+      }
+      clearTimeout(tick);
+    });
+    this.value = await this.userFormData();
+  }
+  render() {
+    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
+    return (index.h(index.Host, { class: hostClasses }, index.h("form", { class: "bcm-form", autocomplete: this.autocomplete ? "on" : "off" }, index.h("slot", null))));
+  }
+  get el() { return index.getElement(this); }
+};
+__decorate([
+  isLoadDecorator.IsLoad()
+], BcmOldForm.prototype, "el", void 0);
+BcmOldForm.style = oldFormCss;
+
+exports.old_bcm_form = BcmOldForm;

package/dist/cjs/{popover-placement-3c8f3a72.js → popover-placement-07720aeb.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const stringHelper = require('./string-helper-45cffee0.js');
+const stringHelper = require('./string-helper-8893dc39.js');
 
 const opposites = {
   left: 'right',

package/dist/cjs/{slot-template-3e59d7d8.js → slot-template-b36cf392.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-ddfd6d8f.js');
-const stringHelper = require('./string-helper-45cffee0.js');
+const stringHelper = require('./string-helper-8893dc39.js');
 
 const SlotTemplate = ({ value, className, name }) => {
   return stringHelper.StringHelper.isNullOrEmpty(value) ? index.h("span", { class: className },

package/dist/cjs/snq.es5-da53ce70.js

@@ -0,0 +1,20 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+function snq(callback, defaultValue) {
+    try {
+        var result = callback();
+        return typeof result === 'undefined' ? defaultValue : result;
+    }
+    catch (err) {
+        if (err instanceof TypeError) {
+            return defaultValue;
+        }
+        throw err;
+    }
+}
+
+exports.snq = snq;

package/dist/cjs/{stepper-states-538d8ba5.js → stepper-states-741ebc34.js}

@@ -5,7 +5,8 @@
 'use strict';
 
 const index = require('./index-4506fcd7.js');
-const generate = require('./generate-b39bfd65.js');
+const snq_es5 = require('./snq.es5-da53ce70.js');
+const generate = require('./generate-59e65204.js');
 const index$1 = require('./index-ddfd6d8f.js');
 
 const { state } = index.createStore({
@@ -45,7 +46,7 @@ const changeActiveStep = (id, index) => {
     value.steps = value.steps.map((step, i) => (Object.assign(Object.assign({}, step), { active: i === index - 1 })));
   }
 };
-const getActiveIndex = id => generate.snq(() => state.value.get(id).active, 0);
+const getActiveIndex = id => snq_es5.snq(() => state.value.get(id).active, 0);
 const changeStepStatus = (id, stepId, status) => {
   const value = state.value.get(id);
   if (value && value.steps) {
@@ -69,7 +70,7 @@ const stepperReset = id => {
     index$1.forceUpdate(value.el);
   }
 };
-const getValue = id => generate.snq(() => state.value.get(id), {});
+const getValue = id => snq_es5.snq(() => state.value.get(id), {});
 const stepperStates = {
   removeState,
   getValue,

package/dist/cjs/{string-helper-45cffee0.js → string-helper-8893dc39.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const bcm = require('./bcm-634604e3.js');
+const bcm = require('./bcm-e4cbab88.js');
 const _commonjsHelpers = require('./_commonjsHelpers-bd20f4c0.js');
 
 var slugify = _commonjsHelpers.createCommonjsModule(function (module, exports) {

package/dist/cjs/{tooltip-helper-c3879175.js → tooltip-helper-e85cd3f8.js}

@@ -5,15 +5,15 @@
 'use strict';
 
 require('./element-dragger-a8562f82.js');
-const stringHelper = require('./string-helper-45cffee0.js');
+const stringHelper = require('./string-helper-8893dc39.js');
 const utils = require('./utils-fc077139.js');
-const floatingUi = require('./floating-ui-74eb26d6.js');
-const colorHelper = require('./color-helper-0097a7c2.js');
+const floatingUi = require('./floating-ui-54bb620a.js');
+const colorHelper = require('./color-helper-8c8675e5.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-b39bfd65.js');
-require('./number-helper-6fb59969.js');
-require('./validators-7e8e9603.js');
-const bcm = require('./bcm-634604e3.js');
+const generate = require('./generate-59e65204.js');
+require('./number-helper-07df86a9.js');
+require('./validators-cd7d5c69.js');
+const bcm = require('./bcm-e4cbab88.js');
 
 class Tooltip {
   constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, emitShow = () => { }, emitHide = () => { }, }) {

package/dist/cjs/{validators-7e8e9603.js → validators-cd7d5c69.js}

@@ -4,11 +4,11 @@
  */
 'use strict';
 
-const generate = require('./generate-b39bfd65.js');
+const snq_es5 = require('./snq.es5-da53ce70.js');
 
 class Validators {
 }
-Validators.compareTwoArrayIsSame = (arr1, arr2) => generate.snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
+Validators.compareTwoArrayIsSame = (arr1, arr2) => snq_es5.snq(() => arr1.length === arr2.length && arr1.every((v, i) => v === arr2[i]));
 Validators.isEmailValid = (str) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
 Validators.isUrlValid = (str) => /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(str);
 Validators.isNumberValid = (str) => /^[+-]?\d+$/.test(str);

package/dist/collection/collection-manifest.json

@@ -10,14 +10,13 @@
     "./components/atoms/label/label.js",
     "./components/atoms/link/link.js",
     "./components/molecules/accordion/accordion.js",
-    "./components/molecules/stepper/stepper.js",
     "./components/molecules/alert/alert.js",
     "./components/molecules/breadcrumb/breadcrumb.js",
     "./components/molecules/button-group/button-group.js",
     "./components/molecules/card/card.js",
+    "./components/molecules/checkbox/checkbox-group.js",
     "./components/molecules/checkbox/checkbox-lite.js",
     "./components/molecules/checkbox/checkbox.js",
-    "./components/molecules/checkbox/group.js",
     "./components/molecules/color-input/color-input.js",
     "./components/molecules/colorful/colorful.js",
     "./components/molecules/drawer/drawer.js",
@@ -30,9 +29,9 @@
     "./components/molecules/items/items.js",
     "./components/molecules/linked/linked.js",
     "./components/molecules/menu/menu.js",
-    "./components/molecules/message/message.js",
+    "./components/molecules/modal/modal-footer.js",
+    "./components/molecules/modal/modal-header.js",
     "./components/molecules/modal/modal.js",
-    "./components/molecules/notification/notification.js",
     "./components/molecules/popconfirm/popconfirm-box.js",
     "./components/molecules/popconfirm/popconfirm.js",
     "./components/molecules/popover/popover.js",
@@ -40,6 +39,7 @@
     "./components/molecules/radio/radio.js",
     "./components/molecules/range/range.js",
     "./components/molecules/result/result.js",
+    "./components/molecules/stepper/stepper.js",
     "./components/molecules/search/search.js",
     "./components/molecules/skeleton/skeleton.js",
     "./components/molecules/stepper/step.js",
@@ -51,12 +51,9 @@
     "./components/molecules/timeline/timeline-item.js",
     "./components/molecules/timeline/timeline.js",
     "./components/molecules/tooltip/tooltip.js",
-    "./components/organism/autocomplete/autocomplete.js",
     "./components/organism/date-picker/date-picker.js",
     "./components/organism/datetime-picker/datetime-picker.js",
-    "./components/organism/form/form-group.js",
     "./components/organism/form/form.js",
-    "./components/organism/form-2/form-2.js",
     "./components/organism/list/list.js",
     "./components/organism/time-picker/time-picker.js",
     "./components/other/attendance/attendance.js",
@@ -64,6 +61,8 @@
     "./components/other/data-table/table.js",
     "./components/other/default/default.js",
     "./components/other/input-custom/input-custom.js",
+    "./components/other/overlay/overlay.js",
+    "./components/other/scroll-area/scroll-area.js",
     "./components/other/toast/toast.js",
     "./components/other/typography/typography.js",
     "./components/other_deprecated/collapse/collapse.js",
@@ -72,9 +71,9 @@
     "./components/other_deprecated/listbox/listbox-group.js",
     "./components/other_deprecated/listbox/listbox-item.js",
     "./components/other_deprecated/listbox/listbox.js",
+    "./components/other_deprecated/old-form/old-form-group.js",
+    "./components/other_deprecated/old-form/old-form.js",
     "./components/other_deprecated/old-input/old-input.js",
-    "./components/other_deprecated/old-popover/old-popover-box.js",
-    "./components/other_deprecated/old-popover/old-popover.js",
     "./components/other_deprecated/old-search/old-search.js",
     "./components/other_deprecated/old-tag/old-tag.js",
     "./components/other_deprecated/select/group.js",