bromcom-ui 2.11.1 → 2.12.0-test.0

package/dist/types/components/molecules/number-input/react-input.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+import { NumberFormatValues, NumericFormatProps } from "react-number-format";
+type ExtendedNumericPropsType = NumericFormatProps & {
+  mode: "strict" | "none";
+  onValueChange?: (e: NumberFormatValues) => void;
+};
+export declare class BcmReactNumber implements ComponentInterface {
+  el: HTMLElement;
+  disabled: boolean;
+  options: ExtendedNumericPropsType;
+  private isRange;
+  componentWillRender(): void | Promise<void>;
+  componentDidLoad(): void;
+  private init;
+}
+export {};

package/dist/types/components.d.ts

@@ -618,6 +618,49 @@ export namespace Components {
         "unitPrefix": string;
         "value": any;
     }
+    interface BcmInput2 {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "_prefix": string;
+        "_suffix": string;
+        "autocomplete": boolean;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "clearable": boolean;
+        "customErrorMessage": string;
+        "decimal": boolean;
+        "disableWatchValue": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "label": string;
+        "max": number;
+        "maxLength": number;
+        "min": number;
+        "minLength": number;
+        "name": string;
+        "noCaption": boolean;
+        "noDefaultIcon": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
+        "passwordToggle": boolean;
+        "pattern": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "size": SizeTypes1;
+        "step": any;
+        "tooltip": string;
+        "type": InputTypes;
+        "unit": string;
+        "unitPrefix": string;
+        "value": any;
+    }
     interface BcmInputCustom {
         "_id": string;
         "disabled": boolean;
@@ -931,25 +974,54 @@ export namespace Components {
     }
     interface BcmNumberInput {
         "_id": string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "allowLeadingZeros"?: boolean;
+        "allowNegative"?: boolean;
+        /**
+          * Caption Props
+         */
         "caption": string;
         "captionError": string;
         "captionType": StatusTypes;
+        "clearable": boolean;
         "customErrorMessage": string;
-        "disabled": boolean;
+        "decimalScale"?: number;
+        "decimalSeparator"?: string;
+        "defaultValue"?: number | string;
+        "disabled"?: boolean;
+        "fixedDecimalScale"?: boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<string | number>;
         "label": string;
-        "max": number;
-        "min": number;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Number Input Props
+         */
+        "mode": "strict" | "none";
+        "name": string;
         "noCaption": boolean;
-        "pattern": string;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
         "placeholder": string;
-        "prefixIcon": string;
-        "readonly": boolean;
-        "required": boolean;
-        "size": SizeTypes;
-        "step": number;
-        "suffixIcon": string;
-        "tooltip": string;
-        "value": number;
+        /**
+          * Input states
+         */
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setCaption": (caption?: any, captionType?: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "setValue": (value: any) => Promise<void>;
+        "size"?: SizeTypes;
+        "step"?: number;
+        "thousandSeparator"?: string | boolean;
+        "unitPrefix"?: string;
+        "unitSuffix"?: string;
+        "value"?: number | string;
     }
     interface BcmOldInput {
         "_id": string;
@@ -1161,6 +1233,10 @@ export namespace Components {
         "type": "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours": boolean;
     }
+    interface BcmReactNumber {
+        "disabled": boolean;
+        "options": ExtendedNumericPropsType;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1764,6 +1840,10 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
+export interface BcmInput2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInput2Element;
+}
 export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputDropdownElement;
@@ -1804,6 +1884,10 @@ export interface BcmNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmNotificationElement;
 }
+export interface BcmNumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmNumberInputElement;
+}
 export interface BcmOldInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmOldInputElement;
@@ -2155,6 +2239,12 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
+    interface HTMLBcmInput2Element extends Components.BcmInput2, HTMLStencilElement {
+    }
+    var HTMLBcmInput2Element: {
+        prototype: HTMLBcmInput2Element;
+        new (): HTMLBcmInput2Element;
+    };
     interface HTMLBcmInputCustomElement extends Components.BcmInputCustom, HTMLStencilElement {
     }
     var HTMLBcmInputCustomElement: {
@@ -2347,6 +2437,12 @@ declare global {
         prototype: HTMLBcmRcPickerElement;
         new (): HTMLBcmRcPickerElement;
     };
+    interface HTMLBcmReactNumberElement extends Components.BcmReactNumber, HTMLStencilElement {
+    }
+    var HTMLBcmReactNumberElement: {
+        prototype: HTMLBcmReactNumberElement;
+        new (): HTMLBcmReactNumberElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2593,6 +2689,7 @@ declare global {
         "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
+        "bcm-input-2": HTMLBcmInput2Element;
         "bcm-input-custom": HTMLBcmInputCustomElement;
         "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
@@ -2625,6 +2722,7 @@ declare global {
         "bcm-range": HTMLBcmRangeElement;
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
         "bcm-rc-picker": HTMLBcmRcPickerElement;
+        "bcm-react-number": HTMLBcmReactNumberElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -3181,6 +3279,54 @@ declare namespace LocalJSX {
         "unitPrefix"?: string;
         "value"?: any;
     }
+    interface BcmInput2 {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "autocomplete"?: boolean;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "clearable"?: boolean;
+        "customErrorMessage"?: string;
+        "decimal"?: boolean;
+        "disableWatchValue"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "max"?: number;
+        "maxLength"?: number;
+        "min"?: number;
+        "minLength"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noDefaultIcon"?: boolean;
+        "onBcm-blur"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmInput2CustomEvent<any>) => void;
+        /**
+          * Events *
+         */
+        "onBcm-focus"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmInput2CustomEvent<any>) => void;
+        "passwordToggle"?: boolean;
+        "pattern"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "step"?: any;
+        "tooltip"?: string;
+        "type"?: InputTypes;
+        "unit"?: string;
+        "unitPrefix"?: string;
+        "value"?: any;
+    }
     interface BcmInputCustom {
         "_id"?: string;
         "disabled"?: boolean;
@@ -3483,25 +3629,55 @@ declare namespace LocalJSX {
     }
     interface BcmNumberInput {
         "_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "allowLeadingZeros"?: boolean;
+        "allowNegative"?: boolean;
+        /**
+          * Caption Props
+         */
         "caption"?: string;
         "captionError"?: string;
         "captionType"?: StatusTypes;
+        "clearable"?: boolean;
         "customErrorMessage"?: string;
+        "decimalScale"?: number;
+        "decimalSeparator"?: string;
+        "defaultValue"?: number | string;
         "disabled"?: boolean;
+        "fixedDecimalScale"?: boolean;
+        "fullWidth"?: boolean;
         "label"?: string;
-        "max"?: number;
-        "min"?: number;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Number Input Props
+         */
+        "mode"?: "strict" | "none";
+        "name"?: string;
         "noCaption"?: boolean;
-        "pattern"?: string;
+        "onBcm-blur"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        /**
+          * Events *
+         */
+        "onBcm-focus"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-input-before-clear"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-onchange"?: (event: BcmNumberInputCustomEvent<any>) => void;
         "placeholder"?: string;
-        "prefixIcon"?: string;
+        /**
+          * Input states
+         */
         "readonly"?: boolean;
         "required"?: boolean;
         "size"?: SizeTypes;
         "step"?: number;
-        "suffixIcon"?: string;
-        "tooltip"?: string;
-        "value"?: number;
+        "thousandSeparator"?: string | boolean;
+        "unitPrefix"?: string;
+        "unitSuffix"?: string;
+        "value"?: number | string;
     }
     interface BcmOldInput {
         "_id"?: string;
@@ -3708,6 +3884,10 @@ declare namespace LocalJSX {
         "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours"?: boolean;
     }
+    interface BcmReactNumber {
+        "disabled"?: boolean;
+        "options"?: ExtendedNumericPropsType;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -4223,6 +4403,7 @@ declare namespace LocalJSX {
         "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
+        "bcm-input-2": BcmInput2;
         "bcm-input-custom": BcmInputCustom;
         "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
@@ -4255,6 +4436,7 @@ declare namespace LocalJSX {
         "bcm-range": BcmRange;
         "bcm-rc-overflow": BcmRcOverflow;
         "bcm-rc-picker": BcmRcPicker;
+        "bcm-react-number": BcmReactNumber;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -4336,6 +4518,7 @@ declare module "@stencil/core" {
             "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-input-2": LocalJSX.BcmInput2 & JSXBase.HTMLAttributes<HTMLBcmInput2Element>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
             "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
@@ -4368,6 +4551,7 @@ declare module "@stencil/core" {
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
             "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
+            "bcm-react-number": LocalJSX.BcmReactNumber & JSXBase.HTMLAttributes<HTMLBcmReactNumberElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.11.1",
+  "version": "2.12.0-test.0",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -81,12 +81,13 @@
     "react": "^16.14.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^16.14.0",
+    "react-number-format": "^5.3.1",
     "rollup": "^2.58.0",
     "rollup-plugin-dotenv": "latest",
     "slugify": "^1.6.5",
     "snq": "^1.0.3",
     "storybook-fetch-addon": "^1.2.1",
-    "tailwindcss": "^3.1.8",
+    "tailwindcss": "^3.4.1",
     "ts-dedent": "^2.2.0",
     "tsc-alias": "^1.7.0"
   },