bromcom-ui 2.8.0-rc.10-d → 2.8.0-rc.10-e

package/dist/types/helper/generate.d.ts

@@ -19,7 +19,4 @@ export declare class Generate {
   static setAttributes: (item: any, obj: any) => void;
   static computedStyle: (element: HTMLElement, property: string) => string;
   static getAncestor: (el: any, selector: any) => any;
-  static findParentElement: (element: any, selector: any) => any;
-  static observeElementRemoval(element: Element, callback: () => void): void;
-  static getTwColor(color: string, variable?: string): {};
 }

package/dist/types/helper/popover-helper.d.ts

@@ -7,23 +7,14 @@ export declare class Popover {
   color?: string;
   el?: HTMLElement;
   trigger?: string;
-  openDelay: number;
-  closeDelay: number;
-  emitShow: () => void;
-  emitHide: () => void;
-  constructor({ content, message, targetId, placement, color, trigger, openDelay, closeDelay, emitShow, emitHide }: {
+  constructor({ content, message, targetId, placement, color, trigger }: {
     content: any;
     message: any;
     targetId: any;
     placement?: string;
     color?: string;
     trigger?: string;
-    openDelay?: number;
-    closeDelay?: number;
-    emitShow?: () => void;
-    emitHide?: () => void;
   });
-  destroy: () => void;
   private bgColor;
   exepcitonColors: {
     white: string;
@@ -33,9 +24,8 @@ export declare class Popover {
   private init;
   update: () => void;
   listener: () => void;
-  removeListener: () => void;
   private calculatePosition;
-  show: () => Promise<void>;
-  hide: () => Promise<void>;
+  show: () => void;
+  hide: () => void;
   toggle: () => void;
 }

package/dist/types/helper/tooltip-helper.d.ts

@@ -6,33 +6,20 @@ export declare class Tooltip {
   color: string;
   el: HTMLElement;
   trigger: string;
-  size: string;
-  openDelay: number;
-  closeDelay: number;
-  emitShow: () => void;
-  emitHide: () => void;
-  constructor({ message, targetId, placement, color, trigger, size, openDelay, closeDelay, emitShow, emitHide, }: {
+  constructor({ message, targetId, placement, color, trigger }: {
     message: any;
     targetId: any;
     placement?: string;
     color?: string;
     trigger?: string;
-    size?: string;
-    openDelay?: number;
-    closeDelay?: number;
-    emitShow?: () => void;
-    emitHide?: () => void;
   });
-  destroy: () => void;
   private bgColor;
   private target;
-  private sizeClass;
   private init;
   update: () => void;
   listener: () => void;
-  removeListener: () => void;
   private calculatePosition;
-  show: () => Promise<void>;
-  hide: () => Promise<void>;
+  show: () => void;
+  hide: () => void;
   toggle: () => void;
 }

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from "./components";
+export { Components, JSX } from './components';

package/dist/types/models/bcm.d.ts

@@ -321,8 +321,7 @@ export declare namespace Bcm {
     url = "url",
     search = "search",
     tel = "tel",
-    hidden = "hidden",
-    color = "color"
+    hidden = "hidden"
   }
   enum KeyCode {
     backspace = 8,

package/dist/types/templates/input-template.d.ts

@@ -1,7 +1,7 @@
-import { FunctionalComponent } from "../stencil-public-runtime";
-import Bcm from "../models/bcm";
+import { FunctionalComponent } from '../stencil-public-runtime';
+import Bcm from '../models/bcm';
 interface InputTemplateProps extends Bcm.InputClickEvent {
-  elementType?: "textarea" | "input";
+  elementType?: 'textarea' | 'input';
   rows?: any;
   id?: any;
   internalId?: any;
@@ -29,8 +29,6 @@ interface InputTemplateProps extends Bcm.InputClickEvent {
   changePasswordVisibility?: () => void;
   handleClear?: (e: MouseEvent) => void;
   steps?: (type: any) => void;
-  isEyeDropperSupported?: () => boolean;
-  eyeDropper?: () => void;
 }
 export declare const InputTemplate: FunctionalComponent<InputTemplateProps>;
 export {};

package/dist/types/templates/list-template.d.ts

@@ -6,7 +6,6 @@ interface ListTemplateProps extends Bcm.ListClickEvent {
   bcmListContainer?: any;
   infoFooter?: any;
   searchPlaceholder?: string;
-  minSearchLength?: number;
   searchIsOnlyChilds?: boolean;
   value?: any;
   totalData?: any;

package/package.json

@@ -1,111 +1,72 @@
 {
-  "name": "bromcom-ui",
-  "version": "2.8.0-rc.10-d",
-  "description": "Stencil Component Starter",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "types": "dist/types/components.d.ts",
-  "unpkg": "dist/bromcom-ui/bromcom-ui.js",
-  "files": [
-    "dist/",
-    "loader/",
-    "helper/"
-  ],
-  "scripts": {
-    "start": "npm-run-all clean:www -p dev:*",
-    "clean:www": "rm -rf www",
-    "dev:stencil": "stencil build --dev --watch --serve",
-    "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
-    "build": "run-s clean:dist clean:loader clean:helper tsc-helper build:tailwind build:stencil build:aliases",
-    "clean:dist": "rm -rf dist",
-    "clean:loader": "rm -rf loader",
-    "clean:helper": "rm -rf helper",
-    "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
-    "build:stencil": "stencil build --prod",
-    "build:aliases": "tsc-alias -p tsconfig.aliases.json",
-    "generate": "stencil generate",
-    "distRemove": "rm -rf ./dist/cjs && rm -rf ./dist/esm && rm -rf ./dist/types && rm -rf ./dist/collection && rm -r ./dist/index.cjs.js && rm -r ./dist/index.js",
-    "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build",
-    "ds-version": "npm run build && npm version patch && npm run build",
-    "storybook": "start-storybook -p 8000",
-    "build:storybook": "build-storybook",
-    "generate:storybook": "npm run build && npm run build:storybook",
-    "tsc-helper": "npm run clean:helper && cd ./src/global/helper && tsc index.ts --declaration --declarationMap --allowJs --outDir ./../../../helper",
-    "format": "prettier --write \"src/**/*.tsx\""
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-syntax-jsx": "^7.12.1",
-    "@babel/plugin-transform-react-jsx": "^7.12.5",
-    "@etchteam/storybook-addon-status": "^4.2.2",
-    "@floating-ui/dom": "^1.0.1",
-    "@stencil/core": "^2.17.1",
-    "@stencil/sass": "^1.3.2",
-    "@stencil/store": "^1.5.0",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-notes": "^5.3.21",
-    "@storybook/builder-webpack4": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/html": "^6.5.16",
-    "@storybook/manager-webpack4": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
-    "@types/estree": "^1.0.0",
-    "@types/node": "^18.15.3",
-    "babel-loader": "^8.2.0",
-    "classnames": "^2.2.6",
-    "cpy-cli": "^4.2.0",
-    "fs-extra": "^11.1.0",
-    "jsx-dom": "^6.4.23",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.7",
-    "prettier-plugin-organize-imports": "^3.2.2",
-    "prettier-plugin-tailwindcss": "^0.2.6",
-    "react": "^16.14.0",
-    "react-colorful": "^5.6.1",
-    "react-dom": "^16.14.0",
-    "rollup": "^2.58.0",
-    "@rollup/plugin-replace": "^3.1.0",
-    "rollup-plugin-dotenv": "latest",
-    "slugify": "^1.6.5",
-    "snq": "^1.0.3",
-    "storybook-fetch-addon": "^1.2.1",
-    "tailwindcss": "^3.1.8",
-    "ts-dedent": "^2.2.0",
-    "tsc-alias": "^1.7.0"
-  },
-  "__comment__": [
-    {
-      "@babel/core": "^7.12.3",
-      "@babel/plugin-syntax-jsx": "^7.12.1",
-      "@babel/plugin-transform-react-jsx": "^7.12.5",
-      "babel-loader": "^8.2.0",
-      "cpy-cli": "^3.1.1",
-      "fs-extra": "^9.0.1",
-      "glob": "^7.1.6",
-      "gulp": "^4.0.2",
-      "gulp-autoprefixer": "^8.0.0",
-      "gulp-concat": "^2.6.1",
-      "gulp-minify-css": "^1.2.4",
-      "gulp-sass": "^5.1.0",
-      "sass": "^1.49.8",
-      "@storybook/addon-actions": "^6.0.28",
-      "@storybook/addon-backgrounds": "^6.1.9",
-      "@storybook/addon-controls": "^6.0.28",
-      "@storybook/addon-docs": "^6.5.9",
-      "@storybook/addon-notes": "^5.3.21",
-      "@storybook/addon-viewport": "^6.1.9",
-      "@storybook/html": "^6.0.28"
-    }
-  ]
+    "name": "bromcom-ui",
+    "version": "2.8.0-rc.10-e",
+    "description": "Stencil Component Starter",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.js",
+    "es2015": "dist/esm/index.mjs",
+    "es2017": "dist/esm/index.mjs",
+    "collection": "dist/collection/collection-manifest.json",
+    "collection:main": "dist/collection/index.js",
+    "types": "dist/types/components.d.ts",
+    "unpkg": "dist/bromcom-ui/bromcom-ui.js",
+    "files": [
+        "dist/",
+        "loader/"
+    ],
+    "scripts": {
+        "start": "npm-run-all clean:www -p dev:*",
+        "clean:www": "rm -rf www",
+        "dev:stencil": "stencil build --dev --watch --serve",
+        "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
+        "build": "run-s clean:dist clean:loader build:tailwind build:stencil build:aliases",
+        "clean:dist": "rm -rf dist",
+        "clean:loader": "rm -rf loader",
+        "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
+        "build:stencil": "stencil build --prod",
+        "build:aliases": "tsc-alias -p tsconfig.aliases.json",
+        "generate": "stencil generate",
+        "distRemove": "rm -rf ./dist/cjs && rm -rf ./dist/esm && rm -rf ./dist/types && rm -rf ./dist/collection && rm -r ./dist/index.cjs.js && rm -r ./dist/index.js",
+        "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build",
+        "ds-version": "npm run build && npm version patch && npm run build"
+    },
+    "license": "MIT",
+    "devDependencies": {
+        "@floating-ui/dom": "^1.0.1",
+        "@stencil/core": "^2.17.1",
+        "@stencil/sass": "^1.3.2",
+        "@stencil/store": "^1.5.0",
+        "@types/node": "^18.7.1",
+        "classnames": "^2.2.6",
+        "npm-run-all": "^4.1.5",
+        "rollup-plugin-dotenv": "^0.3.0",
+        "slugify": "^1.6.5",
+        "snq": "^1.0.3",
+        "tailwindcss": "^3.1.8",
+        "tsc-alias": "^1.7.0"
+    },
+    "__comment__": [
+        {
+            "@babel/core": "^7.12.3",
+            "@babel/plugin-syntax-jsx": "^7.12.1",
+            "@babel/plugin-transform-react-jsx": "^7.12.5",
+            "babel-loader": "^8.2.0",
+            "cpy-cli": "^3.1.1",
+            "fs-extra": "^9.0.1",
+            "glob": "^7.1.6",
+            "gulp": "^4.0.2",
+            "gulp-autoprefixer": "^8.0.0",
+            "gulp-concat": "^2.6.1",
+            "gulp-minify-css": "^1.2.4",
+            "gulp-sass": "^5.1.0",
+            "sass": "^1.49.8",
+            "@storybook/addon-actions": "^6.0.28",
+            "@storybook/addon-backgrounds": "^6.1.9",
+            "@storybook/addon-controls": "^6.0.28",
+            "@storybook/addon-docs": "^6.5.9",
+            "@storybook/addon-notes": "^5.3.21",
+            "@storybook/addon-viewport": "^6.1.9",
+            "@storybook/html": "^6.0.28"
+        }
+    ]
 }

package/dist/bromcom-ui/global/helper/index.ts

@@ -1 +0,0 @@
-export * from "./toast";

package/dist/bromcom-ui/global/helper/toast.ts

@@ -1,136 +0,0 @@
-interface ToastOptions {
-    "id"?: string;
-    "message"?: string;
-    "status"?: "success" | "error" | "warning" | "info";
-    "description"?: string;
-    "duration"?: number;
-    "position"?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-    "message-icon"?: string;
-    "view-button"?: boolean;
-    "close-button"?: boolean;
-}
-
-interface ToastEvents {
-    bcmToastView?: (event: any) => void;
-    bcmToastClose?: (event: any) => void;
-    bcmToastOpen?: (event: any) => void;
-}
-
-export class Toast {
-    element: any;
-    options: ToastOptions & ToastEvents;
-
-    /**
-     * Creates an instance of Toast.
-     * @param {ToastOptions & ToastEvents} [options={}]
-     * @example
-     * const toast = new Toast();
-     * @example
-     * const toast = new Toast({
-     * id: "my-toast",
-     * message: "Hello World",
-     * status: "success",
-     * description: "This is a description",
-     * duration: 5000,
-     * position: "top",
-     * "message-icon": "check",
-     * "view-button": true,
-     * "close-button": true,
-     * bcmToastView: (event) => {
-     * // This Event fires when the view button is clicked
-     * // do something
-     * },
-     * bcmToastClose: (event) => {
-     * // This Event fires when the toast is closed
-     * // do something
-     * },
-     * bcmToastOpen: (event) => {
-     * // This Event fires when the toast is opened
-     * // do something
-     * }
-     * });
-     * toast.show();
-     */
-    constructor(options: ToastOptions & ToastEvents) {
-        this.options = options;
-
-        this.createElement();
-        this.listeners();
-        this.setAttributes();
-        return this.element;
-    }
-
-    private createElement() {
-        let el: any;
-        this.options?.id && (el = document.getElementById(this.options.id));
-        if (el) {
-            this.element = el;
-        } else {
-            const tag = "bcm-toast";
-            this.element = document.createElement(tag);
-        }
-
-        document.body.appendChild(this.element);
-        return this.element;
-    }
-
-    private listeners() {
-        this.options.bcmToastView && this.element.addEventListener("bcm-toast-view", this.options.bcmToastView);
-        this.options.bcmToastClose && this.element.addEventListener("bcm-toast-close", this.options.bcmToastClose);
-        this.options.bcmToastOpen && this.element.addEventListener("bcm-toast-open", this.options.bcmToastOpen);
-    }
-
-    private setAttributes() {
-        for (let key in this.options) {
-            this.element.setAttribute(key, this.options[key]);
-        }
-    }
-
-    /**
-     * Shows the toast
-     * @returns {HTMLElement} The element that was shown
-     * @example
-     * const toast = new Toast();
-     * toast.show();
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *   // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *  // do something
-     * }).catch(() => {
-     * // do something else
-     * });
-     */
-    show() {
-        this.element.show();
-        return this.element;
-    }
-
-    /**
-     * Hides the toast
-     * @returns {HTMLElement} The element that was hidden
-     * @example
-     * const toast = new Toast();
-     * toast.hide();
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *    // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *   // do something
-     * }).catch(() => {
-     *  // do something else
-     * });
-     */
-    hide() {
-        this.element.hide();
-        return this.element;
-    }
-}