@comercti/react-components-hmg 0.22.2 → 0.22.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/comerc-style-guide.cjs.js +27 -27
- package/comerc-style-guide.es.js +4093 -3947
- package/comerc-style-guide.umd.js +29 -29
- package/index.d.ts +27 -153
- package/package.json +2 -3
package/index.d.ts
CHANGED
|
@@ -1,16 +1,8 @@
|
|
|
1
1
|
import { ComponentOptionsMixin } from 'vue';
|
|
2
2
|
import { ComponentProvideOptions } from 'vue';
|
|
3
|
-
import { CreateComponentPublicInstanceWithMixins } from 'vue';
|
|
4
3
|
import { default as default_2 } from 'react';
|
|
5
4
|
import { DefineComponent } from 'vue';
|
|
6
|
-
import { ExtractPropTypes } from 'vue';
|
|
7
|
-
import { GlobalComponents } from 'vue';
|
|
8
|
-
import { GlobalDirectives } from 'vue';
|
|
9
|
-
import { IData } from './toast/interfaces';
|
|
10
|
-
import { ItemsSelection as ItemsSelection_2 } from './interfaces';
|
|
11
5
|
import { ItensMenu } from '../../../../../../../../../src/components/menu/interfaces';
|
|
12
|
-
import { IVariants as IVariants_2 } from './interfaces';
|
|
13
|
-
import { PropType } from 'vue';
|
|
14
6
|
import { PublicProps } from 'vue';
|
|
15
7
|
import { Ref } from 'vue';
|
|
16
8
|
import { VNode } from 'vue';
|
|
@@ -65,6 +57,8 @@ onRedirect?: (item: SubMenu | ItensMenu_2) => any;
|
|
|
65
57
|
onBackToHome?: (value: boolean) => any;
|
|
66
58
|
onLogout?: (value: boolean) => any;
|
|
67
59
|
}>, {
|
|
60
|
+
background: "white" | "black";
|
|
61
|
+
rounded: boolean;
|
|
68
62
|
itemsMenu: ItensMenu_2[];
|
|
69
63
|
itemsMenuMyService: ItensMenu_2[];
|
|
70
64
|
itemsSearch: ItensMenu_2[];
|
|
@@ -87,7 +81,7 @@ updateValue: (value: string) => any;
|
|
|
87
81
|
}, string, PublicProps, Readonly<ITabsProps> & Readonly<{
|
|
88
82
|
onUpdateValue?: (value: string) => any;
|
|
89
83
|
}>, {
|
|
90
|
-
variant: keyof
|
|
84
|
+
variant: keyof IVariants;
|
|
91
85
|
initialTab: string;
|
|
92
86
|
inactivate: boolean;
|
|
93
87
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -270,8 +264,9 @@ onSelected?: (value: Coluna[]) => any;
|
|
|
270
264
|
onRedirect?: (item: ItensMenu_2) => any;
|
|
271
265
|
}>, {
|
|
272
266
|
type: "menu" | "selection";
|
|
267
|
+
background: "white" | "black";
|
|
273
268
|
itemsMenu: ItensMenu_2[];
|
|
274
|
-
itemsSelection:
|
|
269
|
+
itemsSelection: ItemsSelection[];
|
|
275
270
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
276
271
|
dropdownRef: HTMLButtonElement;
|
|
277
272
|
}, any>;
|
|
@@ -562,6 +557,10 @@ declare type __VLS_Props_19 = {
|
|
|
562
557
|
email?: string;
|
|
563
558
|
/** Array de opções de pesquisa do menu */
|
|
564
559
|
itemsSearch?: ItensMenu_2[];
|
|
560
|
+
/** Define a cor de fundo */
|
|
561
|
+
background?: 'white' | 'black';
|
|
562
|
+
/** Define se o menu terá bordas arredondadas */
|
|
563
|
+
rounded?: boolean;
|
|
565
564
|
};
|
|
566
565
|
|
|
567
566
|
declare type __VLS_Props_2 = {
|
|
@@ -713,6 +712,8 @@ declare type __VLS_Props_3 = {
|
|
|
713
712
|
placeholder: string;
|
|
714
713
|
/** Valor para two-way binding (v-model) */
|
|
715
714
|
modelValue?: string;
|
|
715
|
+
/** Define a cor de fundo */
|
|
716
|
+
background?: 'white' | 'black';
|
|
716
717
|
};
|
|
717
718
|
|
|
718
719
|
declare type __VLS_Props_30 = {
|
|
@@ -732,7 +733,7 @@ declare type __VLS_Props_32 = {
|
|
|
732
733
|
|
|
733
734
|
declare type __VLS_Props_33 = {
|
|
734
735
|
variant: '1' | '2' | '3' | '4' | '5';
|
|
735
|
-
background: 'white' | 'green';
|
|
736
|
+
background: 'white' | 'green' | 'black';
|
|
736
737
|
items?: ItensMenu[];
|
|
737
738
|
socialMedia?: ISocialMedia[];
|
|
738
739
|
};
|
|
@@ -1907,9 +1908,9 @@ contoured: boolean;
|
|
|
1907
1908
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1908
1909
|
|
|
1909
1910
|
declare const _default_22: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1910
|
-
"update:modelValue": (
|
|
1911
|
+
"update:modelValue": (valor: string) => any;
|
|
1911
1912
|
}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{
|
|
1912
|
-
"onUpdate:modelValue"?: (
|
|
1913
|
+
"onUpdate:modelValue"?: (valor: string) => any;
|
|
1913
1914
|
}>, {
|
|
1914
1915
|
invalid: boolean;
|
|
1915
1916
|
disabled: boolean;
|
|
@@ -1920,140 +1921,7 @@ placeholder: string[];
|
|
|
1920
1921
|
shouldAutoFocus: boolean;
|
|
1921
1922
|
centralized: boolean;
|
|
1922
1923
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
1923
|
-
otpRef:
|
|
1924
|
-
value: {
|
|
1925
|
-
type: PropType<string>;
|
|
1926
|
-
required: true;
|
|
1927
|
-
default: string;
|
|
1928
|
-
};
|
|
1929
|
-
placeholder: {
|
|
1930
|
-
type: PropType<string[]>;
|
|
1931
|
-
default: () => never[];
|
|
1932
|
-
};
|
|
1933
|
-
shouldAutoFocus: {
|
|
1934
|
-
type: PropType<boolean>;
|
|
1935
|
-
default: boolean;
|
|
1936
|
-
};
|
|
1937
|
-
numInputs: {
|
|
1938
|
-
type: PropType<number>;
|
|
1939
|
-
default: number;
|
|
1940
|
-
};
|
|
1941
|
-
separator: {
|
|
1942
|
-
type: PropType<string>;
|
|
1943
|
-
default: string;
|
|
1944
|
-
};
|
|
1945
|
-
inputClasses: {
|
|
1946
|
-
type: PropType<string | string[]>;
|
|
1947
|
-
default: string;
|
|
1948
|
-
};
|
|
1949
|
-
conditionalClass: {
|
|
1950
|
-
type: PropType<string[]>;
|
|
1951
|
-
default: () => never[];
|
|
1952
|
-
};
|
|
1953
|
-
inputType: {
|
|
1954
|
-
type: PropType<"number" | "password" | "tel" | "letter-numeric">;
|
|
1955
|
-
};
|
|
1956
|
-
inputmode: {
|
|
1957
|
-
type: PropType<"search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal">;
|
|
1958
|
-
default: string;
|
|
1959
|
-
};
|
|
1960
|
-
isDisabled: {
|
|
1961
|
-
type: PropType<boolean>;
|
|
1962
|
-
default: boolean;
|
|
1963
|
-
};
|
|
1964
|
-
shouldFocusOrder: {
|
|
1965
|
-
type: PropType<boolean>;
|
|
1966
|
-
};
|
|
1967
|
-
}>> & Readonly<{
|
|
1968
|
-
"onOn-change"?: ((value: string) => any) | undefined;
|
|
1969
|
-
"onUpdate:value"?: ((value: string) => any) | undefined;
|
|
1970
|
-
"onOn-complete"?: ((value: string) => any) | undefined;
|
|
1971
|
-
}>, {
|
|
1972
|
-
clearInput: () => void;
|
|
1973
|
-
fillInput: (value: string) => void;
|
|
1974
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1975
|
-
"update:value": (value: string) => void;
|
|
1976
|
-
"on-change": (value: string) => void;
|
|
1977
|
-
"on-complete": (value: string) => void;
|
|
1978
|
-
}, PublicProps, {
|
|
1979
|
-
inputmode: "tel" | "none" | "text" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
1980
|
-
value: string;
|
|
1981
|
-
separator: string;
|
|
1982
|
-
inputClasses: string | string[];
|
|
1983
|
-
conditionalClass: string[];
|
|
1984
|
-
shouldAutoFocus: boolean;
|
|
1985
|
-
placeholder: string[];
|
|
1986
|
-
isDisabled: boolean;
|
|
1987
|
-
numInputs: number;
|
|
1988
|
-
}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
1989
|
-
P: {};
|
|
1990
|
-
B: {};
|
|
1991
|
-
D: {};
|
|
1992
|
-
C: {};
|
|
1993
|
-
M: {};
|
|
1994
|
-
Defaults: {};
|
|
1995
|
-
}, Readonly<ExtractPropTypes< {
|
|
1996
|
-
value: {
|
|
1997
|
-
type: PropType<string>;
|
|
1998
|
-
required: true;
|
|
1999
|
-
default: string;
|
|
2000
|
-
};
|
|
2001
|
-
placeholder: {
|
|
2002
|
-
type: PropType<string[]>;
|
|
2003
|
-
default: () => never[];
|
|
2004
|
-
};
|
|
2005
|
-
shouldAutoFocus: {
|
|
2006
|
-
type: PropType<boolean>;
|
|
2007
|
-
default: boolean;
|
|
2008
|
-
};
|
|
2009
|
-
numInputs: {
|
|
2010
|
-
type: PropType<number>;
|
|
2011
|
-
default: number;
|
|
2012
|
-
};
|
|
2013
|
-
separator: {
|
|
2014
|
-
type: PropType<string>;
|
|
2015
|
-
default: string;
|
|
2016
|
-
};
|
|
2017
|
-
inputClasses: {
|
|
2018
|
-
type: PropType<string | string[]>;
|
|
2019
|
-
default: string;
|
|
2020
|
-
};
|
|
2021
|
-
conditionalClass: {
|
|
2022
|
-
type: PropType<string[]>;
|
|
2023
|
-
default: () => never[];
|
|
2024
|
-
};
|
|
2025
|
-
inputType: {
|
|
2026
|
-
type: PropType<"number" | "password" | "tel" | "letter-numeric">;
|
|
2027
|
-
};
|
|
2028
|
-
inputmode: {
|
|
2029
|
-
type: PropType<"search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal">;
|
|
2030
|
-
default: string;
|
|
2031
|
-
};
|
|
2032
|
-
isDisabled: {
|
|
2033
|
-
type: PropType<boolean>;
|
|
2034
|
-
default: boolean;
|
|
2035
|
-
};
|
|
2036
|
-
shouldFocusOrder: {
|
|
2037
|
-
type: PropType<boolean>;
|
|
2038
|
-
};
|
|
2039
|
-
}>> & Readonly<{
|
|
2040
|
-
"onOn-change"?: ((value: string) => any) | undefined;
|
|
2041
|
-
"onUpdate:value"?: ((value: string) => any) | undefined;
|
|
2042
|
-
"onOn-complete"?: ((value: string) => any) | undefined;
|
|
2043
|
-
}>, {
|
|
2044
|
-
clearInput: () => void;
|
|
2045
|
-
fillInput: (value: string) => void;
|
|
2046
|
-
}, {}, {}, {}, {
|
|
2047
|
-
inputmode: "tel" | "none" | "text" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
2048
|
-
value: string;
|
|
2049
|
-
separator: string;
|
|
2050
|
-
inputClasses: string | string[];
|
|
2051
|
-
conditionalClass: string[];
|
|
2052
|
-
shouldAutoFocus: boolean;
|
|
2053
|
-
placeholder: string[];
|
|
2054
|
-
isDisabled: boolean;
|
|
2055
|
-
numInputs: number;
|
|
2056
|
-
}>;
|
|
1924
|
+
otpRef: HTMLDivElement;
|
|
2057
1925
|
}, HTMLDivElement>;
|
|
2058
1926
|
|
|
2059
1927
|
declare const _default_23: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
|
|
@@ -2099,9 +1967,9 @@ declare const _default_33: __VLS_WithTemplateSlots_17<typeof __VLS_component_17,
|
|
|
2099
1967
|
declare const _default_34: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
|
|
2100
1968
|
|
|
2101
1969
|
declare const _default_35: DefineComponent<IToastProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
2102
|
-
sendData: (data:
|
|
1970
|
+
sendData: (data: IData<unknown>) => any;
|
|
2103
1971
|
}, string, PublicProps, Readonly<IToastProps> & Readonly<{
|
|
2104
|
-
onSendData?: (data:
|
|
1972
|
+
onSendData?: (data: IData<unknown>) => any;
|
|
2105
1973
|
}>, {
|
|
2106
1974
|
position: "left-top" | "right-top" | "left-bottom" | "right-bottom";
|
|
2107
1975
|
pauseOnHover: boolean;
|
|
@@ -2122,7 +1990,7 @@ background: "smoky" | "transparent";
|
|
|
2122
1990
|
showLoading: boolean;
|
|
2123
1991
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
2124
1992
|
|
|
2125
|
-
declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
1993
|
+
declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
2126
1994
|
|
|
2127
1995
|
declare const _default_40: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
|
|
2128
1996
|
|
|
@@ -2137,7 +2005,7 @@ redirect: (valor?: string) => any;
|
|
|
2137
2005
|
}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
|
|
2138
2006
|
onRedirect?: (valor?: string) => any;
|
|
2139
2007
|
}>, {
|
|
2140
|
-
background: "white" | "green";
|
|
2008
|
+
background: "white" | "green" | "black";
|
|
2141
2009
|
variant: "1" | "2" | "3" | "4" | "5";
|
|
2142
2010
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
2143
2011
|
|
|
@@ -2187,7 +2055,10 @@ clearFilter: () => any;
|
|
|
2187
2055
|
onFilterList?: (value: string | CustomEvent<any>) => any;
|
|
2188
2056
|
onClearFilter?: () => any;
|
|
2189
2057
|
"onInput:focus"?: () => any;
|
|
2190
|
-
}>, {
|
|
2058
|
+
}>, {
|
|
2059
|
+
background: "white" | "black";
|
|
2060
|
+
items: string[];
|
|
2061
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
2191
2062
|
|
|
2192
2063
|
declare const _default_8: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
2193
2064
|
|
|
@@ -2208,6 +2079,8 @@ declare interface DropdownProps {
|
|
|
2208
2079
|
itemsSelection?: ItemsSelection[];
|
|
2209
2080
|
/** Define o tipo do dropdown */
|
|
2210
2081
|
type?: 'menu' | 'selection';
|
|
2082
|
+
/** Define a cor de fundo */
|
|
2083
|
+
background?: 'white' | 'black';
|
|
2211
2084
|
}
|
|
2212
2085
|
|
|
2213
2086
|
declare interface FileItem {
|
|
@@ -2244,7 +2117,7 @@ declare interface ICollapse {
|
|
|
2244
2117
|
value: boolean;
|
|
2245
2118
|
}
|
|
2246
2119
|
|
|
2247
|
-
declare interface
|
|
2120
|
+
declare interface IData<T = unknown> {
|
|
2248
2121
|
[key: string]: T;
|
|
2249
2122
|
}
|
|
2250
2123
|
|
|
@@ -2258,6 +2131,7 @@ declare interface IItems {
|
|
|
2258
2131
|
declare type IProgressStepsProps = {
|
|
2259
2132
|
/** Define os itens que serão exibidos */
|
|
2260
2133
|
items: IItems[];
|
|
2134
|
+
variant?: 'primary' | 'secondary';
|
|
2261
2135
|
};
|
|
2262
2136
|
|
|
2263
2137
|
export declare const isMobile: Ref<boolean, boolean>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@comercti/react-components-hmg",
|
|
3
|
-
"version": "0.22.
|
|
3
|
+
"version": "0.22.4",
|
|
4
4
|
"types": "index.d.ts",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "private",
|
|
@@ -21,8 +21,7 @@
|
|
|
21
21
|
"react-dom": "^17.0.2",
|
|
22
22
|
"veaury": "^2.6.2",
|
|
23
23
|
"vitest-sonar-reporter": "^2.0.0",
|
|
24
|
-
"vue": "^3.5.13"
|
|
25
|
-
"vue3-otp-input": "^0.5.40"
|
|
24
|
+
"vue": "^3.5.13"
|
|
26
25
|
},
|
|
27
26
|
"peerDependencies": {
|
|
28
27
|
"vue": ">=3.2.0"
|