intelicoreact 1.6.25 → 1.6.27
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/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +1 -98
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -48
- package/dist/Atomic/FormElements/Calendar/Calendar.js +1 -249
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +1 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -65
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -52
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +1 -424
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +1 -4
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +1 -173
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +1 -4
- package/dist/Atomic/FormElements/Dropdown/Dropdown.d.ts +5 -0
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +1 -735
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js.map +1 -0
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -20
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +1 -529
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +1 -94
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +1 -105
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +1 -67
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +1 -247
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +1 -160
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +1 -193
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +1 -135
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +1 -116
- package/dist/Atomic/FormElements/Input/Input.js +1 -467
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -161
- package/dist/Atomic/FormElements/InputColor/InputColor.js +1 -64
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +1 -200
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +1 -354
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +1 -71
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +1 -693
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +1 -254
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -32
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +1 -200
- package/dist/Atomic/FormElements/InputLink/InputLink.js +1 -99
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +1 -37
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1 -1214
- package/dist/Atomic/FormElements/InputMask/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +1 -674
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask2/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +1 -766
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask3/functions.js +1 -58
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +1 -114
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +1 -140
- package/dist/Atomic/FormElements/Label/Label.js +1 -87
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +1 -506
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +1 -45
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +1 -331
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +1 -66
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +1 -80
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -57
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +1 -54
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +1 -183
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +1 -222
- package/dist/Atomic/FormElements/RangeList/RangeList.js +1 -175
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -43
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +1 -443
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +1 -858
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -39
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -59
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -50
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -44
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +1 -100
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +1 -52
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -64
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -170
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +1 -202
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -67
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +1 -115
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1110
- package/dist/Atomic/FormElements/Text/Text.js +1 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -49
- package/dist/Atomic/FormElements/Textarea/Textarea.js +1 -80
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +1 -176
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +1 -62
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -119
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +1 -188
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +1 -83
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +1 -82
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -101
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -29
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +1 -113
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -30
- package/dist/Atomic/Layout/Header/Header.js +1 -85
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -44
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -108
- package/dist/Atomic/UI/Accordion/AccordionItem.js +1 -176
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +1 -238
- package/dist/Atomic/UI/AccordionText/AccordionText.js +1 -69
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +1 -207
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +1 -56
- package/dist/Atomic/UI/Alert/Alert.js +1 -72
- package/dist/Atomic/UI/Arrow/Arrow.js +1 -132
- package/dist/Atomic/UI/Box/Box.js +1 -52
- package/dist/Atomic/UI/Button/Button.js +1 -47
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -72
- package/dist/Atomic/UI/Chart/Chart.js +1 -172
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +1 -95
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -80
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +1 -188
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +1 -335
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +1 -43
- package/dist/Atomic/UI/Chart/partial/utils.js +1 -60
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +1 -109
- package/dist/Atomic/UI/DateTime/DateTime.js +1 -57
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +1 -44
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +1 -15
- package/dist/Atomic/UI/DoubleString/DoubleString.js +1 -102
- package/dist/Atomic/UI/DoubleString/DoubleString.scss +8 -1
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -70
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -221
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -106
- package/dist/Atomic/UI/Hint/Hint.js +1 -256
- package/dist/Atomic/UI/Hint/partials/_utils.js +1 -64
- package/dist/Atomic/UI/Modal/Modal.js +1 -179
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -97
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -71
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -110
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +1 -192
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +1 -75
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -80
- package/dist/Atomic/UI/NavLine/NavLine.js +1 -317
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -77
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -42
- package/dist/Atomic/UI/Price/Price.js +1 -31
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -44
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -98
- package/dist/Atomic/UI/Status/Status.js +1 -67
- package/dist/Atomic/UI/Table/Partials/TdCell.js +1 -87
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -38
- package/dist/Atomic/UI/Table/Partials/TdRow.js +1 -99
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -52
- package/dist/Atomic/UI/Table/Table.js +1 -63
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +1 -80
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -28
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -13
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -53
- package/dist/Atomic/UI/Tag/Tag.js +1 -167
- package/dist/Atomic/UI/TagList/TagList.js +1 -251
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -86
- package/dist/Atomic/UI/WizardStepper/constructor.js +1 -84
- package/dist/Atomic/UI/WizardStepper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +1 -37
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +1 -61
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +1 -39
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +1 -49
- package/dist/Atomic/UI/WizardStepper/ui/index.js +1 -3
- package/dist/Classes/AbortableFetch.js +1 -454
- package/dist/Classes/AnimatedHandler.js +1 -47
- package/dist/Classes/RESTAPI/index.js +1 -228
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +1 -457
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -48
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +1 -112
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +1 -189
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +1 -252
- package/dist/Classes/RESTAPI/partials/Utils.js +1 -92
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +1 -3
- package/dist/Classes/RESTAPI/partials/_utils.js +1 -197
- package/dist/Constants/index.constants.js +1 -78
- package/dist/Functions/Portal.js +1 -22
- package/dist/Functions/customEventListener.js +1 -96
- package/dist/Functions/dateTime.js +1 -149
- package/dist/Functions/fieldValueFormatters.js +1 -405
- package/dist/Functions/guards/assertions.js +1 -294
- package/dist/Functions/guards/safeValue.js +1 -75
- package/dist/Functions/guards/typeGuards.js +1 -373
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +1 -95
- package/dist/Functions/locale/createTranslator.js +1 -32
- package/dist/Functions/operations.js +1 -130
- package/dist/Functions/presets/inputMaskPresets.js +1 -170
- package/dist/Functions/presets/inputPresets.js +1 -60
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +1 -45
- package/dist/Functions/schemas.js +1 -31
- package/dist/Functions/useBodyScrollLock.js +1 -17
- package/dist/Functions/useClickOutside.js +1 -15
- package/dist/Functions/useDebounce.js +1 -17
- package/dist/Functions/useFieldFocus.js +1 -84
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -39
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +1 -159
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -78
- package/dist/Functions/useFormTools/functions/General.js +1 -134
- package/dist/Functions/useFormTools/functions/RenderFields.js +1 -111
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -12
- package/dist/Functions/useFormTools/index.js +1 -778
- package/dist/Functions/useInputHighlightError.js +1 -67
- package/dist/Functions/useIsMobile/useIsMobile.js +1 -33
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -52
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -52
- package/dist/Functions/useLocalStorage.js +1 -34
- package/dist/Functions/useLocationParams.js +1 -27
- package/dist/Functions/useMediaQuery.js +1 -17
- package/dist/Functions/useMetaInfo.js +1 -43
- package/dist/Functions/useMouseUpOutside.js +1 -16
- package/dist/Functions/useOnlineStatus.js +1 -29
- package/dist/Functions/usePasswordChecker.js +1 -110
- package/dist/Functions/usePrevious.js +1 -12
- package/dist/Functions/useResize.js +1 -31
- package/dist/Functions/useScrollTo.js +1 -17
- package/dist/Functions/useToggle.js +1 -17
- package/dist/Functions/utils.js +1 -522
- package/dist/Langs.js +1 -168
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +1 -21
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +1 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +1 -29
- package/dist/Molecular/CustomIcons/components/Arrow.js +1 -32
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +1 -17
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +1 -17
- package/dist/Molecular/CustomIcons/components/Bell.js +1 -15
- package/dist/Molecular/CustomIcons/components/Button.js +1 -12
- package/dist/Molecular/CustomIcons/components/Campaigns.js +1 -16
- package/dist/Molecular/CustomIcons/components/Check.js +1 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +1 -27
- package/dist/Molecular/CustomIcons/components/Close.js +1 -14
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +1 -17
- package/dist/Molecular/CustomIcons/components/Delete.js +1 -16
- package/dist/Molecular/CustomIcons/components/Edit.js +1 -15
- package/dist/Molecular/CustomIcons/components/Email.js +1 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +1 -18
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +1 -35
- package/dist/Molecular/CustomIcons/components/Flows.js +1 -15
- package/dist/Molecular/CustomIcons/components/Gift.js +1 -25
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +1 -29
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +1 -29
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +1 -19
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +1 -20
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +1 -19
- package/dist/Molecular/CustomIcons/components/Home.js +1 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +1 -22
- package/dist/Molecular/CustomIcons/components/Key.js +1 -23
- package/dist/Molecular/CustomIcons/components/Landers.js +1 -20
- package/dist/Molecular/CustomIcons/components/Lock.js +1 -15
- package/dist/Molecular/CustomIcons/components/Mail.js +1 -26
- package/dist/Molecular/CustomIcons/components/Mastercard.js +1 -73
- package/dist/Molecular/CustomIcons/components/Minus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Offers.js +1 -16
- package/dist/Molecular/CustomIcons/components/Pause.js +1 -28
- package/dist/Molecular/CustomIcons/components/PayPal.js +1 -41
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +1 -28
- package/dist/Molecular/CustomIcons/components/Phone.js +1 -30
- package/dist/Molecular/CustomIcons/components/Play.js +1 -25
- package/dist/Molecular/CustomIcons/components/Plus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Profile.js +1 -16
- package/dist/Molecular/CustomIcons/components/QRCode.js +1 -29
- package/dist/Molecular/CustomIcons/components/Rectangle.js +1 -12
- package/dist/Molecular/CustomIcons/components/Revert.js +1 -13
- package/dist/Molecular/CustomIcons/components/Star.js +1 -14
- package/dist/Molecular/CustomIcons/components/Star2.js +1 -16
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +1 -14
- package/dist/Molecular/CustomIcons/components/Trash.js +1 -15
- package/dist/Molecular/CustomIcons/components/TrashRed.js +1 -15
- package/dist/Molecular/CustomIcons/components/Triggers.js +1 -15
- package/dist/Molecular/CustomIcons/components/User.js +1 -25
- package/dist/Molecular/CustomIcons/components/Visa.js +1 -31
- package/dist/Molecular/CustomIcons/components/X.js +1 -12
- package/dist/Molecular/CustomIcons/index.js +1 -61
- package/dist/Molecular/FormElement/FormElement.js +1 -54
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +1 -184
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +1 -53
- package/dist/Molecular/InputAddress/InputAddress.js +1 -626
- package/dist/Molecular/InputPassword/InputPassword.js +1 -48
- package/dist/index.js +1 -104
- package/package.json +1 -1
|
@@ -1,85 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import { Bell, ChevronRight, Power } from "react-feather";
|
|
5
|
-
|
|
6
|
-
import Hint from "../../UI/Hint/Hint";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import "./Header.scss";
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const Header = ({
|
|
13
|
-
className,
|
|
14
|
-
name = "John",
|
|
15
|
-
surname = "Silver",
|
|
16
|
-
status = "admin",
|
|
17
|
-
img = "",
|
|
18
|
-
hintLabel = "Help",
|
|
19
|
-
hintText = "Hint text",
|
|
20
|
-
}) => {
|
|
21
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
22
|
-
|
|
23
|
-
const userMenu = useRef(null);
|
|
24
|
-
|
|
25
|
-
const handle = {
|
|
26
|
-
toggleMenu: () => {
|
|
27
|
-
if (!isOpen) setIsOpen(!isOpen);
|
|
28
|
-
},
|
|
29
|
-
closeMenu: () => {
|
|
30
|
-
setTimeout(() => setIsOpen(false), 50);
|
|
31
|
-
},
|
|
32
|
-
logout: () => {
|
|
33
|
-
handle.toggleMenu();
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
return (
|
|
39
|
-
<header className={cn("header", className)}>
|
|
40
|
-
<div className="df">
|
|
41
|
-
<Hint
|
|
42
|
-
side="bottom"
|
|
43
|
-
hint={hintText}
|
|
44
|
-
className="header__hint"
|
|
45
|
-
label={hintLabel}
|
|
46
|
-
iconOutline
|
|
47
|
-
/>
|
|
48
|
-
</div>
|
|
49
|
-
|
|
50
|
-
<div className="j6 user-menu">
|
|
51
|
-
<div onClick={() => {}} className="header--bell">
|
|
52
|
-
<Bell className="header--bell-icon" />
|
|
53
|
-
<div className="header--bell-notification-icon" />
|
|
54
|
-
</div>
|
|
55
|
-
|
|
56
|
-
<div className="header--user-ava">
|
|
57
|
-
<img src={img} alt="" />
|
|
58
|
-
</div>
|
|
59
|
-
|
|
60
|
-
<div className="dfc mr10">
|
|
61
|
-
<span className="header--user-name">
|
|
62
|
-
{name} {surname}
|
|
63
|
-
</span>
|
|
64
|
-
<span className="header--user-status">{status}</span>
|
|
65
|
-
</div>
|
|
66
|
-
|
|
67
|
-
<ChevronRight
|
|
68
|
-
onClick={handle.toggleMenu}
|
|
69
|
-
className={cn("accordion--title-chevron", {
|
|
70
|
-
"accordion--title-chevron-open": isOpen,
|
|
71
|
-
})}
|
|
72
|
-
/>
|
|
73
|
-
{isOpen && (
|
|
74
|
-
<div className="user-menu__dropdown" ref={userMenu}>
|
|
75
|
-
<div className="user-menu__item" onClick={handle.logout}>
|
|
76
|
-
<Power className="mr10" /> Logout
|
|
77
|
-
</div>
|
|
78
|
-
</div>
|
|
79
|
-
)}
|
|
80
|
-
</div>
|
|
81
|
-
</header>
|
|
82
|
-
);
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
export default Header;
|
|
1
|
+
function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}import{jsx as r,jsxs as t}from"react/jsx-runtime";import{useRef as n,useState as a}from"react";import i from"classnames";import{Bell as o,ChevronRight as l,Power as s}from"react-feather";import c from"../../UI/Hint/Hint";import"./Header.scss";export default function(u){var m,d=u.className,f=u.name,h=u.surname,v=u.status,p=u.img,g=u.hintLabel,y=u.hintText,N=(m=a(!1),function(e){if(Array.isArray(e))return e}(m)||function(e,r){var t,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,l=!1;try{for(a=a.call(e);!(o=(t=a.next()).done)&&(i.push(t.value),i.length!==r);o=!0);}catch(e){l=!0,n=e}finally{try{o||null==a.return||a.return()}finally{if(l)throw n}}return i}}(m,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(m,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=N[0],j=N[1],x=n(null),A={toggleMenu:function(){b||j(!b)},closeMenu:function(){setTimeout(function(){return j(!1)},50)},logout:function(){A.toggleMenu()}};return t("header",{className:i("header",d),children:[r("div",{className:"df",children:r(c,{side:"bottom",hint:void 0===y?"Hint text":y,className:"header__hint",label:void 0===g?"Help":g,iconOutline:!0})}),t("div",{className:"j6 user-menu",children:[t("div",{onClick:function(){},className:"header--bell",children:[r(o,{className:"header--bell-icon"}),r("div",{className:"header--bell-notification-icon"})]}),r("div",{className:"header--user-ava",children:r("img",{src:void 0===p?"":p,alt:""})}),t("div",{className:"dfc mr10",children:[t("span",{className:"header--user-name",children:[void 0===f?"John":f," ",void 0===h?"Silver":h]}),r("span",{className:"header--user-status",children:void 0===v?"admin":v})]}),r(l,{onClick:A.toggleMenu,className:i("accordion--title-chevron",{"accordion--title-chevron-open":b})}),b&&r("div",{className:"user-menu__dropdown",ref:x,children:t("div",{className:"user-menu__item",onClick:A.logout,children:[r(s,{className:"mr10"})," Logout"]})})]})]})}
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "default", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return _default;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
14
|
-
require("./Spinner.scss");
|
|
15
|
-
function _interop_require_default(obj) {
|
|
16
|
-
return obj && obj.__esModule ? obj : {
|
|
17
|
-
default: obj
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
const CN = 'loader-box';
|
|
21
|
-
const Spinner = ({ size = null, className, testId = CN })=>{
|
|
22
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
23
|
-
role: "status",
|
|
24
|
-
"aria-live": "polite",
|
|
25
|
-
"aria-busy": "true",
|
|
26
|
-
"data-testid": testId,
|
|
27
|
-
className: (0, _classnames.default)(CN, {
|
|
28
|
-
j5: size !== 'small',
|
|
29
|
-
j8: size === 'small'
|
|
30
|
-
}, className),
|
|
31
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
32
|
-
className: (0, _classnames.default)('lds-ring', {
|
|
33
|
-
[`lds-ring_${size}`]: size
|
|
34
|
-
}),
|
|
35
|
-
children: [
|
|
36
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
|
|
37
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
|
|
38
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
|
|
39
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
|
|
40
|
-
]
|
|
41
|
-
})
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
const _default = Spinner;
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return i}});var e,r=require("react/jsx-runtime"),a=(e=require("classnames"))&&e.__esModule?e:{default:e};require("react"),require("./Spinner.scss");var s="loader-box",i=function(e){var i,t,l=e.size,d=void 0===l?null:l,u=e.className,n=e.testId,c=void 0===n?s:n;return(0,r.jsx)("div",{role:"status","aria-live":"polite","aria-busy":"true","data-testid":c,className:(0,a.default)(s,{j5:"small"!==d,j8:"small"===d},u),children:(0,r.jsxs)("div",{className:(0,a.default)("lds-ring",(i={},t="lds-ring_".concat(d),t in i?Object.defineProperty(i,t,{value:d,enumerable:!0,configurable:!0,writable:!0}):i[t]=d,i)),children:[(0,r.jsx)("div",{}),(0,r.jsx)("div",{}),(0,r.jsx)("div",{}),(0,r.jsx)("div",{})]})})};
|
|
@@ -1,108 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "default", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return _default;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
14
|
-
const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
|
|
15
|
-
const _reactrouterdom = require("react-router-dom");
|
|
16
|
-
const _utils = require("../../../Functions/utils");
|
|
17
|
-
const _AccordionItem = /*#__PURE__*/ _interop_require_default(require("./AccordionItem"));
|
|
18
|
-
require("./Accordion.scss");
|
|
19
|
-
function _interop_require_default(obj) {
|
|
20
|
-
return obj && obj.__esModule ? obj : {
|
|
21
|
-
default: obj
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
25
|
-
if (typeof WeakMap !== "function") return null;
|
|
26
|
-
var cacheBabelInterop = new WeakMap();
|
|
27
|
-
var cacheNodeInterop = new WeakMap();
|
|
28
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
29
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
30
|
-
})(nodeInterop);
|
|
31
|
-
}
|
|
32
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
33
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
34
|
-
return obj;
|
|
35
|
-
}
|
|
36
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
37
|
-
return {
|
|
38
|
-
default: obj
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
42
|
-
if (cache && cache.has(obj)) {
|
|
43
|
-
return cache.get(obj);
|
|
44
|
-
}
|
|
45
|
-
var newObj = {
|
|
46
|
-
__proto__: null
|
|
47
|
-
};
|
|
48
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
49
|
-
for(var key in obj){
|
|
50
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
51
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
52
|
-
if (desc && (desc.get || desc.set)) {
|
|
53
|
-
Object.defineProperty(newObj, key, desc);
|
|
54
|
-
} else {
|
|
55
|
-
newObj[key] = obj[key];
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
newObj.default = obj;
|
|
60
|
-
if (cache) {
|
|
61
|
-
cache.set(obj, newObj);
|
|
62
|
-
}
|
|
63
|
-
return newObj;
|
|
64
|
-
}
|
|
65
|
-
const CN = 'accordion';
|
|
66
|
-
const Accordion = ({ items, className, itemClassName, isMenuHovered, isOpen, testId = CN })=>{
|
|
67
|
-
const [data, setData] = (0, _react.useState)(items);
|
|
68
|
-
const onChange = (0, _utils.handleObjectChange)(setData, ()=>setData([
|
|
69
|
-
...data
|
|
70
|
-
]));
|
|
71
|
-
const handleArrayChange = (e, index, prop)=>{
|
|
72
|
-
// @ts-ignore
|
|
73
|
-
data[index][prop] = e;
|
|
74
|
-
onChange(data);
|
|
75
|
-
};
|
|
76
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
77
|
-
className: (0, _classnames.default)(CN, className),
|
|
78
|
-
"data-testid": testId,
|
|
79
|
-
role: "list",
|
|
80
|
-
"aria-label": "Accordion list",
|
|
81
|
-
children: items === null || items === void 0 ? void 0 : items.map((item, index)=>{
|
|
82
|
-
const Icon = _reactfeather[item.icon];
|
|
83
|
-
return item.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactrouterdom.NavLink, {
|
|
84
|
-
"data-testid": `${testId}-link-${index}`,
|
|
85
|
-
to: item.link,
|
|
86
|
-
className: (0, _classnames.default)('main-menu--item main-menu--items-box-title'),
|
|
87
|
-
children: [
|
|
88
|
-
(item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
|
|
89
|
-
className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className)
|
|
90
|
-
}),
|
|
91
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
92
|
-
className: (0, _classnames.default)({
|
|
93
|
-
hidden: !isOpen && !isMenuHovered
|
|
94
|
-
}),
|
|
95
|
-
children: (item === null || item === void 0 ? void 0 : item.title) || 'Link'
|
|
96
|
-
})
|
|
97
|
-
]
|
|
98
|
-
}, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionItem.default, {
|
|
99
|
-
testId: `${testId}-item-${index}`,
|
|
100
|
-
className: itemClassName,
|
|
101
|
-
item: item,
|
|
102
|
-
isOpen: !!item.isOpen,
|
|
103
|
-
onClick: (value)=>handleArrayChange(value, index, 'isOpen')
|
|
104
|
-
}, index);
|
|
105
|
-
})
|
|
106
|
-
});
|
|
107
|
-
};
|
|
108
|
-
const _default = Accordion;
|
|
1
|
+
function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return m}});var r=require("react/jsx-runtime"),n=c(require("classnames")),o=f(require("react")),i=f(require("react-feather")),a=require("react-router-dom"),u=require("../../../Functions/utils"),l=c(require("./AccordionItem"));function c(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}require("./Accordion.scss");var d="accordion",m=function(c){var s,f=c.items,m=c.className,y=c.itemClassName,p=c.isMenuHovered,b=c.isOpen,v=c.testId,h=void 0===v?d:v,j=(s=(0,o.useState)(f),function(e){if(Array.isArray(e))return e}(s)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,u=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){u=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(u)throw n}}return i}}(s,2)||t(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=j[0],g=j[1],A=(0,u.handleObjectChange)(g,function(){return g(function(t){if(Array.isArray(t))return e(t)}(O)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(O)||t(O)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}),S=function(e,t,r){O[t][r]=e,A(O)};return(0,r.jsx)("div",{className:(0,n.default)(d,m),"data-testid":h,role:"list","aria-label":"Accordion list",children:null==f?void 0:f.map(function(e,t){var o=i[e.icon];return e.link?(0,r.jsxs)(a.NavLink,{"data-testid":"".concat(h,"-link-").concat(t),to:e.link,className:(0,n.default)("main-menu--item main-menu--items-box-title"),children:[(null==e?void 0:e.icon)&&(0,r.jsx)(o,{className:(0,n.default)("mr5",null==e?void 0:e.className)}),(0,r.jsx)("span",{className:(0,n.default)({hidden:!b&&!p}),children:(null==e?void 0:e.title)||"Link"})]},t):(0,r.jsx)(l.default,{testId:"".concat(h,"-item-").concat(t),className:y,item:e,isOpen:!!e.isOpen,onClick:function(e){return S(e,t,"isOpen")}},t)})})};
|
|
@@ -1,176 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "default", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return _default;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
14
|
-
const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
|
|
15
|
-
const _reactrouterdom = require("react-router-dom");
|
|
16
|
-
const _Status = /*#__PURE__*/ _interop_require_default(require("../Status"));
|
|
17
|
-
require("./Accordion.scss");
|
|
18
|
-
function _interop_require_default(obj) {
|
|
19
|
-
return obj && obj.__esModule ? obj : {
|
|
20
|
-
default: obj
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
24
|
-
if (typeof WeakMap !== "function") return null;
|
|
25
|
-
var cacheBabelInterop = new WeakMap();
|
|
26
|
-
var cacheNodeInterop = new WeakMap();
|
|
27
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
28
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
29
|
-
})(nodeInterop);
|
|
30
|
-
}
|
|
31
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
32
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
33
|
-
return obj;
|
|
34
|
-
}
|
|
35
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
36
|
-
return {
|
|
37
|
-
default: obj
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
41
|
-
if (cache && cache.has(obj)) {
|
|
42
|
-
return cache.get(obj);
|
|
43
|
-
}
|
|
44
|
-
var newObj = {
|
|
45
|
-
__proto__: null
|
|
46
|
-
};
|
|
47
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
48
|
-
for(var key in obj){
|
|
49
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
50
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
51
|
-
if (desc && (desc.get || desc.set)) {
|
|
52
|
-
Object.defineProperty(newObj, key, desc);
|
|
53
|
-
} else {
|
|
54
|
-
newObj[key] = obj[key];
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
newObj.default = obj;
|
|
59
|
-
if (cache) {
|
|
60
|
-
cache.set(obj, newObj);
|
|
61
|
-
}
|
|
62
|
-
return newObj;
|
|
63
|
-
}
|
|
64
|
-
const AccordionItem = ({ item, onClick, isOpen, className, children, noChevron, testId = 'accordion-item' })=>{
|
|
65
|
-
var _calculateStatusCount, _calculateStatusCount1;
|
|
66
|
-
const Icon = _reactfeather[item.icon];
|
|
67
|
-
const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
|
|
68
|
-
const ref = (0, _react.useRef)(null);
|
|
69
|
-
const getItemsHeight = ()=>{
|
|
70
|
-
var _ref_current;
|
|
71
|
-
let itemHeight = 0;
|
|
72
|
-
(_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.childNodes.forEach((el)=>{
|
|
73
|
-
itemHeight += el.offsetHeight;
|
|
74
|
-
});
|
|
75
|
-
return itemHeight + 20;
|
|
76
|
-
};
|
|
77
|
-
(0, _react.useEffect)(()=>{
|
|
78
|
-
setMaxHeight(isOpen ? getItemsHeight() : 0);
|
|
79
|
-
}, [
|
|
80
|
-
isOpen
|
|
81
|
-
]);
|
|
82
|
-
const calculateStatusCount = ()=>{
|
|
83
|
-
var _item_rows;
|
|
84
|
-
return item === null || item === void 0 ? void 0 : (_item_rows = item.rows) === null || _item_rows === void 0 ? void 0 : _item_rows.reduce((acc, row)=>{
|
|
85
|
-
const result = row.cols.reduce((accum, col)=>({
|
|
86
|
-
active: accum.active + (col.status === 'active' ? 1 : 0),
|
|
87
|
-
pause: accum.pause + (col.status === 'pause' ? 1 : 0)
|
|
88
|
-
}), {
|
|
89
|
-
active: 0,
|
|
90
|
-
pause: 0
|
|
91
|
-
});
|
|
92
|
-
return {
|
|
93
|
-
active: acc.active + result.active,
|
|
94
|
-
pause: acc.pause + result.pause
|
|
95
|
-
};
|
|
96
|
-
}, {
|
|
97
|
-
active: 0,
|
|
98
|
-
pause: 0
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
102
|
-
"data-testid": testId,
|
|
103
|
-
className: (0, _classnames.default)('accordion--item', className),
|
|
104
|
-
role: "region",
|
|
105
|
-
"aria-labelledby": `accordion-title-${item.title}`,
|
|
106
|
-
children: [
|
|
107
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
108
|
-
className: (0, _classnames.default)('accordion--title-box', {
|
|
109
|
-
'accordion--title-open': isOpen
|
|
110
|
-
}),
|
|
111
|
-
onClick: ()=>onClick(!isOpen),
|
|
112
|
-
id: `accordion-title-${item.title}`,
|
|
113
|
-
role: "button",
|
|
114
|
-
"aria-expanded": isOpen,
|
|
115
|
-
"aria-controls": `accordion-content-${item.title}`,
|
|
116
|
-
tabIndex: 0,
|
|
117
|
-
children: [
|
|
118
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
119
|
-
className: "j4 no-wrap",
|
|
120
|
-
children: [
|
|
121
|
-
(item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
|
|
122
|
-
className: (0, _classnames.default)('mr5', item === null || item === void 0 ? void 0 : item.className),
|
|
123
|
-
"aria-hidden": "true"
|
|
124
|
-
}),
|
|
125
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
126
|
-
className: "accordion--title",
|
|
127
|
-
children: item.title || 'Menu Chapter'
|
|
128
|
-
})
|
|
129
|
-
]
|
|
130
|
-
}),
|
|
131
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
|
|
132
|
-
className: "j6 accordion-title__right-box",
|
|
133
|
-
children: [
|
|
134
|
-
item.status && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
135
|
-
className: "mr5",
|
|
136
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Status.default, {
|
|
137
|
-
type: item === null || item === void 0 ? void 0 : item.status.type,
|
|
138
|
-
value: item === null || item === void 0 ? void 0 : item.status.value,
|
|
139
|
-
status: item === null || item === void 0 ? void 0 : item.status.status,
|
|
140
|
-
active: (_calculateStatusCount = calculateStatusCount()) === null || _calculateStatusCount === void 0 ? void 0 : _calculateStatusCount.active,
|
|
141
|
-
pause: (_calculateStatusCount1 = calculateStatusCount()) === null || _calculateStatusCount1 === void 0 ? void 0 : _calculateStatusCount1.pause
|
|
142
|
-
})
|
|
143
|
-
}),
|
|
144
|
-
!noChevron && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {
|
|
145
|
-
"aria-hidden": "true",
|
|
146
|
-
className: (0, _classnames.default)('accordion--title-chevron', {
|
|
147
|
-
'accordion--title-chevron-open': isOpen
|
|
148
|
-
})
|
|
149
|
-
})
|
|
150
|
-
]
|
|
151
|
-
})
|
|
152
|
-
]
|
|
153
|
-
}),
|
|
154
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
155
|
-
ref: ref,
|
|
156
|
-
style: {
|
|
157
|
-
maxHeight
|
|
158
|
-
},
|
|
159
|
-
className: (0, _classnames.default)('accordion--content', {
|
|
160
|
-
'accordion--content-is-open': isOpen
|
|
161
|
-
}),
|
|
162
|
-
id: `accordion-content-${item.title}`,
|
|
163
|
-
role: "region",
|
|
164
|
-
"aria-labelledby": `accordion-title-${item.title}`,
|
|
165
|
-
children: item.children ? item.children.map((el)=>{
|
|
166
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.NavLink, {
|
|
167
|
-
to: el.link,
|
|
168
|
-
className: "accordion--content-item accordion--menu-link",
|
|
169
|
-
children: (el === null || el === void 0 ? void 0 : el.title) || 'Menu item'
|
|
170
|
-
}, el.id);
|
|
171
|
-
}) : children
|
|
172
|
-
})
|
|
173
|
-
]
|
|
174
|
-
});
|
|
175
|
-
};
|
|
176
|
-
const _default = AccordionItem;
|
|
1
|
+
function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return s}});var t=require("react/jsx-runtime"),r=c(require("classnames")),n=u(require("react")),a=u(require("react-feather")),i=require("react-router-dom"),o=c(require("../Status"));function c(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}require("./Accordion.scss");var s=function(c){var l,u,s,d=c.item,f=c.onClick,v=c.isOpen,p=c.className,m=c.children,y=c.noChevron,h=c.testId,b=a[d.icon],j=(l=(0,n.useState)(0),function(e){if(Array.isArray(e))return e}(l)||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,c=!1;try{for(a=a.call(e);!(o=(r=a.next()).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){c=!0,n=e}finally{try{o||null==a.return||a.return()}finally{if(c)throw n}}return i}}(l,2)||function(t,r){if(t){if("string"==typeof t)return e(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(l,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),x=j[0],g=j[1],N=(0,n.useRef)(null),O=function(){var e,t=0;return null==(e=N.current)||e.childNodes.forEach(function(e){t+=e.offsetHeight}),t+20};(0,n.useEffect)(function(){g(v?O():0)},[v]);var _=function(){var e;return null==d||null==(e=d.rows)?void 0:e.reduce(function(e,t){var r=t.cols.reduce(function(e,t){return{active:e.active+ +("active"===t.status),pause:e.pause+ +("pause"===t.status)}},{active:0,pause:0});return{active:e.active+r.active,pause:e.pause+r.pause}},{active:0,pause:0})};return(0,t.jsxs)("div",{"data-testid":void 0===h?"accordion-item":h,className:(0,r.default)("accordion--item",p),role:"region","aria-labelledby":"accordion-title-".concat(d.title),children:[(0,t.jsxs)("div",{className:(0,r.default)("accordion--title-box",{"accordion--title-open":v}),onClick:function(){return f(!v)},id:"accordion-title-".concat(d.title),role:"button","aria-expanded":v,"aria-controls":"accordion-content-".concat(d.title),tabIndex:0,children:[(0,t.jsxs)("div",{className:"j4 no-wrap",children:[(null==d?void 0:d.icon)&&(0,t.jsx)(b,{className:(0,r.default)("mr5",null==d?void 0:d.className),"aria-hidden":"true"}),(0,t.jsx)("span",{className:"accordion--title",children:d.title||"Menu Chapter"})]}),(0,t.jsxs)("div",{className:"j6 accordion-title__right-box",children:[d.status&&(0,t.jsx)("div",{className:"mr5",children:(0,t.jsx)(o.default,{type:null==d?void 0:d.status.type,value:null==d?void 0:d.status.value,status:null==d?void 0:d.status.status,active:null==(u=_())?void 0:u.active,pause:null==(s=_())?void 0:s.pause})}),!y&&(0,t.jsx)(a.ChevronRight,{"aria-hidden":"true",className:(0,r.default)("accordion--title-chevron",{"accordion--title-chevron-open":v})})]})]}),(0,t.jsx)("div",{ref:N,style:{maxHeight:x},className:(0,r.default)("accordion--content",{"accordion--content-is-open":v}),id:"accordion-content-".concat(d.title),role:"region","aria-labelledby":"accordion-title-".concat(d.title),children:d.children?d.children.map(function(e){return(0,t.jsx)(i.NavLink,{to:e.link,className:"accordion--content-item accordion--menu-link",children:(null==e?void 0:e.title)||"Menu item"},e.id)}):m})]})};
|