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

package/dist/types/components/atoms/button/button.d.ts

@@ -1,33 +1,63 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { ButtonTypes, IconPositionTypes, KindTypes, SizeTypes } from '../../../models/bcm-types';
-import { VariantProp } from './types';
+import { ButtonTypes, IconPositionTypes, SizeTypes, TargetTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { VariantProp } from "./types";
 export declare class BcmButton implements ComponentInterface {
+  /** Kaldırıldı
+   * Kind link özelliği kaldırıldı.
+   */
+  /** Eklendi
+   * filled
+   * form
+   * formaction
+   * formenctype
+   * formmethod
+   * formnovalidate
+   * formtarget
+   * name
+   */
+  /**
+   * fix: Button value özelliğini yanlış kullanıyormuşuz.
+   * eğer value özelliği verilirse button içindeki text değişirdi.
+   * Bu özellik değiştirildi.
+   * Artık button içindeki text değiştirilmek isteniyorsa text propu kullanılmalıdır.
+   */
   el: HTMLButtonElement;
-  _id: string;
-  hidden: boolean;
   type: ButtonTypes;
+  form: string;
+  formAction: string;
+  formMethod: "post" | "get";
+  formEnctype: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+  formTarget: "_self" | "_blank" | "_parent" | "_top" | string;
+  formNoValidate: boolean;
+  href: string;
+  target: TargetTypes;
+  rel: string;
+  download?: string;
+  _id: string;
+  value: string;
+  name: string;
+  variant: VariantProp;
+  dataDismiss: boolean;
+  color: any;
+  checked: boolean;
   size: SizeTypes;
   disabled: boolean;
-  kind: KindTypes;
+  kind: "solid" | "ghost";
   outline: boolean;
+  filled: boolean;
   icon: string;
-  href: string;
-  target: string;
-  value: string;
   loading: boolean;
-  variant: VariantProp;
-  dataDismiss: boolean;
+  text: string;
   fullWidth: boolean;
   iconPosition: IconPositionTypes;
-  color: any;
-  checked: boolean;
+  /**
+   * This is the button click event.
+   */
+  bcmButtonClick: EventEmitter;
+  /**
+   * This is the click event.
+   */
   bcmClick: EventEmitter;
-  handleOnClick(e: MouseEvent): boolean;
-  componentWillRender(): void;
-  getStateData(): import("../../../models/states/atoms/bcm-atoms-state").BcmAtomsState.Button;
-  isHaveChildNodes(): boolean;
-  setColor(color?: any): {
-    [x: string]: string;
-  };
+  isLink: () => boolean;
   render(): any;
 }

package/dist/types/components/atoms/button/types.d.ts

@@ -29,67 +29,67 @@ export declare const variantOptions: {
     icon: string;
     iconPosition: string;
   };
-  prev: {
+  send: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  next: {
+  delete: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  apply: {
+  cancel: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  submit: {
+  decline: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  send: {
+  close: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  delete: {
+  archive: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  cancel: {
+  remove: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  decline: {
+  prev: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  close: {
+  next: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  archive: {
+  apply: {
     text: string;
     color: string;
     icon: string;
     iconPosition: string;
   };
-  remove: {
+  submit: {
     text: string;
     color: string;
     icon: string;
@@ -140,14 +140,10 @@ export declare const variantOptions: {
 };
 export declare enum VariantProps {
   save = "save",
-  submit = "submit",
   ok = "ok",
   new = "new",
   add = "add",
   create = "create",
-  apply = "apply",
-  prev = "prev",
-  next = "next",
   send = "send",
   delete = "delete",
   cancel = "cancel",
@@ -155,12 +151,16 @@ export declare enum VariantProps {
   close = "close",
   archive = "archive",
   remove = "remove",
+  prev = "prev",
+  next = "next",
+  apply = "apply",
+  submit = "submit",
   edit = "edit",
   export = "export",
   import = "import",
   filter = "filter",
   update = "update",
-  reset = "Reset",
+  reset = "reset",
   download = "download"
 }
 export declare type VariantProp = keyof typeof VariantProps;

package/dist/types/components/atoms/chip/chip.d.ts

@@ -1,28 +1,17 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { SizeTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmChip implements ComponentInterface {
   el: HTMLElement;
   _id: string;
-  type: 'default' | 'dismissable' | 'addable' | 'checkable';
-  size: 'small' | 'medium' | 'large';
+  type: "default" | "dismissable" | "addable" | "checkable";
+  size: SizeTypes;
   avatar: any;
   icon: any;
   disabled: false;
-  color: any;
+  color: string;
   bcmChipDismiss: EventEmitter;
   bcmChipSelect: EventEmitter;
   bcmChipAddable: EventEmitter;
-  setColor(): {
-    '--bcm-chip-color': string;
-    '--bcm-chip-color-hover': string;
-    '--bcm-chip-color-focus': string;
-    '--bcm-chip-color-active': string;
-    '--bcm-chip-color-disabled': string;
-    '--bcm-chip-background-color': string;
-    '--bcm-chip-background-color-hover': string;
-    '--bcm-chip-background-color-focus': string;
-    '--bcm-chip-background-color-active': string;
-    '--bcm-chip-background-color-disabled': string;
-  };
   private handleDismiss;
   private handleAddable;
   render(): any;

package/dist/types/components/atoms/divider/divider.d.ts

@@ -1,5 +1,6 @@
-import { DirectionTypes } from '../../../models/bcm-types';
-export declare class BcmDivider {
+import { DirectionTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmDivider implements ComponentInterface {
   el: HTMLElement;
   hidden: boolean;
   direction: DirectionTypes;

package/dist/types/components/atoms/icon/icon.d.ts

@@ -1,6 +1,5 @@
 export declare class BcmIcon {
   el: HTMLElement;
-  hidden: boolean;
   icon: string;
   render(): any;
 }

package/dist/types/components/atoms/label/label.d.ts

@@ -1,8 +1,7 @@
-import { ComponentInterface } from '../../../stencil-public-runtime';
-import { SizeTypes, StatusTypes } from '../../../models/bcm-types';
+import { ComponentInterface } from "../../../stencil-public-runtime";
+import { SizeTypes, StatusTypes } from "../../../models/bcm-types";
 export declare class BcmLabel implements ComponentInterface {
   el: HTMLElement;
-  /** Props **/
   _id: string;
   required: boolean;
   value: string;

package/dist/types/components/atoms/link/link.d.ts

@@ -1,13 +1,17 @@
-import { IconPositionTypes } from '../../../models/bcm-types';
-export declare class BcmLink {
+import { IconPositionTypes, SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmLink implements ComponentInterface {
   el: HTMLElement;
+  _id: string;
   hidden: boolean;
   href: string;
   target: string;
   icon: string;
   disabled: boolean;
   iconPosition: IconPositionTypes;
-  handleOnClick(e: MouseEvent): void;
-  linkIsExternal(url: any): boolean;
+  status: StatusTypes;
+  size: SizeTypes;
+  private statusColors;
+  private linkIsExternal;
   render(): any;
 }

package/dist/types/components/molecules/alert/alert.d.ts

@@ -1,21 +1,22 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { StatusProp, TypeProp } from './types';
+import { SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmAlert implements ComponentInterface {
   el: HTMLElement;
-  hidden: boolean;
   _id: string;
-  _title: any;
-  description: any;
-  status: StatusProp;
-  type: TypeProp;
-  dismissible: any;
-  icon: boolean;
-  bigIcon: boolean;
+  message: any;
+  status: StatusTypes;
+  fill: boolean;
+  size: SizeTypes;
   fullWidth: boolean;
-  alertdismissible: EventEmitter;
-  componentWillRender(): Promise<void> | void;
-  dismiss(e: any): void;
-  getStateData(): import("../../../models/states/molecules/bcm-molecules-state").BcmMoleculesState.Alert;
-  setData(): void;
+  closeButton: boolean;
+  viewButton: boolean;
+  messageIcon: any;
+  onClose: EventEmitter;
+  onViewClick: EventEmitter;
+  showContainer: boolean;
+  private statusColors;
+  componentDidLoad(): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
   render(): any;
 }

package/dist/types/components/molecules/button-group/button-group.d.ts

@@ -1,13 +1,14 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { DirectionTypes, SizeTypes } from '../../../models/bcm-types';
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { DirectionTypes, SizeTypes } from "../../../models/bcm-types";
 export declare class BcmButtonGroup implements ComponentInterface {
   el: HTMLElement;
   _id: string;
   size: SizeTypes;
-  type: 'checkbox' | 'radio' | 'button';
+  type: "checkbox" | "radio" | "button";
   color: any;
   disabled: any;
   direction: DirectionTypes;
+  fullWidth: boolean;
   bcmChange: EventEmitter;
   componentWillLoad(): void;
   private getButtons;

package/dist/types/components/molecules/checkbox/checkbox-group.d.ts

@@ -0,0 +1,61 @@
+import { DirectionTypes, SizeTypes, StatusTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+interface CheckItem {
+  name: string;
+  checked: boolean;
+}
+export declare class BcmCheckBoxGroup implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  name: string;
+  disabled: boolean;
+  readonly: boolean;
+  hidden: boolean;
+  required: boolean;
+  checked: boolean;
+  value: any;
+  defaultValue: string | Array<string>;
+  label: string;
+  direction: DirectionTypes;
+  gap: string;
+  fullWidth: boolean | "flex";
+  size: SizeTypes;
+  items: Array<object> | string;
+  caption: string;
+  noCaption: boolean;
+  captionType: StatusTypes;
+  captionError: string;
+  indeterminate: boolean;
+  indeterminateText: string;
+  inderminateStatus: any;
+  change: EventEmitter;
+  groupCheckedList: EventEmitter;
+  get checkboxes(): HTMLBcmCheckboxElement[];
+  get checkedItems(): HTMLBcmCheckboxElement[];
+  get itemList(): any;
+  get val(): {};
+  get defaultValues(): string[];
+  get checkedList(): {};
+  componentWillLoad(): void;
+  private initOptions;
+  componentShouldUpdate(newVal: any, _oldVal: any, propName: string): boolean | void;
+  private setDefaultValue;
+  private updateValue;
+  private controlIndeterminate;
+  private checkIndeterminate;
+  private emitChange;
+  watchDefaultValue(): void;
+  handleChange(e: any): void;
+  get(): Promise<string[]>;
+  set(data: any): Promise<void>;
+  uncheckAll(): Promise<void>;
+  check(items: Array<CheckItem> | string): Promise<void>;
+  getValue(name?: string): Promise<any>;
+  getCheckedList(): Promise<{}>;
+  onBcmFocus(): Promise<void>;
+  onBcmBlur(): Promise<void>;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
+  render(): any;
+}
+export {};

package/dist/types/components/molecules/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 import { IndeterminateTypes, SizeTypes, StatusTypes } from "../../../models/bcm-types";
 export declare class BcmCheckbox implements ComponentInterface {
   /**
@@ -49,8 +49,5 @@ export declare class BcmCheckbox implements ComponentInterface {
   check(uncheck?: boolean): Promise<void>;
   handleKeyUp(ev: any): boolean;
   watchChecked(): void;
-  setColor(color?: string): {
-    [x: string]: string;
-  };
   render(): any;
 }

package/dist/types/components/molecules/drawer/drawer.d.ts

@@ -1,11 +1,12 @@
-import { PositionTypes } from '../../../models';
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { PositionTypes } from "../../../models";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmDrawer implements ComponentInterface {
   el: HTMLElement;
   _id: string;
   _title: any;
   position: PositionTypes;
   fullWidth: boolean;
+  zIndex: string;
   bcmBeforeOpen: EventEmitter;
   bcmBeforeClose: EventEmitter;
   _open: boolean;

package/dist/types/components/molecules/dropdown/dropdown.d.ts

@@ -1,19 +1,19 @@
-import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { IconPositionTypes, KindTypes, PlacementTypes, SizeTypes } from '../../../models/bcm-types';
-import { VariantProp } from '../../atoms/button/types';
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { IconPositionTypes, PlacementTypes, SizeTypes, TargetTypes } from "../../../models/bcm-types";
+import { VariantProp } from "../../atoms/button/types";
 export declare class BcmDropdown implements ComponentInterface {
   el: HTMLElement;
   isOpen: boolean;
   _id: string;
   menuId: string;
   hidden: boolean;
-  type: 'dropdown' | 'split';
+  type: "dropdown" | "split";
   size: SizeTypes;
   disabled: boolean;
-  kind: KindTypes;
+  kind: "solid" | "ghost";
   icon: string;
   href: string;
-  target: string;
+  target: TargetTypes;
   value: string;
   noStyle: boolean;
   dropdownIcon: string;

package/dist/types/components/molecules/empty/empty.d.ts

@@ -1,5 +1,9 @@
-export declare class BcmEmpty {
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmEmpty implements ComponentInterface {
   el: HTMLElement;
-  icon: string;
+  _id: string;
+  headerText: any;
+  icon: any;
+  description: any;
   render(): any;
 }

package/dist/types/components/molecules/error-layout/error-layout.d.ts

@@ -1,24 +1,10 @@
-import { SizeProp } from './types';
-export declare class BcmErrorLayout {
+import { SizeTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmErrorLayout implements ComponentInterface {
   el: HTMLElement;
-  size: SizeProp;
   hidden: boolean;
-  items: Array<object> | string;
-  itemsProp: Array<object>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  componentWillUpdate(): void;
-  componentDidUpdate(): void;
-  /**
-   * @desc
-   * @param newValue
-   * @returns {void}
-   */
-  parseItems(newValue: Array<object> | string): void;
+  items: Array<string> | string;
+  size: SizeTypes;
   set(val: any): Promise<void>;
   clear(): Promise<void>;
   render(): any;

package/dist/types/components/molecules/modal/modal-footer.d.ts

@@ -0,0 +1,7 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmModal2Footer implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  constructor();
+  render(): any;
+}

package/dist/types/components/molecules/modal/modal-header.d.ts

@@ -0,0 +1,7 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmModalHeader implements ComponentInterface {
+  el: HTMLElement;
+  _id: string;
+  constructor();
+  render(): any;
+}

package/dist/types/components/molecules/modal/modal.d.ts

@@ -1,26 +1,33 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
 export declare class BcmModal implements ComponentInterface {
   el: HTMLElement;
-  modalSlots: {};
   _id: string;
   isShow: boolean;
-  hidden: boolean;
+  center: boolean;
+  zIndex: string;
   size: any;
-  backdrop: boolean | 'static';
-  width: string;
-  height: string;
+  backdrop: boolean | "static";
   fullWidth: boolean;
-  beforeOpen: EventEmitter;
-  beforeClose: EventEmitter;
-  close: EventEmitter;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  handleSubmit(e: any): void;
-  handleBackdrop(): void;
+  fullScreen: boolean;
+  overflow: boolean;
+  isShowModal: boolean;
+  shake: boolean;
+  modalClose: EventEmitter;
+  modalOpen: EventEmitter;
+  modalBeforeClose: EventEmitter;
+  modalBeforeOpen: EventEmitter;
+  handleClick(e: MouseEvent): void;
+  handleKeyDown(ev: KeyboardEvent): void;
+  shakeModal(): void;
   hide(): Promise<void>;
+  hideModal(e: any): Promise<void>;
   show(): Promise<void>;
-  keyboardNavigation(e: any): void;
-  _openHandler(): void;
-  disconnectedCallback(): void;
+  showModal(e: any): Promise<void>;
+  getWidth(size: any): any;
+  setSize(): {
+    maxWidth: any;
+    minHeight: string;
+    height: string;
+  };
   render(): any;
 }

package/dist/types/components/molecules/result/result.d.ts

@@ -1,13 +1,15 @@
-import { statusType } from './types';
-export declare class BcmResult {
+import { StatusTypes } from "../../../models";
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class BcmResult implements ComponentInterface {
   el: HTMLElement;
-  status: statusType;
-  heading: string;
-  description: string;
-  hidden: boolean;
-  footerArea: boolean;
-  footerHtml: string;
-  getIcon(): any;
-  componentDidRender(): void;
+  _id: string;
+  headerText: any;
+  description: any;
+  status: StatusTypes;
+  icon: any;
+  private get modal();
+  private statusList;
+  show(): Promise<void>;
+  hide(): Promise<void>;
   render(): any;
 }

package/dist/types/components/organism/form/form.d.ts

@@ -1,34 +1,25 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class BcmForm {
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class BcmForm implements ComponentInterface {
   el: HTMLElement;
-  private formData;
-  private inputs;
-  private duplicateInput;
-  private selector;
-  private isValid;
-  private returnCaption;
-  private Bromcom;
   _id: string;
-  hidden: boolean;
   validation: boolean;
-  name: string;
-  value: any;
-  autocomplete: boolean;
   bcmForm: EventEmitter;
-  handleSubmit(): void;
-  submitFunction(): Promise<any>;
-  submit(): Promise<any>;
-  set(data: object): Promise<void>;
+  private isLoad;
+  private formData;
+  private formObj;
+  componentDidLoad(): void;
+  private componentIsValid;
+  private isGroup;
+  private checkIsGroup;
+  private changeCheckboxGroup;
+  private bcmComponentList;
+  private formResponse;
+  private setMethodType;
+  submit(): Promise<object>;
+  set(data: Object): Promise<void>;
   get(): Promise<{}>;
-  setClear(): Promise<boolean>;
   resetCaption(): Promise<void>;
-  config(_config: Array<object>): Promise<boolean>;
-  getInputs(): Promise<void>;
-  getItemValue(item: any): any;
-  isWrapperComponent(item: string): boolean;
-  isGroupComponent(item: string): boolean;
-  isListComponent(item: string): boolean;
-  userFormData(): Promise<any>;
-  handleChange(e: any): Promise<void>;
+  setClear(): Promise<void>;
+  onChange(event: CustomEvent): void;
   render(): any;
 }