@bigbinary/neetoui 8.3.75 → 8.3.77
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/README.md +0 -1
- package/dist/Alert.js +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/Modal.js +1 -1
- package/dist/MultiEmailInput.js +1 -1
- package/dist/NoData.js +1 -1
- package/dist/Pane.js +1 -1
- package/dist/{Portal-BaWO-CyE.js → Portal-qx5uRFGk.js} +2 -2
- package/dist/{Portal-BaWO-CyE.js.map → Portal-qx5uRFGk.js.map} +1 -1
- package/dist/Select.js +1 -1
- package/dist/Slider.js +1 -1
- package/dist/Table.js +2 -2
- package/dist/TimePicker.js +2 -2
- package/dist/cjs/Accordion.js +24 -15
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +12 -6
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +11 -6
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +17 -9
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +15 -8
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +9 -3
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +12 -6
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +29 -18
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +8 -8
- package/dist/cjs/Dropdown.js +34 -25
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +18 -11
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +11 -5
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +19 -12
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +23 -14
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +36 -26
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +11 -5
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +19 -12
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +22 -14
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +12 -6
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/{Portal-D3CvlJ0g.js → Portal-nCvANFeL.js} +30 -19
- package/dist/cjs/{Portal-D3CvlJ0g.js.map → Portal-nCvANFeL.js.map} +1 -1
- package/dist/cjs/ProgressBar.js +7 -3
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +18 -11
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +44 -31
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +34 -21
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +14 -7
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +5 -1
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +5 -1
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +18 -10
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +14 -7
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +89 -71
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +12 -5
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-BOi6PJBI.js → Textarea-DxdJutA8.js} +17 -9
- package/dist/cjs/{Textarea-BOi6PJBI.js.map → Textarea-DxdJutA8.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +8 -8
- package/dist/cjs/Toastr.js +29 -17
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +15 -7
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +6 -2
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +19 -9
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +20 -11
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +11 -4
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +17 -7
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +10 -5
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +13 -7
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +9 -4
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +10 -5
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +17 -8
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +10 -5
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +13 -7
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +12 -6
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -8
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +12 -6
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +10 -5
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +11 -6
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +12 -6
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +6 -6
- package/dist/cjs/{index-DPPfjE9r.js → index-BIFpyYcO.js} +69 -45
- package/dist/cjs/{index-DPPfjE9r.js.map → index-BIFpyYcO.js.map} +1 -1
- package/dist/cjs/{index-D0rucYPS.js → index-BgzkP01c.js} +32 -19
- package/dist/cjs/index-BgzkP01c.js.map +1 -0
- package/dist/cjs/{index-DApAqkOe.js → index-CNZKW5X0.js} +13 -6
- package/dist/cjs/{index-DApAqkOe.js.map → index-CNZKW5X0.js.map} +1 -1
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/layouts.js +3 -3
- package/dist/cjs/overlayManager.js +7 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-lcdODVBz.js → react-select-creatable.esm-CYabSQvs.js} +109 -94
- package/dist/cjs/{react-select-creatable.esm-lcdODVBz.js.map → react-select-creatable.esm-CYabSQvs.js.map} +1 -1
- package/dist/cjs/{usePrefersReducedMotion-DIgi-Aj7.js → usePrefersReducedMotion-D2Ck84HM.js} +6 -2
- package/dist/cjs/{usePrefersReducedMotion-DIgi-Aj7.js.map → usePrefersReducedMotion-D2Ck84HM.js.map} +1 -1
- package/dist/cjs/{useQueryParams-BrrbBvY_.js → useQueryParams-BT5EJ1-8.js} +6 -2
- package/dist/cjs/{useQueryParams-BrrbBvY_.js.map → useQueryParams-BT5EJ1-8.js.map} +1 -1
- package/dist/cjs/{useRecentlyUsedColors-Bo6lorBa.js → useRecentlyUsedColors-P_o42kpC.js} +2 -2
- package/dist/cjs/{useRecentlyUsedColors-Bo6lorBa.js.map → useRecentlyUsedColors-P_o42kpC.js.map} +1 -1
- package/dist/formik/BlockNavigation.js +1 -1
- package/dist/formik/MultiEmailInput.js +1 -1
- package/dist/formik/Select.js +2 -2
- package/dist/formik/index.js +2 -2
- package/dist/index.js +2 -2
- package/dist/{react-select-creatable.esm-opiJTCqo.js → react-select-creatable.esm-C-18UhvM.js} +2 -2
- package/dist/{react-select-creatable.esm-opiJTCqo.js.map → react-select-creatable.esm-C-18UhvM.js.map} +1 -1
- package/dist/src/translations/hu.json +51 -0
- package/package.json +1 -1
- package/dist/cjs/index-D0rucYPS.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiEmailInput.js","sources":["../../src/components/MultiEmailInput/constants.jsx","../../src/components/MultiEmailInput/utils.js","../../src/components/MultiEmailInput/index.jsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Close } from \"neetoicons\";\nimport { assoc } from \"ramda\";\nimport { components } from \"react-select\";\n\nimport Tag from \"components/Tag\";\nimport { hyphenize } from \"utils\";\n\nconst STYLES = {\n border: {\n default: \"1px solid rgb(var(--neeto-ui-gray-400))\",\n error: \"1px solid rgb(var(--neeto-ui-error-800)) !important\",\n },\n color: {\n default: \"rgb(var(--neeto-ui-gray-800))\",\n error: \"rgb(var(--neeto-ui-error-800)) !important\",\n },\n};\n\nconst CustomControl = ({ children, ...props }) => {\n const { getValue } = props;\n const { isFocused, prefix } = props.selectProps;\n\n const prevValue = useRef([]);\n const controlRef = useRef(null);\n\n const value = getValue();\n\n const scrollToBottom = () => {\n const scrollContainer = controlRef.current;\n if (!scrollContainer) return;\n\n const { scrollHeight, clientHeight } = scrollContainer;\n\n scrollContainer.scrollTo({ top: scrollHeight - clientHeight });\n };\n\n useEffect(() => {\n const isItemAdded = value.length > prevValue.current.length;\n const isItemDeleted = value.length < prevValue.current.length;\n\n if ((isFocused && !isItemDeleted) || isItemAdded) scrollToBottom();\n\n prevValue.current = value;\n }, [isFocused, value]);\n\n return (\n <components.Control\n {...props}\n innerProps={{ ...props.innerProps, ref: controlRef }}\n >\n {prefix && <div className=\"neeto-ui-email-input__prefix\">{prefix}</div>}\n {children}\n </components.Control>\n );\n};\n\nconst CustomDropdownIndicator = props => {\n const { suffix } = props.selectProps;\n\n return suffix ? (\n <components.DropdownIndicator {...props}>\n <div className=\"neeto-ui-email-input__suffix\">{suffix}</div>\n </components.DropdownIndicator>\n ) : null;\n};\n\nconst MultiValueRemove = props => (\n <components.MultiValueRemove\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: `${hyphenize(props.data.label)}-remove-icon`,\n }}\n >\n <Close size={16} />\n </components.MultiValueRemove>\n);\n\nconst CustomValueContainer = ({ children, ...props }) => {\n const {\n getValue,\n selectProps: { isFocused, visibleEmailsCount, isAlwaysExpanded },\n } = props;\n const value = getValue();\n const [firstChild, ...rest] = children;\n\n const shouldCollapse =\n !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;\n\n return (\n <components.ValueContainer\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"multi-email-input-container\",\n }}\n >\n {shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild}\n {shouldCollapse && (\n <Tag\n label={`${value.length - visibleEmailsCount} more`}\n style=\"secondary\"\n />\n )}\n {rest}\n </components.ValueContainer>\n );\n};\n\nconst CustomClearIndicator = props => (\n <components.ClearIndicator\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"clear-all-button\",\n }}\n >\n <Close className=\"cursor-pointer\" size={16} />\n </components.ClearIndicator>\n);\n\nconst SelectContainer = props => (\n <components.SelectContainer\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"multi-email-select-container\",\n }}\n />\n);\n\nconst Input = props => {\n const handlePaste = event => {\n const { handleEmailChange } = props.selectProps;\n\n const text = event.clipboardData.getData(\"Text\");\n if (!EMAIL_REGEX.test(text)) return;\n\n event?.preventDefault();\n setTimeout(() => handleEmailChange(text));\n };\n\n return (\n <components.Input\n {...props}\n data-testid=\"email-select-input-field\"\n onPaste={handlePaste}\n />\n );\n};\n\nexport const EMAIL_REGEX = new RegExp(\n \"^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\\\\.[A-Z0-9-]+)*\\\\.[A-Z]{2,}$\",\n \"i\"\n);\n\nexport const UNSTRICT_EMAIL_REGEX =\n /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n\nexport const CUSTOM_STYLES = {\n input: assoc(\"overflow\", \"hidden\"),\n multiValue: (styles, { data: { valid } }) => ({\n ...styles,\n border: valid ? STYLES.border.default : STYLES.border.error,\n color: valid ? STYLES.color.default : STYLES.color.error,\n }),\n};\n\nexport const CUSTOM_COMPONENTS = {\n DropdownIndicator: CustomDropdownIndicator,\n Control: CustomControl,\n MultiValueRemove,\n ValueContainer: CustomValueContainer,\n ClearIndicator: CustomClearIndicator,\n SelectContainer,\n Input,\n};\n","import { isPresent } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nimport { EMAIL_REGEX } from \"./constants\";\n\nconst getEmailsMap = (inputEmails = [], options = []) => {\n const emails = [...inputEmails, ...options];\n const emailsMap = new Map();\n\n emails.forEach(option => {\n const hasPersistedEntry = isPresent(emailsMap.get(option.value)?.id);\n if (!hasPersistedEntry) emailsMap.set(option.value, option);\n });\n\n return emailsMap;\n};\n\nconst processEmailOptions = (inputEmails = [], options = []) => {\n const emailsMap = getEmailsMap(inputEmails, options);\n\n return email => {\n const emailDetails = emailsMap.get(email) || { value: email };\n\n return formatEmailInputOption(emailDetails);\n };\n};\n\nexport const formatEmailInputOption = ({ label, value, ...otherDetails }) => ({\n label: label ?? value,\n value,\n ...otherDetails,\n valid: EMAIL_REGEX.test(value),\n});\n\nexport const pruneDuplicates = (inputValues, options) => {\n const emailProcessor = processEmailOptions(inputValues, options);\n const emails = pluck(\"value\", inputValues);\n const uniqueValuesSet = new Set();\n const duplicates = [];\n\n emails.forEach(pristineEmail => {\n const email = pristineEmail.toLowerCase();\n if (uniqueValuesSet.has(email)) duplicates.push(pristineEmail);\n\n uniqueValuesSet.add(email);\n });\n\n const uniqueValues = Array.from(uniqueValuesSet);\n const uniqueEmails = uniqueValues.map(emailProcessor);\n\n return { uniqueEmails, duplicates };\n};\n\nexport const renderValidEmails = values =>\n values.filter(email => email.valid && email);\n\nexport const getValidEmailsCount = values => renderValidEmails(values).length;\n\nexport const renderDefaultText = count => (count === 1 ? \"email\" : \"emails\");\n\nexport const renderDuplicateEmailsWarningMessage = duplicateEmails => {\n const count = duplicateEmails.length;\n\n return `Removed ${count} duplicate ${renderDefaultText(\n count\n )} from the list: ${duplicateEmails.join(\", \")}`;\n};\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft, isEmpty } from \"ramda\";\nimport CreatableSelect from \"react-select/creatable\";\n\nimport { noop, hyphenize } from \"utils\";\n\nimport {\n EMAIL_SEPARATION_REGEX,\n CUSTOM_STYLES,\n UNSTRICT_EMAIL_REGEX,\n CUSTOM_COMPONENTS,\n} from \"./constants\";\nimport {\n pruneDuplicates,\n renderValidEmails,\n renderDefaultText,\n getValidEmailsCount,\n renderDuplicateEmailsWarningMessage,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst MultiEmailInput = forwardRef(\n (\n {\n label = \"Email(s)\",\n placeholder = \"\",\n helpText = \"\",\n value = [],\n onChange = noop,\n error = \"\",\n onBlur = noop,\n filterInvalidEmails,\n counter,\n disabled = false,\n maxHeight = 200,\n required = false,\n labelProps,\n visibleEmailsCount = 3,\n isCreateable = true,\n isAlwaysExpanded = false,\n ...otherProps\n },\n ref\n ) => {\n const [inputValue, setInputValue] = useState(\"\");\n const [isFocused, setIsFocused] = useState(false);\n const [duplicateEmails, setDuplicateEmails] = useState([]);\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const isCounterVisible =\n !!counter &&\n (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);\n\n const isOptionsPresent = !!otherProps.options;\n\n const handleFilterEmails = () => onChange(renderValidEmails(value));\n\n const handleEmailChange = inputValue => {\n if (!isCreateable) return;\n\n const inputValues = inputValue.match(EMAIL_SEPARATION_REGEX);\n const emailMatches =\n inputValue.match(UNSTRICT_EMAIL_REGEX) || inputValues || [];\n\n const emails = emailMatches.map(email => ({ value: email }));\n\n const { uniqueEmails, duplicates } = pruneDuplicates(\n [...value, ...emails],\n otherProps.options\n );\n onChange(uniqueEmails);\n setDuplicateEmails(duplicates);\n setInputValue(\"\");\n setIsMenuOpen(false);\n };\n\n const handleKeyDown = event => {\n if (!inputValue) return;\n\n switch (event.key) {\n case \"Enter\": {\n handleEmailChange(inputValue);\n !isOptionsPresent && event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n case \"Tab\":\n case \",\":\n case \" \": {\n handleEmailChange(inputValue);\n event.preventDefault();\n event.stopPropagation();\n }\n }\n };\n\n const onCreateOption = input => {\n const { uniqueEmails, duplicates } = pruneDuplicates(\n [...value, { value: input }],\n otherProps.options\n );\n onChange(uniqueEmails);\n setDuplicateEmails(duplicates);\n otherProps?.onCreateOption?.(input);\n };\n\n const handleBlur = event => {\n inputValue ? handleEmailChange(inputValue) : onBlur(event);\n setIsFocused(false);\n setDuplicateEmails([]);\n };\n\n let overrideProps = {};\n\n if (isOptionsPresent) {\n const isValidNewOption = (inputValue, _, selectOptions) => {\n if (!isCreateable) return false;\n\n const isInputEmpty = isEmpty(inputValue.trim());\n const doesInputContainSeparator =\n inputValue.includes(\",\") || inputValue.includes(\" \");\n\n const isInputPresentInOptions = selectOptions.find(\n option => option.value === inputValue.toLowerCase()\n );\n\n return !(\n isInputEmpty ||\n doesInputContainSeparator ||\n isInputPresentInOptions\n );\n };\n overrideProps = { onCreateOption, isValidNewOption };\n }\n\n const isFilterEmailsLinkVisible =\n !!filterInvalidEmails && value.length > getValidEmailsCount(value);\n\n return (\n <div\n className=\"neeto-ui-input__wrapper neeto-ui-email-input__wrapper\"\n data-testid=\"email-input-wrapper\"\n >\n <div className=\"neeto-ui-email-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n className=\"neeto-ui-email-input__label\"\n data-testid={`${hyphenize(label)}-input-label`}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCounterVisible && (\n <p\n className=\"neeto-ui-email-input__counter\"\n data-testid={`${hyphenize(label)}-email-counter`}\n >\n {getValidEmailsCount(value)}{\" \"}\n {counter.label\n ? counter.label\n : renderDefaultText(getValidEmailsCount(value))}\n </p>\n )}\n </div>\n <CreatableSelect\n isMulti\n required\n blurInputOnSelect={false}\n classNamePrefix=\"neeto-ui-react-select\"\n components={CUSTOM_COMPONENTS}\n isDisabled={disabled}\n menuIsOpen={isMenuOpen}\n className={classnames(\n \"neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select\",\n { \"neeto-ui-react-select__container--error\": !!error }\n )}\n styles={{\n ...CUSTOM_STYLES,\n control: mergeLeft({\n maxHeight: `${maxHeight}px`,\n overflowY: \"auto\",\n }),\n }}\n onBlur={handleBlur}\n onFocus={() => setIsFocused(true)}\n onKeyDown={handleKeyDown}\n onInputChange={inputValue => {\n setIsMenuOpen(Boolean(inputValue));\n setInputValue(inputValue);\n }}\n {...{\n handleEmailChange,\n inputValue,\n isAlwaysExpanded,\n isFocused,\n onChange,\n placeholder,\n ref,\n value,\n visibleEmailsCount,\n ...(!isOptionsPresent && { menuIsOpen: false }),\n ...otherProps,\n ...overrideProps,\n }}\n />\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(label)}-input-error`}\n >\n {error}\n {isFilterEmailsLinkVisible && (\n <span\n className=\"neeto-ui-font-semibold cursor-pointer\"\n onClick={handleFilterEmails}\n >\n \n {filterInvalidEmails.label\n ? filterInvalidEmails.label\n : \"Click here to remove invalid emails.\"}\n </span>\n )}\n </p>\n )}\n {!!helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-testid={`${hyphenize(label)}-input-help`}\n >\n {helpText}\n </p>\n )}\n {!!duplicateEmails.length && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(label)}-duplicate-emails-warning`}\n >\n {renderDuplicateEmailsWarningMessage(duplicateEmails)}\n </p>\n )}\n </div>\n );\n }\n);\n\nMultiEmailInput.displayName = \"MultiEmailInput\";\n\nMultiEmailInput.propTypes = {\n /**\n * To specify the text to be displayed above the Input field.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the text to be displayed inside the Input field.\n */\n placeholder: PropTypes.string,\n /**\n * To specify the helper text message to be displayed below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify the value to be displayed inside the Input field.\n */\n value: PropTypes.array,\n /**\n * To specify the error message to be shown below the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the message to be shown besides the error message to filter out the invalid emails.\n */\n filterInvalidEmails: PropTypes.shape({ label: PropTypes.string }),\n /**\n * To add an email counter next to the label.\n */\n counter: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.shape({\n label: PropTypes.string,\n startsFrom: PropTypes.number,\n }),\n ]),\n /**\n * To specify the action to be triggered on modifying the Input field.\n */\n onChange: PropTypes.func,\n /**\n * To specify the action to be triggered on changing focus from the Input field.\n */\n onBlur: PropTypes.func,\n /**\n * To specify the maximum height (in pixels) of the container before it becomes scrollable.\n */\n maxHeight: PropTypes.number,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify the number of email to be displayed in the input field when not in focus.\n */\n visibleEmailsCount: PropTypes.number,\n /**\n * To specify whether a new email option can be created or not.\n */\n isCreateable: PropTypes.bool,\n /**\n * To specify whether the input field should always be shown in an expanded state or not.\n */\n isAlwaysExpanded: PropTypes.bool,\n};\n\nexport default MultiEmailInput;\n"],"names":["STYLES","border","error","color","CustomControl","_ref","children","props","_objectWithoutProperties","_excluded","getValue","_props$selectProps","selectProps","isFocused","prefix","prevValue","useRef","controlRef","value","scrollToBottom","scrollContainer","current","scrollHeight","clientHeight","scrollTo","top","useEffect","isItemAdded","length","isItemDeleted","_jsxs","components","Control","_objectSpread","innerProps","ref","_jsx","className","CustomDropdownIndicator","suffix","DropdownIndicator","MultiValueRemove","_defineProperty","concat","hyphenize","data","label","Close","size","CustomValueContainer","_ref2","_excluded2","_props$selectProps2","visibleEmailsCount","isAlwaysExpanded","_children","_toArray","firstChild","rest","slice","shouldCollapse","ValueContainer","Tag","style","CustomClearIndicator","ClearIndicator","SelectContainer","Input","handlePaste","event","handleEmailChange","text","clipboardData","getData","EMAIL_REGEX","test","preventDefault","setTimeout","onPaste","RegExp","UNSTRICT_EMAIL_REGEX","EMAIL_SEPARATION_REGEX","CUSTOM_STYLES","input","assoc","multiValue","styles","_ref3","valid","CUSTOM_COMPONENTS","getEmailsMap","inputEmails","arguments","undefined","options","emails","_toConsumableArray","emailsMap","Map","forEach","option","_emailsMap$get","hasPersistedEntry","isPresent","get","id","set","processEmailOptions","email","emailDetails","formatEmailInputOption","otherDetails","pruneDuplicates","inputValues","emailProcessor","pluck","uniqueValuesSet","Set","duplicates","pristineEmail","toLowerCase","has","push","add","uniqueValues","Array","from","uniqueEmails","map","renderValidEmails","values","filter","getValidEmailsCount","renderDefaultText","count","renderDuplicateEmailsWarningMessage","duplicateEmails","join","MultiEmailInput","forwardRef","_ref$label","_ref$placeholder","placeholder","_ref$helpText","helpText","_ref$value","_ref$onChange","onChange","noop","_ref$error","_ref$onBlur","onBlur","filterInvalidEmails","counter","_ref$disabled","disabled","_ref$maxHeight","maxHeight","_ref$required","required","labelProps","_ref$visibleEmailsCou","_ref$isCreateable","isCreateable","_ref$isAlwaysExpanded","otherProps","_useState","useState","_useState2","_slicedToArray","inputValue","setInputValue","_useState3","_useState4","setIsFocused","_useState5","_useState6","setDuplicateEmails","_useState7","_useState8","isMenuOpen","setIsMenuOpen","isCounterVisible","startsFrom","isOptionsPresent","handleFilterEmails","match","emailMatches","_pruneDuplicates","handleKeyDown","key","stopPropagation","onCreateOption","_otherProps$onCreateO","_pruneDuplicates2","call","handleBlur","overrideProps","isValidNewOption","_","selectOptions","isInputEmpty","isEmpty","trim","doesInputContainSeparator","includes","isInputPresentInOptions","find","isFilterEmailsLinkVisible","Label","CreatableSelect","isMulti","blurInputOnSelect","classNamePrefix","isDisabled","menuIsOpen","classnames","control","mergeLeft","overflowY","onFocus","onKeyDown","onInputChange","Boolean","onClick","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MultiEmailInput.js","sources":["../../src/components/MultiEmailInput/constants.jsx","../../src/components/MultiEmailInput/utils.js","../../src/components/MultiEmailInput/index.jsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Close } from \"neetoicons\";\nimport { assoc } from \"ramda\";\nimport { components } from \"react-select\";\n\nimport Tag from \"components/Tag\";\nimport { hyphenize } from \"utils\";\n\nconst STYLES = {\n border: {\n default: \"1px solid rgb(var(--neeto-ui-gray-400))\",\n error: \"1px solid rgb(var(--neeto-ui-error-800)) !important\",\n },\n color: {\n default: \"rgb(var(--neeto-ui-gray-800))\",\n error: \"rgb(var(--neeto-ui-error-800)) !important\",\n },\n};\n\nconst CustomControl = ({ children, ...props }) => {\n const { getValue } = props;\n const { isFocused, prefix } = props.selectProps;\n\n const prevValue = useRef([]);\n const controlRef = useRef(null);\n\n const value = getValue();\n\n const scrollToBottom = () => {\n const scrollContainer = controlRef.current;\n if (!scrollContainer) return;\n\n const { scrollHeight, clientHeight } = scrollContainer;\n\n scrollContainer.scrollTo({ top: scrollHeight - clientHeight });\n };\n\n useEffect(() => {\n const isItemAdded = value.length > prevValue.current.length;\n const isItemDeleted = value.length < prevValue.current.length;\n\n if ((isFocused && !isItemDeleted) || isItemAdded) scrollToBottom();\n\n prevValue.current = value;\n }, [isFocused, value]);\n\n return (\n <components.Control\n {...props}\n innerProps={{ ...props.innerProps, ref: controlRef }}\n >\n {prefix && <div className=\"neeto-ui-email-input__prefix\">{prefix}</div>}\n {children}\n </components.Control>\n );\n};\n\nconst CustomDropdownIndicator = props => {\n const { suffix } = props.selectProps;\n\n return suffix ? (\n <components.DropdownIndicator {...props}>\n <div className=\"neeto-ui-email-input__suffix\">{suffix}</div>\n </components.DropdownIndicator>\n ) : null;\n};\n\nconst MultiValueRemove = props => (\n <components.MultiValueRemove\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: `${hyphenize(props.data.label)}-remove-icon`,\n }}\n >\n <Close size={16} />\n </components.MultiValueRemove>\n);\n\nconst CustomValueContainer = ({ children, ...props }) => {\n const {\n getValue,\n selectProps: { isFocused, visibleEmailsCount, isAlwaysExpanded },\n } = props;\n const value = getValue();\n const [firstChild, ...rest] = children;\n\n const shouldCollapse =\n !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;\n\n return (\n <components.ValueContainer\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"multi-email-input-container\",\n }}\n >\n {shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild}\n {shouldCollapse && (\n <Tag\n label={`${value.length - visibleEmailsCount} more`}\n style=\"secondary\"\n />\n )}\n {rest}\n </components.ValueContainer>\n );\n};\n\nconst CustomClearIndicator = props => (\n <components.ClearIndicator\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"clear-all-button\",\n }}\n >\n <Close className=\"cursor-pointer\" size={16} />\n </components.ClearIndicator>\n);\n\nconst SelectContainer = props => (\n <components.SelectContainer\n {...props}\n innerProps={{\n ...props.innerProps,\n [\"data-testid\"]: \"multi-email-select-container\",\n }}\n />\n);\n\nconst Input = props => {\n const handlePaste = event => {\n const { handleEmailChange } = props.selectProps;\n\n const text = event.clipboardData.getData(\"Text\");\n if (!EMAIL_REGEX.test(text)) return;\n\n event?.preventDefault();\n setTimeout(() => handleEmailChange(text));\n };\n\n return (\n <components.Input\n {...props}\n data-testid=\"email-select-input-field\"\n onPaste={handlePaste}\n />\n );\n};\n\nexport const EMAIL_REGEX = new RegExp(\n \"^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\\\\.[A-Z0-9-]+)*\\\\.[A-Z]{2,}$\",\n \"i\"\n);\n\nexport const UNSTRICT_EMAIL_REGEX =\n /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n\nexport const CUSTOM_STYLES = {\n input: assoc(\"overflow\", \"hidden\"),\n multiValue: (styles, { data: { valid } }) => ({\n ...styles,\n border: valid ? STYLES.border.default : STYLES.border.error,\n color: valid ? STYLES.color.default : STYLES.color.error,\n }),\n};\n\nexport const CUSTOM_COMPONENTS = {\n DropdownIndicator: CustomDropdownIndicator,\n Control: CustomControl,\n MultiValueRemove,\n ValueContainer: CustomValueContainer,\n ClearIndicator: CustomClearIndicator,\n SelectContainer,\n Input,\n};\n","import { isPresent } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nimport { EMAIL_REGEX } from \"./constants\";\n\nconst getEmailsMap = (inputEmails = [], options = []) => {\n const emails = [...inputEmails, ...options];\n const emailsMap = new Map();\n\n emails.forEach(option => {\n const hasPersistedEntry = isPresent(emailsMap.get(option.value)?.id);\n if (!hasPersistedEntry) emailsMap.set(option.value, option);\n });\n\n return emailsMap;\n};\n\nconst processEmailOptions = (inputEmails = [], options = []) => {\n const emailsMap = getEmailsMap(inputEmails, options);\n\n return email => {\n const emailDetails = emailsMap.get(email) || { value: email };\n\n return formatEmailInputOption(emailDetails);\n };\n};\n\nexport const formatEmailInputOption = ({ label, value, ...otherDetails }) => ({\n label: label ?? value,\n value,\n ...otherDetails,\n valid: EMAIL_REGEX.test(value),\n});\n\nexport const pruneDuplicates = (inputValues, options) => {\n const emailProcessor = processEmailOptions(inputValues, options);\n const emails = pluck(\"value\", inputValues);\n const uniqueValuesSet = new Set();\n const duplicates = [];\n\n emails.forEach(pristineEmail => {\n const email = pristineEmail.toLowerCase();\n if (uniqueValuesSet.has(email)) duplicates.push(pristineEmail);\n\n uniqueValuesSet.add(email);\n });\n\n const uniqueValues = Array.from(uniqueValuesSet);\n const uniqueEmails = uniqueValues.map(emailProcessor);\n\n return { uniqueEmails, duplicates };\n};\n\nexport const renderValidEmails = values =>\n values.filter(email => email.valid && email);\n\nexport const getValidEmailsCount = values => renderValidEmails(values).length;\n\nexport const renderDefaultText = count => (count === 1 ? \"email\" : \"emails\");\n\nexport const renderDuplicateEmailsWarningMessage = duplicateEmails => {\n const count = duplicateEmails.length;\n\n return `Removed ${count} duplicate ${renderDefaultText(\n count\n )} from the list: ${duplicateEmails.join(\", \")}`;\n};\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft, isEmpty } from \"ramda\";\nimport CreatableSelect from \"react-select/creatable\";\n\nimport { noop, hyphenize } from \"utils\";\n\nimport {\n EMAIL_SEPARATION_REGEX,\n CUSTOM_STYLES,\n UNSTRICT_EMAIL_REGEX,\n CUSTOM_COMPONENTS,\n} from \"./constants\";\nimport {\n pruneDuplicates,\n renderValidEmails,\n renderDefaultText,\n getValidEmailsCount,\n renderDuplicateEmailsWarningMessage,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst MultiEmailInput = forwardRef(\n (\n {\n label = \"Email(s)\",\n placeholder = \"\",\n helpText = \"\",\n value = [],\n onChange = noop,\n error = \"\",\n onBlur = noop,\n filterInvalidEmails,\n counter,\n disabled = false,\n maxHeight = 200,\n required = false,\n labelProps,\n visibleEmailsCount = 3,\n isCreateable = true,\n isAlwaysExpanded = false,\n ...otherProps\n },\n ref\n ) => {\n const [inputValue, setInputValue] = useState(\"\");\n const [isFocused, setIsFocused] = useState(false);\n const [duplicateEmails, setDuplicateEmails] = useState([]);\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const isCounterVisible =\n !!counter &&\n (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);\n\n const isOptionsPresent = !!otherProps.options;\n\n const handleFilterEmails = () => onChange(renderValidEmails(value));\n\n const handleEmailChange = inputValue => {\n if (!isCreateable) return;\n\n const inputValues = inputValue.match(EMAIL_SEPARATION_REGEX);\n const emailMatches =\n inputValue.match(UNSTRICT_EMAIL_REGEX) || inputValues || [];\n\n const emails = emailMatches.map(email => ({ value: email }));\n\n const { uniqueEmails, duplicates } = pruneDuplicates(\n [...value, ...emails],\n otherProps.options\n );\n onChange(uniqueEmails);\n setDuplicateEmails(duplicates);\n setInputValue(\"\");\n setIsMenuOpen(false);\n };\n\n const handleKeyDown = event => {\n if (!inputValue) return;\n\n switch (event.key) {\n case \"Enter\": {\n handleEmailChange(inputValue);\n !isOptionsPresent && event.preventDefault();\n event.stopPropagation();\n\n return;\n }\n case \"Tab\":\n case \",\":\n case \" \": {\n handleEmailChange(inputValue);\n event.preventDefault();\n event.stopPropagation();\n }\n }\n };\n\n const onCreateOption = input => {\n const { uniqueEmails, duplicates } = pruneDuplicates(\n [...value, { value: input }],\n otherProps.options\n );\n onChange(uniqueEmails);\n setDuplicateEmails(duplicates);\n otherProps?.onCreateOption?.(input);\n };\n\n const handleBlur = event => {\n inputValue ? handleEmailChange(inputValue) : onBlur(event);\n setIsFocused(false);\n setDuplicateEmails([]);\n };\n\n let overrideProps = {};\n\n if (isOptionsPresent) {\n const isValidNewOption = (inputValue, _, selectOptions) => {\n if (!isCreateable) return false;\n\n const isInputEmpty = isEmpty(inputValue.trim());\n const doesInputContainSeparator =\n inputValue.includes(\",\") || inputValue.includes(\" \");\n\n const isInputPresentInOptions = selectOptions.find(\n option => option.value === inputValue.toLowerCase()\n );\n\n return !(\n isInputEmpty ||\n doesInputContainSeparator ||\n isInputPresentInOptions\n );\n };\n overrideProps = { onCreateOption, isValidNewOption };\n }\n\n const isFilterEmailsLinkVisible =\n !!filterInvalidEmails && value.length > getValidEmailsCount(value);\n\n return (\n <div\n className=\"neeto-ui-input__wrapper neeto-ui-email-input__wrapper\"\n data-testid=\"email-input-wrapper\"\n >\n <div className=\"neeto-ui-email-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n className=\"neeto-ui-email-input__label\"\n data-testid={`${hyphenize(label)}-input-label`}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCounterVisible && (\n <p\n className=\"neeto-ui-email-input__counter\"\n data-testid={`${hyphenize(label)}-email-counter`}\n >\n {getValidEmailsCount(value)}{\" \"}\n {counter.label\n ? counter.label\n : renderDefaultText(getValidEmailsCount(value))}\n </p>\n )}\n </div>\n <CreatableSelect\n isMulti\n required\n blurInputOnSelect={false}\n classNamePrefix=\"neeto-ui-react-select\"\n components={CUSTOM_COMPONENTS}\n isDisabled={disabled}\n menuIsOpen={isMenuOpen}\n className={classnames(\n \"neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select\",\n { \"neeto-ui-react-select__container--error\": !!error }\n )}\n styles={{\n ...CUSTOM_STYLES,\n control: mergeLeft({\n maxHeight: `${maxHeight}px`,\n overflowY: \"auto\",\n }),\n }}\n onBlur={handleBlur}\n onFocus={() => setIsFocused(true)}\n onKeyDown={handleKeyDown}\n onInputChange={inputValue => {\n setIsMenuOpen(Boolean(inputValue));\n setInputValue(inputValue);\n }}\n {...{\n handleEmailChange,\n inputValue,\n isAlwaysExpanded,\n isFocused,\n onChange,\n placeholder,\n ref,\n value,\n visibleEmailsCount,\n ...(!isOptionsPresent && { menuIsOpen: false }),\n ...otherProps,\n ...overrideProps,\n }}\n />\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(label)}-input-error`}\n >\n {error}\n {isFilterEmailsLinkVisible && (\n <span\n className=\"neeto-ui-font-semibold cursor-pointer\"\n onClick={handleFilterEmails}\n >\n \n {filterInvalidEmails.label\n ? filterInvalidEmails.label\n : \"Click here to remove invalid emails.\"}\n </span>\n )}\n </p>\n )}\n {!!helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-testid={`${hyphenize(label)}-input-help`}\n >\n {helpText}\n </p>\n )}\n {!!duplicateEmails.length && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(label)}-duplicate-emails-warning`}\n >\n {renderDuplicateEmailsWarningMessage(duplicateEmails)}\n </p>\n )}\n </div>\n );\n }\n);\n\nMultiEmailInput.displayName = \"MultiEmailInput\";\n\nMultiEmailInput.propTypes = {\n /**\n * To specify the text to be displayed above the Input field.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the text to be displayed inside the Input field.\n */\n placeholder: PropTypes.string,\n /**\n * To specify the helper text message to be displayed below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify the value to be displayed inside the Input field.\n */\n value: PropTypes.array,\n /**\n * To specify the error message to be shown below the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the message to be shown besides the error message to filter out the invalid emails.\n */\n filterInvalidEmails: PropTypes.shape({ label: PropTypes.string }),\n /**\n * To add an email counter next to the label.\n */\n counter: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.shape({\n label: PropTypes.string,\n startsFrom: PropTypes.number,\n }),\n ]),\n /**\n * To specify the action to be triggered on modifying the Input field.\n */\n onChange: PropTypes.func,\n /**\n * To specify the action to be triggered on changing focus from the Input field.\n */\n onBlur: PropTypes.func,\n /**\n * To specify the maximum height (in pixels) of the container before it becomes scrollable.\n */\n maxHeight: PropTypes.number,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify the number of email to be displayed in the input field when not in focus.\n */\n visibleEmailsCount: PropTypes.number,\n /**\n * To specify whether a new email option can be created or not.\n */\n isCreateable: PropTypes.bool,\n /**\n * To specify whether the input field should always be shown in an expanded state or not.\n */\n isAlwaysExpanded: PropTypes.bool,\n};\n\nexport default MultiEmailInput;\n"],"names":["STYLES","border","error","color","CustomControl","_ref","children","props","_objectWithoutProperties","_excluded","getValue","_props$selectProps","selectProps","isFocused","prefix","prevValue","useRef","controlRef","value","scrollToBottom","scrollContainer","current","scrollHeight","clientHeight","scrollTo","top","useEffect","isItemAdded","length","isItemDeleted","_jsxs","components","Control","_objectSpread","innerProps","ref","_jsx","className","CustomDropdownIndicator","suffix","DropdownIndicator","MultiValueRemove","_defineProperty","concat","hyphenize","data","label","Close","size","CustomValueContainer","_ref2","_excluded2","_props$selectProps2","visibleEmailsCount","isAlwaysExpanded","_children","_toArray","firstChild","rest","slice","shouldCollapse","ValueContainer","Tag","style","CustomClearIndicator","ClearIndicator","SelectContainer","Input","handlePaste","event","handleEmailChange","text","clipboardData","getData","EMAIL_REGEX","test","preventDefault","setTimeout","onPaste","RegExp","UNSTRICT_EMAIL_REGEX","EMAIL_SEPARATION_REGEX","CUSTOM_STYLES","input","assoc","multiValue","styles","_ref3","valid","CUSTOM_COMPONENTS","getEmailsMap","inputEmails","arguments","undefined","options","emails","_toConsumableArray","emailsMap","Map","forEach","option","_emailsMap$get","hasPersistedEntry","isPresent","get","id","set","processEmailOptions","email","emailDetails","formatEmailInputOption","otherDetails","pruneDuplicates","inputValues","emailProcessor","pluck","uniqueValuesSet","Set","duplicates","pristineEmail","toLowerCase","has","push","add","uniqueValues","Array","from","uniqueEmails","map","renderValidEmails","values","filter","getValidEmailsCount","renderDefaultText","count","renderDuplicateEmailsWarningMessage","duplicateEmails","join","MultiEmailInput","forwardRef","_ref$label","_ref$placeholder","placeholder","_ref$helpText","helpText","_ref$value","_ref$onChange","onChange","noop","_ref$error","_ref$onBlur","onBlur","filterInvalidEmails","counter","_ref$disabled","disabled","_ref$maxHeight","maxHeight","_ref$required","required","labelProps","_ref$visibleEmailsCou","_ref$isCreateable","isCreateable","_ref$isAlwaysExpanded","otherProps","_useState","useState","_useState2","_slicedToArray","inputValue","setInputValue","_useState3","_useState4","setIsFocused","_useState5","_useState6","setDuplicateEmails","_useState7","_useState8","isMenuOpen","setIsMenuOpen","isCounterVisible","startsFrom","isOptionsPresent","handleFilterEmails","match","emailMatches","_pruneDuplicates","handleKeyDown","key","stopPropagation","onCreateOption","_otherProps$onCreateO","_pruneDuplicates2","call","handleBlur","overrideProps","isValidNewOption","_","selectOptions","isInputEmpty","isEmpty","trim","doesInputContainSeparator","includes","isInputPresentInOptions","find","isFilterEmailsLinkVisible","Label","CreatableSelect","isMulti","blurInputOnSelect","classNamePrefix","isDisabled","menuIsOpen","classnames","control","mergeLeft","overflowY","onFocus","onKeyDown","onInputChange","Boolean","onClick","displayName"],"mappings":"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"}
|
package/dist/cjs/NoData.js
CHANGED
|
@@ -20,7 +20,7 @@ require('@babel/runtime/helpers/classCallCheck');
|
|
|
20
20
|
require('@babel/runtime/helpers/createClass');
|
|
21
21
|
require('@bigbinary/neeto-cist');
|
|
22
22
|
require('qs');
|
|
23
|
-
require('./index-
|
|
23
|
+
require('./index-BgzkP01c.js');
|
|
24
24
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
25
25
|
require('dayjs');
|
|
26
26
|
require('dayjs/plugin/localeData');
|
|
@@ -28,7 +28,13 @@ require('dayjs/plugin/utc');
|
|
|
28
28
|
require('dayjs/plugin/weekday');
|
|
29
29
|
require('dayjs/plugin/weekOfYear');
|
|
30
30
|
require('i18next');
|
|
31
|
-
require('./usePrefersReducedMotion-
|
|
31
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
32
|
+
|
|
33
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
34
|
+
|
|
35
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
36
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
37
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
32
38
|
|
|
33
39
|
var renderImage = function renderImage(image) {
|
|
34
40
|
return typeof image === "string" ? /*#__PURE__*/jsxRuntime.jsx("img", {
|
|
@@ -39,7 +45,7 @@ var renderImage = function renderImage(image) {
|
|
|
39
45
|
|
|
40
46
|
var _excluded = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText", "showTooltipWhenButtonDisabled"];
|
|
41
47
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
42
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
48
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
43
49
|
var NoData = function NoData(_ref) {
|
|
44
50
|
var _ref$image = _ref.image,
|
|
45
51
|
image = _ref$image === void 0 ? null : _ref$image,
|
|
@@ -59,13 +65,13 @@ var NoData = function NoData(_ref) {
|
|
|
59
65
|
buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
|
|
60
66
|
_ref$showTooltipWhenB = _ref.showTooltipWhenButtonDisabled,
|
|
61
67
|
showTooltipWhenButtonDisabled = _ref$showTooltipWhenB === void 0 ? false : _ref$showTooltipWhenB,
|
|
62
|
-
otherProps =
|
|
68
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
63
69
|
var hasPrimaryButtonProps = !ramda.isEmpty(primaryButtonProps);
|
|
64
70
|
var hasSecondaryButtonProps = !ramda.isEmpty(secondaryButtonProps);
|
|
65
71
|
var hasButtonSeparatorText = !ramda.isEmpty(buttonSeparatorText);
|
|
66
72
|
var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
|
|
67
73
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
68
|
-
className:
|
|
74
|
+
className: classnames__default.default("neeto-ui-no-data", [className]),
|
|
69
75
|
"data-testid": "no-data-container"
|
|
70
76
|
}, otherProps), {}, {
|
|
71
77
|
children: [image ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
package/dist/cjs/NoData.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoData.js","sources":["../../src/components/NoData/utils.jsx","../../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n typeof image === \"string\" ? (\n <img data-testid=\"no-data-image\" src={image} />\n ) : (\n image\n );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil, omit } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Tooltip from \"components/Tooltip\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n image = null,\n title = \"\",\n description = \"\",\n helpText = null,\n className = \"\",\n primaryButtonProps = {},\n secondaryButtonProps = {},\n buttonSeparatorText = \"\",\n showTooltipWhenButtonDisabled = false,\n ...otherProps\n}) => {\n const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n const showButtonSeparator =\n hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n return (\n <div\n className={classnames(\"neeto-ui-no-data\", [className])}\n data-testid=\"no-data-container\"\n {...otherProps}\n >\n {image ? (\n <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n ) : null}\n {title && (\n <Typography\n className=\"neeto-ui-text-center\"\n data-testid=\"no-data-title\"\n lineHeight=\"none\"\n style=\"h3\"\n >\n {title}\n </Typography>\n )}\n {description && (\n <Typography\n className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n data-testid=\"no-data-description\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n )}\n {helpText && (\n <Typography\n className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n data-testid=\"no-data-help-text\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {helpText}\n </Typography>\n )}\n {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n <div className=\"neeto-ui-no-data__action-block\">\n {hasPrimaryButtonProps && (\n <Tooltip\n {...primaryButtonProps?.tooltipProps}\n disabled={\n isNil(primaryButtonProps?.tooltipProps) ||\n (!showTooltipWhenButtonDisabled && primaryButtonProps?.disabled)\n }\n >\n <div>\n <Button\n data-testid=\"no-data-primary-button\"\n {...omit([\"tooltipProps\"], primaryButtonProps)}\n />\n </div>\n </Tooltip>\n )}\n {showButtonSeparator && (\n <Typography lineHeight=\"normal\" style=\"body2\">\n {buttonSeparatorText}\n </Typography>\n )}\n {hasSecondaryButtonProps && (\n <Tooltip\n {...secondaryButtonProps?.tooltipProps}\n disabled={\n isNil(secondaryButtonProps?.tooltipProps) ||\n (!showTooltipWhenButtonDisabled &&\n secondaryButtonProps?.disabled)\n }\n >\n <div>\n <Button\n data-testid=\"no-data-secondary-button\"\n style=\"secondary\"\n {...omit([\"tooltipProps\"], secondaryButtonProps)}\n />\n </div>\n </Tooltip>\n )}\n </div>\n )}\n </div>\n );\n};\n\nNoData.propTypes = {\n /**\n * To specify the image.\n */\n image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * To specify the title text.\n */\n title: PropTypes.string,\n /**\n * To specify the description text.\n */\n description: PropTypes.node,\n /**\n * To specify the text that appears below the description.\n */\n helpText: PropTypes.node,\n /**\n * Provide external classnames to NoData component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the primary button.\n */\n primaryButtonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the secondary button.\n */\n secondaryButtonProps: PropTypes.object,\n /**\n * To specify if the tooltip should be shown when the button is disabled.\n */\n showTooltipWhenButtonDisabled: PropTypes.bool,\n /**\n * To specify the text that appears between the primary and secondary buttons.\n * */\n buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","_jsx","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","_ref$showTooltipWhenB","showTooltipWhenButtonDisabled","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_jsxs","_objectSpread","classnames","children","Typography","lineHeight","style","Tooltip","tooltipProps","disabled","isNil","Button","omit"],"mappings":"
|
|
1
|
+
{"version":3,"file":"NoData.js","sources":["../../src/components/NoData/utils.jsx","../../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n typeof image === \"string\" ? (\n <img data-testid=\"no-data-image\" src={image} />\n ) : (\n image\n );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil, omit } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Tooltip from \"components/Tooltip\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n image = null,\n title = \"\",\n description = \"\",\n helpText = null,\n className = \"\",\n primaryButtonProps = {},\n secondaryButtonProps = {},\n buttonSeparatorText = \"\",\n showTooltipWhenButtonDisabled = false,\n ...otherProps\n}) => {\n const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n const showButtonSeparator =\n hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n return (\n <div\n className={classnames(\"neeto-ui-no-data\", [className])}\n data-testid=\"no-data-container\"\n {...otherProps}\n >\n {image ? (\n <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n ) : null}\n {title && (\n <Typography\n className=\"neeto-ui-text-center\"\n data-testid=\"no-data-title\"\n lineHeight=\"none\"\n style=\"h3\"\n >\n {title}\n </Typography>\n )}\n {description && (\n <Typography\n className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n data-testid=\"no-data-description\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {description}\n </Typography>\n )}\n {helpText && (\n <Typography\n className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n data-testid=\"no-data-help-text\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {helpText}\n </Typography>\n )}\n {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n <div className=\"neeto-ui-no-data__action-block\">\n {hasPrimaryButtonProps && (\n <Tooltip\n {...primaryButtonProps?.tooltipProps}\n disabled={\n isNil(primaryButtonProps?.tooltipProps) ||\n (!showTooltipWhenButtonDisabled && primaryButtonProps?.disabled)\n }\n >\n <div>\n <Button\n data-testid=\"no-data-primary-button\"\n {...omit([\"tooltipProps\"], primaryButtonProps)}\n />\n </div>\n </Tooltip>\n )}\n {showButtonSeparator && (\n <Typography lineHeight=\"normal\" style=\"body2\">\n {buttonSeparatorText}\n </Typography>\n )}\n {hasSecondaryButtonProps && (\n <Tooltip\n {...secondaryButtonProps?.tooltipProps}\n disabled={\n isNil(secondaryButtonProps?.tooltipProps) ||\n (!showTooltipWhenButtonDisabled &&\n secondaryButtonProps?.disabled)\n }\n >\n <div>\n <Button\n data-testid=\"no-data-secondary-button\"\n style=\"secondary\"\n {...omit([\"tooltipProps\"], secondaryButtonProps)}\n />\n </div>\n </Tooltip>\n )}\n </div>\n )}\n </div>\n );\n};\n\nNoData.propTypes = {\n /**\n * To specify the image.\n */\n image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /**\n * To specify the title text.\n */\n title: PropTypes.string,\n /**\n * To specify the description text.\n */\n description: PropTypes.node,\n /**\n * To specify the text that appears below the description.\n */\n helpText: PropTypes.node,\n /**\n * Provide external classnames to NoData component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the primary button.\n */\n primaryButtonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the secondary button.\n */\n secondaryButtonProps: PropTypes.object,\n /**\n * To specify if the tooltip should be shown when the button is disabled.\n */\n showTooltipWhenButtonDisabled: PropTypes.bool,\n /**\n * To specify the text that appears between the primary and secondary buttons.\n * */\n buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","_jsx","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","_ref$showTooltipWhenB","showTooltipWhenButtonDisabled","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_jsxs","_objectSpread","classnames","children","Typography","lineHeight","style","Tooltip","tooltipProps","disabled","isNil","Button","omit"],"mappings":"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"}
|
package/dist/cjs/Pagination.js
CHANGED
|
@@ -9,8 +9,8 @@ var reactRouterDom = require('react-router-dom');
|
|
|
9
9
|
require('@babel/runtime/helpers/slicedToArray');
|
|
10
10
|
require('@bigbinary/neeto-hotkeys');
|
|
11
11
|
require('./overlayManager.js');
|
|
12
|
-
var index = require('./index-
|
|
13
|
-
var useQueryParams = require('./useQueryParams-
|
|
12
|
+
var index = require('./index-CNZKW5X0.js');
|
|
13
|
+
var useQueryParams = require('./useQueryParams-BT5EJ1-8.js');
|
|
14
14
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
15
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
16
16
|
require('@babel/runtime/helpers/classCallCheck');
|
|
@@ -19,7 +19,7 @@ require('@babel/runtime/helpers/defineProperty');
|
|
|
19
19
|
require('@bigbinary/neeto-cist');
|
|
20
20
|
require('qs');
|
|
21
21
|
require('./en-B1i-pQJm.js');
|
|
22
|
-
require('./index-
|
|
22
|
+
require('./index-BgzkP01c.js');
|
|
23
23
|
require('dayjs');
|
|
24
24
|
require('dayjs/plugin/localeData');
|
|
25
25
|
require('dayjs/plugin/utc');
|
|
@@ -27,6 +27,13 @@ require('dayjs/plugin/weekday');
|
|
|
27
27
|
require('dayjs/plugin/weekOfYear');
|
|
28
28
|
require('i18next');
|
|
29
29
|
|
|
30
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
31
|
+
|
|
32
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
33
|
+
var Left__default = /*#__PURE__*/_interopDefault(Left);
|
|
34
|
+
var Right__default = /*#__PURE__*/_interopDefault(Right);
|
|
35
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
|
|
36
|
+
|
|
30
37
|
var DOTS = "...";
|
|
31
38
|
|
|
32
39
|
var usePaginationQueryParams = function usePaginationQueryParams() {
|
|
@@ -84,20 +91,20 @@ var usePagination = function usePagination(_ref) {
|
|
|
84
91
|
if (!shouldShowLeftDots && shouldShowRightDots) {
|
|
85
92
|
var leftItemCount = 3 + 2 * siblingCount;
|
|
86
93
|
var leftRange = range(1, leftItemCount);
|
|
87
|
-
return [].concat(
|
|
94
|
+
return [].concat(_toConsumableArray__default.default(leftRange), [DOTS, totalPageCount]);
|
|
88
95
|
}
|
|
89
96
|
|
|
90
97
|
// Case 3: No right dots to show, but left dots to be shown
|
|
91
98
|
if (shouldShowLeftDots && !shouldShowRightDots) {
|
|
92
99
|
var rightItemCount = 3 + 2 * siblingCount;
|
|
93
100
|
var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
|
|
94
|
-
return [firstPageIndex, DOTS].concat(
|
|
101
|
+
return [firstPageIndex, DOTS].concat(_toConsumableArray__default.default(rightRange));
|
|
95
102
|
}
|
|
96
103
|
|
|
97
104
|
// Case 4: Both left and right dots to be shown
|
|
98
105
|
if (shouldShowLeftDots && shouldShowRightDots) {
|
|
99
106
|
var middleRange = range(leftSiblingIndex, rightSiblingIndex);
|
|
100
|
-
return [firstPageIndex, DOTS].concat(
|
|
107
|
+
return [firstPageIndex, DOTS].concat(_toConsumableArray__default.default(middleRange), [DOTS, lastPageIndex]);
|
|
101
108
|
}
|
|
102
109
|
return undefined;
|
|
103
110
|
}, [count, pageSize, siblingCount, pageNo]);
|
|
@@ -139,18 +146,18 @@ var Pagination = function Pagination(_ref) {
|
|
|
139
146
|
"aria-label": "Pagination Navigation",
|
|
140
147
|
role: "navigation",
|
|
141
148
|
children: /*#__PURE__*/jsxRuntime.jsxs("ul", {
|
|
142
|
-
className:
|
|
149
|
+
className: classnames__default.default(["neeto-ui-pagination__wrapper", className]),
|
|
143
150
|
children: [/*#__PURE__*/jsxRuntime.jsx("li", {
|
|
144
151
|
"data-testid": "left-navigate-button",
|
|
145
152
|
tabIndex: 0,
|
|
146
|
-
className:
|
|
153
|
+
className: classnames__default.default({
|
|
147
154
|
"neeto-ui-pagination__item": true,
|
|
148
155
|
"neeto-ui-pagination__item--navigate": true,
|
|
149
156
|
disabled: isFirstPage
|
|
150
157
|
}),
|
|
151
158
|
onClick: onPrevious,
|
|
152
159
|
children: /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
153
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
160
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Left__default.default, {
|
|
154
161
|
size: 20
|
|
155
162
|
})
|
|
156
163
|
})
|
|
@@ -167,7 +174,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
167
174
|
"aria-current": isActive && true,
|
|
168
175
|
tabIndex: 0,
|
|
169
176
|
"aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
|
|
170
|
-
className:
|
|
177
|
+
className: classnames__default.default("neeto-ui-pagination__item", {
|
|
171
178
|
active: isActive
|
|
172
179
|
}),
|
|
173
180
|
onClick: function onClick() {
|
|
@@ -180,14 +187,14 @@ var Pagination = function Pagination(_ref) {
|
|
|
180
187
|
}), /*#__PURE__*/jsxRuntime.jsx("li", {
|
|
181
188
|
"data-testid": "right-navigate-button",
|
|
182
189
|
tabIndex: 0,
|
|
183
|
-
className:
|
|
190
|
+
className: classnames__default.default({
|
|
184
191
|
"neeto-ui-pagination__item": true,
|
|
185
192
|
"neeto-ui-pagination__item--navigate": true,
|
|
186
193
|
disabled: isLastPage
|
|
187
194
|
}),
|
|
188
195
|
onClick: onNext,
|
|
189
196
|
children: /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
190
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
197
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Right__default.default, {
|
|
191
198
|
size: 20
|
|
192
199
|
})
|
|
193
200
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination/constants.js","../../src/components/Pagination/hooks/usePaginationQueryParams.js","../../src/components/Pagination/utils.js","../../src/components/Pagination/index.jsx"],"sourcesContent":["export const DOTS = \"...\";\n","import { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useQueryParams } from \"hooks\";\nimport { buildUrl } from \"utils\";\n\nconst usePaginationQueryParams = () => {\n const queryParams = useQueryParams();\n const history = useHistory();\n\n const updatePageInQueryParam = page => {\n const params = { page };\n\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(params, queryParams)));\n };\n\n return { updatePageInQueryParam };\n};\n\nexport default usePaginationQueryParams;\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"./constants\";\n\nconst range = (start, end) => {\n const length = end - start + 1;\n\n return Array.from({ length }, (_, index) => index + start);\n};\n\nexport const usePagination = ({\n count,\n pageSize,\n siblingCount = 1,\n pageNo,\n}) => {\n const paginationRange = useMemo(() => {\n const totalPageCount = Math.ceil(count / pageSize);\n\n // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS\n const totalPageNumbers = siblingCount + 5;\n\n // If the number of pages is less than the page numbers we want to show in our\n // paginationComponent, we return the range [1..totalPageCount]\n if (totalPageNumbers >= totalPageCount) {\n return range(1, totalPageCount);\n }\n\n // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n const shouldShowLeftDots = leftSiblingIndex > 2;\n const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n const firstPageIndex = 1;\n const lastPageIndex = totalPageCount;\n\n // Case 2: No left dots to show, but rights dots to be shown\n if (!shouldShowLeftDots && shouldShowRightDots) {\n const leftItemCount = 3 + 2 * siblingCount;\n const leftRange = range(1, leftItemCount);\n\n return [...leftRange, DOTS, totalPageCount];\n }\n\n // Case 3: No right dots to show, but left dots to be shown\n if (shouldShowLeftDots && !shouldShowRightDots) {\n const rightItemCount = 3 + 2 * siblingCount;\n const rightRange = range(\n totalPageCount - rightItemCount + 1,\n totalPageCount\n );\n\n return [firstPageIndex, DOTS, ...rightRange];\n }\n\n // Case 4: Both left and right dots to be shown\n if (shouldShowLeftDots && shouldShowRightDots) {\n const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n }\n\n return undefined;\n }, [count, pageSize, siblingCount, pageNo]);\n\n return paginationRange;\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Left, Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { DOTS } from \"./constants\";\nimport usePaginationQueryParams from \"./hooks/usePaginationQueryParams\";\nimport { usePagination } from \"./utils\";\n\nconst Pagination = ({\n count = 0,\n pageNo,\n navigate,\n pageSize,\n siblingCount = 1,\n className = \"\",\n}) => {\n const paginationRange = usePagination({\n pageNo,\n count,\n siblingCount,\n pageSize,\n });\n const { updatePageInQueryParam } = usePaginationQueryParams();\n\n if (!navigate) navigate = updatePageInQueryParam;\n\n if (pageNo === 0 || paginationRange.length < 2) {\n return null;\n }\n\n const onNext = () => {\n if (!isLastPage) navigate(pageNo + 1);\n };\n\n const onPrevious = () => {\n if (!isFirstPage) navigate(pageNo - 1);\n };\n\n const lastPage = paginationRange[paginationRange.length - 1];\n const isFirstPage = pageNo === 1;\n const isLastPage = pageNo === lastPage;\n\n return (\n <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n <ul className={classnames([\"neeto-ui-pagination__wrapper\", className])}>\n <li\n data-testid=\"left-navigate-button\"\n tabIndex={0}\n className={classnames({\n \"neeto-ui-pagination__item\": true,\n \"neeto-ui-pagination__item--navigate\": true,\n disabled: isFirstPage,\n })}\n onClick={onPrevious}\n >\n <a>\n <Left size={20} />\n </a>\n </li>\n {paginationRange.map((pageNumber, index) => {\n const isActive = pageNumber === pageNo;\n\n if (pageNumber === DOTS) {\n return (\n <li\n className=\"neeto-ui-pagination__item neeto-ui-pagination__item--dots\"\n data-testid=\"dots\"\n key={index}\n >\n …\n </li>\n );\n }\n\n return (\n <li\n aria-current={isActive && true}\n key={index}\n tabIndex={0}\n aria-label={\n isActive\n ? `Current Page, Page ${pageNumber}`\n : `Goto Page ${pageNumber}`\n }\n className={classnames(\"neeto-ui-pagination__item\", {\n active: isActive,\n })}\n onClick={() => navigate(pageNumber)}\n >\n <a>{pageNumber}</a>\n </li>\n );\n })}\n <li\n data-testid=\"right-navigate-button\"\n tabIndex={0}\n className={classnames({\n \"neeto-ui-pagination__item\": true,\n \"neeto-ui-pagination__item--navigate\": true,\n disabled: isLastPage,\n })}\n onClick={onNext}\n >\n <a>\n <Right size={20} />\n </a>\n </li>\n </ul>\n </nav>\n );\n};\n\nPagination.propTypes = {\n /**\n * To specify the total number of items.\n */\n count: PropTypes.number.isRequired,\n /**\n * To specify the current page number.\n */\n pageNo: PropTypes.number,\n /**\n * To specify the callback which will be invoked when the navigate buttons are clicked. If not provided, the component will update pagination information in the URL query parameters.\n */\n navigate: PropTypes.func,\n /**\n * To specify the size of a single page.\n */\n pageSize: PropTypes.number.isRequired,\n /**\n * To specify the number of siblings to be shown before and after the current page number.\n */\n siblingCount: PropTypes.number,\n /**\n * To provide external className to the Pagination component.\n */\n className: PropTypes.string,\n};\n\nexport default Pagination;\n"],"names":["DOTS","usePaginationQueryParams","queryParams","useQueryParams","history","useHistory","updatePageInQueryParam","page","params","pathname","window","location","push","buildUrl","mergeLeft","range","start","end","length","Array","from","_","index","usePagination","_ref","count","pageSize","_ref$siblingCount","siblingCount","pageNo","paginationRange","useMemo","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","concat","_toConsumableArray","rightItemCount","rightRange","middleRange","undefined","Pagination","_ref$count","navigate","_ref$className","className","_usePaginationQueryPa","onNext","isLastPage","onPrevious","isFirstPage","lastPage","_jsx","role","children","_jsxs","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","active","Right"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination/constants.js","../../src/components/Pagination/hooks/usePaginationQueryParams.js","../../src/components/Pagination/utils.js","../../src/components/Pagination/index.jsx"],"sourcesContent":["export const DOTS = \"...\";\n","import { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useQueryParams } from \"hooks\";\nimport { buildUrl } from \"utils\";\n\nconst usePaginationQueryParams = () => {\n const queryParams = useQueryParams();\n const history = useHistory();\n\n const updatePageInQueryParam = page => {\n const params = { page };\n\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(params, queryParams)));\n };\n\n return { updatePageInQueryParam };\n};\n\nexport default usePaginationQueryParams;\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"./constants\";\n\nconst range = (start, end) => {\n const length = end - start + 1;\n\n return Array.from({ length }, (_, index) => index + start);\n};\n\nexport const usePagination = ({\n count,\n pageSize,\n siblingCount = 1,\n pageNo,\n}) => {\n const paginationRange = useMemo(() => {\n const totalPageCount = Math.ceil(count / pageSize);\n\n // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS\n const totalPageNumbers = siblingCount + 5;\n\n // If the number of pages is less than the page numbers we want to show in our\n // paginationComponent, we return the range [1..totalPageCount]\n if (totalPageNumbers >= totalPageCount) {\n return range(1, totalPageCount);\n }\n\n // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n const shouldShowLeftDots = leftSiblingIndex > 2;\n const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n const firstPageIndex = 1;\n const lastPageIndex = totalPageCount;\n\n // Case 2: No left dots to show, but rights dots to be shown\n if (!shouldShowLeftDots && shouldShowRightDots) {\n const leftItemCount = 3 + 2 * siblingCount;\n const leftRange = range(1, leftItemCount);\n\n return [...leftRange, DOTS, totalPageCount];\n }\n\n // Case 3: No right dots to show, but left dots to be shown\n if (shouldShowLeftDots && !shouldShowRightDots) {\n const rightItemCount = 3 + 2 * siblingCount;\n const rightRange = range(\n totalPageCount - rightItemCount + 1,\n totalPageCount\n );\n\n return [firstPageIndex, DOTS, ...rightRange];\n }\n\n // Case 4: Both left and right dots to be shown\n if (shouldShowLeftDots && shouldShowRightDots) {\n const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n }\n\n return undefined;\n }, [count, pageSize, siblingCount, pageNo]);\n\n return paginationRange;\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Left, Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { DOTS } from \"./constants\";\nimport usePaginationQueryParams from \"./hooks/usePaginationQueryParams\";\nimport { usePagination } from \"./utils\";\n\nconst Pagination = ({\n count = 0,\n pageNo,\n navigate,\n pageSize,\n siblingCount = 1,\n className = \"\",\n}) => {\n const paginationRange = usePagination({\n pageNo,\n count,\n siblingCount,\n pageSize,\n });\n const { updatePageInQueryParam } = usePaginationQueryParams();\n\n if (!navigate) navigate = updatePageInQueryParam;\n\n if (pageNo === 0 || paginationRange.length < 2) {\n return null;\n }\n\n const onNext = () => {\n if (!isLastPage) navigate(pageNo + 1);\n };\n\n const onPrevious = () => {\n if (!isFirstPage) navigate(pageNo - 1);\n };\n\n const lastPage = paginationRange[paginationRange.length - 1];\n const isFirstPage = pageNo === 1;\n const isLastPage = pageNo === lastPage;\n\n return (\n <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n <ul className={classnames([\"neeto-ui-pagination__wrapper\", className])}>\n <li\n data-testid=\"left-navigate-button\"\n tabIndex={0}\n className={classnames({\n \"neeto-ui-pagination__item\": true,\n \"neeto-ui-pagination__item--navigate\": true,\n disabled: isFirstPage,\n })}\n onClick={onPrevious}\n >\n <a>\n <Left size={20} />\n </a>\n </li>\n {paginationRange.map((pageNumber, index) => {\n const isActive = pageNumber === pageNo;\n\n if (pageNumber === DOTS) {\n return (\n <li\n className=\"neeto-ui-pagination__item neeto-ui-pagination__item--dots\"\n data-testid=\"dots\"\n key={index}\n >\n …\n </li>\n );\n }\n\n return (\n <li\n aria-current={isActive && true}\n key={index}\n tabIndex={0}\n aria-label={\n isActive\n ? `Current Page, Page ${pageNumber}`\n : `Goto Page ${pageNumber}`\n }\n className={classnames(\"neeto-ui-pagination__item\", {\n active: isActive,\n })}\n onClick={() => navigate(pageNumber)}\n >\n <a>{pageNumber}</a>\n </li>\n );\n })}\n <li\n data-testid=\"right-navigate-button\"\n tabIndex={0}\n className={classnames({\n \"neeto-ui-pagination__item\": true,\n \"neeto-ui-pagination__item--navigate\": true,\n disabled: isLastPage,\n })}\n onClick={onNext}\n >\n <a>\n <Right size={20} />\n </a>\n </li>\n </ul>\n </nav>\n );\n};\n\nPagination.propTypes = {\n /**\n * To specify the total number of items.\n */\n count: PropTypes.number.isRequired,\n /**\n * To specify the current page number.\n */\n pageNo: PropTypes.number,\n /**\n * To specify the callback which will be invoked when the navigate buttons are clicked. If not provided, the component will update pagination information in the URL query parameters.\n */\n navigate: PropTypes.func,\n /**\n * To specify the size of a single page.\n */\n pageSize: PropTypes.number.isRequired,\n /**\n * To specify the number of siblings to be shown before and after the current page number.\n */\n siblingCount: PropTypes.number,\n /**\n * To provide external className to the Pagination component.\n */\n className: PropTypes.string,\n};\n\nexport default Pagination;\n"],"names":["DOTS","usePaginationQueryParams","queryParams","useQueryParams","history","useHistory","updatePageInQueryParam","page","params","pathname","window","location","push","buildUrl","mergeLeft","range","start","end","length","Array","from","_","index","usePagination","_ref","count","pageSize","_ref$siblingCount","siblingCount","pageNo","paginationRange","useMemo","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","concat","_toConsumableArray","rightItemCount","rightRange","middleRange","undefined","Pagination","_ref$count","navigate","_ref$className","className","_usePaginationQueryPa","onNext","isLastPage","onPrevious","isFirstPage","lastPage","_jsx","role","children","_jsxs","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","active","Right"],"mappings":"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"}
|
package/dist/cjs/Pane.js
CHANGED
|
@@ -6,7 +6,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
8
|
var Close = require('@bigbinary/neeto-icons/Close');
|
|
9
|
-
var Portal = require('./Portal-
|
|
9
|
+
var Portal = require('./Portal-nCvANFeL.js');
|
|
10
10
|
var Button = require('./Button.js');
|
|
11
11
|
require('react-router-dom');
|
|
12
12
|
require('qs');
|
|
@@ -15,11 +15,11 @@ require('@bigbinary/neeto-hotkeys');
|
|
|
15
15
|
require('./overlayManager.js');
|
|
16
16
|
require('@babel/runtime/helpers/classCallCheck');
|
|
17
17
|
require('@babel/runtime/helpers/createClass');
|
|
18
|
-
require('./index-
|
|
18
|
+
require('./index-CNZKW5X0.js');
|
|
19
19
|
require('@bigbinary/neeto-cist');
|
|
20
20
|
require('ramda');
|
|
21
21
|
require('./en-B1i-pQJm.js');
|
|
22
|
-
require('./index-
|
|
22
|
+
require('./index-BgzkP01c.js');
|
|
23
23
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
24
24
|
require('dayjs');
|
|
25
25
|
require('dayjs/plugin/localeData');
|
|
@@ -35,7 +35,15 @@ require('./Spinner.js');
|
|
|
35
35
|
require('./Tooltip.js');
|
|
36
36
|
require('@tippyjs/react');
|
|
37
37
|
require('tippy.js');
|
|
38
|
-
require('./usePrefersReducedMotion-
|
|
38
|
+
require('./usePrefersReducedMotion-D2Ck84HM.js');
|
|
39
|
+
|
|
40
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
41
|
+
|
|
42
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
43
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
44
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
45
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
46
|
+
var Close__default = /*#__PURE__*/_interopDefault(Close);
|
|
39
47
|
|
|
40
48
|
var Body = function Body(_ref) {
|
|
41
49
|
var children = _ref.children,
|
|
@@ -44,7 +52,7 @@ var Body = function Body(_ref) {
|
|
|
44
52
|
hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
|
|
45
53
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
46
54
|
"data-testid": "pane-body",
|
|
47
|
-
className:
|
|
55
|
+
className: classnames__default.default("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty__default.default({
|
|
48
56
|
"neeto-ui-pane__body--has-footer": hasFooter
|
|
49
57
|
}, className, className)),
|
|
50
58
|
children: children
|
|
@@ -55,7 +63,7 @@ var Footer = function Footer(_ref) {
|
|
|
55
63
|
var children = _ref.children,
|
|
56
64
|
className = _ref.className;
|
|
57
65
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
58
|
-
className:
|
|
66
|
+
className: classnames__default.default("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className),
|
|
59
67
|
children: children
|
|
60
68
|
});
|
|
61
69
|
};
|
|
@@ -64,7 +72,7 @@ var Header = function Header(_ref) {
|
|
|
64
72
|
var children = _ref.children,
|
|
65
73
|
className = _ref.className;
|
|
66
74
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
67
|
-
className:
|
|
75
|
+
className: classnames__default.default("neeto-ui-pane__header", className),
|
|
68
76
|
"data-testid": "pane-header",
|
|
69
77
|
children: children
|
|
70
78
|
});
|
|
@@ -89,7 +97,7 @@ var updateHeaderHeight = function updateHeaderHeight(header, paneWrapperRef) {
|
|
|
89
97
|
|
|
90
98
|
var _excluded = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
|
|
91
99
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
92
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
100
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
93
101
|
var SIZES = {
|
|
94
102
|
small: "small",
|
|
95
103
|
large: "large",
|
|
@@ -115,15 +123,15 @@ var Pane = function Pane(_ref) {
|
|
|
115
123
|
closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
|
|
116
124
|
initialFocusRef = _ref.initialFocusRef,
|
|
117
125
|
finalFocusRef = _ref.finalFocusRef,
|
|
118
|
-
otherProps =
|
|
126
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
119
127
|
var _useState = React.useState(false),
|
|
120
|
-
_useState2 =
|
|
128
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
121
129
|
hasTransitionCompleted = _useState2[0],
|
|
122
130
|
setHasTransitionCompleted = _useState2[1];
|
|
123
131
|
var paneWrapperRef = React.useRef(null);
|
|
124
132
|
var backdropRef = React.useRef(null);
|
|
125
133
|
var observerRef = React.useRef(new ResizeObserver(function (_ref2) {
|
|
126
|
-
var _ref3 =
|
|
134
|
+
var _ref3 = _slicedToArray__default.default(_ref2, 1),
|
|
127
135
|
entry = _ref3[0];
|
|
128
136
|
return updateHeaderHeight(entry.target, paneWrapperRef);
|
|
129
137
|
}));
|
|
@@ -184,11 +192,11 @@ var Pane = function Pane(_ref) {
|
|
|
184
192
|
},
|
|
185
193
|
children: /*#__PURE__*/jsxRuntime.jsx(Portal.Backdrop, {
|
|
186
194
|
ref: backdropRef,
|
|
187
|
-
className:
|
|
195
|
+
className: classnames__default.default("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName),
|
|
188
196
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
189
197
|
"data-testid": "pane-wrapper",
|
|
190
198
|
ref: paneWrapperRef,
|
|
191
|
-
className:
|
|
199
|
+
className: classnames__default.default("neeto-ui-pane__wrapper", _defineProperty__default.default({
|
|
192
200
|
"neeto-ui-pane__wrapper--small": size === SIZES.small,
|
|
193
201
|
"neeto-ui-pane__wrapper--large": size === SIZES.large,
|
|
194
202
|
"neeto-ui-pane__wrapper--extralarge": size === SIZES.extraLarge
|
|
@@ -198,7 +206,7 @@ var Pane = function Pane(_ref) {
|
|
|
198
206
|
"aria-label": "Close",
|
|
199
207
|
className: "neeto-ui-pane__close",
|
|
200
208
|
"data-testid": "pane-close-button",
|
|
201
|
-
icon:
|
|
209
|
+
icon: Close__default.default,
|
|
202
210
|
size: "small",
|
|
203
211
|
style: "text",
|
|
204
212
|
onClick: handleOverlayClose
|