intelicoreact 1.6.25 → 1.6.26
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.js +1 -735
- 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.d.ts +2 -0
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +1 -693
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js.map +1 -0
- 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.d.ts +19 -0
- package/dist/Atomic/UI/DoubleString/DoubleString.js +1 -102
- package/dist/Atomic/UI/DoubleString/DoubleString.js.map +1 -0
- 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,109 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
import "./CircleProgressBar.scss";
|
|
6
|
-
|
|
7
|
-
const CircleProgressBar = ({
|
|
8
|
-
amount,
|
|
9
|
-
totalAmount,
|
|
10
|
-
isReverseType,
|
|
11
|
-
children,
|
|
12
|
-
className,
|
|
13
|
-
colors,
|
|
14
|
-
isInnerLine,
|
|
15
|
-
radius = 59,
|
|
16
|
-
strokeWidth = 2,
|
|
17
|
-
innerLineStrokeWidth = 2,
|
|
18
|
-
testId = "circle-progress-bar",
|
|
19
|
-
}) => {
|
|
20
|
-
const circumference = Math.round(2 * Math.PI * radius);
|
|
21
|
-
const amountProgress =
|
|
22
|
-
amount < totalAmount ? Math.round((amount / totalAmount) * 100) : 100; //%
|
|
23
|
-
const defaultColors = {
|
|
24
|
-
start: "#6b81dd",
|
|
25
|
-
finish: "#f06d8d",
|
|
26
|
-
meter: "#ffcad6",
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const [strokeDashoffset, setStrokeDashoffset] = useState(isReverseType ? String(0) : circumference);
|
|
30
|
-
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
setStrokeDashoffset(circumference - (circumference * amountProgress) / 100);
|
|
33
|
-
}, [amountProgress]);
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<div
|
|
37
|
-
data-testid={testId}
|
|
38
|
-
className={cn("limit-progress-bar", { "limit-progress-bar--reverse": isReverseType }, className)}
|
|
39
|
-
>
|
|
40
|
-
<svg
|
|
41
|
-
className="limit-progress-bar__progress"
|
|
42
|
-
width="124"
|
|
43
|
-
height="124"
|
|
44
|
-
viewBox="0 0 124 124"
|
|
45
|
-
>
|
|
46
|
-
<defs>
|
|
47
|
-
{isReverseType ? (
|
|
48
|
-
<linearGradient
|
|
49
|
-
id="limit-progress-bar-linear-gradient-reverse"
|
|
50
|
-
x1="0"
|
|
51
|
-
y1="1"
|
|
52
|
-
x2="0"
|
|
53
|
-
y2="0"
|
|
54
|
-
>
|
|
55
|
-
<stop
|
|
56
|
-
offset="0"
|
|
57
|
-
stopColor={colors.finish || defaultColors.finish}
|
|
58
|
-
/>
|
|
59
|
-
<stop
|
|
60
|
-
offset="1"
|
|
61
|
-
stopColor={colors.start || defaultColors.start}
|
|
62
|
-
/>
|
|
63
|
-
</linearGradient>
|
|
64
|
-
) : (
|
|
65
|
-
<linearGradient
|
|
66
|
-
id="limit-progress-bar-linear-gradient"
|
|
67
|
-
x1="0"
|
|
68
|
-
y1="1"
|
|
69
|
-
x2="0"
|
|
70
|
-
y2="0"
|
|
71
|
-
>
|
|
72
|
-
<stop
|
|
73
|
-
offset="0"
|
|
74
|
-
stopColor={colors.start || defaultColors.start}
|
|
75
|
-
/>
|
|
76
|
-
<stop
|
|
77
|
-
offset="1"
|
|
78
|
-
stopColor={colors.finish || defaultColors.finish}
|
|
79
|
-
/>
|
|
80
|
-
</linearGradient>
|
|
81
|
-
)}
|
|
82
|
-
</defs>
|
|
83
|
-
<circle
|
|
84
|
-
className="limit-progress-bar__meter"
|
|
85
|
-
cx={radius}
|
|
86
|
-
cy={radius}
|
|
87
|
-
r={radius}
|
|
88
|
-
stroke={!isInnerLine ? "" : colors.meter || defaultColors.meter}
|
|
89
|
-
strokeWidth={String(innerLineStrokeWidth)}
|
|
90
|
-
/>
|
|
91
|
-
<circle
|
|
92
|
-
className="limit-progress-bar__value"
|
|
93
|
-
cx={radius}
|
|
94
|
-
cy={radius}
|
|
95
|
-
r={radius}
|
|
96
|
-
strokeWidth={String(strokeWidth)}
|
|
97
|
-
stroke={`url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`}
|
|
98
|
-
style={{
|
|
99
|
-
strokeDasharray: circumference,
|
|
100
|
-
strokeDashoffset,
|
|
101
|
-
}}
|
|
102
|
-
/>
|
|
103
|
-
</svg>
|
|
104
|
-
<div className="limit-progress-bar__content">{children}</div>
|
|
105
|
-
</div>
|
|
106
|
-
);
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
export default CircleProgressBar;
|
|
1
|
+
function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,i=Array(t);e<t;e++)i[e]=r[e];return i}import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useEffect as i,useState as s}from"react";import o from"classnames";import"./CircleProgressBar.scss";export default function(n){var a,l=n.amount,c=n.totalAmount,d=n.isReverseType,f=n.children,m=n.className,u=n.colors,p=n.isInnerLine,h=n.radius,g=void 0===h?59:h,y=n.strokeWidth,v=n.innerLineStrokeWidth,b=n.testId,x=Math.round(2*Math.PI*g),S=l<c?Math.round(l/c*100):100,k={start:"#6b81dd",finish:"#f06d8d",meter:"#ffcad6"},_=(a=s(d?String(0):x),function(r){if(Array.isArray(r))return r}(a)||function(r,t){var e,i,s=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=s){var o=[],n=!0,a=!1;try{for(s=s.call(r);!(n=(e=s.next()).done)&&(o.push(e.value),o.length!==t);n=!0);}catch(r){a=!0,i=r}finally{try{n||null==s.return||s.return()}finally{if(a)throw i}}return o}}(a,2)||function(t,e){if(t){if("string"==typeof t)return r(t,2);var i=Object.prototype.toString.call(t).slice(8,-1);if("Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i)return Array.from(i);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return r(t,e)}}(a,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.")}()),A=_[0],j=_[1];return i(function(){j(x-x*S/100)},[S]),e("div",{"data-testid":void 0===b?"circle-progress-bar":b,className:o("limit-progress-bar",{"limit-progress-bar--reverse":d},m),children:[e("svg",{className:"limit-progress-bar__progress",width:"124",height:"124",viewBox:"0 0 124 124",children:[t("defs",{children:d?e("linearGradient",{id:"limit-progress-bar-linear-gradient-reverse",x1:"0",y1:"1",x2:"0",y2:"0",children:[t("stop",{offset:"0",stopColor:u.finish||k.finish}),t("stop",{offset:"1",stopColor:u.start||k.start})]}):e("linearGradient",{id:"limit-progress-bar-linear-gradient",x1:"0",y1:"1",x2:"0",y2:"0",children:[t("stop",{offset:"0",stopColor:u.start||k.start}),t("stop",{offset:"1",stopColor:u.finish||k.finish})]})}),t("circle",{className:"limit-progress-bar__meter",cx:g,cy:g,r:g,stroke:p?u.meter||k.meter:"",strokeWidth:String(void 0===v?2:v)}),t("circle",{className:"limit-progress-bar__value",cx:g,cy:g,r:g,strokeWidth:String(void 0===y?2:y),stroke:"url(#limit-progress-bar-linear-gradient".concat(d?"-reverse":"",")"),style:{strokeDasharray:x,strokeDashoffset:A}})]}),t("div",{className:"limit-progress-bar__content",children:f})]})}
|
|
@@ -1,57 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import moment from "moment-timezone";
|
|
5
|
-
|
|
6
|
-
import "./DateTime.scss";
|
|
7
|
-
|
|
8
|
-
const RC = "date-time";
|
|
9
|
-
|
|
10
|
-
const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
|
|
11
|
-
const DEFAULT_TIME_FORMAT = "HH:mm:ss";
|
|
12
|
-
|
|
13
|
-
const DateTime = ({
|
|
14
|
-
className,
|
|
15
|
-
value,
|
|
16
|
-
valueFormat,
|
|
17
|
-
dateFormat: inputDateFormat,
|
|
18
|
-
timeFormat: inputTimeFormat,
|
|
19
|
-
isNoDate,
|
|
20
|
-
isNoTime,
|
|
21
|
-
testId = "date-time",
|
|
22
|
-
}) => {
|
|
23
|
-
const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
|
|
24
|
-
const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
|
|
25
|
-
|
|
26
|
-
const date = useMemo(
|
|
27
|
-
() =>
|
|
28
|
-
(valueFormat ? moment(value, valueFormat) : moment(value)).format(
|
|
29
|
-
dateFormat,
|
|
30
|
-
),
|
|
31
|
-
[value, valueFormat, dateFormat],
|
|
32
|
-
);
|
|
33
|
-
const time = useMemo(
|
|
34
|
-
() =>
|
|
35
|
-
(valueFormat ? moment(value, valueFormat) : moment(value)).format(
|
|
36
|
-
timeFormat,
|
|
37
|
-
),
|
|
38
|
-
[value, valueFormat, timeFormat],
|
|
39
|
-
);
|
|
40
|
-
|
|
41
|
-
return (
|
|
42
|
-
<div data-testid={testId} className={cn(RC, className)}>
|
|
43
|
-
{!isNoDate && (
|
|
44
|
-
<span data-testid={`${testId}-date`} className={cn(`${RC}__date`)}>
|
|
45
|
-
{date}
|
|
46
|
-
</span>
|
|
47
|
-
)}
|
|
48
|
-
{!isNoTime && (
|
|
49
|
-
<span data-testid={`${testId}-time`} className={cn(`${RC}__time`, { [`${RC}_color--pause`]: !isNoDate })}>
|
|
50
|
-
{time}
|
|
51
|
-
</span>
|
|
52
|
-
)}
|
|
53
|
-
</div>
|
|
54
|
-
);
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
export default DateTime;
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMemo as a}from"react";import r from"classnames";import m from"moment-timezone";import"./DateTime.scss";var o="date-time";export default function(i){var s,c,n,d=i.className,l=i.value,u=i.valueFormat,f=i.dateFormat,p=i.timeFormat,v=i.isNoDate,N=i.isNoTime,_=i.testId,b=void 0===_?"date-time":_,j=f||"DD.MM.YYYY",x=p||"HH:mm:ss",D=a(function(){return(u?m(l,u):m(l)).format(j)},[l,u,j]),Y=a(function(){return(u?m(l,u):m(l)).format(x)},[l,u,x]);return e("div",{"data-testid":b,className:r(o,d),children:[!v&&t("span",{"data-testid":"".concat(b,"-date"),className:r("".concat(o,"__date")),children:D}),!N&&t("span",{"data-testid":"".concat(b,"-time"),className:r("".concat(o,"__time"),(s={},c="".concat(o,"_color--pause"),n=!v,c in s?Object.defineProperty(s,c,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[c]=n,s)),children:Y})]})}
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { ChevronDown, ChevronUp } from "react-feather";
|
|
4
|
-
|
|
5
|
-
import "./DebugContainer.scss";
|
|
6
|
-
|
|
7
|
-
const DebugContainer = ({ data, children }) => {
|
|
8
|
-
const [isVisible, setIsVisible] = useState(true);
|
|
9
|
-
const renderData = () => {
|
|
10
|
-
return (
|
|
11
|
-
<pre>
|
|
12
|
-
{"{\n"}
|
|
13
|
-
{Object.keys(data)?.map((key) => {
|
|
14
|
-
return ` ${key}: ${data?.[key]},\n`;
|
|
15
|
-
})}
|
|
16
|
-
{"}"}
|
|
17
|
-
</pre>
|
|
18
|
-
);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<div className="debug-container">
|
|
23
|
-
{isVisible && (
|
|
24
|
-
<div className="debug-container__body">
|
|
25
|
-
<h5>Debug:</h5>
|
|
26
|
-
{data && Boolean(Object?.keys(data)?.length) && (
|
|
27
|
-
<div className="debug-container__body-row">{renderData()}</div>
|
|
28
|
-
)}
|
|
29
|
-
{children && (
|
|
30
|
-
<div className="debug-container__body-row">{children}</div>
|
|
31
|
-
)}
|
|
32
|
-
</div>
|
|
33
|
-
)}
|
|
34
|
-
<div
|
|
35
|
-
className="debug-container__toggler"
|
|
36
|
-
onClick={() => setIsVisible((v) => !v)}
|
|
37
|
-
>
|
|
38
|
-
{isVisible ? <ChevronUp /> : <ChevronDown />}
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export default DebugContainer;
|
|
1
|
+
function r(r,n){(null==n||n>r.length)&&(n=r.length);for(var t=0,e=Array(n);t<n;t++)e[t]=r[t];return e}import{jsx as n,jsxs as t}from"react/jsx-runtime";import{useState as e}from"react";import{ChevronDown as o,ChevronUp as a}from"react-feather";import"./DebugContainer.scss";export default function(i){var l,c,u,d,s=i.data,f=i.children,m=(l=e(!0),function(r){if(Array.isArray(r))return r}(l)||function(r,n){var t,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],i=!0,l=!1;try{for(o=o.call(r);!(i=(t=o.next()).done)&&(a.push(t.value),a.length!==n);i=!0);}catch(r){l=!0,e=r}finally{try{i||null==o.return||o.return()}finally{if(l)throw e}}return a}}(l,2)||function(n,t){if(n){if("string"==typeof n)return r(n,2);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(n,t)}}(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.")}()),y=m[0],b=m[1];return t("div",{className:"debug-container",children:[y&&t("div",{className:"debug-container__body",children:[n("h5",{children:"Debug:"}),s&&!!(null==(d=Object)||null==(u=d.keys(s))?void 0:u.length)&&n("div",{className:"debug-container__body-row",children:t("pre",{children:["{\n",null==(c=Object.keys(s))?void 0:c.map(function(r){return" ".concat(r,": ").concat(null==s?void 0:s[r],",\n")}),"}"]})}),f&&n("div",{className:"debug-container__body-row",children:f})]}),n("div",{className:"debug-container__toggler",onClick:function(){return b(function(r){return!r})},children:y?n(a,{}):n(o,{})})]})}
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import DebugContainer from "./DebugContainer";
|
|
4
|
-
|
|
5
|
-
const useDebugContainer = () => {
|
|
6
|
-
const [data, setData] = useState({});
|
|
7
|
-
|
|
8
|
-
return {
|
|
9
|
-
debugData: data,
|
|
10
|
-
setDebugData: setData,
|
|
11
|
-
renderDebugContainer: <DebugContainer data={data} />,
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default useDebugContainer;
|
|
1
|
+
function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import n from"./DebugContainer";export default function(){var o,a=(o=e({}),function(r){if(Array.isArray(r))return r}(o)||function(r,t){var e,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],u=!0,i=!1;try{for(o=o.call(r);!(u=(e=o.next()).done)&&(a.push(e.value),a.length!==t);u=!0);}catch(r){i=!0,n=r}finally{try{u||null==o.return||o.return()}finally{if(i)throw n}}return a}}(o,2)||function(t,e){if(t){if("string"==typeof t)return r(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 r(t,e)}}(o,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.")}()),u=a[0];return{debugData:u,setDebugData:a[1],renderDebugContainer:t(n,{data:u})}}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default DoubleString;
|
|
2
|
+
declare function DoubleString({ value, description, subDescription, valuePostfix, className, testId, isFormatValueToDate, isUseOnClick, dateFormatSettings: { parseFormat, displayFormat, }, revert, noTitle, isUseHideMode, isShowHiddenValueAvailable, }: {
|
|
3
|
+
value: any;
|
|
4
|
+
description: any;
|
|
5
|
+
subDescription: any;
|
|
6
|
+
valuePostfix: any;
|
|
7
|
+
className: any;
|
|
8
|
+
testId?: string | undefined;
|
|
9
|
+
isFormatValueToDate: any;
|
|
10
|
+
isUseOnClick: any;
|
|
11
|
+
dateFormatSettings?: {
|
|
12
|
+
parseFormat?: string | undefined;
|
|
13
|
+
displayFormat?: string | undefined;
|
|
14
|
+
} | undefined;
|
|
15
|
+
revert?: boolean | undefined;
|
|
16
|
+
noTitle: any;
|
|
17
|
+
isUseHideMode?: boolean | undefined;
|
|
18
|
+
isShowHiddenValueAvailable?: boolean | undefined;
|
|
19
|
+
}): JSX.Element;
|
|
@@ -1,102 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
import moment from "moment";
|
|
5
|
-
import { Eye, EyeOff } from "react-feather";
|
|
6
|
-
|
|
7
|
-
import "./DoubleString.scss";
|
|
8
|
-
|
|
9
|
-
const RC = "double-string";
|
|
10
|
-
|
|
11
|
-
const DoubleString = ({
|
|
12
|
-
value,
|
|
13
|
-
description,
|
|
14
|
-
valuePostfix,
|
|
15
|
-
className,
|
|
16
|
-
testId = "double-string",
|
|
17
|
-
isFormatValueToDate,
|
|
18
|
-
isUseOnClick,
|
|
19
|
-
dateFormatSettings: {
|
|
20
|
-
parseFormat = "MM.DD.YYYY",
|
|
21
|
-
displayFormat = "MM.DD.YYYY",
|
|
22
|
-
} = {},
|
|
23
|
-
revert = false,
|
|
24
|
-
noTitle,
|
|
25
|
-
isUseHideMode = false,
|
|
26
|
-
isShowHiddenValueAvailable= false,
|
|
27
|
-
}) => {
|
|
28
|
-
const [isValueHidden, setIsValueHidden] = useState(isUseHideMode);
|
|
29
|
-
|
|
30
|
-
const computedValue = isFormatValueToDate
|
|
31
|
-
? moment(value, parseFormat).format(displayFormat)
|
|
32
|
-
: value;
|
|
33
|
-
const valueRef = useRef(null);
|
|
34
|
-
const descriptionRef = useRef(null);
|
|
35
|
-
const [elemsWidth, setElemsWidth] = useState({
|
|
36
|
-
valueWidth: 0,
|
|
37
|
-
descriptionWidth: 0,
|
|
38
|
-
});
|
|
39
|
-
const [isOnClickON, setIsOnClickON] = useState(false);
|
|
40
|
-
|
|
41
|
-
const handle = {
|
|
42
|
-
click: () => {
|
|
43
|
-
setIsOnClickON(!isOnClickON);
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
const valueWidth = valueRef?.current?.clientWidth;
|
|
49
|
-
const descriptionWidth = descriptionRef?.current?.clientWidth;
|
|
50
|
-
|
|
51
|
-
setElemsWidth({ valueWidth, descriptionWidth });
|
|
52
|
-
}, [descriptionRef, valueRef]);
|
|
53
|
-
|
|
54
|
-
return (
|
|
55
|
-
<div data-testid={testId} className={cn(RC, className)}>
|
|
56
|
-
<p
|
|
57
|
-
onClick={() => handle.click()}
|
|
58
|
-
ref={valueRef}
|
|
59
|
-
className={cn(
|
|
60
|
-
`${RC}__value`,
|
|
61
|
-
{
|
|
62
|
-
"double-string--value-opened": isOnClickON && isUseOnClick,
|
|
63
|
-
},
|
|
64
|
-
{ pointer: isUseOnClick },
|
|
65
|
-
)}
|
|
66
|
-
title={!noTitle && elemsWidth.valueWidth > 99 ? computedValue : ""}
|
|
67
|
-
>
|
|
68
|
-
{!revert ? (
|
|
69
|
-
<>
|
|
70
|
-
{isUseHideMode ? <span>{!isValueHidden ? computedValue : '*********'}</span> : computedValue}
|
|
71
|
-
{isUseHideMode && isShowHiddenValueAvailable && isValueHidden && <Eye className={`${RC}__hide-mode-icon`} onClick={() => setIsValueHidden(false)} />}
|
|
72
|
-
{isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && <EyeOff className={`${RC}__hide-mode-icon`} onClick={() => setIsValueHidden(true)}/>}
|
|
73
|
-
{valuePostfix && (
|
|
74
|
-
<span className={cn(`${RC}__value-postfix`)}>{valuePostfix}</span>
|
|
75
|
-
)}
|
|
76
|
-
</>
|
|
77
|
-
) : (
|
|
78
|
-
description
|
|
79
|
-
)}
|
|
80
|
-
</p>
|
|
81
|
-
|
|
82
|
-
<p
|
|
83
|
-
ref={descriptionRef}
|
|
84
|
-
className={cn(`${RC}__description`)}
|
|
85
|
-
title={!noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : ""}
|
|
86
|
-
>
|
|
87
|
-
{!revert ? (
|
|
88
|
-
description
|
|
89
|
-
) : (
|
|
90
|
-
<>
|
|
91
|
-
{computedValue}
|
|
92
|
-
{valuePostfix && (
|
|
93
|
-
<span className={cn(`${RC}__value-postfix`)}>{valuePostfix}</span>
|
|
94
|
-
)}
|
|
95
|
-
</>
|
|
96
|
-
)}
|
|
97
|
-
</p>
|
|
98
|
-
</div>
|
|
99
|
-
);
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
export default DoubleString;
|
|
1
|
+
function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function e(e,r){return function(t){if(Array.isArray(t))return t}(e)||function(t,e){var r,n,i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var o=[],a=!0,l=!1;try{for(i=i.call(t);!(a=(r=i.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(t){l=!0,n=t}finally{try{a||null==i.return||i.return()}finally{if(l)throw n}}return o}}(e,r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(e,r)}}(e,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as r,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useEffect as o,useRef as a,useState as l}from"react";import c from"classnames";import s from"moment";import{Eye as u,EyeOff as d}from"react-feather";import"./DoubleString.scss";var m="double-string";export default function(t){var f=t.value,p=t.description,v=t.subDescription,h=t.valuePostfix,y=t.className,b=t.testId,_=t.isFormatValueToDate,g=t.isUseOnClick,N=t.dateFormatSettings,x=void 0===N?{}:N,S=x.parseFormat,W=x.displayFormat,Y=t.revert,A=void 0!==Y&&Y,D=t.noTitle,j=t.isUseHideMode,M=void 0!==j&&j,C=t.isShowHiddenValueAvailable,F=void 0!==C&&C,k=e(l(M),2),I=k[0],w=k[1],O=_?s(f,void 0===S?"MM.DD.YYYY":S).format(void 0===W?"MM.DD.YYYY":W):f,T=a(null),U=a(null),H=e(l({valueWidth:0,descriptionWidth:0}),2),V=H[0],E=H[1],P=e(l(!1),2),$=P[0],q=P[1],z=function(){q(!$)};return o(function(){var t,e;E({valueWidth:null==T||null==(t=T.current)?void 0:t.clientWidth,descriptionWidth:null==U||null==(e=U.current)?void 0:e.clientWidth})},[U,T]),n("div",{"data-testid":void 0===b?"double-string":b,className:c(m,y),children:[r("p",{onClick:function(){return z()},ref:T,className:c("".concat(m,"__value"),{"double-string--value-opened":$&&g},{pointer:g}),title:!D&&V.valueWidth>99?O:"",children:A?p:n(i,{children:[M?r("span",{children:I?"*********":O}):O,M&&F&&I&&r(u,{className:"".concat(m,"__hide-mode-icon"),onClick:function(){return w(!1)}}),M&&F&&!I&&r(d,{className:"".concat(m,"__hide-mode-icon"),onClick:function(){return w(!0)}}),h&&r("span",{className:c("".concat(m,"__value-postfix")),children:h})]})}),r("p",{ref:U,className:c("".concat(m,"__description")),title:!D&&V.descriptionWidth>99?O:"",children:A?n(i,{children:[O,h&&r("span",{className:c("".concat(m,"__value-postfix")),children:h})]}):p}),v&&r("p",{className:c("".concat(m,"__sub-description")),children:v})]})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DoubleString.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/DoubleString/DoubleString.js"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
min-width: 0;
|
|
10
10
|
|
|
11
11
|
&__value,
|
|
12
|
-
&__description
|
|
12
|
+
&__description,
|
|
13
|
+
&__sub-description {
|
|
13
14
|
font-family: inherit;
|
|
14
15
|
font-size: inherit;
|
|
15
16
|
font-weight: inherit;
|
|
@@ -34,6 +35,12 @@
|
|
|
34
35
|
color: #9aa0b9;
|
|
35
36
|
}
|
|
36
37
|
|
|
38
|
+
&__sub-description {
|
|
39
|
+
margin: 0;
|
|
40
|
+
|
|
41
|
+
color: #9aa0b9;
|
|
42
|
+
}
|
|
43
|
+
|
|
37
44
|
&--value-opened {
|
|
38
45
|
white-space: unset;
|
|
39
46
|
text-overflow: unset;
|
|
@@ -1,70 +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 _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
14
|
-
if (typeof WeakMap !== "function") return null;
|
|
15
|
-
var cacheBabelInterop = new WeakMap();
|
|
16
|
-
var cacheNodeInterop = new WeakMap();
|
|
17
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
18
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
19
|
-
})(nodeInterop);
|
|
20
|
-
}
|
|
21
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
22
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
23
|
-
return obj;
|
|
24
|
-
}
|
|
25
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
26
|
-
return {
|
|
27
|
-
default: obj
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
31
|
-
if (cache && cache.has(obj)) {
|
|
32
|
-
return cache.get(obj);
|
|
33
|
-
}
|
|
34
|
-
var newObj = {
|
|
35
|
-
__proto__: null
|
|
36
|
-
};
|
|
37
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
38
|
-
for(var key in obj){
|
|
39
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
40
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
41
|
-
if (desc && (desc.get || desc.set)) {
|
|
42
|
-
Object.defineProperty(newObj, key, desc);
|
|
43
|
-
} else {
|
|
44
|
-
newObj[key] = obj[key];
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
newObj.default = obj;
|
|
49
|
-
if (cache) {
|
|
50
|
-
cache.set(obj, newObj);
|
|
51
|
-
}
|
|
52
|
-
return newObj;
|
|
53
|
-
}
|
|
54
|
-
const DynamicIcon = ({ iconKey, ...props })=>{
|
|
55
|
-
const [Icon, setIcon] = (0, _react.useState)(null);
|
|
56
|
-
(0, _react.useEffect)(()=>{
|
|
57
|
-
const fetchData = async ()=>{
|
|
58
|
-
const FeatherIcons = await Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("react-feather")));
|
|
59
|
-
const iconComponent = FeatherIcons[iconKey];
|
|
60
|
-
setIcon(()=>iconComponent);
|
|
61
|
-
};
|
|
62
|
-
fetchData();
|
|
63
|
-
}, [
|
|
64
|
-
iconKey
|
|
65
|
-
]);
|
|
66
|
-
return Icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
|
|
67
|
-
...props
|
|
68
|
-
}) : null;
|
|
69
|
-
};
|
|
70
|
-
const _default = DynamicIcon;
|
|
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(e,t,r,n,o,u,a){try{var i=e[u](a),l=i.value}catch(e){r(e);return}i.done?t(l):Promise.resolve(l).then(n,o)}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});var r=require("react/jsx-runtime"),n=u(require("react"));function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(o=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=o(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=u?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}var a=function(o){var a,i=o.iconKey,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(o,["iconKey"]),c=(a=(0,n.useState)(null),function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var u=[],a=!0,i=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){i=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw n}}return u}}(a,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)}}(a,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.")}()),f=c[0],s=c[1];return(0,n.useEffect)(function(){var e,r;(e=function(){var e;return function(e,t){var r,n,o,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=i(0),a.throw=i(1),a.return=i(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(i){return function(l){var c=[i,l];if(r)throw TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(u=0)),u;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,n=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!(o=(o=u.trys).length>0&&o[o.length-1])&&(6===c[0]||2===c[0])){u=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){u.label=c[1];break}if(6===c[0]&&u.label<o[1]){u.label=o[1],o=c;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(c);break}o[2]&&u.ops.pop(),u.trys.pop();continue}c=t.call(e,u)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(t){switch(t.label){case 0:return[4,Promise.resolve().then(function(){return u(require("react-feather"))})];case 1:return e=t.sent()[i],s(function(){return e}),[2]}})},r=function(){var r=this,n=arguments;return new Promise(function(o,u){var a=e.apply(r,n);function i(e){t(a,o,u,i,l,"next",e)}function l(e){t(a,o,u,i,l,"throw",e)}i(void 0)})},function(){return r.apply(this,arguments)})()},[i]),f?(0,r.jsx)(f,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},l)):null};
|