@bbl-digital/snorre 3.0.2 → 3.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +183 -82
- package/esm/core/Autocomplete/hooks/useAutocomplete.js +236 -0
- package/esm/core/Autocomplete/index.d.js +1 -0
- package/esm/core/Autocomplete/index.js +38 -178
- package/esm/core/Autocomplete/styles.js +30 -17
- package/esm/core/DatepickerRange/YearMonthForm.js +56 -0
- package/esm/core/Radio/styles.js +4 -4
- package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts +20 -0
- package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts.map +1 -0
- package/lib/core/Autocomplete/hooks/useAutocomplete.js +236 -0
- package/lib/core/Autocomplete/index.d.js +1 -0
- package/lib/core/Autocomplete/index.d.ts +2 -74
- package/lib/core/Autocomplete/index.d.ts.map +1 -1
- package/lib/core/Autocomplete/index.js +38 -178
- package/lib/core/Autocomplete/styles.d.ts +17 -0
- package/lib/core/Autocomplete/styles.d.ts.map +1 -1
- package/lib/core/Autocomplete/styles.js +30 -17
- package/lib/core/DatepickerRange/YearMonthForm.d.ts +10 -0
- package/lib/core/DatepickerRange/YearMonthForm.d.ts.map +1 -0
- package/lib/core/DatepickerRange/YearMonthForm.js +56 -0
- package/lib/core/Radio/styles.d.ts.map +1 -1
- package/lib/core/Radio/styles.js +4 -4
- package/package.json +2 -1
- package/esm/enums/ModifierKey.js +0 -13
- package/lib/enums/ModifierKey.d.ts +0 -12
- package/lib/enums/ModifierKey.d.ts.map +0 -1
- package/lib/enums/ModifierKey.js +0 -13
@@ -0,0 +1,56 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { MONTHS } from '../../utils/dates';
|
3
|
+
import { StyledSelect, Div } from './styles';
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
6
|
+
|
7
|
+
const YearMonthForm = ({
|
8
|
+
onChange,
|
9
|
+
date,
|
10
|
+
fromDate,
|
11
|
+
toDate
|
12
|
+
}) => {
|
13
|
+
const months = MONTHS;
|
14
|
+
const years = [];
|
15
|
+
|
16
|
+
for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
|
17
|
+
years.push(i);
|
18
|
+
}
|
19
|
+
|
20
|
+
const changeMonth = e => {
|
21
|
+
let newDate = date;
|
22
|
+
newDate.setMonth(e.target.value);
|
23
|
+
if (newDate > toDate) newDate = toDate;
|
24
|
+
onChange(newDate);
|
25
|
+
};
|
26
|
+
|
27
|
+
const changeYear = e => {
|
28
|
+
let newDate = date;
|
29
|
+
newDate.setFullYear(e.target.value);
|
30
|
+
if (newDate > toDate) newDate = toDate;
|
31
|
+
onChange(newDate);
|
32
|
+
};
|
33
|
+
|
34
|
+
return /*#__PURE__*/_jsxs(Div, {
|
35
|
+
className: "DayPicker-Caption",
|
36
|
+
children: [/*#__PURE__*/_jsx(StyledSelect, {
|
37
|
+
name: "month",
|
38
|
+
onChange: changeMonth,
|
39
|
+
value: date.getMonth(),
|
40
|
+
children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
|
41
|
+
value: i,
|
42
|
+
children: month
|
43
|
+
}, month))
|
44
|
+
}), /*#__PURE__*/_jsx(StyledSelect, {
|
45
|
+
name: "year",
|
46
|
+
onChange: changeYear,
|
47
|
+
value: date.getFullYear(),
|
48
|
+
children: years.map(year => /*#__PURE__*/_jsx("option", {
|
49
|
+
value: year,
|
50
|
+
children: year
|
51
|
+
}, year))
|
52
|
+
})]
|
53
|
+
});
|
54
|
+
};
|
55
|
+
|
56
|
+
export default YearMonthForm;
|
package/esm/core/Radio/styles.js
CHANGED
@@ -2,18 +2,18 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
2
2
|
|
3
3
|
import { css } from '@emotion/react';
|
4
4
|
const styles = {
|
5
|
-
default: theme => /*#__PURE__*/css("display:inline-block;position:relative;padding-left:25px;margin-right:60px;cursor:pointer;font-size:14px;user-select:none;input{position:absolute;opacity:0;cursor:pointer;&:checked~span:after{display:block;}&:focus-within~span{border-color:", theme.primary, ";}}span{position:absolute;top:0;left:0;height:14px;width:14px;border:1px solid ", theme.border, ";border-radius:50%;&:after{content:'';position:absolute;display:none;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUmFkaW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIGlucHV0IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy13aXRoaW4gfiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTRweDtcbiAgICAgIHdpZHRoOiAxNHB4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgIGxlZnQ6IDNweDtcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgYCxcblxuICBib3hlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+
|
5
|
+
default: theme => /*#__PURE__*/css("display:inline-block;position:relative;padding-left:25px;margin-right:60px;cursor:pointer;font-size:14px;user-select:none;input{position:absolute;opacity:0;cursor:pointer;&:checked~span:after{display:block;}&:focus-within~span{border-color:", theme.primary, ";}}span{position:absolute;top:0;left:0;height:14px;width:14px;border:1px solid ", theme.border, ";border-radius:50%;&:after{content:'';position:absolute;display:none;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUmFkaW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIGlucHV0IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy13aXRoaW4gfiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTRweDtcbiAgICAgIHdpZHRoOiAxNHB4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgIGxlZnQ6IDNweDtcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgYCxcblxuICBib3hlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjBweCAxMHB4IDIwcHggNTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjVlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgZm9udC1zaXplOiBsYXJnZTtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiAxNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBzcGFuIHtcbiAgICAgIGxlZnQ6IDI1cHg7XG4gICAgICB0b3A6IGNhbGMoMjBweCArIDRweCk7IC8vIHBhZGRpbmctdG9wICsgaGFsdiBvZiByYWRpbyBoZWlnaHRcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIHRvcDogM3B4O1xuICAgICAgICBsZWZ0OiAzcHg7XG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cbiAgICA6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cbiAgICA6aGFzKGlucHV0OmNoZWNrZWQpIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
|
6
6
|
vertical: process.env.NODE_ENV === "production" ? {
|
7
7
|
name: "fk50fq",
|
8
8
|
styles: "display:block;margin-right:0;margin-bottom:15px"
|
9
9
|
} : {
|
10
10
|
name: "1btkw1a-vertical",
|
11
11
|
styles: "display:block;margin-right:0;margin-bottom:15px;label:vertical;",
|
12
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUmFkaW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIGlucHV0IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy13aXRoaW4gfiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTRweDtcbiAgICAgIHdpZHRoOiAxNHB4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgIGxlZnQ6IDNweDtcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgYCxcblxuICBib3hlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+
|
12
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUmFkaW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmctbGVmdDogMjVweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIGlucHV0IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy13aXRoaW4gfiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTRweDtcbiAgICAgIHdpZHRoOiAxNHB4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgIGxlZnQ6IDNweDtcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHZlcnRpY2FsOiBjc3NgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgICBpbnB1dCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbiAgYCxcblxuICBib3hlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjBweCAxMHB4IDIwcHggNTBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjVlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgZm9udC1zaXplOiBsYXJnZTtcbiAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICBib3JkZXItcmFkaXVzOiAxNXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBzcGFuIHtcbiAgICAgIGxlZnQ6IDI1cHg7XG4gICAgICB0b3A6IGNhbGMoMjBweCArIDRweCk7IC8vIHBhZGRpbmctdG9wICsgaGFsdiBvZiByYWRpbyBoZWlnaHRcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIHRvcDogM3B4O1xuICAgICAgICBsZWZ0OiAzcHg7XG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cbiAgICA6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cbiAgICA6aGFzKGlucHV0OmNoZWNrZWQpIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */",
|
13
13
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
14
14
|
},
|
15
|
-
disabled: theme => /*#__PURE__*/css("color:", theme.subtleText, ";cursor:not-allowed;span{opacity:0.7;cursor:not-allowed;}input{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiA2MHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuOmFmdGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIH4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDE0cHg7XG4gICAgICB3aWR0aDogMTRweDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHRvcDogM3B4O1xuICAgICAgICBsZWZ0OiAzcHg7XG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2ZXJ0aWNhbDogY3NzYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+
|
16
|
-
boxed: theme => /*#__PURE__*/css("display:grid;align-items:center;padding
|
15
|
+
disabled: theme => /*#__PURE__*/css("color:", theme.subtleText, ";cursor:not-allowed;span{opacity:0.7;cursor:not-allowed;}input{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiA2MHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuOmFmdGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIH4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDE0cHg7XG4gICAgICB3aWR0aDogMTRweDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHRvcDogM3B4O1xuICAgICAgICBsZWZ0OiAzcHg7XG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2ZXJ0aWNhbDogY3NzYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5zdWJ0bGVUZXh0fTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIHNwYW4ge1xuICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG4gIGAsXG5cbiAgYm94ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDIwcHggMTBweCAyMHB4IDUwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIGZvbnQtc2l6ZTogbGFyZ2U7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYmdNZWRpdW19O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgc3BhbiB7XG4gICAgICBsZWZ0OiAyNXB4O1xuICAgICAgdG9wOiBjYWxjKDIwcHggKyA0cHgpOyAvLyBwYWRkaW5nLXRvcCArIGhhbHYgb2YgcmFkaW8gaGVpZ2h0XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICB0b3A6IDNweDtcbiAgICAgICAgbGVmdDogM3B4O1xuICAgICAgICB3aWR0aDogOHB4O1xuICAgICAgICBoZWlnaHQ6IDhweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gICAgOmhvdmVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG4gICAgOmhhcyhpbnB1dDpjaGVja2VkKSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
|
16
|
+
boxed: theme => /*#__PURE__*/css("display:grid;align-items:center;padding:20px 10px 20px 50px;margin-bottom:0.5em;margin-right:0;font-size:large;border:1px solid;border-radius:15px;width:100%;border-color:", theme.bgMedium, ";overflow:hidden;span{left:25px;top:calc(20px + 4px);&:after{top:3px;left:3px;width:8px;height:8px;background-color:", theme.primary, ";}}:hover{border-color:", theme.primary, ";}:has(input:checked){border-color:", theme.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:boxed;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRWtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1JhZGlvL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiA2MHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuOmFmdGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtd2l0aGluIH4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDE0cHg7XG4gICAgICB3aWR0aDogMTRweDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIHRvcDogM3B4O1xuICAgICAgICBsZWZ0OiAzcHg7XG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICB2ZXJ0aWNhbDogY3NzYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5zdWJ0bGVUZXh0fTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIHNwYW4ge1xuICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG4gIGAsXG5cbiAgYm94ZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDIwcHggMTBweCAyMHB4IDUwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIGZvbnQtc2l6ZTogbGFyZ2U7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYmdNZWRpdW19O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgc3BhbiB7XG4gICAgICBsZWZ0OiAyNXB4O1xuICAgICAgdG9wOiBjYWxjKDIwcHggKyA0cHgpOyAvLyBwYWRkaW5nLXRvcCArIGhhbHYgb2YgcmFkaW8gaGVpZ2h0XG5cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICB0b3A6IDNweDtcbiAgICAgICAgbGVmdDogM3B4O1xuICAgICAgICB3aWR0aDogOHB4O1xuICAgICAgICBoZWlnaHQ6IDhweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICB9XG4gICAgOmhvdmVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG4gICAgOmhhcyhpbnB1dDpjaGVja2VkKSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */")
|
17
17
|
};
|
18
18
|
export default styles;
|
19
19
|
export { styles };
|
@@ -0,0 +1,20 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { IProps, IValuesProps } from '../index.d';
|
3
|
+
declare const useAutocomplete: (props: IProps) => {
|
4
|
+
setShowValues: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
5
|
+
handleClear: () => void;
|
6
|
+
handleValueClick: (value: {
|
7
|
+
[x: string]: any;
|
8
|
+
}) => void;
|
9
|
+
onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
10
|
+
handleOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
11
|
+
handleCustomOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
12
|
+
handleOnInputClick: () => void;
|
13
|
+
onFuzzyBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
14
|
+
value: string;
|
15
|
+
highlightedIndex: number | null;
|
16
|
+
showValues: boolean;
|
17
|
+
renderedValues: IValuesProps[];
|
18
|
+
};
|
19
|
+
export default useAutocomplete;
|
20
|
+
//# sourceMappingURL=useAutocomplete.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/hooks/useAutocomplete.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEjD,QAAA,MAAM,eAAe,UAAW,MAAM;;;;;;uBAuBV,MAAM,WAAW,CAAC,gBAAgB,CAAC;yBAmJjC,mBAAmB,CAAC,gBAAgB,CAAC;+BAZ/B,mBAAmB,CAAC,gBAAgB,CAAC;;qBAtH/C,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC;;;;;CA+MpE,CAAA;AAED,eAAe,eAAe,CAAA"}
|
@@ -0,0 +1,236 @@
|
|
1
|
+
/* eslint-disable react-hooks/exhaustive-deps */
|
2
|
+
import { matchSorter } from 'match-sorter';
|
3
|
+
import { useEffect, useMemo, useState } from 'react';
|
4
|
+
import { useDebounce } from '../../utils/debounce';
|
5
|
+
|
6
|
+
const useAutocomplete = props => {
|
7
|
+
const [showValues, setShowValues] = useState(!!props.isOpen);
|
8
|
+
const [highlightedIndex, setHighlightedIndex] = useState(null);
|
9
|
+
const [value, setValueChanged] = useState(props.value ?? '');
|
10
|
+
const [inputDirty, setInputDirty] = useState(false);
|
11
|
+
const debouncedValue = useDebounce(value, props.debounceDelay ?? 0);
|
12
|
+
const [inputValues, setInputValues] = useState(props.values);
|
13
|
+
|
14
|
+
const handleValueClick = value => {
|
15
|
+
props.onSelectItem?.(value);
|
16
|
+
setShowValues(false);
|
17
|
+
};
|
18
|
+
|
19
|
+
const clearSelectedItem = () => handleValueClick({
|
20
|
+
[props.labelFromValues ?? 'label']: '',
|
21
|
+
[props.keyFromValues ?? 'key']: ''
|
22
|
+
});
|
23
|
+
|
24
|
+
const onInputChange = e => {
|
25
|
+
setInputDirty(true);
|
26
|
+
if (inputValues) setHighlightedIndex(0);
|
27
|
+
setValueChanged(e.target.value); // Should not use onChange whenever we have fuzzy search on
|
28
|
+
|
29
|
+
if (props.fuzzy) return;
|
30
|
+
if (props.onChange) props.onChange(e);
|
31
|
+
};
|
32
|
+
|
33
|
+
const handleOnInputClick = () => {
|
34
|
+
if (inputValues?.length) setHighlightedIndex(0);
|
35
|
+
setShowValues(true);
|
36
|
+
};
|
37
|
+
|
38
|
+
const onFuzzyBlur = e => {
|
39
|
+
// If the value of the input is changed, and does not match the value of the values array,
|
40
|
+
// we should revert back the input value to the original value
|
41
|
+
//What
|
42
|
+
// if (!e.target.value.length) clearSelectedItem()
|
43
|
+
if (e.target.value === props.value) return; // If target value is the same as a value from the values array, we should set the value for the user
|
44
|
+
|
45
|
+
if (inputValues?.length) {
|
46
|
+
const valueInInputValues = inputValues.find(item => item[props.labelFromValues ?? 'label'].length && item[props.labelFromValues ?? 'label'].toLowerCase() === e.target.value.toLowerCase());
|
47
|
+
|
48
|
+
if (valueInInputValues) {
|
49
|
+
const val = valueInInputValues[props.labelFromValues ?? 'label'];
|
50
|
+
setValueChanged(val);
|
51
|
+
handleValueClick(valueInInputValues);
|
52
|
+
return;
|
53
|
+
} // Otherwise we should return to the original input value
|
54
|
+
|
55
|
+
|
56
|
+
setValueChanged(props.value ?? '');
|
57
|
+
}
|
58
|
+
};
|
59
|
+
|
60
|
+
const renderedValues = useMemo(() => {
|
61
|
+
if (!props.values?.length) return [];
|
62
|
+
|
63
|
+
if (props.fuzzy) {
|
64
|
+
const fuzzyOptions = {
|
65
|
+
keys: [props.labelFromValues ?? 'label']
|
66
|
+
};
|
67
|
+
setShowValues(Boolean(value));
|
68
|
+
return matchSorter(props.values, value ?? '', fuzzyOptions);
|
69
|
+
}
|
70
|
+
|
71
|
+
return props.values;
|
72
|
+
}, [value]);
|
73
|
+
|
74
|
+
const handleEscape = () => {
|
75
|
+
setShowValues(false);
|
76
|
+
setHighlightedIndex(null);
|
77
|
+
};
|
78
|
+
|
79
|
+
const handleClear = () => {
|
80
|
+
clearSelectedItem();
|
81
|
+
handleEscape();
|
82
|
+
};
|
83
|
+
|
84
|
+
const handleEnter = e => {
|
85
|
+
e.preventDefault();
|
86
|
+
e.stopPropagation();
|
87
|
+
if (!showValues) return;
|
88
|
+
|
89
|
+
if (!inputValues?.length) {
|
90
|
+
// If there is no autocomplete value in the list, send object with just { value }
|
91
|
+
handleValueClick({
|
92
|
+
value
|
93
|
+
});
|
94
|
+
}
|
95
|
+
|
96
|
+
if (highlightedIndex === null || !inputValues?.length) {
|
97
|
+
return;
|
98
|
+
}
|
99
|
+
|
100
|
+
const item = inputValues[highlightedIndex];
|
101
|
+
handleValueClick(item);
|
102
|
+
setShowValues(false);
|
103
|
+
};
|
104
|
+
|
105
|
+
const handleUp = e => {
|
106
|
+
e.preventDefault();
|
107
|
+
e.stopPropagation();
|
108
|
+
if (!showValues) return;
|
109
|
+
|
110
|
+
if (highlightedIndex === null || !inputValues?.length) {
|
111
|
+
return;
|
112
|
+
}
|
113
|
+
|
114
|
+
const newHighlightIndex = highlightedIndex - 1;
|
115
|
+
|
116
|
+
if (newHighlightIndex < 0) {
|
117
|
+
setHighlightedIndex(null);
|
118
|
+
setShowValues(false);
|
119
|
+
return;
|
120
|
+
}
|
121
|
+
|
122
|
+
setHighlightedIndex(newHighlightIndex);
|
123
|
+
};
|
124
|
+
|
125
|
+
const handleDown = e => {
|
126
|
+
if (!showValues) return;
|
127
|
+
e.preventDefault();
|
128
|
+
e.stopPropagation();
|
129
|
+
|
130
|
+
if (highlightedIndex === null || !inputValues?.length) {
|
131
|
+
return;
|
132
|
+
}
|
133
|
+
|
134
|
+
const newHighlightIndex = highlightedIndex + 1;
|
135
|
+
|
136
|
+
if (newHighlightIndex === inputValues.length) {
|
137
|
+
setHighlightedIndex(null);
|
138
|
+
setShowValues(false);
|
139
|
+
return;
|
140
|
+
}
|
141
|
+
|
142
|
+
setHighlightedIndex(newHighlightIndex);
|
143
|
+
};
|
144
|
+
|
145
|
+
const handleCustomOnKeyDown = e => {
|
146
|
+
const {
|
147
|
+
key
|
148
|
+
} = e;
|
149
|
+
|
150
|
+
if (key === 'Escape') {
|
151
|
+
handleEscape();
|
152
|
+
return;
|
153
|
+
}
|
154
|
+
|
155
|
+
props.onKeyDown?.(e);
|
156
|
+
}; // Makes it possible to navigate using keyboard shortcuts
|
157
|
+
|
158
|
+
|
159
|
+
const handleOnKeyDown = e => {
|
160
|
+
const {
|
161
|
+
key
|
162
|
+
} = e;
|
163
|
+
|
164
|
+
if (showValues && inputValues?.length) {
|
165
|
+
setHighlightedIndex(0);
|
166
|
+
} else {
|
167
|
+
setHighlightedIndex(null);
|
168
|
+
}
|
169
|
+
|
170
|
+
switch (key) {
|
171
|
+
case 'Enter':
|
172
|
+
handleEnter(e);
|
173
|
+
break;
|
174
|
+
|
175
|
+
case 'ArrowUp':
|
176
|
+
handleUp(e);
|
177
|
+
break;
|
178
|
+
|
179
|
+
case 'ArrowDown':
|
180
|
+
case 'Tab':
|
181
|
+
handleDown(e);
|
182
|
+
break;
|
183
|
+
|
184
|
+
case 'Escape':
|
185
|
+
handleEscape();
|
186
|
+
break;
|
187
|
+
|
188
|
+
default:
|
189
|
+
break;
|
190
|
+
}
|
191
|
+
}; // Handle debounce
|
192
|
+
|
193
|
+
|
194
|
+
useEffect(() => {
|
195
|
+
const handleDebounceChange = value => {
|
196
|
+
if (props.onDebounceChange && inputDirty) {
|
197
|
+
props.onDebounceChange(value);
|
198
|
+
}
|
199
|
+
};
|
200
|
+
|
201
|
+
handleDebounceChange(debouncedValue);
|
202
|
+
}, [debouncedValue]); // Change local open state if props.isOpen changes
|
203
|
+
|
204
|
+
useEffect(() => {
|
205
|
+
setShowValues(!!props.isOpen);
|
206
|
+
}, [props.isOpen]); // Update local values state if props.values changes
|
207
|
+
|
208
|
+
useEffect(() => {
|
209
|
+
setInputValues(props.values);
|
210
|
+
}, [props.values]); // Update local value if props.value changes
|
211
|
+
|
212
|
+
useEffect(() => {
|
213
|
+
const value = props.value ?? '';
|
214
|
+
setValueChanged(value);
|
215
|
+
}, [props.value]);
|
216
|
+
useEffect(() => {
|
217
|
+
if (!props.openCustomValueInputOnKeyPress) return;
|
218
|
+
if (value.length) setShowValues(true);
|
219
|
+
}, [value]);
|
220
|
+
return {
|
221
|
+
setShowValues,
|
222
|
+
handleClear,
|
223
|
+
handleValueClick,
|
224
|
+
onInputChange,
|
225
|
+
handleOnKeyDown,
|
226
|
+
handleCustomOnKeyDown,
|
227
|
+
handleOnInputClick,
|
228
|
+
onFuzzyBlur,
|
229
|
+
value,
|
230
|
+
highlightedIndex,
|
231
|
+
showValues,
|
232
|
+
renderedValues
|
233
|
+
};
|
234
|
+
};
|
235
|
+
|
236
|
+
export default useAutocomplete;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,78 +1,6 @@
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
2
|
-
import React, { ForwardedRef
|
3
|
-
import {
|
4
|
-
interface IProps {
|
5
|
-
/** Input label */
|
6
|
-
label?: string;
|
7
|
-
/** Secondary label placed on the top right of the autocomplete */
|
8
|
-
labelSecondary?: ReactNode;
|
9
|
-
/** Autofocus */
|
10
|
-
focus?: boolean;
|
11
|
-
/** Placeholder text */
|
12
|
-
placeholder?: string;
|
13
|
-
/** Default value. */
|
14
|
-
value?: string;
|
15
|
-
/** Disabled. */
|
16
|
-
disabled?: boolean;
|
17
|
-
/** Callback fired when blur. */
|
18
|
-
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
19
|
-
/** Callback fired when focus. */
|
20
|
-
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
21
|
-
/** Callback fired when the value changes. */
|
22
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement>, reason?: string) => void;
|
23
|
-
/** Children. */
|
24
|
-
children?: ReactNode;
|
25
|
-
/** Include if input field should include debound effect after typing. Specifices delay in ms */
|
26
|
-
debounceDelay?: number;
|
27
|
-
/** Sends up the value from a option click */
|
28
|
-
onSelectItem?: (value: {
|
29
|
-
[x: string]: any;
|
30
|
-
}) => void;
|
31
|
-
/** Callback when using debounce. */
|
32
|
-
onDebounceChange?: (value: string) => void;
|
33
|
-
/** A button instead of standard label, requires to set a label */
|
34
|
-
onLabelClick?: (e: React.MouseEvent) => void;
|
35
|
-
/** Custom on key down handler */
|
36
|
-
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
37
|
-
/** Specify override styling */
|
38
|
-
css?: SerializedStyles;
|
39
|
-
/** Input name */
|
40
|
-
name?: string;
|
41
|
-
/** Validation on input */
|
42
|
-
validation?: boolean;
|
43
|
-
/** Invalid message */
|
44
|
-
invalidMessage?: string;
|
45
|
-
/** Activates invalid styling for custom external validation */
|
46
|
-
invalid?: boolean;
|
47
|
-
/** Set the height of the input, border comes in addition to height */
|
48
|
-
height?: string;
|
49
|
-
/** Sets a spinner on the input */
|
50
|
-
loading?: boolean;
|
51
|
-
/** Sets actions on the end of the input field */
|
52
|
-
actions: ReactNode;
|
53
|
-
/** Renders options shown under input */
|
54
|
-
renderOptions?: ReactNode[] | ReactNode;
|
55
|
-
/** Places values dynamically to the input field, defaults to being placed under the input field */
|
56
|
-
dynamicallyPlaceInput?: boolean;
|
57
|
-
/** Renders a custom input list */
|
58
|
-
renderCustomValueInput?: ReactNode;
|
59
|
-
/** Open custom value input when starting to write */
|
60
|
-
openCustomValueInputOnKeyPress?: boolean;
|
61
|
-
/** Values to list out */
|
62
|
-
values?: {
|
63
|
-
key: string;
|
64
|
-
value: string;
|
65
|
-
[x: string]: string;
|
66
|
-
}[];
|
67
|
-
/** Gets specific value as label from values property */
|
68
|
-
labelFromValues?: string;
|
69
|
-
/** Gets specific value as key from values property */
|
70
|
-
keyFromValues?: string;
|
71
|
-
/** Max width of the input values */
|
72
|
-
inputValuesMaxWidth?: number;
|
73
|
-
/** Custom open for showing values */
|
74
|
-
isOpen?: boolean;
|
75
|
-
}
|
2
|
+
import React, { ForwardedRef } from 'react';
|
3
|
+
import { IProps } from './index.d';
|
76
4
|
export declare type Ref = ForwardedRef<HTMLInputElement>;
|
77
5
|
declare const Autocomplete: React.FC<IProps>;
|
78
6
|
export default Autocomplete;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAQtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,oBAAY,GAAG,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAEhD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+KjC,CAAA;AAEF,eAAe,YAAY,CAAA"}
|