@peculiar/react-components 0.6.6 → 1.0.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.
Files changed (67) hide show
  1. package/dist/cjs/Alert/alert.js +8 -6
  2. package/dist/cjs/Alert/alert.js.map +1 -1
  3. package/dist/cjs/Chip/chip.js +1 -3
  4. package/dist/cjs/Chip/chip.js.map +1 -1
  5. package/dist/cjs/Dialog/dialog_title.js +2 -4
  6. package/dist/cjs/Dialog/dialog_title.js.map +1 -1
  7. package/dist/cjs/NativeSelect/index.js +6 -0
  8. package/dist/cjs/NativeSelect/index.js.map +1 -0
  9. package/dist/cjs/NativeSelect/native_select.js +151 -0
  10. package/dist/cjs/NativeSelect/native_select.js.map +1 -0
  11. package/dist/cjs/Select/select.js +170 -53
  12. package/dist/cjs/Select/select.js.map +1 -1
  13. package/dist/cjs/Toast/toast.js +1 -1
  14. package/dist/cjs/Toast/toast.js.map +1 -1
  15. package/dist/cjs/index.js +2 -2
  16. package/dist/cjs/index.js.map +1 -1
  17. package/dist/esm/Alert/alert.js +8 -6
  18. package/dist/esm/Alert/alert.js.map +1 -1
  19. package/dist/esm/Chip/chip.js +1 -3
  20. package/dist/esm/Chip/chip.js.map +1 -1
  21. package/dist/esm/Dialog/dialog_title.js +2 -4
  22. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  23. package/dist/esm/NativeSelect/index.js +2 -0
  24. package/dist/esm/NativeSelect/index.js.map +1 -0
  25. package/dist/esm/NativeSelect/native_select.js +122 -0
  26. package/dist/esm/NativeSelect/native_select.js.map +1 -0
  27. package/dist/esm/Select/select.js +169 -30
  28. package/dist/esm/Select/select.js.map +1 -1
  29. package/dist/esm/Toast/toast.js +1 -1
  30. package/dist/esm/Toast/toast.js.map +1 -1
  31. package/dist/esm/index.js +2 -2
  32. package/dist/esm/index.js.map +1 -1
  33. package/dist/esnext/Alert/alert.js +7 -7
  34. package/dist/esnext/Alert/alert.js.map +1 -1
  35. package/dist/esnext/Chip/chip.js +1 -2
  36. package/dist/esnext/Chip/chip.js.map +1 -1
  37. package/dist/esnext/Dialog/dialog_title.js +2 -4
  38. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  39. package/dist/esnext/NativeSelect/index.js +2 -0
  40. package/dist/esnext/NativeSelect/index.js.map +1 -0
  41. package/dist/esnext/NativeSelect/native_select.js +129 -0
  42. package/dist/esnext/NativeSelect/native_select.js.map +1 -0
  43. package/dist/esnext/Select/select.js +184 -44
  44. package/dist/esnext/Select/select.js.map +1 -1
  45. package/dist/esnext/Toast/toast.js +1 -1
  46. package/dist/esnext/Toast/toast.js.map +1 -1
  47. package/dist/esnext/index.js +2 -2
  48. package/dist/esnext/index.js.map +1 -1
  49. package/dist/types/NativeSelect/index.d.ts +1 -0
  50. package/dist/types/NativeSelect/native_select.d.ts +76 -0
  51. package/dist/types/Select/select.d.ts +65 -33
  52. package/dist/types/index.d.ts +2 -2
  53. package/package.json +5 -5
  54. package/dist/cjs/Autocomplete/autocomplete.js +0 -269
  55. package/dist/cjs/Autocomplete/autocomplete.js.map +0 -1
  56. package/dist/cjs/Autocomplete/index.js +0 -6
  57. package/dist/cjs/Autocomplete/index.js.map +0 -1
  58. package/dist/esm/Autocomplete/autocomplete.js +0 -262
  59. package/dist/esm/Autocomplete/autocomplete.js.map +0 -1
  60. package/dist/esm/Autocomplete/index.js +0 -2
  61. package/dist/esm/Autocomplete/index.js.map +0 -1
  62. package/dist/esnext/Autocomplete/autocomplete.js +0 -272
  63. package/dist/esnext/Autocomplete/autocomplete.js.map +0 -1
  64. package/dist/esnext/Autocomplete/index.js +0 -2
  65. package/dist/esnext/Autocomplete/index.js.map +0 -1
  66. package/dist/types/Autocomplete/autocomplete.d.ts +0 -108
  67. package/dist/types/Autocomplete/index.d.ts +0 -1
@@ -1,272 +0,0 @@
1
- import React from 'react';
2
- import styled from '@emotion/styled';
3
- import { useAutocomplete, } from '../hooks';
4
- import { Popover } from '../Popover';
5
- import { TextField } from '../TextField';
6
- import { Typography } from '../Typography';
7
- import { Box } from '../Box';
8
- import { Chip } from '../Chip';
9
- import { Button } from '../Button';
10
- import { ArrowDropDownIcon, PlusIcon } from '../icons';
11
- import { MenuItem } from '../MenuList';
12
- /**
13
- *
14
- */
15
- /**
16
- * Styles.
17
- */
18
- const AutocompleteField = styled(Typography)((props) => ({
19
- outline: 'none',
20
- boxSizing: 'border-box',
21
- width: '100%',
22
- borderRadius: '4px',
23
- padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)',
24
- backgroundColor: 'var(--pv-color-gray-1)',
25
- borderStyle: 'solid',
26
- borderWidth: '1px',
27
- transition: 'background-color 200ms, color 200ms, border-color 200ms',
28
- appearance: 'none',
29
- userSelect: 'none',
30
- textAlign: 'left',
31
- cursor: 'pointer',
32
- fontFamily: 'inherit',
33
- height: 'var(--pv-size-base-8)',
34
- position: 'relative',
35
- ...(props.size === 'small' && {
36
- height: 'var(--pv-size-base-6)',
37
- }),
38
- ...(props.size === 'medium' && {
39
- height: 'var(--pv-size-base-7)',
40
- }),
41
- ...(props.multiple === true && {
42
- display: 'inline-flex',
43
- alignItems: 'center',
44
- }),
45
- }), (props) => {
46
- const isDark = props.theme.mode === 'dark';
47
- const color = isDark
48
- ? 'var(--pv-color-white)'
49
- : 'var(--pv-color-black)';
50
- let borderColor = 'var(--pv-color-gray-8)';
51
- let colorPlaceholder = 'var(--pv-color-gray-9)';
52
- let borderColorHover = 'var(--pv-color-gray-7)';
53
- let borderColorDisabled = 'var(--pv-color-gray-5)';
54
- let colorDisabled = 'var(--pv-color-gray-7)';
55
- let invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
56
- let invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
57
- let backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
58
- let borderColorFocus = 'var(--pv-color-secondary-tint-3)';
59
- if (isDark) {
60
- borderColor = 'var(--pv-color-gray-5)';
61
- colorPlaceholder = 'var(--pv-color-gray-6)';
62
- borderColorHover = 'var(--pv-color-gray-4)';
63
- borderColorDisabled = 'var(--pv-color-gray-4)';
64
- colorDisabled = 'var(--pv-color-gray-4)';
65
- invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
66
- invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
67
- backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
68
- borderColorFocus = 'var(--pv-color-secondary-shade-1)';
69
- }
70
- return ({
71
- borderColor,
72
- '&:hover': {
73
- backgroundColor: 'var(--pv-color-gray-3)',
74
- borderColor: borderColorHover,
75
- },
76
- '&:disabled': {
77
- cursor: 'not-allowed',
78
- backgroundColor: 'var(--pv-color-gray-1)',
79
- borderColor: borderColorDisabled,
80
- color: colorDisabled,
81
- },
82
- '&:not(:disabled)': {
83
- color,
84
- '&[aria-placeholder]': {
85
- color: colorPlaceholder,
86
- },
87
- '&[aria-invalid]': {
88
- backgroundColor: invalidBackgroundColor,
89
- borderColor: invalidBorderColor,
90
- },
91
- '&:focus-visible': {
92
- backgroundColor: backgroundColorFocus,
93
- borderColor: borderColorFocus,
94
- },
95
- },
96
- });
97
- });
98
- const AutocompleteArrowIcon = styled(ArrowDropDownIcon)({
99
- position: 'absolute',
100
- right: '0px',
101
- top: 'calc(50% - 12px)',
102
- margin: '0px var(--pv-size-base)',
103
- color: 'var(--pv-color-gray-10)',
104
- '&[aria-disabled="true"]': {
105
- color: 'inherit',
106
- },
107
- });
108
- const AutocompleteNativeInput = styled('input')({
109
- bottom: 0,
110
- left: 0,
111
- height: '100%',
112
- position: 'absolute',
113
- opacity: 0,
114
- pointerEvents: 'none',
115
- width: '100%',
116
- boxSizing: 'border-box',
117
- });
118
- const AutocompleteDropdownStateItem = styled('div')({
119
- padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
120
- });
121
- const AutocompleteDropdownList = styled('ul')({
122
- maxHeight: '36vh',
123
- overflowY: 'auto',
124
- margin: 0,
125
- listStyleType: 'none',
126
- position: 'relative',
127
- padding: '10px 0',
128
- });
129
- const AutocompleteDropdownGroupName = styled(Typography)((props) => ({
130
- padding: 'var(--pv-size-base-2)',
131
- color: props.theme.mode === 'dark'
132
- ? 'var(--pv-color-gray-6)'
133
- : 'var(--pv-color-gray-9)',
134
- }));
135
- const AutocompleteDropdownGroupList = styled('ul')({
136
- padding: 0,
137
- listStyleType: 'none',
138
- });
139
- const AutocompleteDropdownGroupListItem = styled(MenuItem)((props) => ({
140
- ...(props.inGroup && {
141
- padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
142
- }),
143
- }));
144
- const AutocompletePopover = styled(Popover)({
145
- minWidth: 240,
146
- });
147
- const AutocompleteTagsList = styled('div')({
148
- overflow: 'hidden',
149
- width: '100%',
150
- });
151
- const AutocompleteTag = styled(Chip)((props) => ({
152
- label: 'Autocomplete-tag',
153
- borderRadius: '3px',
154
- margin: '0 var(--pv-size-base) 0 0',
155
- ...(props.tagsLength === 1 && {
156
- maxWidth: 'calc(100% - var(--pv-size-base))',
157
- }),
158
- ...(props.tagsLength > 1 && props.limitTags && {
159
- maxWidth: `calc(${100 / props.limitTags}% - var(--pv-size-base))`,
160
- }),
161
- ...(props.size === 'small' && {
162
- height: 'var(--pv-size-base-5)',
163
- }),
164
- }));
165
- const AutocompleteTagSize = styled(Typography)({
166
- margin: '0 var(--pv-size-base-2)',
167
- });
168
- const AutocompleteSearchInput = styled(TextField)({
169
- padding: 'var(--pv-size-base-3) var(--pv-size-base-3) var(--pv-size-base-2)',
170
- });
171
- const AutocompleteCreateNewButton = styled(Button)({
172
- width: '100%',
173
- borderRadius: 0,
174
- justifyContent: 'left',
175
- padding: '0px var(--pv-size-base-2)',
176
- });
177
- const AutocompleteError = styled(Typography)({
178
- marginTop: '2px',
179
- });
180
- const AutocompleteLabel = styled('label')({
181
- label: 'TextField-label',
182
- marginBottom: '2px',
183
- display: 'inline-block',
184
- });
185
- /**
186
- *
187
- */
188
- export const Autocomplete = (props) => {
189
- const { className, size, placeholder, label, disableSearch, disabled = false, noOptionsText, loading, loadingText, limitTags = 2, name, required, multiple = false, readOnly, createOptionText, allowCreateOption, error, errorText, renderRoot: renderRootProp, renderOption: renderOptionProp, getLimitTagsText = (more) => `${more} more`, groupBy, onCreate, } = props;
190
- const { id, value, searchValue, groupedOptions, getRootProps, getInputLabelProps, getInputProps, getListboxProps, getOptionProps, getPopoverProps, getTagProps, getOptionLabel, } = useAutocomplete(props);
191
- const { onChange, ...otherInputProps } = getInputProps();
192
- const popoverProps = getPopoverProps();
193
- const handleCreate = (event) => {
194
- if (onCreate) {
195
- onCreate(event, searchValue);
196
- }
197
- popoverProps.onClose(event);
198
- };
199
- const defaultRenderOption = (propsOption, option) => (React.createElement(AutocompleteDropdownGroupListItem, { ...propsOption, inGroup: Boolean(groupBy) }, getOptionLabel(option)));
200
- const renderGroup = (params) => (React.createElement("li", { key: params.key },
201
- React.createElement(AutocompleteDropdownGroupName, { variant: "c1", color: "gray-10" }, params.group),
202
- React.createElement(AutocompleteDropdownGroupList, null, params.children)));
203
- const renderValue = () => {
204
- if (!value || (Array.isArray(value) && value.length === 0)) {
205
- return null;
206
- }
207
- if (Array.isArray(value)) {
208
- const more = (value.length > limitTags) ? (value.length - limitTags) : 0;
209
- const valueLimits = more > 0 ? value.slice(0, limitTags) : value;
210
- return (React.createElement(React.Fragment, null,
211
- React.createElement(AutocompleteTagsList, null, valueLimits.map((v, index) => (React.createElement(AutocompleteTag, { ...getTagProps(v, index), color: "secondary", variant: "contained", size: size, limitTags: limitTags, tagsLength: value.length }, getOptionLabel(v))))),
212
- !!more && (React.createElement(AutocompleteTagSize, { variant: "c2", color: "gray-9" }, getLimitTagsText(more)))));
213
- }
214
- return getOptionLabel(value);
215
- };
216
- const renderedValue = renderValue();
217
- const isValueEmpty = renderedValue === null;
218
- const defaultRenderRoot = (propsRoot, valueRoot) => (React.createElement(AutocompleteField, { ...propsRoot, noWrap: true,
219
- // @ts-ignore
220
- component: "button", type: "button", variant: size === 'small' ? 'c1' : 'b3', "aria-invalid": error || undefined, "aria-placeholder": isValueEmpty || undefined, multiple: multiple, size: size },
221
- isValueEmpty ? placeholder : renderedValue,
222
- React.createElement(AutocompleteArrowIcon, { "aria-disabled": disabled, "aria-hidden": true }),
223
- 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, onChange: () => { } })));
224
- const renderOption = renderOptionProp || defaultRenderOption;
225
- const renderRoot = renderRootProp || defaultRenderRoot;
226
- const renderListOption = (option, index) => {
227
- const optionProps = getOptionProps(option, index);
228
- return renderOption(optionProps, option);
229
- };
230
- return (React.createElement("div", { className: className },
231
- label && (React.createElement(AutocompleteLabel, { ...getInputLabelProps() },
232
- React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
233
- renderRoot({
234
- ...getRootProps(),
235
- disabled,
236
- }, value, getTagProps),
237
- error && errorText && (React.createElement(AutocompleteError, { variant: "c2", color: "wrong" }, errorText)),
238
- React.createElement(AutocompletePopover, { placement: "bottom-start", allowUseSameWidth: true, ...popoverProps },
239
- !disableSearch && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
240
- React.createElement(AutocompleteSearchInput, { id: otherInputProps.id, inputProps: otherInputProps, onChange: onChange, placeholder: "Search", disabled: loading }))),
241
- loading && groupedOptions.length === 0 && (React.createElement(AutocompleteDropdownStateItem, null, typeof loadingText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, loadingText)) : loadingText)),
242
- groupedOptions.length === 0 && !loading && (React.createElement(AutocompleteDropdownStateItem, null, typeof noOptionsText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, noOptionsText)) : noOptionsText)),
243
- groupedOptions.length > 0 && (React.createElement(AutocompleteDropdownList, { ...getListboxProps() }, groupedOptions
244
- // @ts-ignore
245
- .map((option, index) => {
246
- // @ts-ignore
247
- if (groupBy && 'options' in option) {
248
- return renderGroup({
249
- key: option.key,
250
- group: option.group,
251
- // @ts-ignore
252
- children: option.options.map((option2, index2) => (renderListOption(option2, option.index + index2))),
253
- });
254
- }
255
- return renderListOption(option, index);
256
- }))),
257
- allowCreateOption && !loading && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "top", borderStyle: "solid", borderWidth: 1 },
258
- React.createElement(AutocompleteCreateNewButton, { color: "secondary", textVariant: "b3", onClick: handleCreate, startIcon: React.createElement(PlusIcon, null) }, createOptionText))))));
259
- };
260
- // @ts-ignore
261
- Autocomplete.defaultProps = {
262
- disableSearch: false,
263
- noOptionsText: 'No options',
264
- loading: false,
265
- loadingText: 'Loading...',
266
- limitTags: 2,
267
- required: false,
268
- allowCreateOption: false,
269
- createOptionText: 'Create new',
270
- size: 'medium',
271
- };
272
- //# sourceMappingURL=autocomplete.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export { Autocomplete } from './autocomplete';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,108 +0,0 @@
1
- import React from 'react';
2
- import { UseAutocompleteProps, UseAutocompleteReturnType, AutocompleteValue } from '../hooks';
3
- /**
4
- * Types.
5
- */
6
- export declare type AutocompleteRenderGroupParams = {
7
- key: string | number;
8
- group: string;
9
- children?: React.ReactNode;
10
- };
11
- export declare type AutocompleteOwnProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
12
- /**
13
- * The className of the component.
14
- */
15
- className?: string;
16
- /**
17
- * The size of the root component.
18
- */
19
- size?: ('small' | 'medium' | 'large');
20
- /**
21
- * The short hint displayed in the `input` before the user enters a value.
22
- */
23
- placeholder?: string;
24
- /**
25
- * The label content.
26
- */
27
- label?: string;
28
- /**
29
- * Text to display when there are no options.
30
- */
31
- noOptionsText?: React.ReactNode;
32
- /**
33
- * If `true`, the component is in a loading state.
34
- * This shows the `loadingText` in place of suggestions (only if there are no
35
- * suggestions to show, e.g. `options` are empty).
36
- */
37
- loading?: boolean;
38
- /**
39
- * Text to display when in a loading state.
40
- */
41
- loadingText?: React.ReactNode;
42
- /**
43
- * The maximum number of tags that will be visible when not focused.
44
- */
45
- limitTags?: number;
46
- /**
47
- * If `true`, the popup search input will be hidden.
48
- */
49
- disableSearch?: boolean;
50
- /**
51
- * If `true`, the autocomplete will be disabled.
52
- */
53
- disabled?: boolean;
54
- /**
55
- * Name attribute of the `input` element.
56
- */
57
- name?: string;
58
- /**
59
- * If `true`, the `input` element is required.
60
- */
61
- required?: boolean;
62
- /**
63
- * Text to display when in the create button element.
64
- */
65
- createOptionText?: string;
66
- /**
67
- * If `true`, the create button element will be shown.
68
- */
69
- allowCreateOption?: boolean;
70
- /**
71
- * If `true`, the `input` will indicate an error.
72
- */
73
- error?: boolean;
74
- errorText?: string;
75
- /**
76
- * Render the root element.
77
- */
78
- renderRoot?: (props: object, value: AutocompleteValue<T, Multiple>, getTagProps: UseAutocompleteReturnType<T, Multiple>['getTagProps']) => React.ReactNode;
79
- /**
80
- * Render the option, use `getOptionLabel` by default.
81
- */
82
- renderOption?: (props: object, option: T) => React.ReactNode;
83
- /**
84
- * The label to display when the tags are truncated (`limitTags`).
85
- */
86
- getLimitTagsText?: (more: number) => string;
87
- /**
88
- * Callback fired when the create button clicked.
89
- */
90
- onCreate?: (event: React.SyntheticEvent, value: string) => void;
91
- };
92
- /**
93
- *
94
- */
95
- export declare const Autocomplete: {
96
- <T, Multiple extends boolean = false>(props: AutocompleteOwnProps<T, Multiple>): JSX.Element;
97
- defaultProps: {
98
- disableSearch: boolean;
99
- noOptionsText: string;
100
- loading: boolean;
101
- loadingText: string;
102
- limitTags: number;
103
- required: boolean;
104
- allowCreateOption: boolean;
105
- createOptionText: string;
106
- size: string;
107
- };
108
- };
@@ -1 +0,0 @@
1
- export { Autocomplete } from './autocomplete';