@onesy/ui-react 1.0.45 → 1.0.47
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.
|
@@ -26,7 +26,8 @@ const utils_2 = require("../utils");
|
|
|
26
26
|
const useStyle = (0, style_react_1.style)(theme => ({
|
|
27
27
|
root: {
|
|
28
28
|
color: theme.methods.palette.color.value('primary', 10),
|
|
29
|
-
background: theme.palette.background.default.primary
|
|
29
|
+
background: theme.palette.background.default.primary,
|
|
30
|
+
paddingLeft: '12px'
|
|
30
31
|
},
|
|
31
32
|
weekDay: {
|
|
32
33
|
width: '44px',
|
package/Emojis/Emojis.js
CHANGED
|
@@ -225,6 +225,7 @@ const Emojis = react_1.default.forwardRef((props_, ref) => {
|
|
|
225
225
|
setOpen(false);
|
|
226
226
|
setTimeout(() => {
|
|
227
227
|
setOpenElement(null);
|
|
228
|
+
setSearch('');
|
|
228
229
|
}, 140);
|
|
229
230
|
}, []);
|
|
230
231
|
const onSelect = react_1.default.useCallback((valueNew) => {
|
|
@@ -293,7 +294,7 @@ const Emojis = react_1.default.forwardRef((props_, ref) => {
|
|
|
293
294
|
const label = ((0, jsx_runtime_1.jsx)(Line, Object.assign({ tonal: tonal, color: color, Component: Surface, className: (0, style_react_1.classNames)([
|
|
294
295
|
classes.wrapper,
|
|
295
296
|
classes[`size_${size}`]
|
|
296
|
-
]) }, { children: (0, jsx_runtime_1.jsx)(SpyScroll, Object.assign({ ids: categoriesUsedIDs, parent: openElement, onActive: onActiveTab }, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0, align: 'unset', justify: 'unset', fullWidth: true, className: classes.categories }, { children: [(search_ || tabs_) && ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, fullWidth: true, className: classes.header }, { children: [search_ && ((0, jsx_runtime_1.jsx)(TextField, { name: 'Search', version: 'outlined', onChange: onChangeSearch, size: ['small', 'regular'].includes(size) ? 'small' : 'regular', fullWidth: true, clear: true })), tabs_ && !!categoriesUsed.length && ((0, jsx_runtime_1.jsx)(Tabs, Object.assign({ valueDefault: tab, value: tab, onChange: onChangeTabs, size: 'small', initialLineUpdateTimeout: 440, noDivider: true, className: classes.tabs }, { children: tabs.map((item, index) => ((0, jsx_runtime_1.jsx)(Tab, Object.assign({ value: item.value, onClick: () => onTabClick(item.value), "data-onesy-spy-scroll": categoryToID(item.value), className: (0, style_react_1.classNames)([
|
|
297
|
+
]) }, { children: (0, jsx_runtime_1.jsx)(SpyScroll, Object.assign({ ids: categoriesUsedIDs, parent: openElement, onActive: onActiveTab }, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0, align: 'unset', justify: 'unset', fullWidth: true, className: classes.categories }, { children: [(search_ || tabs_) && ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, fullWidth: true, className: classes.header }, { children: [search_ && ((0, jsx_runtime_1.jsx)(TextField, { name: 'Search', version: 'outlined', value: search || '', onChange: onChangeSearch, size: ['small', 'regular'].includes(size) ? 'small' : 'regular', fullWidth: true, clear: true })), tabs_ && !!categoriesUsed.length && ((0, jsx_runtime_1.jsx)(Tabs, Object.assign({ valueDefault: tab, value: tab, onChange: onChangeTabs, size: 'small', initialLineUpdateTimeout: 440, noDivider: true, className: classes.tabs }, { children: tabs.map((item, index) => ((0, jsx_runtime_1.jsx)(Tab, Object.assign({ value: item.value, onClick: () => onTabClick(item.value), "data-onesy-spy-scroll": categoryToID(item.value), className: (0, style_react_1.classNames)([
|
|
297
298
|
classes.tab,
|
|
298
299
|
classes[`tab_size_${size}`]
|
|
299
300
|
]) }, { children: react_1.default.cloneElement(item.name, {
|
|
@@ -15,7 +15,8 @@ import { formats, staticClassName } from '../utils';
|
|
|
15
15
|
const useStyle = styleMethod(theme => ({
|
|
16
16
|
root: {
|
|
17
17
|
color: theme.methods.palette.color.value('primary', 10),
|
|
18
|
-
background: theme.palette.background.default.primary
|
|
18
|
+
background: theme.palette.background.default.primary,
|
|
19
|
+
paddingLeft: '12px'
|
|
19
20
|
},
|
|
20
21
|
weekDay: {
|
|
21
22
|
width: '44px',
|
package/esm/Emojis/Emojis.js
CHANGED
|
@@ -222,6 +222,7 @@ const Emojis = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
222
222
|
setOpen(false);
|
|
223
223
|
setTimeout(() => {
|
|
224
224
|
setOpenElement(null);
|
|
225
|
+
setSearch('');
|
|
225
226
|
}, 140);
|
|
226
227
|
}, []);
|
|
227
228
|
const onSelect = React.useCallback(valueNew => {
|
|
@@ -303,6 +304,7 @@ const Emojis = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
303
304
|
}, search_ && /*#__PURE__*/React.createElement(TextField, {
|
|
304
305
|
name: "Search",
|
|
305
306
|
version: "outlined",
|
|
307
|
+
value: search || '',
|
|
306
308
|
onChange: onChangeSearch,
|
|
307
309
|
size: ['small', 'regular'].includes(size) ? 'small' : 'regular',
|
|
308
310
|
fullWidth: true,
|
package/esm/index.js
CHANGED