guestbell-forms 3.0.0 → 3.0.2
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/build/components/tags/subComponents/TagsSuggestions.js +1 -5
- package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
- package/build/dist/guestbell-forms.css +7 -7
- package/build/dist/guestbell-forms.css.map +1 -1
- package/build/dist/guestbell-forms.min.css +1 -1
- package/build/dist/report.html +1 -1
- package/build/scss/components/button/buttons.scss +1 -1
- package/package.json +4 -4
|
@@ -65,11 +65,7 @@ function Suggestions(props) {
|
|
|
65
65
|
const {
|
|
66
66
|
SuggestionTag = DefaultSuggestionTag
|
|
67
67
|
} = props;
|
|
68
|
-
return props.anchorEl && /*#__PURE__*/React.createElement(_Popper.default
|
|
69
|
-
, _extends({
|
|
70
|
-
onResize: undefined,
|
|
71
|
-
onResizeCapture: undefined,
|
|
72
|
-
nonce: undefined,
|
|
68
|
+
return props.anchorEl && /*#__PURE__*/React.createElement(_Popper.default, _extends({
|
|
73
69
|
open: props.isVisible,
|
|
74
70
|
anchorEl: props.anchorEl,
|
|
75
71
|
style: popperStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagsSuggestions.js","names":["popperModifiers","name","enabled","DefaultSuggestionTag","index","tag","id","onClick","isPreselected","toString","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","SuggestionTag","
|
|
1
|
+
{"version":3,"file":"TagsSuggestions.js","names":["popperModifiers","name","enabled","DefaultSuggestionTag","index","tag","id","onClick","isPreselected","toString","Suggestions","props","onSelected","onSelectedFactory","React","useCallback","lastSelected","e","popperStyle","useMemo","width","anchorEl","scrollWidth","zIndex","SuggestionTag","isVisible","popperProps","classNames","className","loading","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","length","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped"],"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Tag } from '..';\r\nimport { Button } from '../../..';\r\nimport Popper, { PopperProps } from '@mui/material/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: PopperProps['modifiers'] = [\r\n {\r\n name: 'flip',\r\n enabled: true,\r\n },\r\n ,\r\n];\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 !props.loading && (\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"],"mappings":"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"}
|
|
@@ -1050,7 +1050,7 @@
|
|
|
1050
1050
|
.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1051
1051
|
color: #1de1ed;
|
|
1052
1052
|
fill: #1de1ed;
|
|
1053
|
-
background-color: transparent; }
|
|
1053
|
+
background-color: transparent !important; }
|
|
1054
1054
|
.guestbell-btn.guestbell-btn-success {
|
|
1055
1055
|
background-color: #5cb85c;
|
|
1056
1056
|
fill: white;
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1097
1097
|
color: #80c780;
|
|
1098
1098
|
fill: #80c780;
|
|
1099
|
-
background-color: transparent; }
|
|
1099
|
+
background-color: transparent !important; }
|
|
1100
1100
|
.guestbell-btn.guestbell-btn-white {
|
|
1101
1101
|
background-color: white;
|
|
1102
1102
|
fill: #555555;
|
|
@@ -1142,7 +1142,7 @@
|
|
|
1142
1142
|
.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1143
1143
|
color: white;
|
|
1144
1144
|
fill: white;
|
|
1145
|
-
background-color: transparent; }
|
|
1145
|
+
background-color: transparent !important; }
|
|
1146
1146
|
.guestbell-btn.guestbell-btn-info {
|
|
1147
1147
|
background-color: #a8dadc;
|
|
1148
1148
|
fill: white;
|
|
@@ -1188,7 +1188,7 @@
|
|
|
1188
1188
|
.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1189
1189
|
color: #cce9eb;
|
|
1190
1190
|
fill: #cce9eb;
|
|
1191
|
-
background-color: transparent; }
|
|
1191
|
+
background-color: transparent !important; }
|
|
1192
1192
|
.guestbell-btn.guestbell-btn-error {
|
|
1193
1193
|
background-color: #d9534f;
|
|
1194
1194
|
fill: white;
|
|
@@ -1234,7 +1234,7 @@
|
|
|
1234
1234
|
.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1235
1235
|
color: #e27c79;
|
|
1236
1236
|
fill: #e27c79;
|
|
1237
|
-
background-color: transparent; }
|
|
1237
|
+
background-color: transparent !important; }
|
|
1238
1238
|
.guestbell-btn.guestbell-btn-warning {
|
|
1239
1239
|
background-color: #f0ad4e;
|
|
1240
1240
|
fill: white;
|
|
@@ -1280,7 +1280,7 @@
|
|
|
1280
1280
|
.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1281
1281
|
color: #f4c37d;
|
|
1282
1282
|
fill: #f4c37d;
|
|
1283
|
-
background-color: transparent; }
|
|
1283
|
+
background-color: transparent !important; }
|
|
1284
1284
|
.guestbell-btn.guestbell-btn-gray {
|
|
1285
1285
|
background-color: #555555;
|
|
1286
1286
|
fill: white;
|
|
@@ -1326,7 +1326,7 @@
|
|
|
1326
1326
|
.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text:hover {
|
|
1327
1327
|
color: #6f6f6f;
|
|
1328
1328
|
fill: #6f6f6f;
|
|
1329
|
-
background-color: transparent; }
|
|
1329
|
+
background-color: transparent !important; }
|
|
1330
1330
|
|
|
1331
1331
|
.input__base.checkbox-input {
|
|
1332
1332
|
display: block;
|