intelicoreact 1.6.22 → 1.6.24
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 +98 -1
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +48 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.js +249 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +4 -1
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +65 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +52 -1
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +424 -1
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +4 -1
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +173 -1
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +4 -1
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +735 -1
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +20 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +529 -1
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +94 -1
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +105 -1
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +67 -1
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +247 -1
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +160 -1
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +193 -1
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +135 -1
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +116 -1
- package/dist/Atomic/FormElements/Input/Input.js +467 -1
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +161 -1
- package/dist/Atomic/FormElements/InputColor/InputColor.js +64 -1
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +200 -1
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +354 -1
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +71 -1
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +693 -1
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +254 -1
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +32 -1
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +200 -1
- package/dist/Atomic/FormElements/InputLink/InputLink.js +99 -1
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +37 -1
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1214 -1
- package/dist/Atomic/FormElements/InputMask/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +58 -1
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +674 -1
- package/dist/Atomic/FormElements/InputMask2/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +58 -1
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +766 -1
- package/dist/Atomic/FormElements/InputMask3/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +58 -1
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +114 -1
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +140 -1
- package/dist/Atomic/FormElements/Label/Label.js +87 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +506 -1
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +45 -1
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +331 -1
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +66 -1
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +80 -1
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +57 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +54 -1
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +183 -1
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +222 -1
- package/dist/Atomic/FormElements/RangeList/RangeList.js +175 -1
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +43 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +443 -1
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +858 -1
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +39 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.js +59 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +50 -1
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +44 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +100 -1
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +52 -1
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +64 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +170 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +202 -1
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +67 -1
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +115 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.ts +2 -2
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1110 -1
- package/dist/Atomic/FormElements/Text/Text.js +125 -1
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +49 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +80 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +176 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +62 -1
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +119 -1
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +188 -1
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +83 -1
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +82 -1
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +101 -1
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +29 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +113 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +30 -1
- package/dist/Atomic/Layout/Header/Header.js +85 -1
- package/dist/Atomic/Layout/Spinner/Spinner.js +44 -1
- package/dist/Atomic/UI/Accordion/Accordion.js +108 -1
- package/dist/Atomic/UI/Accordion/AccordionItem.js +176 -1
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +238 -1
- package/dist/Atomic/UI/AccordionText/AccordionText.js +69 -1
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +207 -1
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +56 -1
- package/dist/Atomic/UI/Alert/Alert.js +72 -1
- package/dist/Atomic/UI/Arrow/Arrow.js +132 -1
- package/dist/Atomic/UI/Box/Box.js +52 -1
- package/dist/Atomic/UI/Button/Button.js +47 -1
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +72 -1
- package/dist/Atomic/UI/Chart/Chart.js +172 -1
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +95 -1
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +80 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +188 -1
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +335 -1
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +43 -1
- package/dist/Atomic/UI/Chart/partial/utils.js +60 -1
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +109 -1
- package/dist/Atomic/UI/DateTime/DateTime.js +57 -1
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +44 -1
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +15 -1
- package/dist/Atomic/UI/DoubleString/DoubleString.js +102 -1
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +70 -1
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +221 -1
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +106 -1
- package/dist/Atomic/UI/Hint/Hint.js +256 -1
- package/dist/Atomic/UI/Hint/partials/_utils.js +64 -1
- package/dist/Atomic/UI/Modal/Modal.js +179 -1
- package/dist/Atomic/UI/Modal/ModalHOC.js +97 -1
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +71 -1
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +110 -1
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +192 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +75 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +80 -1
- package/dist/Atomic/UI/NavLine/NavLine.js +317 -1
- package/dist/Atomic/UI/PageTitle/PageTitle.js +77 -1
- package/dist/Atomic/UI/PieChart/PieChart.js +42 -1
- package/dist/Atomic/UI/Price/Price.js +31 -1
- package/dist/Atomic/UI/PriceRange/PriceRange.js +44 -1
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +98 -1
- package/dist/Atomic/UI/Status/Status.js +67 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +87 -1
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +38 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +99 -1
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +52 -1
- package/dist/Atomic/UI/Table/Table.js +63 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +80 -1
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +28 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +13 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +53 -1
- package/dist/Atomic/UI/Tag/Tag.js +167 -1
- package/dist/Atomic/UI/TagList/TagList.js +251 -1
- package/dist/Atomic/UI/UserBox/UserBox.js +86 -1
- package/dist/Atomic/UI/WizardStepper/constructor.js +84 -1
- package/dist/Atomic/UI/WizardStepper/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +37 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +61 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +39 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +49 -1
- package/dist/Atomic/UI/WizardStepper/ui/index.js +3 -1
- package/dist/Classes/AbortableFetch.js +454 -1
- package/dist/Classes/AnimatedHandler.js +47 -1
- package/dist/Classes/RESTAPI/index.js +228 -1
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +457 -1
- package/dist/Classes/RESTAPI/partials/ApiBase.js +48 -1
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +112 -1
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +189 -1
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +252 -1
- package/dist/Classes/RESTAPI/partials/Utils.js +92 -1
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +3 -1
- package/dist/Classes/RESTAPI/partials/_utils.js +197 -1
- package/dist/Constants/index.constants.js +78 -1
- package/dist/Functions/Portal.js +22 -1
- package/dist/Functions/customEventListener.js +96 -1
- package/dist/Functions/dateTime.js +149 -1
- package/dist/Functions/fieldValueFormatters.js +405 -1
- package/dist/Functions/guards/assertions.js +294 -1
- package/dist/Functions/guards/safeValue.js +75 -1
- package/dist/Functions/guards/typeGuards.js +373 -1
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +95 -1
- package/dist/Functions/locale/createTranslator.js +32 -1
- package/dist/Functions/operations.js +130 -1
- package/dist/Functions/presets/inputMaskPresets.js +170 -1
- package/dist/Functions/presets/inputPresets.js +60 -1
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +45 -1
- package/dist/Functions/schemas.js +31 -1
- package/dist/Functions/useBodyScrollLock.js +17 -1
- package/dist/Functions/useClickOutside.js +15 -1
- package/dist/Functions/useDebounce.js +17 -1
- package/dist/Functions/useFieldFocus.js +84 -1
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +39 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +159 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +78 -1
- package/dist/Functions/useFormTools/functions/General.js +134 -1
- package/dist/Functions/useFormTools/functions/RenderFields.js +111 -1
- package/dist/Functions/useFormTools/functions/usePrevious.js +12 -1
- package/dist/Functions/useFormTools/index.js +778 -1
- package/dist/Functions/useInputHighlightError.js +67 -1
- package/dist/Functions/useIsMobile/useIsMobile.js +33 -1
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +52 -1
- package/dist/Functions/useKeyPress/useKeyPress.js +52 -1
- package/dist/Functions/useLocalStorage.js +34 -1
- package/dist/Functions/useLocationParams.js +27 -1
- package/dist/Functions/useMediaQuery.js +17 -1
- package/dist/Functions/useMetaInfo.js +43 -1
- package/dist/Functions/useMouseUpOutside.js +16 -1
- package/dist/Functions/useOnlineStatus.js +29 -1
- package/dist/Functions/usePasswordChecker.js +110 -1
- package/dist/Functions/usePrevious.js +12 -1
- package/dist/Functions/useResize.js +31 -1
- package/dist/Functions/useScrollTo.js +17 -1
- package/dist/Functions/useToggle.js +17 -1
- package/dist/Functions/utils.js +522 -1
- package/dist/Langs.js +168 -1
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +21 -1
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +23 -1
- package/dist/Molecular/CustomIcons/components/AppStore.js +29 -1
- package/dist/Molecular/CustomIcons/components/Arrow.js +32 -1
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +17 -1
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -1
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -1
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +17 -1
- package/dist/Molecular/CustomIcons/components/Bell.js +15 -1
- package/dist/Molecular/CustomIcons/components/Button.js +12 -1
- package/dist/Molecular/CustomIcons/components/Campaigns.js +16 -1
- package/dist/Molecular/CustomIcons/components/Check.js +14 -1
- package/dist/Molecular/CustomIcons/components/Check2.js +12 -1
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +12 -1
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +27 -1
- package/dist/Molecular/CustomIcons/components/Close.js +14 -1
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +17 -1
- package/dist/Molecular/CustomIcons/components/Delete.js +16 -1
- package/dist/Molecular/CustomIcons/components/Edit.js +15 -1
- package/dist/Molecular/CustomIcons/components/Email.js +31 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +18 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +35 -1
- package/dist/Molecular/CustomIcons/components/Flows.js +15 -1
- package/dist/Molecular/CustomIcons/components/Gift.js +25 -1
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +29 -1
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +29 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +19 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +20 -1
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +19 -1
- package/dist/Molecular/CustomIcons/components/Home.js +16 -1
- package/dist/Molecular/CustomIcons/components/Home2.js +22 -1
- package/dist/Molecular/CustomIcons/components/Key.js +23 -1
- package/dist/Molecular/CustomIcons/components/Landers.js +20 -1
- package/dist/Molecular/CustomIcons/components/Lock.js +15 -1
- package/dist/Molecular/CustomIcons/components/Mail.js +26 -1
- package/dist/Molecular/CustomIcons/components/Mastercard.js +73 -1
- package/dist/Molecular/CustomIcons/components/Minus.js +25 -1
- package/dist/Molecular/CustomIcons/components/Offers.js +16 -1
- package/dist/Molecular/CustomIcons/components/Pause.js +28 -1
- package/dist/Molecular/CustomIcons/components/PayPal.js +41 -1
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +28 -1
- package/dist/Molecular/CustomIcons/components/Phone.js +30 -1
- package/dist/Molecular/CustomIcons/components/Play.js +25 -1
- package/dist/Molecular/CustomIcons/components/Plus.js +25 -1
- package/dist/Molecular/CustomIcons/components/Profile.js +16 -1
- package/dist/Molecular/CustomIcons/components/QRCode.js +29 -1
- package/dist/Molecular/CustomIcons/components/Rectangle.js +12 -1
- package/dist/Molecular/CustomIcons/components/Revert.js +13 -1
- package/dist/Molecular/CustomIcons/components/Star.js +14 -1
- package/dist/Molecular/CustomIcons/components/Star2.js +16 -1
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +14 -1
- package/dist/Molecular/CustomIcons/components/Trash.js +15 -1
- package/dist/Molecular/CustomIcons/components/TrashRed.js +15 -1
- package/dist/Molecular/CustomIcons/components/Triggers.js +15 -1
- package/dist/Molecular/CustomIcons/components/User.js +25 -1
- package/dist/Molecular/CustomIcons/components/Visa.js +31 -1
- package/dist/Molecular/CustomIcons/components/X.js +12 -1
- package/dist/Molecular/CustomIcons/index.js +61 -1
- package/dist/Molecular/FormElement/FormElement.js +54 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +184 -1
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +53 -1
- package/dist/Molecular/InputAddress/InputAddress.js +626 -1
- package/dist/Molecular/InputPassword/InputPassword.js +48 -1
- package/dist/index.js +104 -1
- package/package.json +1 -1
- package/dist/Molecular/InputAddress/InputAddress.d.ts +0 -26
- package/dist/Molecular/InputAddress/InputAddress.js.map +0 -1
|
@@ -1 +1,15 @@
|
|
|
1
|
-
module.exports={
|
|
1
|
+
module.exports = {
|
|
2
|
+
UPPERCASE_LETTER_MASK_CHAR: "L",
|
|
3
|
+
LOWERCASE_LETTER_MASK_CHAR: "l",
|
|
4
|
+
DIGIT_MASK_CHAR: "D",
|
|
5
|
+
SPACE_CHAR: "\u00A0",
|
|
6
|
+
ANDROID_CHROME_TEXT_CODE: 229,
|
|
7
|
+
EXCLUDED_KEYS: ["Tab"],
|
|
8
|
+
DEFAULT_ERRORS: {
|
|
9
|
+
onlyLetter: "Type letter",
|
|
10
|
+
onlyDigit: "Type digit",
|
|
11
|
+
onlyUpperCase: "Type letter in UpperCase",
|
|
12
|
+
onlyLowerCase: "Type letter in LowerCase",
|
|
13
|
+
default: null,
|
|
14
|
+
},
|
|
15
|
+
};
|
|
@@ -1 +1,58 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
DIGIT_MASK_CHAR,
|
|
3
|
+
LOWERCASE_LETTER_MASK_CHAR,
|
|
4
|
+
UPPERCASE_LETTER_MASK_CHAR,
|
|
5
|
+
} from "./config";
|
|
6
|
+
|
|
7
|
+
export const getSelectionText = () => {
|
|
8
|
+
let text = "";
|
|
9
|
+
if (window.getSelection) {
|
|
10
|
+
text = window.getSelection().toString();
|
|
11
|
+
} else if (document.selection && document.selection.type !== "Control") {
|
|
12
|
+
text = document.selection.createRange().text;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
return text?.replace(/\n/g, "");
|
|
16
|
+
};
|
|
17
|
+
export const resetSelectionText = () => {
|
|
18
|
+
if (window.getSelection) {
|
|
19
|
+
window.getSelection().removeAllRanges();
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export const copyToClipboard = (str) => {
|
|
23
|
+
if (navigator && navigator.clipboard && navigator.clipboard.writeText)
|
|
24
|
+
return navigator.clipboard.writeText(str);
|
|
25
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
26
|
+
return Promise.reject("The Clipboard API is not available.");
|
|
27
|
+
};
|
|
28
|
+
export const selectElementContents = (el, startOffset = -1, endOffset = -1) => {
|
|
29
|
+
const sel = window.getSelection();
|
|
30
|
+
sel.selectAllChildren(el);
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export const isLetter = (char) => {
|
|
34
|
+
return Boolean(char?.length === 1 && char?.match(/[a-z]/i));
|
|
35
|
+
};
|
|
36
|
+
export const isUpperCaseLetter = (char) => {
|
|
37
|
+
return isLetter(char) ? char === char.slice().toUpperCase() : false;
|
|
38
|
+
};
|
|
39
|
+
export const isLowerCaseLetter = (char) => {
|
|
40
|
+
return isLetter(char) ? char === char.slice().toLowerCase() : false;
|
|
41
|
+
};
|
|
42
|
+
export const isDigit = (char) => {
|
|
43
|
+
return Boolean(Number.isInteger(parseInt(char, 10)));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export const isDigitMaskChar = (char) => {
|
|
47
|
+
return char === DIGIT_MASK_CHAR;
|
|
48
|
+
};
|
|
49
|
+
export const isLetterMaskChar = (char) => {
|
|
50
|
+
return (
|
|
51
|
+
char === UPPERCASE_LETTER_MASK_CHAR || char === LOWERCASE_LETTER_MASK_CHAR
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export const voidFn = () => {
|
|
56
|
+
// eslint-disable-next-line no-console
|
|
57
|
+
console.error("Void Function Called");
|
|
58
|
+
};
|
|
@@ -1 +1,114 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
|
|
5
|
+
import Spinner from "../../Layout/Spinner/Spinner";
|
|
6
|
+
import Button from "../../UI/Button/Button";
|
|
7
|
+
import Input from "../Input/Input";
|
|
8
|
+
|
|
9
|
+
import "./InputWithAction.scss";
|
|
10
|
+
|
|
11
|
+
const RC = "input-with-action";
|
|
12
|
+
|
|
13
|
+
const InputWithAction = React.forwardRef((props, ref) => {
|
|
14
|
+
const {
|
|
15
|
+
className,
|
|
16
|
+
inputClassName,
|
|
17
|
+
|
|
18
|
+
isHideAction = false,
|
|
19
|
+
actionLabel = "Generate",
|
|
20
|
+
doAction,
|
|
21
|
+
actionContent,
|
|
22
|
+
actionProps,
|
|
23
|
+
isNoChangeAfterAction = false,
|
|
24
|
+
|
|
25
|
+
isWithCopy = true,
|
|
26
|
+
copyLabel = "Copy",
|
|
27
|
+
copy,
|
|
28
|
+
copyIcon,
|
|
29
|
+
isNoCopyIcon,
|
|
30
|
+
isCopyIconRight,
|
|
31
|
+
copyButtonVariant = "dark-outline",
|
|
32
|
+
|
|
33
|
+
disabled,
|
|
34
|
+
isInputZoneDisabled,
|
|
35
|
+
isInputDisabled,
|
|
36
|
+
|
|
37
|
+
isLodaing,
|
|
38
|
+
|
|
39
|
+
onChange,
|
|
40
|
+
value,
|
|
41
|
+
|
|
42
|
+
testId,
|
|
43
|
+
...inputProps
|
|
44
|
+
} = props;
|
|
45
|
+
|
|
46
|
+
const [isLocalLoading, setIsLocalLoading] = useState(false);
|
|
47
|
+
|
|
48
|
+
const handle = {
|
|
49
|
+
doAction: async () => {
|
|
50
|
+
setIsLocalLoading(true);
|
|
51
|
+
const result = await doAction?.(value, actionProps);
|
|
52
|
+
if (!isNoChangeAfterAction) onChange(result);
|
|
53
|
+
setIsLocalLoading(false);
|
|
54
|
+
return result;
|
|
55
|
+
},
|
|
56
|
+
copy: () => {
|
|
57
|
+
if (typeof copy === "function") copy(value);
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (isLocalLoading !== isLodaing) setIsLocalLoading(isLodaing);
|
|
63
|
+
}, [isLodaing]);
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<div className={cn(RC, className, { [`${RC}_disabled`]: disabled })}>
|
|
67
|
+
<div
|
|
68
|
+
className={cn(`${RC}__input-zone`, {
|
|
69
|
+
[`${RC}__input-zone_disabled`]: isInputZoneDisabled,
|
|
70
|
+
[`${RC}__input-zone_input-disabled`]: isInputDisabled,
|
|
71
|
+
})}
|
|
72
|
+
>
|
|
73
|
+
<Input
|
|
74
|
+
{...inputProps}
|
|
75
|
+
testId={`${testId}-input`}
|
|
76
|
+
ref={ref}
|
|
77
|
+
value={value}
|
|
78
|
+
disabled={isInputDisabled}
|
|
79
|
+
onChange={onChange}
|
|
80
|
+
className={cn(`${RC}__input`, inputClassName)}
|
|
81
|
+
/>
|
|
82
|
+
{!isHideAction && actionContent}
|
|
83
|
+
|
|
84
|
+
{!isHideAction && !actionContent && (
|
|
85
|
+
<div className={cn(`${RC}__action-container`)}>
|
|
86
|
+
<span
|
|
87
|
+
className={cn(`${RC}__action-label`)}
|
|
88
|
+
onClick={() => handle.doAction()}
|
|
89
|
+
testId={`${testId}-action-label`}
|
|
90
|
+
>
|
|
91
|
+
{actionLabel}
|
|
92
|
+
</span>
|
|
93
|
+
</div>
|
|
94
|
+
)}
|
|
95
|
+
{isLocalLoading && <Spinner size="small" />}
|
|
96
|
+
</div>
|
|
97
|
+
{isWithCopy && (
|
|
98
|
+
<Button
|
|
99
|
+
testId={`${testId}-copy-button`}
|
|
100
|
+
className={`${RC}__coppy-button`}
|
|
101
|
+
onClick={() => handle.copy()}
|
|
102
|
+
icon={copyIcon}
|
|
103
|
+
noIcon={isNoCopyIcon}
|
|
104
|
+
isIconRight={isCopyIconRight}
|
|
105
|
+
variant={copyButtonVariant}
|
|
106
|
+
>
|
|
107
|
+
{copyLabel}
|
|
108
|
+
</Button>
|
|
109
|
+
)}
|
|
110
|
+
</div>
|
|
111
|
+
);
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
export default InputWithAction;
|
|
@@ -1 +1,140 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
|
|
3
|
+
import { Trash2 } from "react-feather";
|
|
4
|
+
import { v4 as uuid } from "uuid";
|
|
5
|
+
|
|
6
|
+
import Button from "../../UI/Button/Button";
|
|
7
|
+
import Input from "../Input/Input";
|
|
8
|
+
|
|
9
|
+
import "./InputsRow.scss";
|
|
10
|
+
|
|
11
|
+
const getRandomInRange = (min, max) => {
|
|
12
|
+
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const handleObjectChange =
|
|
16
|
+
(updateObject, updateFunction) =>
|
|
17
|
+
(data, prop = "", isNumber) => {
|
|
18
|
+
let value;
|
|
19
|
+
if (data?.target) {
|
|
20
|
+
value =
|
|
21
|
+
data.target.type === "checkbox"
|
|
22
|
+
? data.target.checked
|
|
23
|
+
: data.target.value;
|
|
24
|
+
} else value = data;
|
|
25
|
+
|
|
26
|
+
value = isNumber ? Number(value) : value;
|
|
27
|
+
|
|
28
|
+
const props = prop.split(".");
|
|
29
|
+
const currentObject = props.reduce((res, chapter, index) => {
|
|
30
|
+
if (props.length !== index + 1) res = res[chapter];
|
|
31
|
+
return res;
|
|
32
|
+
}, updateObject);
|
|
33
|
+
|
|
34
|
+
currentObject[props.pop()] = value;
|
|
35
|
+
updateFunction();
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const InputsRow = ({
|
|
39
|
+
items,
|
|
40
|
+
title,
|
|
41
|
+
paramPlaceholder = "",
|
|
42
|
+
valuePlaceholder = "",
|
|
43
|
+
descriptionPlaceholder = "",
|
|
44
|
+
}) => {
|
|
45
|
+
const initialRows = [
|
|
46
|
+
{
|
|
47
|
+
param: "",
|
|
48
|
+
value: "",
|
|
49
|
+
description: "",
|
|
50
|
+
rowId: "1",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
param: "",
|
|
54
|
+
value: "",
|
|
55
|
+
description: "",
|
|
56
|
+
rowId: "2",
|
|
57
|
+
},
|
|
58
|
+
];
|
|
59
|
+
const [data, setData] = useState(items || initialRows);
|
|
60
|
+
const onChange = handleObjectChange(setData, () => setData({ ...data }));
|
|
61
|
+
const [rows, setRows] = useState(data);
|
|
62
|
+
|
|
63
|
+
const handleAddRow = () => {
|
|
64
|
+
const newRow = [
|
|
65
|
+
...rows,
|
|
66
|
+
{
|
|
67
|
+
param: "",
|
|
68
|
+
value: "",
|
|
69
|
+
description: "",
|
|
70
|
+
rowId: getRandomInRange(1, 1000),
|
|
71
|
+
},
|
|
72
|
+
];
|
|
73
|
+
setRows(newRow);
|
|
74
|
+
onChange(newRow);
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
const handleArrayChange = (e, index, prop) => {
|
|
78
|
+
rows[index][prop] = e;
|
|
79
|
+
onChange(rows);
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
const onDelete = (index) => {
|
|
83
|
+
onChange([...rows.splice(index, 1)]);
|
|
84
|
+
onChange(rows);
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
return (
|
|
88
|
+
<div>
|
|
89
|
+
{title ? <div className="mb5">{title}</div> : null}
|
|
90
|
+
|
|
91
|
+
<div className="df">
|
|
92
|
+
<div className="inputs-row--param-label">Parameter name(key)</div>
|
|
93
|
+
<div className="inputs-row--value-label">Value</div>
|
|
94
|
+
<div className="inputs-row--description-label">Description</div>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
{rows.map((item, index) => (
|
|
98
|
+
<div className="j4 mb5" key={item.rowId}>
|
|
99
|
+
<div className="inputs-row--input mr10">
|
|
100
|
+
<Input
|
|
101
|
+
onChange={(e) => handleArrayChange(e, index, "param")}
|
|
102
|
+
value={item.param}
|
|
103
|
+
placeholder={paramPlaceholder}
|
|
104
|
+
/>
|
|
105
|
+
</div>
|
|
106
|
+
<div className="inputs-row--input mr10">
|
|
107
|
+
<Input
|
|
108
|
+
onChange={(e) => handleArrayChange(e, index, "value")}
|
|
109
|
+
value={item.value}
|
|
110
|
+
placeholder={valuePlaceholder}
|
|
111
|
+
/>
|
|
112
|
+
</div>
|
|
113
|
+
<div className="inputs-row--input mr10">
|
|
114
|
+
<Input
|
|
115
|
+
onChange={(e) => handleArrayChange(e, index, "description")}
|
|
116
|
+
value={item.description}
|
|
117
|
+
placeholder={descriptionPlaceholder}
|
|
118
|
+
/>
|
|
119
|
+
</div>
|
|
120
|
+
|
|
121
|
+
{rows.length > 1 && (
|
|
122
|
+
<div onClick={() => onDelete(index)} className="inputs-row--trash">
|
|
123
|
+
<Trash2 />
|
|
124
|
+
</div>
|
|
125
|
+
)}
|
|
126
|
+
</div>
|
|
127
|
+
))}
|
|
128
|
+
|
|
129
|
+
{rows.length < 10 && (
|
|
130
|
+
<Button
|
|
131
|
+
onClick={handleAddRow}
|
|
132
|
+
label="Add row"
|
|
133
|
+
className="inputs-row--add-btn"
|
|
134
|
+
/>
|
|
135
|
+
)}
|
|
136
|
+
</div>
|
|
137
|
+
);
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
export default InputsRow;
|
|
@@ -1 +1,87 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
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
|
+
const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
|
|
15
|
+
require("./Label.scss");
|
|
16
|
+
function _interop_require_default(obj) {
|
|
17
|
+
return obj && obj.__esModule ? obj : {
|
|
18
|
+
default: obj
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
const CN = 'label';
|
|
22
|
+
const Label = ({ className = '', label = '', note, hint, isRequired, isLabelBolt, onClickHintCallback, error = null, isAccessability = false, isAccessabilityHint = false, testId = CN })=>{
|
|
23
|
+
const correctLabel = isRequired ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
24
|
+
children: [
|
|
25
|
+
label,
|
|
26
|
+
' ',
|
|
27
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
28
|
+
className: "label_asterisk",
|
|
29
|
+
children: "*"
|
|
30
|
+
}),
|
|
31
|
+
' ',
|
|
32
|
+
note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
33
|
+
className: "label_note",
|
|
34
|
+
children: note
|
|
35
|
+
}),
|
|
36
|
+
hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
|
|
37
|
+
id: `hint-${label}`,
|
|
38
|
+
children: null,
|
|
39
|
+
isLoading: false,
|
|
40
|
+
isAccessability: isAccessabilityHint,
|
|
41
|
+
hint: hint.text,
|
|
42
|
+
icon: hint.icon,
|
|
43
|
+
variant: hint.variant,
|
|
44
|
+
side: hint.hintSide,
|
|
45
|
+
className: "label-hint",
|
|
46
|
+
onClickCallback: onClickHintCallback
|
|
47
|
+
}, `hint-${label}`)
|
|
48
|
+
]
|
|
49
|
+
}) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
50
|
+
children: [
|
|
51
|
+
label,
|
|
52
|
+
' ',
|
|
53
|
+
note && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
54
|
+
className: "label_note",
|
|
55
|
+
children: note
|
|
56
|
+
}),
|
|
57
|
+
hint && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
|
|
58
|
+
isAccessability: isAccessabilityHint,
|
|
59
|
+
hint: hint.text,
|
|
60
|
+
icon: hint.icon,
|
|
61
|
+
variant: hint.variant,
|
|
62
|
+
side: hint.hintSide,
|
|
63
|
+
className: "label-hint",
|
|
64
|
+
onClickCallback: onClickHintCallback,
|
|
65
|
+
id: undefined,
|
|
66
|
+
children: undefined,
|
|
67
|
+
isLoading: undefined
|
|
68
|
+
}, undefined)
|
|
69
|
+
]
|
|
70
|
+
});
|
|
71
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
72
|
+
tabIndex: isAccessability ? 0 : -1,
|
|
73
|
+
"aria-label": label,
|
|
74
|
+
className: (0, _classnames.default)(CN, {
|
|
75
|
+
label_bold: isLabelBolt,
|
|
76
|
+
error,
|
|
77
|
+
isRequired
|
|
78
|
+
}, className),
|
|
79
|
+
"data-testid": testId,
|
|
80
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
81
|
+
className: "label_text",
|
|
82
|
+
"data-testid": "label-text",
|
|
83
|
+
children: correctLabel
|
|
84
|
+
})
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
const _default = Label;
|