guestbell-forms 2.0.282 → 2.0.283
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.
|
@@ -6,6 +6,7 @@ export declare type RenderSuggestionTagProps<T extends Tag = Tag> = {
|
|
|
6
6
|
index: number;
|
|
7
7
|
id?: string;
|
|
8
8
|
onClick: (e: React.MouseEvent<HTMLElement>) => void;
|
|
9
|
+
isPreselected: boolean;
|
|
9
10
|
};
|
|
10
11
|
export declare type SuggestionsProps<T extends Tag = Tag> = {
|
|
11
12
|
className?: string;
|
|
@@ -29,6 +29,23 @@ var popperModifiers = {
|
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
+
function DefaultSuggestionTag(_ref) {
|
|
33
|
+
var index = _ref.index,
|
|
34
|
+
tag = _ref.tag,
|
|
35
|
+
id = _ref.id,
|
|
36
|
+
onClick = _ref.onClick,
|
|
37
|
+
isPreselected = _ref.isPreselected;
|
|
38
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
39
|
+
key: index
|
|
40
|
+
}, /*#__PURE__*/React.createElement(_.Button, _extends({}, id && {
|
|
41
|
+
id: id + '-suggestion-' + index.toString()
|
|
42
|
+
}, {
|
|
43
|
+
className: 'w-100 tags-input__suggestion ' + (isPreselected ? 'tags-input__suggestion--preselected' : ''),
|
|
44
|
+
onClick: onClick,
|
|
45
|
+
dropdown: true
|
|
46
|
+
}), tag.name));
|
|
47
|
+
}
|
|
48
|
+
|
|
32
49
|
function Suggestions(props) {
|
|
33
50
|
var _props$anchorEl2;
|
|
34
51
|
|
|
@@ -46,21 +63,6 @@ function Suggestions(props) {
|
|
|
46
63
|
zIndex: 10000
|
|
47
64
|
};
|
|
48
65
|
}, [(_props$anchorEl2 = props.anchorEl) === null || _props$anchorEl2 === void 0 ? void 0 : _props$anchorEl2.scrollWidth]);
|
|
49
|
-
var DefaultSuggestionTag = React.useCallback(function (_ref) {
|
|
50
|
-
var index = _ref.index,
|
|
51
|
-
tag = _ref.tag,
|
|
52
|
-
id = _ref.id,
|
|
53
|
-
onClick = _ref.onClick;
|
|
54
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
55
|
-
key: index
|
|
56
|
-
}, /*#__PURE__*/React.createElement(_.Button, _extends({}, id && {
|
|
57
|
-
id: id + '-suggestion-' + index.toString()
|
|
58
|
-
}, {
|
|
59
|
-
className: 'w-100 tags-input__suggestion ' + (props.preselectedSuggestion !== undefined && props.preselectedSuggestion === index ? 'tags-input__suggestion--preselected' : ''),
|
|
60
|
-
onClick: onClick,
|
|
61
|
-
dropdown: true
|
|
62
|
-
}), tag.name));
|
|
63
|
-
}, []);
|
|
64
66
|
var _props$SuggestionTag = props.SuggestionTag,
|
|
65
67
|
SuggestionTag = _props$SuggestionTag === void 0 ? DefaultSuggestionTag : _props$SuggestionTag;
|
|
66
68
|
return props.anchorEl && /*#__PURE__*/React.createElement(_Popper.default, _extends({
|
|
@@ -84,7 +86,8 @@ function Suggestions(props) {
|
|
|
84
86
|
index: index,
|
|
85
87
|
tag: tag,
|
|
86
88
|
onClick: onSelectedFactory(tag, props.tags.length === 1),
|
|
87
|
-
id: props.id
|
|
89
|
+
id: props.id,
|
|
90
|
+
isPreselected: props.preselectedSuggestion !== undefined && props.preselectedSuggestion === index
|
|
88
91
|
});
|
|
89
92
|
}), props.EmptyComponent && props.tags.length === 0 && !props.allowNew && !props.isWaitingForMoreInput && /*#__PURE__*/React.createElement("li", {
|
|
90
93
|
className: "w-100 text-center p-2"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"names":["popperModifiers","flip","enabled","
|
|
1
|
+
{"version":3,"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"names":["popperModifiers","flip","enabled","DefaultSuggestionTag","index","tag","id","onClick","isPreselected","toString","name","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","SuggestionTag","isVisible","popperProps","className","loading","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","length","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport { Tag } from '..';\r\nimport { Button } from '../../..';\r\nimport Popper, { PopperProps } from '@material-ui/core/Popper';\r\nimport classNames from 'classnames';\r\n\r\nexport type RenderSuggestionTagProps<T extends Tag = Tag> = {\r\n tag: T;\r\n index: number;\r\n id?: string;\r\n onClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n isPreselected: boolean;\r\n};\r\n\r\nexport type SuggestionsProps<T extends Tag = Tag> = {\r\n className?: string;\r\n innerRef: React.RefObject<HTMLDivElement>;\r\n anchorEl: HTMLElement;\r\n id?: string;\r\n preselectedSuggestion?: number;\r\n isVisible: boolean;\r\n isWaitingForMoreInput: boolean;\r\n tags: T[];\r\n onSelected: (tag: T, lastSelected: boolean) => void;\r\n value: string;\r\n loading: boolean;\r\n LoadingComponent?: string | JSX.Element;\r\n EmptyComponent?: string | JSX.Element;\r\n AddNewTagComponent?: JSX.Element;\r\n WaitingForMoreInputComponent?: string | JSX.Element;\r\n allowNew: boolean;\r\n popperProps?: Partial<PopperProps>;\r\n SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<T>>;\r\n};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers = { flip: { enabled: false } };\r\n\r\nfunction DefaultSuggestionTag<T extends Tag = Tag>({\r\n index,\r\n tag,\r\n id,\r\n onClick,\r\n isPreselected,\r\n}: RenderSuggestionTagProps<T>) {\r\n return (\r\n <li key={index}>\r\n <Button\r\n {...(id && {\r\n id: id + '-suggestion-' + index.toString(),\r\n })}\r\n className={\r\n 'w-100 tags-input__suggestion ' +\r\n (isPreselected ? 'tags-input__suggestion--preselected' : '')\r\n }\r\n onClick={onClick}\r\n dropdown={true}\r\n >\r\n {tag.name}\r\n </Button>\r\n </li>\r\n );\r\n}\r\n\r\nfunction Suggestions<T extends Tag = Tag>(\r\n props: SuggestionsProps<T> & InjectedProps\r\n) {\r\n const { onSelected } = props;\r\n const onSelectedFactory = React.useCallback(\r\n (tag: T, lastSelected: boolean) => (e: React.MouseEvent) => {\r\n onSelected(tag, lastSelected);\r\n },\r\n [onSelected]\r\n );\r\n const popperStyle = React.useMemo(\r\n () => ({ width: props.anchorEl?.scrollWidth, zIndex: 10000 }),\r\n [props.anchorEl?.scrollWidth]\r\n );\r\n\r\n const { SuggestionTag = DefaultSuggestionTag } = props;\r\n return (\r\n props.anchorEl && (\r\n <Popper\r\n open={props.isVisible}\r\n anchorEl={props.anchorEl}\r\n style={popperStyle}\r\n placement=\"bottom-start\"\r\n modifiers={popperModifiers}\r\n {...props.popperProps}\r\n >\r\n <div\r\n {...(props.id && {\r\n id: props.id,\r\n })}\r\n className={classNames('tags-input__suggestions', props.className, {\r\n 'tags-input__suggestions--loading': props.loading,\r\n })}\r\n ref={props.innerRef}\r\n >\r\n <ul>\r\n {props.AddNewTagComponent}\r\n {props.loading && props.LoadingComponent}\r\n {props.isWaitingForMoreInput &&\r\n props.WaitingForMoreInputComponent && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.WaitingForMoreInputComponent}\r\n </li>\r\n )}\r\n {!props.isWaitingForMoreInput &&\r\n props.tags.map((tag, index) => (\r\n <SuggestionTag\r\n key={tag.id}\r\n index={index}\r\n tag={tag}\r\n onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n id={props.id}\r\n isPreselected={\r\n props.preselectedSuggestion !== undefined &&\r\n props.preselectedSuggestion === index\r\n }\r\n />\r\n ))}\r\n {props.EmptyComponent &&\r\n props.tags.length === 0 &&\r\n !props.allowNew &&\r\n !props.isWaitingForMoreInput && (\r\n <li className=\"w-100 text-center p-2\">\r\n {props.EmptyComponent}\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </Popper>\r\n )\r\n );\r\n}\r\n\r\nconst SuggestionsWrapped = Suggestions;\r\n\r\nexport default SuggestionsWrapped;\r\n"],"file":"TagsSuggestions.js"}
|
package/build/dist/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>guestbell-forms [6 Jan 2022 at 20:
|
|
6
|
+
<title>guestbell-forms [6 Jan 2022 at 20:25]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
package/package.json
CHANGED