@peculiar/react-components 1.6.1 → 1.8.0
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/dist/cjs/Alert/alert.js +2 -2
- package/dist/cjs/Alert/alert.js.map +1 -1
- package/dist/cjs/Autocomplete/autocomplete.js +33 -42
- package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
- package/dist/cjs/Autocomplete/autocomplete_tag.js +157 -0
- package/dist/cjs/Autocomplete/autocomplete_tag.js.map +1 -0
- package/dist/cjs/Autocomplete/index.js +3 -1
- package/dist/cjs/Autocomplete/index.js.map +1 -1
- package/dist/cjs/Avatar/avatar.js +6 -6
- package/dist/cjs/Avatar/avatar.js.map +1 -1
- package/dist/cjs/Button/button.js +9 -9
- package/dist/cjs/Button/button.js.map +1 -1
- package/dist/cjs/Checkbox/checkbox.js +2 -2
- package/dist/cjs/Checkbox/checkbox.js.map +1 -1
- package/dist/cjs/Chip/chip.js +11 -5
- package/dist/cjs/Chip/chip.js.map +1 -1
- package/dist/cjs/CircularProgress/circular_progress.js +4 -4
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
- package/dist/cjs/Dialog/dialog.js +4 -6
- package/dist/cjs/Dialog/dialog.js.map +1 -1
- package/dist/cjs/Dialog/dialog_actions.js +3 -2
- package/dist/cjs/Dialog/dialog_actions.js.map +1 -1
- package/dist/cjs/Dialog/dialog_content.js +7 -9
- package/dist/cjs/Dialog/dialog_content.js.map +1 -1
- package/dist/cjs/Dialog/dialog_title.js +8 -9
- package/dist/cjs/Dialog/dialog_title.js.map +1 -1
- package/dist/cjs/Fab/fab.js +3 -3
- package/dist/cjs/Fab/fab.js.map +1 -1
- package/dist/cjs/Menu/menu.js +4 -4
- package/dist/cjs/Menu/menu.js.map +1 -1
- package/dist/cjs/MenuList/menu_item.js +3 -3
- package/dist/cjs/MenuList/menu_item.js.map +1 -1
- package/dist/cjs/NativeSelect/native_select.js +4 -4
- package/dist/cjs/NativeSelect/native_select.js.map +1 -1
- package/dist/cjs/Radio/radio.js +2 -2
- package/dist/cjs/Radio/radio.js.map +1 -1
- package/dist/cjs/Select/select.js +18 -72
- package/dist/cjs/Select/select.js.map +1 -1
- package/dist/cjs/Switch/switch.js +5 -5
- package/dist/cjs/Switch/switch.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +1 -1
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/cjs/TextField/text_field.js +4 -4
- package/dist/cjs/TextField/text_field.js.map +1 -1
- package/dist/cjs/TextareaField/textarea_field.js +4 -4
- package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
- package/dist/cjs/hooks/create_dialog.js +89 -0
- package/dist/cjs/hooks/create_dialog.js.map +1 -0
- package/dist/cjs/hooks/index.js +5 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/use_autocomplete.js +9 -8
- package/dist/cjs/hooks/use_autocomplete.js.map +1 -1
- package/dist/cjs/hooks/use_mount.js +12 -0
- package/dist/cjs/hooks/use_mount.js.map +1 -0
- package/dist/cjs/icons/close_small_icon.js +2 -2
- package/dist/cjs/icons/close_small_icon.js.map +1 -1
- package/dist/cjs/styles/foundations/sizes.js +0 -14
- package/dist/cjs/styles/foundations/sizes.js.map +1 -1
- package/dist/cjs/styles/types.js.map +1 -1
- package/dist/esm/Alert/alert.js +2 -2
- package/dist/esm/Alert/alert.js.map +1 -1
- package/dist/esm/Autocomplete/autocomplete.js +22 -31
- package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esm/Autocomplete/autocomplete_tag.js +118 -0
- package/dist/esm/Autocomplete/autocomplete_tag.js.map +1 -0
- package/dist/esm/Autocomplete/index.js +1 -0
- package/dist/esm/Autocomplete/index.js.map +1 -1
- package/dist/esm/Avatar/avatar.js +6 -6
- package/dist/esm/Avatar/avatar.js.map +1 -1
- package/dist/esm/Button/button.js +9 -9
- package/dist/esm/Button/button.js.map +1 -1
- package/dist/esm/Checkbox/checkbox.js +2 -2
- package/dist/esm/Checkbox/checkbox.js.map +1 -1
- package/dist/esm/Chip/chip.js +11 -5
- package/dist/esm/Chip/chip.js.map +1 -1
- package/dist/esm/CircularProgress/circular_progress.js +4 -4
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esm/Dialog/dialog.js +4 -6
- package/dist/esm/Dialog/dialog.js.map +1 -1
- package/dist/esm/Dialog/dialog_actions.js +3 -2
- package/dist/esm/Dialog/dialog_actions.js.map +1 -1
- package/dist/esm/Dialog/dialog_content.js +7 -9
- package/dist/esm/Dialog/dialog_content.js.map +1 -1
- package/dist/esm/Dialog/dialog_title.js +8 -9
- package/dist/esm/Dialog/dialog_title.js.map +1 -1
- package/dist/esm/Fab/fab.js +3 -3
- package/dist/esm/Fab/fab.js.map +1 -1
- package/dist/esm/Menu/menu.js +4 -4
- package/dist/esm/Menu/menu.js.map +1 -1
- package/dist/esm/MenuList/menu_item.js +3 -3
- package/dist/esm/MenuList/menu_item.js.map +1 -1
- package/dist/esm/NativeSelect/native_select.js +4 -4
- package/dist/esm/NativeSelect/native_select.js.map +1 -1
- package/dist/esm/Radio/radio.js +2 -2
- package/dist/esm/Radio/radio.js.map +1 -1
- package/dist/esm/Select/select.js +18 -72
- package/dist/esm/Select/select.js.map +1 -1
- package/dist/esm/Switch/switch.js +5 -5
- package/dist/esm/Switch/switch.js.map +1 -1
- package/dist/esm/Tabs/tab.js +1 -1
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esm/TextField/text_field.js +4 -4
- package/dist/esm/TextField/text_field.js.map +1 -1
- package/dist/esm/TextareaField/textarea_field.js +4 -4
- package/dist/esm/TextareaField/textarea_field.js.map +1 -1
- package/dist/esm/hooks/create_dialog.js +83 -0
- package/dist/esm/hooks/create_dialog.js.map +1 -0
- package/dist/esm/hooks/index.js +2 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/use_autocomplete.js +9 -8
- package/dist/esm/hooks/use_autocomplete.js.map +1 -1
- package/dist/esm/hooks/use_mount.js +9 -0
- package/dist/esm/hooks/use_mount.js.map +1 -0
- package/dist/esm/icons/close_small_icon.js +2 -2
- package/dist/esm/icons/close_small_icon.js.map +1 -1
- package/dist/esm/styles/foundations/sizes.js +0 -14
- package/dist/esm/styles/foundations/sizes.js.map +1 -1
- package/dist/esm/styles/types.js.map +1 -1
- package/dist/esnext/Alert/alert.js +2 -2
- package/dist/esnext/Alert/alert.js.map +1 -1
- package/dist/esnext/Autocomplete/autocomplete.js +22 -31
- package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esnext/Autocomplete/autocomplete_tag.js +96 -0
- package/dist/esnext/Autocomplete/autocomplete_tag.js.map +1 -0
- package/dist/esnext/Autocomplete/index.js +1 -0
- package/dist/esnext/Autocomplete/index.js.map +1 -1
- package/dist/esnext/Avatar/avatar.js +6 -6
- package/dist/esnext/Avatar/avatar.js.map +1 -1
- package/dist/esnext/Button/button.js +12 -12
- package/dist/esnext/Button/button.js.map +1 -1
- package/dist/esnext/Checkbox/checkbox.js +2 -2
- package/dist/esnext/Checkbox/checkbox.js.map +1 -1
- package/dist/esnext/Chip/chip.js +13 -7
- package/dist/esnext/Chip/chip.js.map +1 -1
- package/dist/esnext/CircularProgress/circular_progress.js +4 -4
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esnext/Dialog/dialog.js +4 -7
- package/dist/esnext/Dialog/dialog.js.map +1 -1
- package/dist/esnext/Dialog/dialog_actions.js +3 -2
- package/dist/esnext/Dialog/dialog_actions.js.map +1 -1
- package/dist/esnext/Dialog/dialog_content.js +7 -9
- package/dist/esnext/Dialog/dialog_content.js.map +1 -1
- package/dist/esnext/Dialog/dialog_title.js +8 -9
- package/dist/esnext/Dialog/dialog_title.js.map +1 -1
- package/dist/esnext/Fab/fab.js +3 -3
- package/dist/esnext/Fab/fab.js.map +1 -1
- package/dist/esnext/Menu/menu.js +4 -4
- package/dist/esnext/Menu/menu.js.map +1 -1
- package/dist/esnext/MenuList/menu_item.js +3 -3
- package/dist/esnext/MenuList/menu_item.js.map +1 -1
- package/dist/esnext/NativeSelect/native_select.js +4 -4
- package/dist/esnext/NativeSelect/native_select.js.map +1 -1
- package/dist/esnext/Radio/radio.js +2 -2
- package/dist/esnext/Radio/radio.js.map +1 -1
- package/dist/esnext/Select/select.js +19 -75
- package/dist/esnext/Select/select.js.map +1 -1
- package/dist/esnext/Switch/switch.js +5 -5
- package/dist/esnext/Switch/switch.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +2 -2
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/esnext/TextField/text_field.js +4 -4
- package/dist/esnext/TextField/text_field.js.map +1 -1
- package/dist/esnext/TextareaField/textarea_field.js +4 -4
- package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
- package/dist/esnext/hooks/create_dialog.js +83 -0
- package/dist/esnext/hooks/create_dialog.js.map +1 -0
- package/dist/esnext/hooks/index.js +2 -0
- package/dist/esnext/hooks/index.js.map +1 -1
- package/dist/esnext/hooks/use_autocomplete.js +3 -2
- package/dist/esnext/hooks/use_autocomplete.js.map +1 -1
- package/dist/esnext/hooks/use_mount.js +9 -0
- package/dist/esnext/hooks/use_mount.js.map +1 -0
- package/dist/esnext/icons/close_small_icon.js +2 -2
- package/dist/esnext/icons/close_small_icon.js.map +1 -1
- package/dist/esnext/styles/foundations/sizes.js +0 -14
- package/dist/esnext/styles/foundations/sizes.js.map +1 -1
- package/dist/esnext/styles/types.js.map +1 -1
- package/dist/types/Autocomplete/autocomplete.d.ts +43 -5
- package/dist/types/Autocomplete/autocomplete_tag.d.ts +23 -0
- package/dist/types/Autocomplete/index.d.ts +1 -0
- package/dist/types/Dialog/dialog.d.ts +2 -2
- package/dist/types/Dialog/dialog_content.d.ts +0 -5
- package/dist/types/Dialog/dialog_title.d.ts +2 -2
- package/dist/types/MenuList/menu_item.d.ts +1 -2
- package/dist/types/hooks/create_dialog.d.ts +72 -0
- package/dist/types/hooks/index.d.ts +2 -0
- package/dist/types/hooks/use_autocomplete.d.ts +5 -0
- package/dist/types/hooks/use_mount.d.ts +5 -0
- package/dist/types/styles/foundations/sizes.d.ts +0 -28
- package/dist/types/styles/types.d.ts +1 -1
- package/package.json +9 -9
|
@@ -47,12 +47,12 @@ const CircularProgressRoot = styled('div', {
|
|
|
47
47
|
transform: 'rotate(-90deg)',
|
|
48
48
|
}),
|
|
49
49
|
...(props.size === 'small' && {
|
|
50
|
-
height: 'var(--pv-size-base
|
|
51
|
-
width: 'var(--pv-size-base
|
|
50
|
+
height: 'calc(var(--pv-size-base) * 3)',
|
|
51
|
+
width: 'calc(var(--pv-size-base) * 3)',
|
|
52
52
|
}),
|
|
53
53
|
...(props.size === 'large' && {
|
|
54
|
-
height: 'var(--pv-size-base
|
|
55
|
-
width: 'var(--pv-size-base
|
|
54
|
+
height: 'calc(var(--pv-size-base) * 6)',
|
|
55
|
+
width: 'calc(var(--pv-size-base) * 6)',
|
|
56
56
|
}),
|
|
57
57
|
}));
|
|
58
58
|
const CircularProgressSvg = styled('svg')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAoChD,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,EAAE;IACzC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO;CACnE,CAAC,CAA4B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB,KAAK,CAAC,KAAK,GAAG;IACvC,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,eAAe;QACnC,CAAC,CAAC;YACE,SAAS,EAAE,GAAG,sBAAsB,uBAAuB;SAC5D;QACH,CAAC,CAAC;YACE,SAAS,EAAE,gBAAgB;SAC5B,CAAC;IACN,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;QAC5B,MAAM,EAAE
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ const DialogRoot = styled(Box, {
|
|
|
19
19
|
display: 'flex',
|
|
20
20
|
maxHeight: 'calc(100% - 60px)',
|
|
21
21
|
flexDirection: 'column',
|
|
22
|
-
margin:
|
|
22
|
+
margin: `calc(var(--pv-size-base) * 6)`,
|
|
23
23
|
position: 'relative',
|
|
24
24
|
outline: 'none',
|
|
25
25
|
overflow: 'hidden',
|
|
@@ -35,13 +35,10 @@ const DialogRoot = styled(Box, {
|
|
|
35
35
|
},
|
|
36
36
|
}),
|
|
37
37
|
...(props.size === 'small' && {
|
|
38
|
-
maxWidth: '
|
|
39
|
-
}),
|
|
40
|
-
...(props.size === 'medium' && {
|
|
41
|
-
maxWidth: '640px',
|
|
38
|
+
maxWidth: '500px',
|
|
42
39
|
}),
|
|
43
40
|
...(props.size === 'large' && {
|
|
44
|
-
maxWidth: '
|
|
41
|
+
maxWidth: '870px',
|
|
45
42
|
}),
|
|
46
43
|
...(props.fullScreen && {
|
|
47
44
|
height: '100%',
|
|
@@ -78,7 +75,7 @@ const DialogLoading = styled(Box)({
|
|
|
78
75
|
*
|
|
79
76
|
*/
|
|
80
77
|
export const Dialog = React.forwardRef((props, ref) => {
|
|
81
|
-
const { open, children, fullScreen = false, transitionDuration = 225, disableBackdropClick = false, disableEscapeKeyDown = false, loading, loadingColor = 'secondary', onClose, 'data-testid': dataTestId, size = '
|
|
78
|
+
const { open, children, fullScreen = false, transitionDuration = 225, disableBackdropClick = false, disableEscapeKeyDown = false, loading, loadingColor = 'secondary', onClose, 'data-testid': dataTestId, size = 'small', ...other } = props;
|
|
82
79
|
return (React.createElement(DialogModal, { ref: ref, open: open, transitionDuration: transitionDuration, "data-testid": dataTestId, disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
|
|
83
80
|
invisible: fullScreen,
|
|
84
81
|
}, onClose: onClose },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,12 +8,13 @@ import styled from '@emotion/styled';
|
|
|
8
8
|
* Styles.
|
|
9
9
|
*/
|
|
10
10
|
const DialogActionsRoot = styled('footer')({
|
|
11
|
-
padding: '
|
|
11
|
+
padding: '0 calc(var(--pv-size-base) * 6)',
|
|
12
12
|
flex: '0 0 auto',
|
|
13
13
|
display: 'flex',
|
|
14
14
|
alignItems: 'center',
|
|
15
15
|
justifyContent: 'flex-end',
|
|
16
|
-
gap: 'var(--pv-size-base
|
|
16
|
+
gap: 'calc(var(--pv-size-base) * 2)',
|
|
17
|
+
height: 'calc(var(--pv-size-base) * 19)',
|
|
17
18
|
});
|
|
18
19
|
/**
|
|
19
20
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAcpC,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAcpC,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,iCAAiC;IAC1C,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,+BAA+B;IACpC,MAAM,EAAE,gCAAgC;CACzC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChG,MAAM,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,cACC,gBAAgB,KACrB,KAAK,IAER,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
|
-
import { Box } from '../Box';
|
|
4
3
|
import { Collapse } from '../Collapse';
|
|
5
4
|
import { Alert } from '../Alert';
|
|
6
5
|
;
|
|
@@ -10,34 +9,33 @@ import { Alert } from '../Alert';
|
|
|
10
9
|
/**
|
|
11
10
|
* Styles.
|
|
12
11
|
*/
|
|
13
|
-
const DialogContentRoot = styled(
|
|
12
|
+
const DialogContentRoot = styled('div')({
|
|
14
13
|
flex: '1 1 auto',
|
|
15
14
|
overflow: 'hidden',
|
|
16
15
|
display: 'flex',
|
|
17
16
|
flexDirection: 'column',
|
|
18
17
|
});
|
|
19
18
|
const DialogContentAlertContainer = styled('div')({
|
|
20
|
-
padding: '0 var(--pv-size-base
|
|
19
|
+
padding: '0 calc(var(--pv-size-base) * 4)',
|
|
21
20
|
flex: '0 0 auto',
|
|
22
21
|
});
|
|
23
22
|
const DialogContentCollapse = styled(Collapse)({
|
|
24
|
-
margin: '0 calc(var(--pv-size-base
|
|
23
|
+
margin: '0 calc(var(--pv-size-base) * -2)',
|
|
25
24
|
});
|
|
26
25
|
const DialogContentContent = styled('div')({
|
|
27
26
|
overflowY: 'auto',
|
|
28
27
|
flex: '1 1 auto',
|
|
29
|
-
padding: '
|
|
28
|
+
padding: 'calc(var(--pv-size-base) * 6)',
|
|
30
29
|
});
|
|
31
30
|
const DialogContentAlertError = styled(Alert)({
|
|
32
|
-
margin: 'var(--pv-size-base
|
|
33
|
-
padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
|
|
31
|
+
margin: 'calc(var(--pv-size-base) * 2) 0',
|
|
34
32
|
});
|
|
35
33
|
/**
|
|
36
34
|
*
|
|
37
35
|
*/
|
|
38
36
|
export const DialogContent = React.forwardRef((props, ref) => {
|
|
39
|
-
const { children,
|
|
40
|
-
return (React.createElement(DialogContentRoot, { ref: ref,
|
|
37
|
+
const { children, error, scrolledElementProps = {}, ...other } = props;
|
|
38
|
+
return (React.createElement(DialogContentRoot, { ref: ref, "data-key": "dialog.content", ...other },
|
|
41
39
|
React.createElement(DialogContentAlertContainer, null,
|
|
42
40
|
React.createElement(DialogContentCollapse, { in: Boolean(error) },
|
|
43
41
|
React.createElement(DialogContentAlertError, { variant: "wrong", disableIcon: true }, error))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAuBhC,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,EAAE,iCAAiC;IAC1C,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,EAAE,kCAAkC;CAC3C,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,+BAA+B;CACzC,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,iCAAiC;CAC1C,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChG,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,oBAAoB,GAAG,EAAE,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,cACC,gBAAgB,KACrB,KAAK;QAET,oBAAC,2BAA2B;YAC1B,oBAAC,qBAAqB,IACpB,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC;gBAElB,oBAAC,uBAAuB,IACtB,OAAO,EAAC,OAAO,EACf,WAAW,UAEV,KAAK,CACkB,CACJ,CACI;QAC9B,oBAAC,oBAAoB,OACf,oBAAoB,IAEvB,QAAQ,CACY,CACL,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
3
|
import { Typography } from '../Typography';
|
|
4
|
-
import { IconButton } from '../IconButton';
|
|
5
|
-
import { CloseIcon } from '../icons';
|
|
6
4
|
;
|
|
7
5
|
/**
|
|
8
6
|
*
|
|
@@ -11,21 +9,22 @@ import { CloseIcon } from '../icons';
|
|
|
11
9
|
* Styles.
|
|
12
10
|
*/
|
|
13
11
|
const DialogTitleRoot = styled('header')({
|
|
14
|
-
padding: '
|
|
12
|
+
padding: '0 calc(var(--pv-size-base) * 6)',
|
|
13
|
+
alignItems: 'center',
|
|
15
14
|
display: 'flex',
|
|
16
15
|
flex: '0 0 auto',
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
gap: 'calc(var(--pv-size-base) * 2)',
|
|
17
|
+
height: 'calc(var(--pv-size-base) * 12)',
|
|
18
|
+
borderBottom: '1px solid var(--pv-color-gray-5)',
|
|
19
19
|
});
|
|
20
20
|
/**
|
|
21
21
|
*
|
|
22
22
|
*/
|
|
23
23
|
export const DialogTitle = React.forwardRef((props, ref) => {
|
|
24
|
-
const { children,
|
|
24
|
+
const { children, startIcon, ...other } = props;
|
|
25
25
|
return (React.createElement(DialogTitleRoot, { ref: ref, "data-key": "dialog.title", ...other },
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
React.createElement(CloseIcon, null)))));
|
|
26
|
+
startIcon,
|
|
27
|
+
React.createElement(Typography, { variant: "h4", color: "inherit" }, children)));
|
|
29
28
|
});
|
|
30
29
|
DialogTitle.displayName = 'DialogTitle';
|
|
31
30
|
//# sourceMappingURL=dialog_title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkB1C,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,iCAAiC;IAC1C,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,GAAG,EAAE,+BAA+B;IACpC,MAAM,EAAE,gCAAgC;IACxC,YAAY,EAAE,kCAAkC;CACjD,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,cACC,cAAc,KACnB,KAAK;QAER,SAAS;QACV,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,QAAQ,CACE,CACG,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
package/dist/esnext/Fab/fab.js
CHANGED
|
@@ -9,9 +9,9 @@ import { ButtonBase } from '../ButtonBase';
|
|
|
9
9
|
*/
|
|
10
10
|
const FabRoot = styled(ButtonBase)({
|
|
11
11
|
borderRadius: '50%',
|
|
12
|
-
height: 'var(--pv-size-base
|
|
13
|
-
width: 'var(--pv-size-base
|
|
14
|
-
padding: 'var(--pv-size-base
|
|
12
|
+
height: 'calc(var(--pv-size-base) * 11)',
|
|
13
|
+
width: 'calc(var(--pv-size-base) * 11)',
|
|
14
|
+
padding: 'calc(var(--pv-size-base) * 2)',
|
|
15
15
|
}, (props) => {
|
|
16
16
|
const isDark = props.theme.mode === 'dark';
|
|
17
17
|
let colorDisabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAuB,UAAU,EAAE,MAAM,eAAe,CAAC;AA0BhE;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAe;IAC/C,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAuB,UAAU,EAAE,MAAM,eAAe,CAAC;AA0BhE;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAe;IAC/C,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,gCAAgC;IACxC,KAAK,EAAE,gCAAgC;IACvC,OAAO,EAAE,+BAA+B;CACzC,EAAE,CAAC,KAAK,EAAE,EAAE;IACX,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAE3C,IAAI,aAAqB,CAAC;IAC1B,IAAI,uBAA+B,CAAC;IACpC,IAAI,mBAA2B,CAAC;IAEhC,IAAI,KAAK,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;QACjC,IAAI,MAAM,EAAE,CAAC;YACX,uBAAuB,GAAG,wBAAwB,CAAC;YACnD,aAAa,GAAG,wBAAwB,CAAC;YACzC,mBAAmB,GAAG,wBAAwB,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,wBAAwB,CAAC;YACzC,mBAAmB,GAAG,wBAAwB,CAAC;YAC/C,uBAAuB,GAAG,uBAAuB,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO;QACL,YAAY,EAAE;YACZ,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,mBAAmB;YAChC,eAAe,EAAE,uBAAuB;SACzC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,SAAS,EACjB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,OAAO,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAuC,CAAC;AAEzC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
package/dist/esnext/Menu/menu.js
CHANGED
|
@@ -18,16 +18,16 @@ const Divider = styled('hr')({
|
|
|
18
18
|
});
|
|
19
19
|
const MenuPopover = styled(Popover)({
|
|
20
20
|
'&[data-popper-placement^="bottom"]': {
|
|
21
|
-
margin: 'var(--pv-size-base
|
|
21
|
+
margin: 'calc(var(--pv-size-base) * 3) 0px',
|
|
22
22
|
},
|
|
23
23
|
'&[data-popper-placement^="top"]': {
|
|
24
|
-
margin: 'var(--pv-size-base
|
|
24
|
+
margin: 'calc(var(--pv-size-base) * 3) 0px',
|
|
25
25
|
},
|
|
26
26
|
'&[data-popper-placement^="right"]': {
|
|
27
|
-
margin: '0px var(--pv-size-base
|
|
27
|
+
margin: '0px calc(var(--pv-size-base) * 3)',
|
|
28
28
|
},
|
|
29
29
|
'&[data-popper-placement^="left"]': {
|
|
30
|
-
margin: '0px var(--pv-size-base
|
|
30
|
+
margin: '0px calc(var(--pv-size-base) * 3)',
|
|
31
31
|
},
|
|
32
32
|
});
|
|
33
33
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAiB,MAAM,YAAY,CAAC;AACpD,OAAO,EACL,QAAQ,EAAE,QAAQ,EAAE,WAAW,GAChC,MAAM,aAAa,CAAC;AAuBpB,CAAC;AAwBD,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,EAAE,KAAK;IACb,eAAe,EAAE,wBAAwB;IACzC,MAAM,EAAE,yBAAyB;IACjC,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,oCAAoC,EAAE;QACpC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,11 +12,11 @@ import { Typography } from '../Typography';
|
|
|
12
12
|
const MenuItemRoot = styled('li', {
|
|
13
13
|
shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'disabled',
|
|
14
14
|
})((props) => ({
|
|
15
|
-
padding: '0px var(--pv-size-base
|
|
15
|
+
padding: '0px calc(var(--pv-size-base) * 2)',
|
|
16
16
|
fontFamily: 'inherit',
|
|
17
17
|
outline: 'none',
|
|
18
18
|
width: '100%',
|
|
19
|
-
height: 'var(--pv-size-base
|
|
19
|
+
height: 'calc(var(--pv-size-base) * 7)',
|
|
20
20
|
display: 'flex',
|
|
21
21
|
textAlign: 'left',
|
|
22
22
|
alignItems: 'center',
|
|
@@ -27,7 +27,7 @@ const MenuItemRoot = styled('li', {
|
|
|
27
27
|
backgroundColor: 'transparent',
|
|
28
28
|
border: 'none',
|
|
29
29
|
boxSizing: 'border-box',
|
|
30
|
-
gap: 'var(--pv-size-base
|
|
30
|
+
gap: 'calc(var(--pv-size-base) * 2)',
|
|
31
31
|
cursor: props.disabled
|
|
32
32
|
? 'not-allowed'
|
|
33
33
|
: 'pointer',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB1C,CAAC;AAYF;;GAEG;AAEH;;GAEG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,EAAE;IAChC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,UAAU;CACtE,CAAC,CACA,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"menu_item.js","sourceRoot":"","sources":["../../../src/MenuList/menu_item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const NativeSelectRoot = styled('select')((props) => ({
|
|
|
16
16
|
boxSizing: 'border-box',
|
|
17
17
|
width: '100%',
|
|
18
18
|
borderRadius: '4px',
|
|
19
|
-
padding: '0 calc(var(--pv-size-base
|
|
19
|
+
padding: '0 calc(var(--pv-size-base) * 2 + 24px) 0 calc(var(--pv-size-base) * 2)',
|
|
20
20
|
backgroundColor: 'var(--pv-color-gray-1)',
|
|
21
21
|
borderStyle: 'solid',
|
|
22
22
|
borderWidth: '1px',
|
|
@@ -28,13 +28,13 @@ const NativeSelectRoot = styled('select')((props) => ({
|
|
|
28
28
|
lineHeight: 'var(--pv-text-c1-height)',
|
|
29
29
|
letterSpacing: 'var(--pv-text-c1-spacing)',
|
|
30
30
|
...(props.selectSize === 'small' && {
|
|
31
|
-
height: 'var(--pv-size-base
|
|
31
|
+
height: 'calc(var(--pv-size-base) * 6)',
|
|
32
32
|
}),
|
|
33
33
|
...(props.selectSize === 'medium' && {
|
|
34
|
-
height: 'var(--pv-size-base
|
|
34
|
+
height: 'calc(var(--pv-size-base) * 7)',
|
|
35
35
|
}),
|
|
36
36
|
...(props.selectSize === 'large' && {
|
|
37
|
-
height: 'var(--pv-size-base
|
|
37
|
+
height: 'calc(var(--pv-size-base) * 8)',
|
|
38
38
|
}),
|
|
39
39
|
}), (props) => {
|
|
40
40
|
const isDark = props.theme.mode === 'dark';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"native_select.js","sourceRoot":"","sources":["../../../src/NativeSelect/native_select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA6E5C,CAAC;AAMF;;GAEG;AAEH;;GAEG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,CACvC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"native_select.js","sourceRoot":"","sources":["../../../src/NativeSelect/native_select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,8 @@ import { opacity } from '../styles/foundations';
|
|
|
14
14
|
const RadioRoot = styled('label')({
|
|
15
15
|
cursor: 'pointer',
|
|
16
16
|
display: 'inline-flex',
|
|
17
|
-
width: 'var(--pv-size-base
|
|
18
|
-
height: 'var(--pv-size-base
|
|
17
|
+
width: 'calc(var(--pv-size-base) * 4)',
|
|
18
|
+
height: 'calc(var(--pv-size-base) * 4)',
|
|
19
19
|
borderRadius: '50%',
|
|
20
20
|
position: 'relative',
|
|
21
21
|
flexShrink: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAsD/C,CAAC;AAGF;;GAEG;AAEH;;GAEG;AACH,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAC/B;IACE,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,11 +5,11 @@ import { Popover } from '../Popover';
|
|
|
5
5
|
import { TextField } from '../TextField';
|
|
6
6
|
import { Typography } from '../Typography';
|
|
7
7
|
import { Box } from '../Box';
|
|
8
|
-
import { Chip } from '../Chip';
|
|
9
8
|
import { Button } from '../Button';
|
|
10
9
|
import { ArrowDropDownIcon, PlusIcon } from '../icons';
|
|
11
|
-
import { MenuItem } from '../MenuList';
|
|
12
10
|
import { Checkbox } from '../Checkbox';
|
|
11
|
+
import { AutocompleteTagSize, AutocompleteNativeInput, AutocompleteDropdownStateItem, AutocompleteDropdownList, AutocompleteDropdownGroupName, AutocompleteDropdownGroupList, AutocompleteDropdownGroupListItem, AutocompleteLabel, AutocompleteError, } from '../Autocomplete/autocomplete';
|
|
12
|
+
import { AutocompleteTag } from '../Autocomplete/autocomplete_tag';
|
|
13
13
|
;
|
|
14
14
|
/**
|
|
15
15
|
*
|
|
@@ -22,7 +22,7 @@ const SelectField = styled(Typography)((props) => ({
|
|
|
22
22
|
boxSizing: 'border-box',
|
|
23
23
|
width: '100%',
|
|
24
24
|
borderRadius: '4px',
|
|
25
|
-
padding: '0 calc(var(--pv-size-base
|
|
25
|
+
padding: '0 calc(var(--pv-size-base) * 2 + 24px) 0 calc(var(--pv-size-base) * 2)',
|
|
26
26
|
backgroundColor: 'var(--pv-color-gray-1)',
|
|
27
27
|
borderStyle: 'solid',
|
|
28
28
|
borderWidth: '1px',
|
|
@@ -32,13 +32,13 @@ const SelectField = styled(Typography)((props) => ({
|
|
|
32
32
|
textAlign: 'left',
|
|
33
33
|
cursor: 'pointer',
|
|
34
34
|
fontFamily: 'inherit',
|
|
35
|
-
height: 'var(--pv-size-base
|
|
35
|
+
height: 'calc(var(--pv-size-base) * 8)',
|
|
36
36
|
position: 'relative',
|
|
37
37
|
...(props.size === 'small' && {
|
|
38
|
-
height: 'var(--pv-size-base
|
|
38
|
+
height: 'calc(var(--pv-size-base) * 6)',
|
|
39
39
|
}),
|
|
40
40
|
...(props.size === 'medium' && {
|
|
41
|
-
height: 'var(--pv-size-base
|
|
41
|
+
height: 'calc(var(--pv-size-base) * 7)',
|
|
42
42
|
}),
|
|
43
43
|
...(props.multiple === true && {
|
|
44
44
|
display: 'inline-flex',
|
|
@@ -96,42 +96,6 @@ const SelectArrowIcon = styled(ArrowDropDownIcon)({
|
|
|
96
96
|
color: 'inherit',
|
|
97
97
|
},
|
|
98
98
|
});
|
|
99
|
-
const SelectNativeInput = styled('input')({
|
|
100
|
-
bottom: 0,
|
|
101
|
-
left: 0,
|
|
102
|
-
height: '100%',
|
|
103
|
-
position: 'absolute',
|
|
104
|
-
opacity: 0,
|
|
105
|
-
pointerEvents: 'none',
|
|
106
|
-
width: '100%',
|
|
107
|
-
boxSizing: 'border-box',
|
|
108
|
-
});
|
|
109
|
-
const SelectDropdownStateItem = styled('div')({
|
|
110
|
-
padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
|
|
111
|
-
});
|
|
112
|
-
const SelectDropdownList = styled('ul')({
|
|
113
|
-
maxHeight: '36vh',
|
|
114
|
-
overflowY: 'auto',
|
|
115
|
-
margin: 0,
|
|
116
|
-
listStyleType: 'none',
|
|
117
|
-
position: 'relative',
|
|
118
|
-
padding: '10px 0',
|
|
119
|
-
});
|
|
120
|
-
const SelectDropdownGroupName = styled(Typography)((props) => ({
|
|
121
|
-
padding: 'var(--pv-size-base-2)',
|
|
122
|
-
color: props.theme.mode === 'dark'
|
|
123
|
-
? 'var(--pv-color-gray-6)'
|
|
124
|
-
: 'var(--pv-color-gray-9)',
|
|
125
|
-
}));
|
|
126
|
-
const SelectDropdownGroupList = styled('ul')({
|
|
127
|
-
padding: 0,
|
|
128
|
-
listStyleType: 'none',
|
|
129
|
-
});
|
|
130
|
-
const SelectDropdownGroupListItem = styled(MenuItem)((props) => ({
|
|
131
|
-
...(props.inGroup && {
|
|
132
|
-
padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
|
|
133
|
-
}),
|
|
134
|
-
}));
|
|
135
99
|
const SelectPopover = styled(Popover)({
|
|
136
100
|
minWidth: 240,
|
|
137
101
|
});
|
|
@@ -142,34 +106,14 @@ const SelectTagsList = styled('div')({
|
|
|
142
106
|
gridTemplateColumns: 'repeat(auto-fit, minmax(0, max-content))',
|
|
143
107
|
gap: 'var(--pv-size-base)',
|
|
144
108
|
});
|
|
145
|
-
const SelectTag = styled(Chip)({
|
|
146
|
-
label: 'Select-tag',
|
|
147
|
-
borderRadius: '4px',
|
|
148
|
-
height: 'var(--pv-size-base-5)',
|
|
149
|
-
margin: 0,
|
|
150
|
-
backgroundColor: 'var(--pv-color-gray-2)',
|
|
151
|
-
borderColor: 'var(--pv-color-gray-5)',
|
|
152
|
-
gap: '0px',
|
|
153
|
-
});
|
|
154
|
-
const SelectTagSize = styled(Typography)({
|
|
155
|
-
margin: '0 var(--pv-size-base-2)',
|
|
156
|
-
});
|
|
157
109
|
const SelectSearchInput = styled(TextField)({
|
|
158
|
-
padding: 'var(--pv-size-base
|
|
110
|
+
padding: 'calc(var(--pv-size-base) * 3) calc(var(--pv-size-base) * 3) calc(var(--pv-size-base) * 2)',
|
|
159
111
|
});
|
|
160
112
|
const SelectCreateNewButton = styled(Button)({
|
|
161
113
|
width: '100%',
|
|
162
114
|
borderRadius: 0,
|
|
163
115
|
justifyContent: 'left',
|
|
164
|
-
padding: '0px var(--pv-size-base
|
|
165
|
-
});
|
|
166
|
-
const SelectError = styled(Typography)({
|
|
167
|
-
marginTop: '2px',
|
|
168
|
-
});
|
|
169
|
-
const SelectLabel = styled('label')({
|
|
170
|
-
label: 'TextField-label',
|
|
171
|
-
marginBottom: '2px',
|
|
172
|
-
display: 'inline-block',
|
|
116
|
+
padding: '0px calc(var(--pv-size-base) * 2)',
|
|
173
117
|
});
|
|
174
118
|
/**
|
|
175
119
|
*
|
|
@@ -185,15 +129,15 @@ export const Select = (props) => {
|
|
|
185
129
|
}
|
|
186
130
|
popoverProps.onClose(event);
|
|
187
131
|
};
|
|
188
|
-
const defaultRenderOption = ({ key, ...propsOption }, option) => (React.createElement(
|
|
132
|
+
const defaultRenderOption = ({ key, ...propsOption }, option) => (React.createElement(AutocompleteDropdownGroupListItem, { key: key, ...propsOption, inGroup: Boolean(groupBy), startIcon: multiple
|
|
189
133
|
? (React.createElement(Checkbox, { checked: propsOption['aria-selected'], inputProps: {
|
|
190
134
|
readOnly: true,
|
|
191
135
|
} }))
|
|
192
136
|
: undefined }, getOptionLabel(option)));
|
|
193
137
|
const renderGroup = (params) => (React.createElement("li", { key: params.key },
|
|
194
|
-
React.createElement(
|
|
195
|
-
React.createElement(
|
|
196
|
-
const defaultRenderTag = ({ key, ...propsOption }, option) => (React.createElement(
|
|
138
|
+
React.createElement(AutocompleteDropdownGroupName, { variant: "c1", color: "gray-10" }, params.group),
|
|
139
|
+
React.createElement(AutocompleteDropdownGroupList, null, params.children)));
|
|
140
|
+
const defaultRenderTag = ({ key, ...propsOption }, option) => (React.createElement(AutocompleteTag, { key: key, ...propsOption }, getOptionLabel(option)));
|
|
197
141
|
const renderListTag = (option, index) => {
|
|
198
142
|
const optionProps = getTagProps(option, index);
|
|
199
143
|
return defaultRenderTag(optionProps, option);
|
|
@@ -207,7 +151,7 @@ export const Select = (props) => {
|
|
|
207
151
|
const valueLimits = more > 0 ? value.slice(0, limitTags) : value;
|
|
208
152
|
return (React.createElement(React.Fragment, null,
|
|
209
153
|
React.createElement(SelectTagsList, null, valueLimits.map(renderListTag)),
|
|
210
|
-
!!more && (React.createElement(
|
|
154
|
+
!!more && (React.createElement(AutocompleteTagSize, { variant: "c2", color: "gray-9" }, getLimitTagsText(more)))));
|
|
211
155
|
}
|
|
212
156
|
return getOptionLabel(value);
|
|
213
157
|
};
|
|
@@ -218,7 +162,7 @@ export const Select = (props) => {
|
|
|
218
162
|
component: "button", type: "button", variant: size === 'small' ? 'c1' : 'b3', "aria-invalid": error || undefined, "aria-placeholder": isValueEmpty || undefined, multiple: multiple, size: size },
|
|
219
163
|
isValueEmpty ? placeholder : renderedValue,
|
|
220
164
|
React.createElement(SelectArrowIcon, { "aria-disabled": disabled, "aria-hidden": true }),
|
|
221
|
-
React.createElement(
|
|
165
|
+
React.createElement(AutocompleteNativeInput, { type: "text", value: isValueEmpty ? '' : JSON.stringify(valueRoot), tabIndex: -1, "aria-hidden": "true", disabled: disabled, autoComplete: "off", id: id, name: name, required: required, readOnly: readOnly,
|
|
222
166
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
223
167
|
onChange: () => { } })));
|
|
224
168
|
const renderOption = renderOptionProp || defaultRenderOption;
|
|
@@ -228,23 +172,23 @@ export const Select = (props) => {
|
|
|
228
172
|
return renderOption(optionProps, option);
|
|
229
173
|
};
|
|
230
174
|
return (React.createElement("div", { className: className },
|
|
231
|
-
label && (React.createElement(
|
|
175
|
+
label && (React.createElement(AutocompleteLabel, { ...getInputLabelProps() },
|
|
232
176
|
React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
|
|
233
177
|
renderRoot({
|
|
234
178
|
...getRootProps(),
|
|
235
179
|
disabled,
|
|
236
180
|
}, value, getTagProps),
|
|
237
|
-
error && errorText && (React.createElement(
|
|
181
|
+
error && errorText && (React.createElement(AutocompleteError, { variant: "c2", color: "wrong" }, errorText)),
|
|
238
182
|
React.createElement(SelectPopover, { placement: "bottom-start", allowUseSameWidth: true, ...popoverProps },
|
|
239
183
|
!disableSearch && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
|
|
240
184
|
React.createElement(SelectSearchInput, { id: otherInputProps.id, inputProps: otherInputProps, placeholder: "Search", disabled: loading, onChange: onChange }))),
|
|
241
|
-
loading && groupedOptions.length === 0 && (React.createElement(
|
|
185
|
+
loading && groupedOptions.length === 0 && (React.createElement(AutocompleteDropdownStateItem, null, typeof loadingText === 'string'
|
|
242
186
|
? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, loadingText))
|
|
243
187
|
: loadingText)),
|
|
244
|
-
groupedOptions.length === 0 && !loading && (React.createElement(
|
|
188
|
+
groupedOptions.length === 0 && !loading && (React.createElement(AutocompleteDropdownStateItem, null, typeof noOptionsText === 'string'
|
|
245
189
|
? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, noOptionsText))
|
|
246
190
|
: noOptionsText)),
|
|
247
|
-
groupedOptions.length > 0 && (React.createElement(
|
|
191
|
+
groupedOptions.length > 0 && (React.createElement(AutocompleteDropdownList, { ...getListboxProps() }, groupedOptions
|
|
248
192
|
.map((option, index) => {
|
|
249
193
|
// @ts-expect-error: 'options' may exist when grouped
|
|
250
194
|
if (groupBy && 'options' in option) {
|