imbric-theme 0.4.4 → 0.4.5
Sign up to get free protection for your applications and to get access to all the features.
package/index.js
CHANGED
|
@@ -52,6 +52,9 @@ export { default as RowTable } from './molecules/RowTable'
|
|
|
52
52
|
export { default as FooterTable } from './molecules/FooterTable'
|
|
53
53
|
export { default as DynamicSelect } from './molecules/DynamicSelect'
|
|
54
54
|
export { default as DatePicker } from './molecules/DynamicSelect'
|
|
55
|
+
export { default as CardDefault } from './molecules/CardDefault'
|
|
56
|
+
|
|
57
|
+
|
|
55
58
|
|
|
56
59
|
export { default as useTable } from './hook/useTable'
|
|
57
60
|
export { default as useStateDate } from './hook/useStateDate'
|
|
@@ -13,11 +13,6 @@ import Icon from '../../atoms/Icon'
|
|
|
13
13
|
import { Horizontal } from '../../layout/Spacer/components';
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
// import { ReactSearchAutocomplete } from 'react-search-autocomplete'
|
|
17
|
-
// import Select, { components } from "react-select";
|
|
18
|
-
// import AsyncSelect from 'react-select/async';
|
|
19
|
-
|
|
20
|
-
|
|
21
16
|
export const InputAutocomplete = ({
|
|
22
17
|
placeholderOnInput,
|
|
23
18
|
idOnInput,
|
|
@@ -84,51 +79,6 @@ export const InputAutocomplete = ({
|
|
|
84
79
|
{isViewIcon ?
|
|
85
80
|
|
|
86
81
|
<div className={getStyles('box-icon-input')}>
|
|
87
|
-
{/* <ReactSearchAutocomplete
|
|
88
|
-
inputDebounce={1000}
|
|
89
|
-
showIcon={false}
|
|
90
|
-
showItemsOnFocus={true}
|
|
91
|
-
items={itemsAutocomplete}
|
|
92
|
-
onSearch={handleOnSearch}
|
|
93
|
-
onHover={handleOnHover}
|
|
94
|
-
onSelect={handleOnSelect}
|
|
95
|
-
resultStringKeyName
|
|
96
|
-
onFocus={handleOnFocus}
|
|
97
|
-
autoFocus
|
|
98
|
-
formatResult={formatResult}
|
|
99
|
-
placeholder='hola'
|
|
100
|
-
// maxResults={2}
|
|
101
|
-
styling={{
|
|
102
|
-
position: 'fixed',
|
|
103
|
-
width: '100%',
|
|
104
|
-
height: "26px",
|
|
105
|
-
padding: '7px 9px',
|
|
106
|
-
border: 'var(--border-width-thin) solid var(--color-brand-white-lilac)',
|
|
107
|
-
background: 'var(--input-background)',
|
|
108
|
-
borderRadius: 'var(--border-radius-sm)',
|
|
109
|
-
color: 'var(--color-font-highlight)',
|
|
110
|
-
fontFamily: "var(--font-family-sans)",
|
|
111
|
-
fontSize: '14px',
|
|
112
|
-
fontWeight: 100,
|
|
113
|
-
// lineHeight: 'var(--line-height-relaxed)',
|
|
114
|
-
// transition: 'box-shadow 0.2s ease',
|
|
115
|
-
placeholderColor: 'var(--background-color-primary)',
|
|
116
|
-
clearIconMargin: '3px 8px 0 0',
|
|
117
|
-
zIndex: 0,
|
|
118
|
-
searchIconMargin: '0 0 0 10px',
|
|
119
|
-
}}
|
|
120
|
-
/> */}
|
|
121
|
-
|
|
122
|
-
{/*
|
|
123
|
-
<AsyncSelect
|
|
124
|
-
// components={{ Input }}
|
|
125
|
-
// autoComplete="new-password"
|
|
126
|
-
loadOptions={loadOptions}
|
|
127
|
-
// onChange={handleOnSearch}
|
|
128
|
-
// onInputChange={handleOnInputChange}
|
|
129
|
-
cacheOptions
|
|
130
|
-
defaultOptions={false}
|
|
131
|
-
/> */}
|
|
132
82
|
|
|
133
83
|
<Icon
|
|
134
84
|
id={idIcon}
|