@arquimedes.co/eureka-forms 3.0.32 → 3.0.33-test
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/@Types/Condition.d.ts +4 -6
- package/dist/@Types/Form.d.ts +0 -1
- package/dist/@Types/FormStep.d.ts +8 -12
- package/dist/@Types/GenericFormSteps.d.ts +8 -0
- package/dist/App/App.d.ts +1 -3
- package/dist/App/App.js +21 -46
- package/dist/App/AppFunctions.d.ts +1 -1
- package/dist/App/AppFunctions.js +177 -336
- package/dist/App/AppFunctions.test.js +708 -0
- package/dist/App/AppHooks.d.ts +2 -2
- package/dist/App/AppHooks.js +146 -252
- package/dist/App/AppHooks.test.js +154 -0
- package/dist/Contexts/CustomContext.d.ts +0 -1
- package/dist/Contexts/CustomContext.js +1 -1
- package/dist/Contexts/FormContext.d.ts +1 -1
- package/dist/Contexts/FormContext.js +3 -2
- package/dist/Contexts/SectionContext.d.ts +0 -1
- package/dist/Contexts/SectionContext.js +1 -1
- package/dist/Form/ConfirmationDialog/ConfirmationDialog.d.ts +1 -2
- package/dist/Form/ConfirmationDialog/ConfirmationDialog.js +36 -62
- package/dist/Form/Form.d.ts +1 -2
- package/dist/Form/Form.js +71 -164
- package/dist/Form/Form.module.css +0 -9
- package/dist/Form/FormFunctions.js +63 -112
- package/dist/Form/FormFunctions.test.js +458 -0
- package/dist/Form/FormHooks.d.ts +0 -1
- package/dist/Form/FormHooks.js +13 -21
- package/dist/Form/FormTypes/ColumnForm/ColumnForm.d.ts +0 -1
- package/dist/Form/FormTypes/ColumnForm/ColumnForm.js +32 -105
- package/dist/Form/FormTypes/StepperForm/StepperForm.d.ts +1 -2
- package/dist/Form/FormTypes/StepperForm/StepperForm.js +46 -110
- package/dist/Form/Section/MaterialSection/MaterialSection.d.ts +0 -1
- package/dist/Form/Section/MaterialSection/MaterialSection.js +10 -23
- package/dist/Form/Section/MaterialSection/MaterialSection.module.css +0 -2
- package/dist/Form/Section/Section.d.ts +0 -1
- package/dist/Form/Section/Section.js +4 -15
- package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.d.ts +0 -1
- package/dist/Form/Terms/Term/MaterialTerm/MaterialTerm.js +30 -65
- package/dist/Form/Terms/Term/Term.d.ts +0 -1
- package/dist/Form/Terms/Term/Term.js +2 -13
- package/dist/Form/Terms/Terms.d.ts +0 -1
- package/dist/Form/Terms/Terms.js +11 -27
- package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.d.ts +0 -1
- package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js +34 -107
- package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.d.ts +0 -1
- package/dist/FormSteps/@Construction/CBRIncidentsStep/CBRIncidentsStep.js +2 -13
- package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.d.ts +0 -1
- package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js +12 -40
- package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.d.ts +0 -1
- package/dist/FormSteps/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js +56 -77
- package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.d.ts +0 -1
- package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.js +45 -115
- package/dist/FormSteps/AYFStepMapper.d.ts +0 -1
- package/dist/FormSteps/AYFStepMapper.js +60 -137
- package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.d.ts +0 -1
- package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js +2 -13
- package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.d.ts +0 -1
- package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.js +64 -173
- package/dist/FormSteps/CBRStepMapper.d.ts +0 -1
- package/dist/FormSteps/CBRStepMapper.js +56 -168
- package/dist/FormSteps/CheckBoxStep/CheckBoxStep.d.ts +0 -1
- package/dist/FormSteps/CheckBoxStep/CheckBoxStep.js +2 -13
- package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts +0 -1
- package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js +19 -37
- package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.d.ts +0 -1
- package/dist/FormSteps/ClassifierSelectorStep/ClassifierSelectorStep.js +2 -13
- package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.d.ts +1 -2
- package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js +44 -81
- package/dist/FormSteps/CollapsibleStep/CollapsibleStep.d.ts +0 -1
- package/dist/FormSteps/CollapsibleStep/CollapsibleStep.js +3 -26
- package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.d.ts +0 -1
- package/dist/FormSteps/CollapsibleStep/MaterialTitleStep/MaterialCollapsibleStep.js +31 -61
- package/dist/FormSteps/CustomStep.d.ts +0 -1
- package/dist/FormSteps/CustomStep.js +17 -31
- package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.d.ts +10 -0
- package/dist/FormSteps/DatePickerRangeStep/DatePickerRangeStep.js +14 -0
- package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.d.ts +3 -0
- package/dist/FormSteps/DatePickerRangeStep/MaterialDatePickerRangeStep/MaterialDatePickerRangeStep.js +34 -0
- package/dist/FormSteps/DatePickerStep/DatePickerStep.d.ts +1 -2
- package/dist/FormSteps/DatePickerStep/DatePickerStep.js +2 -13
- package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.d.ts +1 -2
- package/dist/FormSteps/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js +9 -20
- package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.d.ts +0 -1
- package/dist/FormSteps/EntityValueStep/EntityValuePickerStep.js +2 -13
- package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.d.ts +0 -1
- package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValueDialog/MaterialEntityValueDialog.js +16 -32
- package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.d.ts +1 -2
- package/dist/FormSteps/EntityValueStep/MaterialEntityValuePickerStep/MaterialEntityValuePickerStep.js +106 -300
- package/dist/FormSteps/FileUploadStep/FileUploadStep.d.ts +0 -1
- package/dist/FormSteps/FileUploadStep/FileUploadStep.js +2 -13
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.d.ts +0 -1
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.js +33 -95
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.d.ts +2 -0
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.js +3 -0
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.d.ts +0 -2
- package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js +85 -180
- package/dist/FormSteps/MapperStep/MapperStep.d.ts +0 -1
- package/dist/FormSteps/MapperStep/MapperStep.js +2 -13
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.d.ts +0 -1
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.js +16 -38
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/MapperElementComponent.js +20 -31
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.d.ts +0 -1
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.js +85 -175
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.d.ts +0 -1
- package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.js +20 -47
- package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.d.ts +0 -1
- package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.js +70 -115
- package/dist/FormSteps/PhoneInputStep/MaterialTextInputStep/MaterialPhoneInputStep.d.ts +1 -2
- package/dist/FormSteps/PhoneInputStep/MaterialTextInputStep/MaterialPhoneInputStep.js +15 -33
- package/dist/FormSteps/PhoneInputStep/PhoneInputStep.d.ts +0 -1
- package/dist/FormSteps/PhoneInputStep/PhoneInputStep.js +2 -13
- package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.d.ts +0 -1
- package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.js +17 -31
- package/dist/FormSteps/RatingStep/RatingStep.d.ts +0 -1
- package/dist/FormSteps/RatingStep/RatingStep.js +2 -13
- package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.d.ts +0 -1
- package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js +31 -61
- package/dist/FormSteps/SelectorStep/SelectorStep.d.ts +0 -1
- package/dist/FormSteps/SelectorStep/SelectorStep.js +2 -13
- package/dist/FormSteps/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.d.ts +0 -1
- package/dist/FormSteps/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.js +2 -3
- package/dist/FormSteps/SeparatorStep/SeparatorStep.d.ts +0 -1
- package/dist/FormSteps/SeparatorStep/SeparatorStep.js +2 -13
- package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.d.ts +1 -2
- package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js +73 -155
- package/dist/FormSteps/SmartSelectStep/SmartSelectStep.d.ts +7 -7
- package/dist/FormSteps/SmartSelectStep/SmartSelectStep.js +2 -13
- package/dist/FormSteps/Step.d.ts +0 -1
- package/dist/FormSteps/Step.js +33 -58
- package/dist/FormSteps/StepFunctions.d.ts +4 -6
- package/dist/FormSteps/StepFunctions.js +153 -208
- package/dist/FormSteps/StepFunctions.test.js +702 -0
- package/dist/FormSteps/StepHooks.d.ts +68 -14
- package/dist/FormSteps/StepHooks.js +88 -154
- package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/DraftEditor.css +18 -20
- package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.d.ts +0 -1
- package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js +36 -74
- package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts +1 -2
- package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js +12 -28
- package/dist/FormSteps/TextAreaStep/TextAreaStep.d.ts +0 -1
- package/dist/FormSteps/TextAreaStep/TextAreaStep.js +3 -14
- package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts +1 -2
- package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js +12 -30
- package/dist/FormSteps/TextInputStep/TextInputStep.d.ts +1 -2
- package/dist/FormSteps/TextInputStep/TextInputStep.js +2 -13
- package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.d.ts +1 -2
- package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js +9 -26
- package/dist/FormSteps/TimePickerStep/TimePickerStep.d.ts +0 -1
- package/dist/FormSteps/TimePickerStep/TimePickerStep.js +2 -13
- package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.d.ts +0 -1
- package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js +21 -54
- package/dist/FormSteps/TitleStep/TitleStep.d.ts +0 -1
- package/dist/FormSteps/TitleStep/TitleStep.js +2 -13
- package/dist/FormSteps/Utils/@StepFiller/StepFiller.d.ts +1 -2
- package/dist/FormSteps/Utils/@StepFiller/StepFiller.js +14 -27
- package/dist/FormSteps/Utils/@StepFiller/StepFillerContext.d.ts +1 -0
- package/dist/FormSteps/Utils/@StepFiller/StepFillerContext.js +2 -0
- package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.d.ts +2 -3
- package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.js +8 -23
- package/dist/Icons/@ErkIcon.d.ts +14 -0
- package/dist/Icons/@ErkIcon.js +9 -0
- package/dist/Icons/ArrowLeftIcon.d.ts +3 -0
- package/dist/Icons/ArrowLeftIcon.js +7 -0
- package/dist/Icons/ArrowRightIcon.d.ts +3 -0
- package/dist/Icons/ArrowRightIcon.js +7 -0
- package/dist/Icons/CalendarIcon.d.ts +2 -3
- package/dist/Icons/CalendarIcon.js +4 -14
- package/dist/Icons/CheckCircleIcon.d.ts +3 -0
- package/dist/Icons/CheckCircleIcon.js +7 -0
- package/dist/Icons/CheckboxCheckedIcon.d.ts +3 -0
- package/dist/Icons/CheckboxCheckedIcon.js +7 -0
- package/dist/Icons/CheckboxUncheckedIcon.d.ts +3 -0
- package/dist/Icons/CheckboxUncheckedIcon.js +7 -0
- package/dist/Icons/ClockIcon.d.ts +3 -0
- package/dist/Icons/ClockIcon.js +7 -0
- package/dist/Icons/CloseIcon.d.ts +3 -0
- package/dist/Icons/CloseIcon.js +7 -0
- package/dist/Icons/Construction/LeakIcon.d.ts +2 -2
- package/dist/Icons/Construction/LeakIcon.js +3 -13
- package/dist/Icons/Construction/ProjectIcon.d.ts +2 -2
- package/dist/Icons/Construction/ProjectIcon.js +3 -13
- package/dist/Icons/Construction/PropertyIcon.d.ts +2 -2
- package/dist/Icons/Construction/PropertyIcon.js +3 -13
- package/dist/Icons/Construction/SpaceIcon.d.ts +2 -2
- package/dist/Icons/Construction/SpaceIcon.js +3 -13
- package/dist/Icons/DeleteIcon.d.ts +3 -0
- package/dist/Icons/DeleteIcon.js +7 -0
- package/dist/Icons/DocumentIcon.d.ts +2 -2
- package/dist/Icons/DocumentIcon.js +3 -13
- package/dist/Icons/Entities/CheckListIcon.d.ts +2 -2
- package/dist/Icons/Entities/CheckListIcon.js +3 -13
- package/dist/Icons/Entities/GenericEntityIcon.d.ts +2 -2
- package/dist/Icons/Entities/GenericEntityIcon.js +5 -15
- package/dist/Icons/Entities/HandshakeIcon.d.ts +2 -2
- package/dist/Icons/Entities/HandshakeIcon.js +5 -15
- package/dist/Icons/Entities/SupplierIcon.d.ts +2 -2
- package/dist/Icons/Entities/SupplierIcon.js +5 -15
- package/dist/Icons/Entities/WorkIcon.d.ts +3 -0
- package/dist/Icons/Entities/WorkIcon.js +7 -0
- package/dist/Icons/ErrorIcon.d.ts +3 -0
- package/dist/Icons/ErrorIcon.js +7 -0
- package/dist/Icons/ExpandLessIcon.d.ts +3 -0
- package/dist/Icons/ExpandLessIcon.js +7 -0
- package/dist/Icons/ExpandMoreIcon.d.ts +3 -0
- package/dist/Icons/ExpandMoreIcon.js +7 -0
- package/dist/Icons/FileIcon.d.ts +3 -0
- package/dist/Icons/FileIcon.js +7 -0
- package/dist/Icons/InfoIcon.d.ts +3 -0
- package/dist/Icons/InfoIcon.js +7 -0
- package/dist/Icons/LocationIcon.d.ts +2 -3
- package/dist/Icons/LocationIcon.js +4 -14
- package/dist/Icons/PersonIcon.d.ts +2 -3
- package/dist/Icons/PersonIcon.js +6 -16
- package/dist/Icons/Ratings/DislikeIcon.d.ts +3 -0
- package/dist/Icons/Ratings/DislikeIcon.js +7 -0
- package/dist/Icons/Ratings/DissatisfiedIcon.d.ts +3 -0
- package/dist/Icons/Ratings/DissatisfiedIcon.js +7 -0
- package/dist/Icons/Ratings/LikeIcon.d.ts +3 -0
- package/dist/Icons/Ratings/LikeIcon.js +7 -0
- package/dist/Icons/Ratings/SatisfiedIcon.d.ts +3 -0
- package/dist/Icons/Ratings/SatisfiedIcon.js +7 -0
- package/dist/Icons/Ratings/StarIcon.d.ts +3 -0
- package/dist/Icons/Ratings/StarIcon.js +7 -0
- package/dist/Icons/Ratings/VeryDissatisfiedIcon.d.ts +3 -0
- package/dist/Icons/Ratings/VeryDissatisfiedIcon.js +7 -0
- package/dist/Icons/Ratings/VerySatisfiedIcon.d.ts +3 -0
- package/dist/Icons/Ratings/VerySatisfiedIcon.js +7 -0
- package/dist/Icons/WarningIcon.d.ts +3 -0
- package/dist/Icons/WarningIcon.js +7 -0
- package/dist/Init.d.ts +1 -0
- package/dist/Init.js +2 -0
- package/dist/Services/DraftService.d.ts +14 -14
- package/dist/Services/DraftService.js +22 -72
- package/dist/Services/FileService.d.ts +1 -1
- package/dist/Services/FileService.js +29 -86
- package/dist/Services/FormService.js +11 -56
- package/dist/Services/OrganizationService.js +11 -62
- package/dist/Shared/CustomBtn/CustomBtn.d.ts +1 -2
- package/dist/Shared/CustomBtn/CustomBtn.js +24 -88
- package/dist/Shared/ErkButton/ErkButton.d.ts +25 -0
- package/dist/Shared/ErkButton/ErkButton.js +31 -0
- package/dist/Shared/ErkButton/ErkButton.stories.d.ts +16 -0
- package/dist/Shared/ErkButton/ErkButton.stories.js +28 -0
- package/dist/Shared/ErkCheckbox/ErkCheckBox.d.ts +19 -0
- package/dist/Shared/ErkCheckbox/ErkCheckBox.js +31 -0
- package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.d.ts +13 -0
- package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.js +34 -0
- package/dist/Shared/ErkDatePicker/ErkDatePicker.d.ts +18 -0
- package/dist/Shared/ErkDatePicker/ErkDatePicker.js +266 -0
- package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.d.ts +23 -0
- package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.js +98 -0
- package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.d.ts +18 -0
- package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.js +162 -0
- package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.stories.d.ts +36 -0
- package/dist/Shared/ErkDatePickerRange/ErkDatePickerRange.stories.js +274 -0
- package/dist/Shared/ErkMenuItem.d.ts +4 -0
- package/dist/Shared/ErkMenuItem.js +18 -0
- package/dist/Shared/ErkPhoneInput/EkrPhoneInput.d.ts +17 -0
- package/dist/Shared/ErkPhoneInput/EkrPhoneInput.js +96 -0
- package/dist/Shared/ErkSelect/ErkSelect.d.ts +52 -0
- package/dist/Shared/ErkSelect/ErkSelect.js +141 -0
- package/dist/Shared/ErkSelect/ErkSelect.stories.d.ts +21 -0
- package/dist/Shared/ErkSelect/ErkSelect.stories.js +87 -0
- package/dist/Shared/ErkSmartSelect/ErkSmartSelect.d.ts +28 -0
- package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js +54 -0
- package/dist/Shared/{RoundedSmartSelect/RoundedSmartSelect.stories.d.ts → ErkSmartSelect/ErkSmartSelect.stories.d.ts} +3 -13
- package/dist/Shared/ErkSmartSelect/ErkSmartSelect.stories.js +159 -0
- package/dist/Shared/ErkTextField/ErkTextField.d.ts +34 -0
- package/dist/Shared/ErkTextField/ErkTextField.js +146 -0
- package/dist/Shared/{RoundedTextField/RoundedTextField.stories.d.ts → ErkTextField/ErkTextField.stories.d.ts} +4 -17
- package/dist/Shared/ErkTextField/ErkTextField.stories.js +99 -0
- package/dist/Shared/ErkTimePicker/ErkTimePicker.d.ts +32 -0
- package/dist/Shared/ErkTimePicker/ErkTimePicker.js +107 -0
- package/dist/Shared/InputIcon/InputIcon.d.ts +3 -3
- package/dist/Shared/InputIcon/InputIcon.js +29 -112
- package/dist/Shared/Loader/Loader.d.ts +0 -1
- package/dist/Shared/Loader/Loader.js +6 -18
- package/dist/Shared/Navbar/Navbar.d.ts +1 -3
- package/dist/Shared/Navbar/Navbar.js +3 -96
- package/dist/Shared/Navbar/Navbar.module.css +0 -15
- package/dist/Shared/Navbar/Navbar.stories.d.ts +1 -1
- package/dist/Shared/Navbar/Navbar.stories.js +2 -2
- package/dist/Shared/Rating/Rating.d.ts +3 -5
- package/dist/Shared/Rating/Rating.js +4 -27
- package/dist/Shared/Rating/Rating.stories.d.ts +1 -1
- package/dist/Shared/Rating/Rating.stories.js +13 -19
- package/dist/Shared/Rating/Ratings/LikeRating.d.ts +1 -2
- package/dist/Shared/Rating/Ratings/LikeRating.js +19 -33
- package/dist/Shared/Rating/Ratings/SatisfactionRating.d.ts +1 -2
- package/dist/Shared/Rating/Ratings/SatisfactionRating.js +27 -47
- package/dist/Shared/Rating/Ratings/ScaleRating.d.ts +1 -2
- package/dist/Shared/Rating/Ratings/ScaleRating.js +23 -54
- package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.d.ts +1 -0
- package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.js +2 -0
- package/dist/Shared/SmartDraftRenderer/FormDecorator.d.ts +1 -2
- package/dist/Shared/SmartDraftRenderer/FormDecorator.js +8 -22
- package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.d.ts +1 -2
- package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js +27 -43
- package/dist/Shared/Toggle/Toggle.d.ts +5 -14
- package/dist/Shared/Toggle/Toggle.js +29 -32
- package/dist/States/GlobalSlice.d.ts +7 -12
- package/dist/States/GlobalSlice.js +6 -22
- package/dist/States/SiteSlice.d.ts +30 -48
- package/dist/States/SiteSlice.js +58 -76
- package/dist/States/WidthStatsSlice.d.ts +2 -2
- package/dist/States/WidthStatsSlice.js +8 -9
- package/dist/Utils/AxiosAPI.d.ts +4 -5
- package/dist/Utils/AxiosAPI.js +23 -73
- package/dist/Utils/AxiosWidget.js +4 -4
- package/dist/Utils/CBRFunctions.js +29 -30
- package/dist/Utils/DraftFunctions.d.ts +3 -3
- package/dist/Utils/DraftFunctions.js +102 -143
- package/dist/Utils/FormStepFunctions.d.ts +1 -1
- package/dist/Utils/FormStepFunctions.js +27 -45
- package/dist/Utils/LocaleUtils.d.ts +2 -0
- package/dist/Utils/LocaleUtils.js +12 -0
- package/dist/Utils/MaterialProviders.d.ts +21 -1
- package/dist/Utils/MaterialProviders.js +46 -28
- package/dist/Utils/MuiClassnameSetup.d.ts +1 -0
- package/dist/Utils/MuiClassnameSetup.js +3 -0
- package/dist/Utils/PhoneFunctions.js +5 -5
- package/dist/Utils/StoreContext.js +1 -1
- package/dist/Utils/TestUtils.d.ts +60 -81
- package/dist/Utils/TestUtils.js +28 -57
- package/dist/Utils/_api.d.ts +7 -7
- package/dist/Utils/_api.js +10 -8
- package/dist/Utils/store.d.ts +9 -17
- package/dist/Utils/store.js +15 -74
- package/dist/Widget.d.ts +1 -1
- package/dist/Widget.js +16 -26
- package/dist/constants/Draft/DraftEntityDataTypes.d.ts +3 -3
- package/dist/constants/{IconTypes.d.ts → ErkIconTypes.d.ts} +2 -4
- package/dist/constants/ErkIconTypes.js +16 -0
- package/dist/constants/Files/FileExtensions.js +3 -3
- package/dist/constants/Files/FileMaxSize.js +1 -1
- package/dist/constants/FormStepTypes.d.ts +2 -2
- package/dist/constants/FormStepTypes.js +1 -1
- package/dist/constants/InternalFormStyle.js +1 -1
- package/dist/hooks.d.ts +0 -3
- package/dist/hooks.js +14 -77
- package/dist/index.css +15 -0
- package/dist/index.lib.d.ts +0 -1
- package/dist/index.lib.js +0 -1
- package/dist/main.d.ts +3 -0
- package/dist/main.js +25 -0
- package/package.json +72 -93
- package/dist/@Types/ErkValue.d.ts +0 -16
- package/dist/@Types/User.d.ts +0 -13
- package/dist/Icons/@IconTypes.d.ts +0 -7
- package/dist/Icons/EmailIcon.d.ts +0 -4
- package/dist/Icons/EmailIcon.js +0 -17
- package/dist/Icons/Entities/SchoolIcon.d.ts +0 -2
- package/dist/Icons/Entities/SchoolIcon.js +0 -17
- package/dist/Icons/GroupIcon.d.ts +0 -4
- package/dist/Icons/GroupIcon.js +0 -17
- package/dist/Icons/LockedIcon.d.ts +0 -4
- package/dist/Icons/LockedIcon.js +0 -17
- package/dist/Login/Login.module.css +0 -135
- package/dist/Login/LoginLayout.module.css +0 -68
- package/dist/Login/LoginPage.d.ts +0 -11
- package/dist/Login/LoginPage.js +0 -177
- package/dist/Login/LoginTextField.d.ts +0 -15
- package/dist/Login/LoginTextField.js +0 -134
- package/dist/Services/IntegrationService.d.ts +0 -21
- package/dist/Services/IntegrationService.js +0 -69
- package/dist/Services/UserService.d.ts +0 -10
- package/dist/Services/UserService.js +0 -71
- package/dist/Shared/RoundedButton/RoundedButton.d.ts +0 -30
- package/dist/Shared/RoundedButton/RoundedButton.js +0 -45
- package/dist/Shared/RoundedButton/RoundedButton.stories.d.ts +0 -23
- package/dist/Shared/RoundedButton/RoundedButton.stories.js +0 -36
- package/dist/Shared/RoundedCheckBox/RoundedCheckBox.d.ts +0 -24
- package/dist/Shared/RoundedCheckBox/RoundedCheckBox.js +0 -101
- package/dist/Shared/RoundedCheckBox/RoundedCheckBox.stories.d.ts +0 -21
- package/dist/Shared/RoundedCheckBox/RoundedCheckBox.stories.js +0 -50
- package/dist/Shared/RoundedDatePicker/RoundedDatePicker.d.ts +0 -49
- package/dist/Shared/RoundedDatePicker/RoundedDatePicker.js +0 -351
- package/dist/Shared/RoundedDatePicker/RoundedDatePicker.stories.d.ts +0 -36
- package/dist/Shared/RoundedDatePicker/RoundedDatePicker.stories.js +0 -223
- package/dist/Shared/RoundedPhoneInput/RoundedPhoneInput.d.ts +0 -43
- package/dist/Shared/RoundedPhoneInput/RoundedPhoneInput.js +0 -226
- package/dist/Shared/RoundedSelect/RoundedSelect.d.ts +0 -68
- package/dist/Shared/RoundedSelect/RoundedSelect.js +0 -214
- package/dist/Shared/RoundedSelect/RoundedSelect.stories.d.ts +0 -28
- package/dist/Shared/RoundedSelect/RoundedSelect.stories.js +0 -91
- package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.d.ts +0 -63
- package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.js +0 -236
- package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.stories.js +0 -318
- package/dist/Shared/RoundedTextField/RoundedTextField.d.ts +0 -45
- package/dist/Shared/RoundedTextField/RoundedTextField.js +0 -175
- package/dist/Shared/RoundedTextField/RoundedTextField.stories.js +0 -224
- package/dist/Shared/RoundedTimePicker/RoundedTimePicker.d.ts +0 -41
- package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js +0 -314
- package/dist/Shared/SmartDraftRenderer/LinkDecorator.d.ts +0 -14
- package/dist/Shared/SmartDraftRenderer/LinkDecorator.js +0 -60
- package/dist/__mocks__/axios.d.ts +0 -2
- package/dist/__mocks__/axios.js +0 -2
- package/dist/constants/ErkValueTypes.d.ts +0 -6
- package/dist/constants/ErkValueTypes.js +0 -7
- package/dist/constants/IconTypes.js +0 -18
- package/dist/constants/MaterialClassNameSeed.d.ts +0 -1
- package/dist/constants/MaterialClassNameSeed.js +0 -1
- package/dist/index.js +0 -31
- /package/dist/{@Types/ErkValue.js → App/AppFunctions.test.d.ts} +0 -0
- /package/dist/{@Types/User.js → App/AppHooks.test.d.ts} +0 -0
- /package/dist/{Icons/@IconTypes.js → Form/FormFunctions.test.d.ts} +0 -0
- /package/dist/{index.d.ts → FormSteps/StepFunctions.test.d.ts} +0 -0
- /package/dist/Shared/{RoundedTimePicker/RoundedTimePicker.module.css → ErkTimePicker/ErkTimePicker.module.css} +0 -0
- /package/dist/{setupTests.d.ts → __tests__/setup.d.ts} +0 -0
- /package/dist/{setupTests.js → __tests__/setup.js} +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CheckboxProps } from '@material-ui/core';
|
|
3
|
-
interface StyleProps {
|
|
4
|
-
error?: boolean;
|
|
5
|
-
padding?: string;
|
|
6
|
-
uncheckedColor?: string;
|
|
7
|
-
checkedColor?: string;
|
|
8
|
-
checkedHoverColor?: string;
|
|
9
|
-
errorColor?: string;
|
|
10
|
-
disabledColor?: string;
|
|
11
|
-
size?: number | string;
|
|
12
|
-
cantEdit?: boolean;
|
|
13
|
-
}
|
|
14
|
-
interface ComponentProps extends StyleProps, Omit<CheckboxProps, 'size' | 'onChange'> {
|
|
15
|
-
onChange?: (checked: boolean) => void;
|
|
16
|
-
checked: boolean;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
|
|
20
|
-
*/
|
|
21
|
-
declare class RoundedCheckBox extends React.Component<ComponentProps> {
|
|
22
|
-
render(): JSX.Element;
|
|
23
|
-
}
|
|
24
|
-
export default RoundedCheckBox;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
39
|
-
import React from 'react';
|
|
40
|
-
import { Checkbox, makeStyles } from '@material-ui/core';
|
|
41
|
-
import CheckBoxRoundedIcon from '@material-ui/icons/CheckBoxRounded';
|
|
42
|
-
import CheckBoxOutlineBlankRoundedIcon from '@material-ui/icons/CheckBoxOutlineBlankRounded';
|
|
43
|
-
var useCheckBoxStyles = function (props) {
|
|
44
|
-
return makeStyles(function () { return ({
|
|
45
|
-
root: {
|
|
46
|
-
padding: props.padding,
|
|
47
|
-
fontSize: props.size,
|
|
48
|
-
color: props.error ? props.errorColor : props.uncheckedColor,
|
|
49
|
-
'&.Mui-checked': {
|
|
50
|
-
color: props.checkedColor,
|
|
51
|
-
},
|
|
52
|
-
'&.Mui-checked:hover': {
|
|
53
|
-
backgroundColor: props.checkedHoverColor,
|
|
54
|
-
},
|
|
55
|
-
'&.Mui-disabled': {
|
|
56
|
-
cursor: 'default',
|
|
57
|
-
pointerEvents: 'all !important',
|
|
58
|
-
color: props.cantEdit
|
|
59
|
-
? props.disabledColor
|
|
60
|
-
: props.checkedColor,
|
|
61
|
-
},
|
|
62
|
-
'&:hover': {
|
|
63
|
-
backgroundColor: props.cantEdit
|
|
64
|
-
? 'transparent'
|
|
65
|
-
: props.checkedHoverColor,
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
}); });
|
|
69
|
-
};
|
|
70
|
-
/**
|
|
71
|
-
* Generic rounded checkbox
|
|
72
|
-
*/
|
|
73
|
-
function CustomCheckBox(_a) {
|
|
74
|
-
var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
|
|
75
|
-
var classes = useCheckBoxStyles({
|
|
76
|
-
size: size,
|
|
77
|
-
error: error,
|
|
78
|
-
padding: padding,
|
|
79
|
-
cantEdit: cantEdit,
|
|
80
|
-
errorColor: errorColor,
|
|
81
|
-
checkedColor: checkedColor,
|
|
82
|
-
disabledColor: disabledColor,
|
|
83
|
-
uncheckedColor: uncheckedColor,
|
|
84
|
-
checkedHoverColor: checkedColor + '0a',
|
|
85
|
-
})();
|
|
86
|
-
return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event.target.checked); }, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
|
|
87
|
-
}
|
|
88
|
-
/**
|
|
89
|
-
* Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
|
|
90
|
-
*/
|
|
91
|
-
var RoundedCheckBox = /** @class */ (function (_super) {
|
|
92
|
-
__extends(RoundedCheckBox, _super);
|
|
93
|
-
function RoundedCheckBox() {
|
|
94
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
95
|
-
}
|
|
96
|
-
RoundedCheckBox.prototype.render = function () {
|
|
97
|
-
return _jsx(CustomCheckBox, __assign({}, this.props));
|
|
98
|
-
};
|
|
99
|
-
return RoundedCheckBox;
|
|
100
|
-
}(React.Component));
|
|
101
|
-
export default RoundedCheckBox;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import RoundedCheckBox from './RoundedCheckBox';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof RoundedCheckBox;
|
|
5
|
-
tags: string[];
|
|
6
|
-
args: {
|
|
7
|
-
checkedColor: string;
|
|
8
|
-
uncheckedColor: string;
|
|
9
|
-
disabledColor: string;
|
|
10
|
-
size: string;
|
|
11
|
-
errorColor: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export default meta;
|
|
15
|
-
type Story = StoryObj<typeof meta>;
|
|
16
|
-
export declare const Uncheked: Story;
|
|
17
|
-
export declare const Checked: Story;
|
|
18
|
-
export declare const Error: Story;
|
|
19
|
-
export declare const Disabled: Story;
|
|
20
|
-
export declare const ErrorColor: Story;
|
|
21
|
-
export declare const DifferentColors: Story;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import RoundedCheckBox from './RoundedCheckBox';
|
|
2
|
-
var meta = {
|
|
3
|
-
component: RoundedCheckBox,
|
|
4
|
-
tags: ['autodocs'],
|
|
5
|
-
args: {
|
|
6
|
-
checkedColor: '#3d5a7f',
|
|
7
|
-
uncheckedColor: '#787878',
|
|
8
|
-
disabledColor: '#A0A0A0',
|
|
9
|
-
size: '1.5rem',
|
|
10
|
-
errorColor: '#cc2936',
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export var Uncheked = {
|
|
15
|
-
args: {
|
|
16
|
-
checked: false,
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export var Checked = {
|
|
20
|
-
args: {
|
|
21
|
-
checked: true,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
export var Error = {
|
|
25
|
-
args: {
|
|
26
|
-
checked: false,
|
|
27
|
-
error: true,
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export var Disabled = {
|
|
31
|
-
args: {
|
|
32
|
-
checked: false,
|
|
33
|
-
disabled: true,
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export var ErrorColor = {
|
|
37
|
-
args: {
|
|
38
|
-
checked: false,
|
|
39
|
-
error: true,
|
|
40
|
-
errorColor: 'blue',
|
|
41
|
-
},
|
|
42
|
-
};
|
|
43
|
-
export var DifferentColors = {
|
|
44
|
-
args: {
|
|
45
|
-
checked: true,
|
|
46
|
-
checkedColor: 'red',
|
|
47
|
-
uncheckedColor: 'blue',
|
|
48
|
-
disabledColor: '#A0A0A0',
|
|
49
|
-
},
|
|
50
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DatePickerProps } from '@material-ui/pickers';
|
|
3
|
-
interface StyleProps {
|
|
4
|
-
/** The color of the text */
|
|
5
|
-
textColor?: string;
|
|
6
|
-
/** The color of the outline when selected and hovered on */
|
|
7
|
-
focusColor?: string;
|
|
8
|
-
hoverColor?: string;
|
|
9
|
-
/** The color of the error to display */
|
|
10
|
-
errorColor?: string;
|
|
11
|
-
/** The color of the outline when it is not selected */
|
|
12
|
-
outlineColor?: string;
|
|
13
|
-
/** The backgroundColor of the input */
|
|
14
|
-
backgroundColor?: string;
|
|
15
|
-
/** The secondary color of the dialog */
|
|
16
|
-
secondaryColor?: string;
|
|
17
|
-
/** The contrastColor of the input */
|
|
18
|
-
contrastColor?: string;
|
|
19
|
-
/** The accent color of the input */
|
|
20
|
-
accentColor?: string;
|
|
21
|
-
/** The borderRadius of the input */
|
|
22
|
-
borderRadius?: number;
|
|
23
|
-
/** If it should display the timePicker */
|
|
24
|
-
pickTime?: boolean;
|
|
25
|
-
/** The padding of the input */
|
|
26
|
-
padding?: string;
|
|
27
|
-
/** The size of the font to display the input in */
|
|
28
|
-
fontSize?: number | string;
|
|
29
|
-
/** The weight of the font of the value and the placeholder */
|
|
30
|
-
fontWeight?: number | string;
|
|
31
|
-
/** The fontsize of the shrunken label */
|
|
32
|
-
shrunkenFontSize?: number | string;
|
|
33
|
-
/** Cant edit */
|
|
34
|
-
cantEdit?: boolean;
|
|
35
|
-
/** The color of the helper text when not error */
|
|
36
|
-
helperTextColor?: string;
|
|
37
|
-
/** Height of the component */
|
|
38
|
-
height?: string;
|
|
39
|
-
}
|
|
40
|
-
interface RoundedDatePickerProps extends Omit<DatePickerProps, 'ref'>, StyleProps {
|
|
41
|
-
ref?: React.RefObject<HTMLDivElement>;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
|
|
45
|
-
*/
|
|
46
|
-
declare class RoundedDatePicker extends React.Component<RoundedDatePickerProps> {
|
|
47
|
-
render(): JSX.Element;
|
|
48
|
-
}
|
|
49
|
-
export default RoundedDatePicker;
|
|
@@ -1,351 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
39
|
-
import React, { cloneElement } from 'react';
|
|
40
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
41
|
-
import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
|
|
42
|
-
import { DatePicker, DateTimePicker, } from '@material-ui/pickers';
|
|
43
|
-
import { getLocale } from '../../Form/Form';
|
|
44
|
-
import { format } from 'date-fns';
|
|
45
|
-
var useDatePickerStyles = function (props) {
|
|
46
|
-
return makeStyles(function () { return ({
|
|
47
|
-
root: {
|
|
48
|
-
borderRadius: props.borderRadius,
|
|
49
|
-
cursor: props.cantEdit ? 'default' : 'pointer',
|
|
50
|
-
height: props.height,
|
|
51
|
-
backgroundColor: props.backgroundColor,
|
|
52
|
-
'& input, textarea': {
|
|
53
|
-
cursor: props.cantEdit ? 'default' : 'pointer',
|
|
54
|
-
padding: props.padding,
|
|
55
|
-
fontWeight: props.fontWeight,
|
|
56
|
-
color: props.textColor,
|
|
57
|
-
fontSize: props.fontSize,
|
|
58
|
-
'&::placeholder': {
|
|
59
|
-
fontSize: props.fontSize,
|
|
60
|
-
},
|
|
61
|
-
borderRadius: props.borderRadius,
|
|
62
|
-
},
|
|
63
|
-
'& .EF-MuiOutlinedInput-notchedOutline': {
|
|
64
|
-
borderColor: props.outlineColor,
|
|
65
|
-
'& span': {
|
|
66
|
-
fontSize: '0.75rem',
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
'&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
|
|
70
|
-
borderColor: props.outlineColor,
|
|
71
|
-
},
|
|
72
|
-
'&.Mui-focused .EF-MuiOutlinedInput-notchedOutline': {
|
|
73
|
-
borderColor: props.focusColor,
|
|
74
|
-
borderWidth: 2,
|
|
75
|
-
},
|
|
76
|
-
'&:hover .EF-MuiOutlinedInput-notchedOutline': {
|
|
77
|
-
borderColor: props.cantEdit
|
|
78
|
-
? props.outlineColor
|
|
79
|
-
: props.focusColor,
|
|
80
|
-
},
|
|
81
|
-
'& .EF-MuiInputAdornment-root': {
|
|
82
|
-
width: 5,
|
|
83
|
-
'& button': {
|
|
84
|
-
marginLeft: -25,
|
|
85
|
-
fontSize: 18,
|
|
86
|
-
padding: 16,
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
'&.Erk-MuiOutlinedInput-adornedEnd': {
|
|
90
|
-
paddingRight: 11,
|
|
91
|
-
},
|
|
92
|
-
'& .Mui-error': {
|
|
93
|
-
color: props.errorColor,
|
|
94
|
-
},
|
|
95
|
-
'&.Mui-disabled': {
|
|
96
|
-
cursor: 'default',
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
|
-
}); });
|
|
100
|
-
};
|
|
101
|
-
var useDatePickerLabelStyles = function (props) {
|
|
102
|
-
return makeStyles(function () { return ({
|
|
103
|
-
root: {
|
|
104
|
-
whiteSpace: 'nowrap',
|
|
105
|
-
overflow: 'hidden',
|
|
106
|
-
maxWidth: 'calc(100% - 50px)',
|
|
107
|
-
marginTop: props.height != '40px' ? '-4px' : '0px',
|
|
108
|
-
textOverflow: 'ellipsis',
|
|
109
|
-
fontSize: props.fontSize,
|
|
110
|
-
color: props.textColor + '8a',
|
|
111
|
-
'&.Mui-focused': {
|
|
112
|
-
color: props.focusColor,
|
|
113
|
-
},
|
|
114
|
-
'&.EF-MuiInputLabel-shrink': {
|
|
115
|
-
marginTop: '0px',
|
|
116
|
-
maxWidth: 'calc(100% - 5px)',
|
|
117
|
-
},
|
|
118
|
-
'& .Mui-error': {
|
|
119
|
-
color: props.errorColor,
|
|
120
|
-
},
|
|
121
|
-
'&.Mui-error': {
|
|
122
|
-
color: props.errorColor,
|
|
123
|
-
},
|
|
124
|
-
},
|
|
125
|
-
}); });
|
|
126
|
-
};
|
|
127
|
-
var useDatePickerHelperTextStyles = function (props) {
|
|
128
|
-
return makeStyles(function () { return ({
|
|
129
|
-
root: {
|
|
130
|
-
color: props.helperTextColor,
|
|
131
|
-
'&.Mui-error': {
|
|
132
|
-
color: props.errorColor,
|
|
133
|
-
},
|
|
134
|
-
},
|
|
135
|
-
}); });
|
|
136
|
-
};
|
|
137
|
-
var useDatePickerDialogStyles = function (props) {
|
|
138
|
-
return makeStyles(function () { return ({
|
|
139
|
-
datePicker: {
|
|
140
|
-
'& .EF-MuiPickersModal-dialogRoot': {
|
|
141
|
-
color: props.textColor,
|
|
142
|
-
'& .EF-MuiDialogActions-root': {
|
|
143
|
-
'& .EF-MuiButton-root:hover': {
|
|
144
|
-
backgroundColor: props.hoverColor,
|
|
145
|
-
},
|
|
146
|
-
'& .EF-MuiButton-label': {
|
|
147
|
-
color: props.focusColor,
|
|
148
|
-
},
|
|
149
|
-
'& .EF-MuiTouchRipple-root': {
|
|
150
|
-
color: props.focusColor,
|
|
151
|
-
},
|
|
152
|
-
},
|
|
153
|
-
},
|
|
154
|
-
//Days labels
|
|
155
|
-
'& .EF-MuiPickersDay-day': {
|
|
156
|
-
color: props.textColor,
|
|
157
|
-
},
|
|
158
|
-
// Selected day label
|
|
159
|
-
'& .EF-MuiPickersDay-daySelected': {
|
|
160
|
-
color: props.backgroundColor,
|
|
161
|
-
backgroundColor: props.focusColor,
|
|
162
|
-
},
|
|
163
|
-
//Title
|
|
164
|
-
'& .EF-MuiPickersDatePickerRoot-toolbar': {
|
|
165
|
-
color: props.backgroundColor,
|
|
166
|
-
backgroundColor: props.focusColor,
|
|
167
|
-
},
|
|
168
|
-
//Title
|
|
169
|
-
'& .EF-MuiPickersToolbar-toolbar': {
|
|
170
|
-
color: props.backgroundColor,
|
|
171
|
-
backgroundColor: props.focusColor,
|
|
172
|
-
},
|
|
173
|
-
'& .EF-MuiPickerDTTabs-tabs': {
|
|
174
|
-
color: props.backgroundColor,
|
|
175
|
-
backgroundColor: props.focusColor,
|
|
176
|
-
},
|
|
177
|
-
'& .EF-MuiPickersYear-yearSelected, .EF-MuiPickersYear-root:focus': {
|
|
178
|
-
color: props.focusColor,
|
|
179
|
-
},
|
|
180
|
-
'& .EF-MuiTabs-indicator': {
|
|
181
|
-
backgroundColor: props.contrastColor,
|
|
182
|
-
},
|
|
183
|
-
'& .EF-MuiPickersClockNumber-clockNumber': {
|
|
184
|
-
color: props.accentColor,
|
|
185
|
-
},
|
|
186
|
-
'& .EF-MuiPickersClockNumber-clockNumberSelected': {
|
|
187
|
-
color: props.backgroundColor,
|
|
188
|
-
},
|
|
189
|
-
'& .EF-MuiPickersClock-pin, .EF-MuiPickersClockPointer-pointer': {
|
|
190
|
-
backgroundColor: props.focusColor,
|
|
191
|
-
},
|
|
192
|
-
'& .EF-MuiPickersClockPointer-noPoint': {
|
|
193
|
-
backgroundColor: props.focusColor,
|
|
194
|
-
},
|
|
195
|
-
'& .EF-MuiPickersClockPointer-thumb': {
|
|
196
|
-
borderColor: props.focusColor,
|
|
197
|
-
},
|
|
198
|
-
'& .EF-MuiPickersDay-dayDisabled': {
|
|
199
|
-
color: 'rgba(0, 0, 0, 0.38)',
|
|
200
|
-
pointerEvents: 'all',
|
|
201
|
-
},
|
|
202
|
-
'& .EF-MuiPickersDay-current': {
|
|
203
|
-
color: props.backgroundColor,
|
|
204
|
-
backgroundColor: props.secondaryColor,
|
|
205
|
-
},
|
|
206
|
-
'& .EF-MuiPickersDay-hidden': {
|
|
207
|
-
opacity: 0.4,
|
|
208
|
-
pointerEvents: 'none',
|
|
209
|
-
},
|
|
210
|
-
'& .EF-MuiPickersDay-hidden.EF-MuiPickersDay-current': {
|
|
211
|
-
opacity: 0.8,
|
|
212
|
-
pointerEvents: 'none',
|
|
213
|
-
},
|
|
214
|
-
},
|
|
215
|
-
}); });
|
|
216
|
-
};
|
|
217
|
-
function CustomDatePicker(_a) {
|
|
218
|
-
var ref = _a.ref, _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.secondaryColor, secondaryColor = _c === void 0 ? '#98c1d9' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? '#ffffff' : _e, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.contrastColor, contrastColor = _g === void 0 ? '#ee6c4d' : _g, _h = _a.accentColor, accentColor = _h === void 0 ? '#293241' : _h, _j = _a.errorColor, errorColor = _j === void 0 ? '#cc2936' : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, _l = _a.padding, padding = _l === void 0 ? '6px 0px 6px 12px' : _l, _m = _a.fontSize, fontSize = _m === void 0 ? '1rem' : _m, _o = _a.shrunkenFontSize, shrunkenFontSize = _o === void 0 ? '1rem' : _o, _p = _a.helperTextColor, helperTextColor = _p === void 0 ? '#989898' : _p, _q = _a.fontWeight, fontWeight = _q === void 0 ? '300' : _q, _r = _a.height, height = _r === void 0 ? '31px' : _r, _s = _a.cantEdit, cantEdit = _s === void 0 ? false : _s, _t = _a.pickTime, pickTime = _t === void 0 ? false : _t, onChange = _a.onChange, required = _a.required, others = __rest(_a, ["ref", "focusColor", "secondaryColor", "outlineColor", "backgroundColor", "textColor", "contrastColor", "accentColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "helperTextColor", "fontWeight", "height", "cantEdit", "pickTime", "onChange", "required"]);
|
|
219
|
-
var classes = useDatePickerStyles({
|
|
220
|
-
padding: padding,
|
|
221
|
-
cantEdit: cantEdit,
|
|
222
|
-
textColor: textColor,
|
|
223
|
-
focusColor: focusColor,
|
|
224
|
-
hoverColor: focusColor + '0a',
|
|
225
|
-
outlineColor: outlineColor,
|
|
226
|
-
errorColor: errorColor,
|
|
227
|
-
backgroundColor: backgroundColor,
|
|
228
|
-
borderRadius: borderRadius,
|
|
229
|
-
fontSize: fontSize,
|
|
230
|
-
shrunkenFontSize: shrunkenFontSize,
|
|
231
|
-
fontWeight: fontWeight,
|
|
232
|
-
helperTextColor: helperTextColor,
|
|
233
|
-
height: height,
|
|
234
|
-
})();
|
|
235
|
-
var labelClasses = useDatePickerLabelStyles({
|
|
236
|
-
padding: padding,
|
|
237
|
-
cantEdit: cantEdit,
|
|
238
|
-
textColor: textColor,
|
|
239
|
-
focusColor: focusColor,
|
|
240
|
-
hoverColor: focusColor + '0a',
|
|
241
|
-
errorColor: errorColor,
|
|
242
|
-
outlineColor: outlineColor,
|
|
243
|
-
backgroundColor: backgroundColor,
|
|
244
|
-
borderRadius: borderRadius,
|
|
245
|
-
fontSize: fontSize,
|
|
246
|
-
shrunkenFontSize: shrunkenFontSize,
|
|
247
|
-
fontWeight: fontWeight,
|
|
248
|
-
helperTextColor: helperTextColor,
|
|
249
|
-
height: height,
|
|
250
|
-
})();
|
|
251
|
-
var datePicker = useDatePickerDialogStyles({
|
|
252
|
-
padding: padding,
|
|
253
|
-
cantEdit: cantEdit,
|
|
254
|
-
textColor: textColor,
|
|
255
|
-
secondaryColor: secondaryColor,
|
|
256
|
-
accentColor: accentColor,
|
|
257
|
-
contrastColor: contrastColor,
|
|
258
|
-
focusColor: focusColor,
|
|
259
|
-
hoverColor: focusColor + '0a',
|
|
260
|
-
errorColor: errorColor,
|
|
261
|
-
outlineColor: outlineColor,
|
|
262
|
-
backgroundColor: backgroundColor,
|
|
263
|
-
borderRadius: borderRadius,
|
|
264
|
-
fontSize: fontSize,
|
|
265
|
-
shrunkenFontSize: shrunkenFontSize,
|
|
266
|
-
fontWeight: fontWeight,
|
|
267
|
-
helperTextColor: helperTextColor,
|
|
268
|
-
height: height,
|
|
269
|
-
})().datePicker;
|
|
270
|
-
var helperTextStyles = useDatePickerHelperTextStyles({
|
|
271
|
-
padding: padding,
|
|
272
|
-
textColor: textColor,
|
|
273
|
-
focusColor: focusColor,
|
|
274
|
-
errorColor: errorColor,
|
|
275
|
-
outlineColor: outlineColor,
|
|
276
|
-
backgroundColor: backgroundColor,
|
|
277
|
-
borderRadius: borderRadius,
|
|
278
|
-
fontSize: fontSize,
|
|
279
|
-
shrunkenFontSize: shrunkenFontSize,
|
|
280
|
-
fontWeight: fontWeight,
|
|
281
|
-
helperTextColor: helperTextColor,
|
|
282
|
-
height: height,
|
|
283
|
-
})();
|
|
284
|
-
if (pickTime) {
|
|
285
|
-
return (_jsx(DateTimePicker, __assign({}, others, { ref: ref, inputVariant: "outlined", "data-testid": "date-picker", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: format(new Date(), 'Pp', { locale: getLocale() }), format: "Pp", required: required, InputLabelProps: { classes: labelClasses }, DialogProps: {
|
|
286
|
-
disableEnforceFocus: true,
|
|
287
|
-
className: datePicker,
|
|
288
|
-
cancelLabel: '',
|
|
289
|
-
} //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
|
|
290
|
-
, InputProps: {
|
|
291
|
-
required: required,
|
|
292
|
-
classes: classes,
|
|
293
|
-
disabled: cantEdit,
|
|
294
|
-
endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
|
|
295
|
-
color: '#757575',
|
|
296
|
-
fontSize: 20,
|
|
297
|
-
} })),
|
|
298
|
-
}, FormHelperTextProps: {
|
|
299
|
-
classes: helperTextStyles,
|
|
300
|
-
}, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
|
|
301
|
-
if (!day) {
|
|
302
|
-
return dayComponent;
|
|
303
|
-
}
|
|
304
|
-
return (_jsx("div", __assign({ onClick: function () {
|
|
305
|
-
onChange(day);
|
|
306
|
-
} }, { children: cloneElement(dayComponent) })));
|
|
307
|
-
}, variant: "dialog" })));
|
|
308
|
-
}
|
|
309
|
-
else {
|
|
310
|
-
return (_jsx(DatePicker, __assign({}, others, { ref: ref, "data-testid": "date-picker", inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: function (date) {
|
|
311
|
-
if (!date || (!others.value && date))
|
|
312
|
-
onChange(date);
|
|
313
|
-
}, placeholder: format(new Date(), 'P', { locale: getLocale() }), format: "P", required: required, InputLabelProps: { classes: labelClasses }, DialogProps: {
|
|
314
|
-
disableEnforceFocus: true,
|
|
315
|
-
className: datePicker,
|
|
316
|
-
cancelLabel: '',
|
|
317
|
-
} //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
|
|
318
|
-
, InputProps: {
|
|
319
|
-
required: required,
|
|
320
|
-
classes: classes,
|
|
321
|
-
disabled: cantEdit,
|
|
322
|
-
endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
|
|
323
|
-
color: '#757575',
|
|
324
|
-
fontSize: 20,
|
|
325
|
-
} })),
|
|
326
|
-
}, FormHelperTextProps: {
|
|
327
|
-
classes: helperTextStyles,
|
|
328
|
-
}, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
|
|
329
|
-
if (!day) {
|
|
330
|
-
return dayComponent;
|
|
331
|
-
}
|
|
332
|
-
return (_jsx("div", __assign({ onClick: function () {
|
|
333
|
-
onChange(day);
|
|
334
|
-
} }, { children: cloneElement(dayComponent) })));
|
|
335
|
-
}, variant: "dialog" })));
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
/**
|
|
339
|
-
* Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
|
|
340
|
-
*/
|
|
341
|
-
var RoundedDatePicker = /** @class */ (function (_super) {
|
|
342
|
-
__extends(RoundedDatePicker, _super);
|
|
343
|
-
function RoundedDatePicker() {
|
|
344
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
345
|
-
}
|
|
346
|
-
RoundedDatePicker.prototype.render = function () {
|
|
347
|
-
return _jsx(CustomDatePicker, __assign({}, this.props));
|
|
348
|
-
};
|
|
349
|
-
return RoundedDatePicker;
|
|
350
|
-
}(React.Component));
|
|
351
|
-
export default RoundedDatePicker;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import RoundedDatePicker from './RoundedDatePicker';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof RoundedDatePicker;
|
|
5
|
-
tags: string[];
|
|
6
|
-
args: {
|
|
7
|
-
focusColor: string;
|
|
8
|
-
secondaryColor: string;
|
|
9
|
-
helperTextColor: string;
|
|
10
|
-
outlineColor: string;
|
|
11
|
-
backgroundColor: string;
|
|
12
|
-
textColor: string;
|
|
13
|
-
contrastColor: string;
|
|
14
|
-
accentColor: string;
|
|
15
|
-
errorColor: string;
|
|
16
|
-
fontSize: string;
|
|
17
|
-
fontWeight: string;
|
|
18
|
-
cantEdit: false;
|
|
19
|
-
};
|
|
20
|
-
parameters: {
|
|
21
|
-
date: Date;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
export default meta;
|
|
25
|
-
type Story = StoryObj<typeof meta>;
|
|
26
|
-
export declare const Empty: Story;
|
|
27
|
-
export declare const Default: Story;
|
|
28
|
-
export declare const ValueAndLabel: Story;
|
|
29
|
-
export declare const Full: Story;
|
|
30
|
-
export declare const FullDateTime: Story;
|
|
31
|
-
export declare const Error: Story;
|
|
32
|
-
export declare const Menu: Story;
|
|
33
|
-
export declare const DateTimeDateMenu: Story;
|
|
34
|
-
export declare const DateTimeTimeMenu: Story;
|
|
35
|
-
export declare const ErrorColor: Story;
|
|
36
|
-
export declare const DifferentColors: Story;
|