@onesy/ui-react 1.0.11 → 1.0.13
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/Buttons/Buttons.js +5 -1
- package/CalendarAvailability/CalendarAvailability.js +1 -1
- package/CalendarWeek/CalendarWeek.js +1 -1
- package/esm/Buttons/Buttons.js +5 -1
- package/esm/CalendarAvailability/CalendarAvailability.js +1 -1
- package/esm/CalendarWeek/CalendarWeek.js +1 -1
- package/esm/index.js +1 -1
- package/package.json +1 -1
package/Buttons/Buttons.js
CHANGED
|
@@ -31,7 +31,8 @@ exports.IconMaterialDone = react_1.default.forwardRef((props, ref) => {
|
|
|
31
31
|
const useStyle = (0, style_react_1.style)(theme => ({
|
|
32
32
|
root: {
|
|
33
33
|
position: 'relative',
|
|
34
|
-
borderRadius: theme.methods.shape.radius.value('xl', 'px')
|
|
34
|
+
borderRadius: theme.methods.shape.radius.value('xl', 'px'),
|
|
35
|
+
maxWidth: '100%'
|
|
35
36
|
},
|
|
36
37
|
orientation_horizontal_size_small: {
|
|
37
38
|
'&:not(.onesy-ToggleButtons-root) > *': {
|
|
@@ -48,6 +49,9 @@ const useStyle = (0, style_react_1.style)(theme => ({
|
|
|
48
49
|
height: '63px'
|
|
49
50
|
}
|
|
50
51
|
},
|
|
52
|
+
orientation_horizontal: {
|
|
53
|
+
overflow: 'auto hidden'
|
|
54
|
+
},
|
|
51
55
|
orientation_vertical: {
|
|
52
56
|
flexDirection: 'column',
|
|
53
57
|
'& > *': {
|
|
@@ -368,7 +368,7 @@ const CalendarAvailability = react_1.default.forwardRef((props_, ref) => {
|
|
|
368
368
|
]) }, { children: [startHeader, (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 2, direction: 'row', wrap: 'wrap', justify: 'space-between', align: 'center', fullWidth: true }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', wrap: 'wrap', align: 'center', className: classes.aside }, { children: [startLeft, (0, jsx_runtime_1.jsx)(Button, Object.assign({ color: 'inherit', version: 'outlined', size: 'small', onClick: onToday, selected: now.days === date.days }, { children: "Today" })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0, direction: 'row', align: 'center' }, { children: [(0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `Previous ${view}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onPrevious }, IconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconPrevious, { size: 'regular' }) })) })), (0, jsx_runtime_1.jsx)(Tooltip, Object.assign({ name: `Next ${view}` }, { children: (0, jsx_runtime_1.jsx)(IconButton, Object.assign({ onClick: onNext }, IconButtonProps, { children: (0, jsx_runtime_1.jsx)(IconNext, { size: 'regular' }) })) }))] })), (0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'h2', weight: 500, whiteSpace: 'nowrap' }, { children: formattedDate })), endLeft] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', align: 'center', flexNo: true, className: (0, style_react_1.classNames)([
|
|
369
369
|
classes.aside,
|
|
370
370
|
classes.overflowX
|
|
371
|
-
]) }, { children: [startRight, ['week', 'day'].includes(view) && ((0, jsx_runtime_1.jsxs)(Label, Object.assign({
|
|
371
|
+
]) }, { children: [startRight, ['week', 'day'].includes(view) && ((0, jsx_runtime_1.jsxs)(Label, Object.assign({ checked: displayTime, onChange: onChangeDisplayTime }, { children: [(0, jsx_runtime_1.jsx)(Switch, {}), "Display time"] }))), (0, jsx_runtime_1.jsx)(Select, { name: 'View', value: view, onChange: onChangeView, options: viewOptions, size: 'small', MenuProps: {
|
|
372
372
|
portal: true,
|
|
373
373
|
size: 'regular'
|
|
374
374
|
}, WrapperProps: {
|
|
@@ -305,7 +305,7 @@ const CalendarWeek = react_1.default.forwardRef((props_, ref) => {
|
|
|
305
305
|
color: getColor(item)
|
|
306
306
|
} : undefined;
|
|
307
307
|
const itemProps = {
|
|
308
|
-
|
|
308
|
+
onClick: (event) => onOpen(Object.assign(Object.assign({}, item), { day, weekly }), event),
|
|
309
309
|
className: classes.range
|
|
310
310
|
};
|
|
311
311
|
const style = Object.assign({ top: `${top}%`, bottom: `${bottom}%`, color: theme.methods.palette.color.text(background), background, left: `calc(0px + ${level * 10}px)` }, (top === 0 && bottom === 0 && {
|
package/esm/Buttons/Buttons.js
CHANGED
|
@@ -32,7 +32,8 @@ export const IconMaterialDone = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
32
32
|
const useStyle = styleMethod(theme => ({
|
|
33
33
|
root: {
|
|
34
34
|
position: 'relative',
|
|
35
|
-
borderRadius: theme.methods.shape.radius.value('xl', 'px')
|
|
35
|
+
borderRadius: theme.methods.shape.radius.value('xl', 'px'),
|
|
36
|
+
maxWidth: '100%'
|
|
36
37
|
},
|
|
37
38
|
orientation_horizontal_size_small: {
|
|
38
39
|
'&:not(.onesy-ToggleButtons-root) > *': {
|
|
@@ -49,6 +50,9 @@ const useStyle = styleMethod(theme => ({
|
|
|
49
50
|
height: '63px'
|
|
50
51
|
}
|
|
51
52
|
},
|
|
53
|
+
orientation_horizontal: {
|
|
54
|
+
overflow: 'auto hidden'
|
|
55
|
+
},
|
|
52
56
|
orientation_vertical: {
|
|
53
57
|
flexDirection: 'column',
|
|
54
58
|
'& > *': {
|
|
@@ -523,7 +523,7 @@ const CalendarAvailability = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
523
523
|
flexNo: true,
|
|
524
524
|
className: classNames([classes.aside, classes.overflowX])
|
|
525
525
|
}, startRight, ['week', 'day'].includes(view) && /*#__PURE__*/React.createElement(Label, {
|
|
526
|
-
|
|
526
|
+
checked: displayTime,
|
|
527
527
|
onChange: onChangeDisplayTime
|
|
528
528
|
}, /*#__PURE__*/React.createElement(Switch, null), "Display time"), /*#__PURE__*/React.createElement(Select, {
|
|
529
529
|
name: "View",
|
|
@@ -288,7 +288,7 @@ const CalendarWeek = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
288
288
|
color: getColor(item)
|
|
289
289
|
} : undefined;
|
|
290
290
|
const itemProps = {
|
|
291
|
-
|
|
291
|
+
onClick: event => onOpen(_objectSpread(_objectSpread({}, item), {}, {
|
|
292
292
|
day,
|
|
293
293
|
weekly
|
|
294
294
|
}), event),
|
package/esm/index.js
CHANGED