intelicoreact 1.8.6 → 1.8.7
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/Dropdown/components/DropdownLoader.jsx +1 -18
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.jsx +1 -121
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.jsx +1 -507
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.jsx +1 -46
- package/dist/Atomic/FormElements/NumericInput/NumericInput.jsx +1 -337
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.jsx +1 -66
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.jsx +1 -78
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.jsx +1 -54
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.jsx +1 -183
- package/dist/Atomic/FormElements/RangeList/RangeList.jsx +1 -181
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.jsx +1 -41
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.jsx +1 -449
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.jsx +1 -865
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.jsx +1 -37
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.jsx +1 -48
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.jsx +1 -62
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.jsx +1 -175
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.jsx +1 -65
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.jsx +1 -118
- package/dist/Atomic/FormElements/Text/Text.jsx +1 -126
- package/dist/Atomic/FormElements/Textarea/Textarea.jsx +1 -61
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.jsx +1 -181
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.jsx +1 -60
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.jsx +1 -83
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.jsx +1 -80
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.jsx +1 -103
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.jsx +1 -115
- package/dist/Atomic/Layout/Header/Header.jsx +1 -86
- package/dist/Atomic/Layout/MainMenu/MainMenu.jsx +1 -164
- package/dist/Atomic/UI/AccordionTable/AccordionTable.jsx +1 -250
- package/dist/Atomic/UI/AccordionText/AccordionText.jsx +1 -68
- package/dist/Atomic/UI/Arrow/Arrow.jsx +1 -134
- package/dist/Atomic/UI/Box/Box.jsx +1 -53
- package/dist/Atomic/UI/Chart/Chart.jsx +1 -178
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.jsx +1 -78
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.jsx +1 -334
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.jsx +1 -111
- package/dist/Atomic/UI/DateTime/DateTime.jsx +1 -57
- package/dist/Atomic/UI/DebugContainer/DebugContainer.jsx +1 -44
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.jsx +1 -15
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.jsx +1 -223
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.jsx +1 -75
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.jsx +1 -86
- package/dist/Atomic/UI/PieChart/PieChart.jsx +1 -41
- package/dist/Atomic/UI/Table/Partials/TdCell.jsx +1 -87
- package/dist/Atomic/UI/Table/Partials/TdHeader.jsx +1 -36
- package/dist/Atomic/UI/Table/Partials/TdRow.jsx +1 -103
- package/dist/Atomic/UI/Table/Partials/TdTitle.jsx +1 -55
- package/dist/Atomic/UI/Table/Table.jsx +1 -63
- package/dist/Atomic/UI/Table/TdTypes/TdActions.jsx +1 -80
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.jsx +1 -26
- package/dist/Atomic/UI/Table/TdTypes/TdRange.jsx +1 -13
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.jsx +1 -56
- package/dist/Atomic/UI/TagList/TagList.jsx +1 -256
- package/dist/Atomic/UI/WizardStepper/constructor.jsx +1 -86
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.jsx +1 -254
- package/dist/Functions/customEventListener.jsx +1 -96
- package/dist/Functions/operations.jsx +1 -138
- package/dist/Functions/useFormTools/functions/RenderFields.jsx +1 -108
- package/dist/Functions/useFormTools/index.jsx +1 -777
- package/dist/Functions/usePasswordChecker.jsx +1 -128
- package/dist/Functions/utils.jsx +1 -492
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.jsx +1 -22
- package/dist/Molecular/CustomIcons/components/AlertCircle.jsx +1 -24
- package/dist/Molecular/CustomIcons/components/AppStore.jsx +1 -30
- package/dist/Molecular/CustomIcons/components/Arrow.jsx +1 -33
- package/dist/Molecular/CustomIcons/components/ArrowDown.jsx +1 -18
- package/dist/Molecular/CustomIcons/components/ArrowLeft.jsx +1 -23
- package/dist/Molecular/CustomIcons/components/ArrowRight.jsx +1 -23
- package/dist/Molecular/CustomIcons/components/ArrowUp.jsx +1 -18
- package/dist/Molecular/CustomIcons/components/Bell.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/Button.jsx +1 -13
- package/dist/Molecular/CustomIcons/components/Campaigns.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/Check.jsx +1 -15
- package/dist/Molecular/CustomIcons/components/Check2.jsx +1 -13
- package/dist/Molecular/CustomIcons/components/ChevronDown.jsx +1 -13
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.jsx +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronLeft.jsx +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronRight.jsx +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronUp.jsx +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.jsx +1 -28
- package/dist/Molecular/CustomIcons/components/Close.jsx +1 -15
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.jsx +1 -18
- package/dist/Molecular/CustomIcons/components/Delete.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/Edit.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/Email.jsx +1 -32
- package/dist/Molecular/CustomIcons/components/FinturfLogo.jsx +1 -19
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.jsx +1 -36
- package/dist/Molecular/CustomIcons/components/Flows.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/Gift.jsx +1 -26
- package/dist/Molecular/CustomIcons/components/GoogleAuth.jsx +1 -30
- package/dist/Molecular/CustomIcons/components/GooglePlay.jsx +1 -30
- package/dist/Molecular/CustomIcons/components/HelpCircle.jsx +1 -20
- package/dist/Molecular/CustomIcons/components/HelpCircle2.jsx +1 -21
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.jsx +1 -20
- package/dist/Molecular/CustomIcons/components/Home.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/Home2.jsx +1 -23
- package/dist/Molecular/CustomIcons/components/Key.jsx +1 -24
- package/dist/Molecular/CustomIcons/components/Landers.jsx +1 -21
- package/dist/Molecular/CustomIcons/components/Lock.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/Mail.jsx +1 -27
- package/dist/Molecular/CustomIcons/components/Mastercard.jsx +1 -74
- package/dist/Molecular/CustomIcons/components/Minus.jsx +1 -26
- package/dist/Molecular/CustomIcons/components/Offers.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/Pause.jsx +1 -29
- package/dist/Molecular/CustomIcons/components/PayPal.jsx +1 -42
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.jsx +1 -29
- package/dist/Molecular/CustomIcons/components/Phone.jsx +1 -31
- package/dist/Molecular/CustomIcons/components/Play.jsx +1 -26
- package/dist/Molecular/CustomIcons/components/Plus.jsx +1 -26
- package/dist/Molecular/CustomIcons/components/Profile.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/QRCode.jsx +1 -30
- package/dist/Molecular/CustomIcons/components/Rectangle.jsx +1 -13
- package/dist/Molecular/CustomIcons/components/Revert.jsx +1 -14
- package/dist/Molecular/CustomIcons/components/Star.jsx +1 -15
- package/dist/Molecular/CustomIcons/components/Star2.jsx +1 -17
- package/dist/Molecular/CustomIcons/components/TrafficSources.jsx +1 -15
- package/dist/Molecular/CustomIcons/components/Trash.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/TrashRed.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/Triggers.jsx +1 -16
- package/dist/Molecular/CustomIcons/components/User.jsx +1 -26
- package/dist/Molecular/CustomIcons/components/Visa.jsx +1 -32
- package/dist/Molecular/CustomIcons/components/X.jsx +1 -13
- package/dist/Molecular/FormElement/FormElement.jsx +1 -52
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.jsx +1 -161
- package/dist/Molecular/InputAddress/InputAddress.jsx +1 -641
- package/dist/Molecular/InputPassword/InputPassword.jsx +1 -50
- package/package.json +1 -1
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.d.ts +0 -5
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js.map +0 -1
- /package/dist/Atomic/FormElements/ActionAlert/{ActionAlert.js → ActionAlert.jsx} +0 -0
- /package/dist/Atomic/FormElements/AdvancedStatus/{AdvancedStatus.js → AdvancedStatus.jsx} +0 -0
- /package/dist/Atomic/FormElements/Calendar/{Calendar.js → Calendar.jsx} +0 -0
- /package/dist/Atomic/FormElements/Calendar/{Calendar.props.js → Calendar.props.jsx} +0 -0
- /package/dist/Atomic/FormElements/CheckboxInput/{CheckboxInput.js → CheckboxInput.jsx} +0 -0
- /package/dist/Atomic/FormElements/CheckboxesLine/{CheckboxesLine.js → CheckboxesLine.jsx} +0 -0
- /package/dist/Atomic/FormElements/Datepicker/{Datepicker.js → Datepicker.jsx} +0 -0
- /package/dist/Atomic/FormElements/Datepicker/{Datepicker.props.js → Datepicker.props.jsx} +0 -0
- /package/dist/Atomic/FormElements/Datepicker/components/{DatepickerCalendar.js → DatepickerCalendar.jsx} +0 -0
- /package/dist/Atomic/FormElements/Datepicker/components/{DatepickerCalendar.props.js → DatepickerCalendar.props.jsx} +0 -0
- /package/dist/Atomic/FormElements/Dropdown/{Dropdown.js → Dropdown.jsx} +0 -0
- /package/dist/Atomic/FormElements/DropdownLiveSearch/{DropdownLiveSearch.js → DropdownLiveSearch.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoader/{FileLoader.js → FileLoader.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoader/partial/{LoadZone.js → LoadZone.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoader/partial/{LoadedContent.js → LoadedContent.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoaderDescription/{FileLoaderDescription.js → FileLoaderDescription.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoaderLocal/{FileLoaderLocal.js → FileLoaderLocal.jsx} +0 -0
- /package/dist/Atomic/FormElements/FileLoaderLocalGroup/{FileLoaderLocalGroup.js → FileLoaderLocalGroup.jsx} +0 -0
- /package/dist/Atomic/FormElements/FormattedRawSSN/{FormattedRawSSN.js → FormattedRawSSN.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/{Input.js → Input.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/hooks/{useErrorBlink.js → useErrorBlink.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/hooks/{useInputFocus.js → useInputFocus.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/hooks/{useInputHover.js → useInputHover.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/hooks/{useInputValueProcessing.js → useInputValueProcessing.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/hooks/{useKeyboardHandling.js → useKeyboardHandling.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/lib/{autocomplete.js → autocomplete.jsx} +0 -0
- /package/dist/Atomic/FormElements/Input/{types.js → types.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputCalendar/{InputCalendar.js → InputCalendar.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputColor/{InputColor.js → InputColor.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputCurrency/{InputCurrency.js → InputCurrency.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/{InputDateRange.js → InputDateRange.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/components/{DateInput.js → DateInput.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/components/{Datepicker.js → Datepicker.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/components/{OpenedPart.js → OpenedPart.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/components/{SelectItem.js → SelectItem.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputDateRange/{dependencies.js → dependencies.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputLink/{InputLink.js → InputLink.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputMask/{InputMask.js → InputMask.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputMask3/{InputMask3.js → InputMask3.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputMask3/{config.js → config.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputMask3/{functions.js → functions.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputWithAction/{InputWithAction.js → InputWithAction.jsx} +0 -0
- /package/dist/Atomic/FormElements/InputsRow/{InputsRow.js → InputsRow.jsx} +0 -0
- /package/dist/Atomic/FormElements/Label/{Label.js → Label.jsx} +0 -0
- /package/dist/Atomic/FormElements/RadioInput/{RadioInput.js → RadioInput.jsx} +0 -0
- /package/dist/Atomic/FormElements/RangeInputs/{RangeInputs.js → RangeInputs.jsx} +0 -0
- /package/dist/Atomic/FormElements/Switcher/{Switcher.js → Switcher.jsx} +0 -0
- /package/dist/Atomic/FormElements/SwitcherHide/{SwitcherHide.js → SwitcherHide.jsx} +0 -0
- /package/dist/Atomic/FormElements/SwitcherRadio/{SwitcherRadio.js → SwitcherRadio.jsx} +0 -0
- /package/dist/Atomic/FormElements/SwitcherRange/{SwitcherRange.js → SwitcherRange.jsx} +0 -0
- /package/dist/Atomic/FormElements/TagsDropdown/{TagsDropdown.js → TagsDropdown.jsx} +0 -0
- /package/dist/Atomic/FormElements/TextSwitcher/{TextSwitcher.js → TextSwitcher.jsx} +0 -0
- /package/dist/Atomic/FormElements/TimeRange/{TimeRange.js → TimeRange.jsx} +0 -0
- /package/dist/Atomic/FormElements/UserContacts/{UserContacts.js → UserContacts.jsx} +0 -0
- /package/dist/Atomic/Layout/Spinner/{Spinner.js → Spinner.jsx} +0 -0
- /package/dist/Atomic/UI/Accordion/{Accordion.js → Accordion.jsx} +0 -0
- /package/dist/Atomic/UI/Accordion/{AccordionItem.js → AccordionItem.jsx} +0 -0
- /package/dist/Atomic/UI/AdvancedTag/{AdvTag.js → AdvTag.jsx} +0 -0
- /package/dist/Atomic/UI/AdvancedTag/{AdvancedTags.js → AdvancedTags.jsx} +0 -0
- /package/dist/Atomic/UI/Alert/{Alert.js → Alert.jsx} +0 -0
- /package/dist/Atomic/UI/Button/{Button.js → Button.jsx} +0 -0
- /package/dist/Atomic/UI/ButtonsBar/{ButtonsBar.js → ButtonsBar.jsx} +0 -0
- /package/dist/Atomic/UI/DoubleString/{DoubleString.js → DoubleString.jsx} +0 -0
- /package/dist/Atomic/UI/DynamicIcon/{DynamicIcon.js → DynamicIcon.jsx} +0 -0
- /package/dist/Atomic/UI/Hint/{Hint.js → Hint.jsx} +0 -0
- /package/dist/Atomic/UI/Hint/partials/{_constants.js → _constants.jsx} +0 -0
- /package/dist/Atomic/UI/Hint/partials/{_utils.js → _utils.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/{Modal.js → Modal.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/{ModalHOC.js → ModalHOC.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/partials/{ModalFooter.js → ModalFooter.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/partials/{ModalTitle.js → ModalTitle.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/partials/{_constants.js → _constants.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/partials/{_utils.js → _utils.jsx} +0 -0
- /package/dist/Atomic/UI/Modal/partials/{useMobileModal.js → useMobileModal.jsx} +0 -0
- /package/dist/Atomic/UI/NavLine/{NavLine.js → NavLine.jsx} +0 -0
- /package/dist/Atomic/UI/PageTitle/{PageTitle.js → PageTitle.jsx} +0 -0
- /package/dist/Atomic/UI/Price/{Price.js → Price.jsx} +0 -0
- /package/dist/Atomic/UI/PriceRange/{PriceRange.js → PriceRange.jsx} +0 -0
- /package/dist/Atomic/UI/ProgressLine/{ProgressLine.js → ProgressLine.jsx} +0 -0
- /package/dist/Atomic/UI/Status/{Status.js → Status.jsx} +0 -0
- /package/dist/Atomic/UI/Tag/{Tag.js → Tag.jsx} +0 -0
- /package/dist/Atomic/UI/UserBox/{UserBox.js → UserBox.jsx} +0 -0
- /package/dist/Atomic/UI/WizardStepper/ui/StateIcon/{StateIcon.js → StateIcon.jsx} +0 -0
- /package/dist/Atomic/UI/WizardStepper/ui/StepRow/{StepRow.js → StepRow.jsx} +0 -0
- /package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/{StepWrapper.js → StepWrapper.jsx} +0 -0
- /package/dist/Atomic/UI/WizardStepper/ui/{icons.js → icons.jsx} +0 -0
- /package/dist/Functions/guards/{assertions.js → assertions.jsx} +0 -0
- /package/dist/Functions/guards/{safeValue.js → safeValue.jsx} +0 -0
- /package/dist/Functions/guards/{typeGuards.js → typeGuards.jsx} +0 -0
- /package/dist/Functions/useIsMobile/{useIsMobile.js → useIsMobile.jsx} +0 -0
- /package/dist/Functions/useKeyPress/{useHandleKeyPress.js → useHandleKeyPress.jsx} +0 -0
- /package/dist/Functions/useKeyPress/{useKeyPress.js → useKeyPress.jsx} +0 -0
- /package/dist/Functions/utils/{disableDefaultBehavior.js → disableDefaultBehavior.jsx} +0 -0
- /package/dist/Functions/utils/{getLimitedMask.js → getLimitedMask.jsx} +0 -0
- /package/dist/types/declaration/TWithEventManagementAsObj/innerTypes/{Modal.js → Modal.jsx} +0 -0
|
@@ -1,103 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
|
|
5
|
-
import { handleObjectChange } from '../../../../Functions/utils';
|
|
6
|
-
import Modal from '../../Modal/Modal';
|
|
7
|
-
import TdRange from '../TdTypes/TdRange';
|
|
8
|
-
|
|
9
|
-
import TdCell from './TdCell';
|
|
10
|
-
|
|
11
|
-
import '../Table.scss';
|
|
12
|
-
|
|
13
|
-
function TdRow({
|
|
14
|
-
item,
|
|
15
|
-
onChange,
|
|
16
|
-
rowIndex,
|
|
17
|
-
cardStatus,
|
|
18
|
-
range,
|
|
19
|
-
type,
|
|
20
|
-
rowSpan,
|
|
21
|
-
colSpan,
|
|
22
|
-
cardLength,
|
|
23
|
-
changePriority,
|
|
24
|
-
getAdviceWeight,
|
|
25
|
-
onActionClick,
|
|
26
|
-
isDeleted,
|
|
27
|
-
testId = 'td-row',
|
|
28
|
-
}) {
|
|
29
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
30
|
-
|
|
31
|
-
const handleChange = handleObjectChange(item, () => onChange({ ...item }));
|
|
32
|
-
|
|
33
|
-
return (
|
|
34
|
-
<>
|
|
35
|
-
<tr data-testid={testId}>
|
|
36
|
-
{type && rowSpan && (
|
|
37
|
-
<td className="rel" rowSpan={rowSpan + 1}>
|
|
38
|
-
<span
|
|
39
|
-
className={cn(
|
|
40
|
-
type && `cards-table__score cards-table__score-${cardStatus}`,
|
|
41
|
-
)}
|
|
42
|
-
>
|
|
43
|
-
<TdRange item={range} />
|
|
44
|
-
</span>
|
|
45
|
-
</td>
|
|
46
|
-
)}
|
|
47
|
-
|
|
48
|
-
{Object.entries(item).map(([key, value]) =>
|
|
49
|
-
key === 'id' || key === 'isDeleted'
|
|
50
|
-
? null
|
|
51
|
-
: (
|
|
52
|
-
<td
|
|
53
|
-
key={key}
|
|
54
|
-
className={cn('cards-table__body-item', {
|
|
55
|
-
'cards-table__accordion': value.type === 'accordion',
|
|
56
|
-
})}
|
|
57
|
-
>
|
|
58
|
-
<TdCell
|
|
59
|
-
onActionClick={onActionClick}
|
|
60
|
-
changePriority={changePriority}
|
|
61
|
-
cardLength={cardLength}
|
|
62
|
-
rowIndex={rowIndex}
|
|
63
|
-
rowItem={item}
|
|
64
|
-
type={key}
|
|
65
|
-
item={value}
|
|
66
|
-
onChange={newValue => handleChange(newValue, key)}
|
|
67
|
-
getAdviceWeight={getAdviceWeight}
|
|
68
|
-
isDeleted={isDeleted}
|
|
69
|
-
/>
|
|
70
|
-
</td>
|
|
71
|
-
),
|
|
72
|
-
)}
|
|
73
|
-
</tr>
|
|
74
|
-
|
|
75
|
-
{type && colSpan
|
|
76
|
-
? (
|
|
77
|
-
<tr>
|
|
78
|
-
<td />
|
|
79
|
-
<td colSpan={colSpan}>
|
|
80
|
-
<span
|
|
81
|
-
className="cards-table__title-select-lender-btn"
|
|
82
|
-
onClick={() => setIsOpen(true)}
|
|
83
|
-
>
|
|
84
|
-
Select Lender
|
|
85
|
-
</span>
|
|
86
|
-
|
|
87
|
-
<Modal
|
|
88
|
-
closeModal={() => setIsOpen(false)}
|
|
89
|
-
isOpen={isOpen}
|
|
90
|
-
title="Choose Lender"
|
|
91
|
-
size="420"
|
|
92
|
-
>
|
|
93
|
-
test
|
|
94
|
-
</Modal>
|
|
95
|
-
</td>
|
|
96
|
-
</tr>
|
|
97
|
-
)
|
|
98
|
-
: null}
|
|
99
|
-
</>
|
|
100
|
-
);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export default TdRow;
|
|
1
|
+
function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,c=!1;try{for(o=o.call(e);!(i=(r=o.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(c)throw n}}return a}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,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 o}from"react/jsx-runtime";import a from"classnames";import{useState as i}from"react";import{handleObjectChange as c}from"../../../../Functions/utils";import l from"../../Modal/Modal";import s from"../TdTypes/TdRange";import u from"./TdCell";import"../Table.scss";export default function(e){var d=e.item,f=e.onChange,m=e.rowIndex,p=e.cardStatus,y=e.range,b=e.type,h=e.rowSpan,g=e.colSpan,v=e.cardLength,S=e.changePriority,j=e.getAdviceWeight,w=e.onActionClick,O=e.isDeleted,A=e.testId,_=t(i(!1),2),C=_[0],x=_[1],I=c(d,function(){return 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}({},d))});return n(o,{children:[n("tr",{"data-testid":void 0===A?"td-row":A,children:[b&&h&&r("td",{className:"rel",rowSpan:h+1,children:r("span",{className:a(b&&"cards-table__score cards-table__score-".concat(p)),children:r(s,{item:y})})}),Object.entries(d).map(function(e){var n=t(e,2),o=n[0],i=n[1];return"id"===o||"isDeleted"===o?null:r("td",{className:a("cards-table__body-item",{"cards-table__accordion":"accordion"===i.type}),children:r(u,{onActionClick:w,changePriority:S,cardLength:v,rowIndex:m,rowItem:d,type:o,item:i,onChange:function(e){return I(e,o)},getAdviceWeight:j,isDeleted:O})},o)})]}),b&&g?n("tr",{children:[r("td",{}),n("td",{colSpan:g,children:[r("span",{className:"cards-table__title-select-lender-btn",onClick:function(){return x(!0)},children:"Select Lender"}),r(l,{closeModal:function(){return x(!1)},isOpen:C,title:"Choose Lender",size:"420",children:"test"})]})]}):null]})}
|
|
@@ -1,55 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import Langs from '../../../../../Langs';
|
|
4
|
-
import Modal from '../../Modal/Modal';
|
|
5
|
-
import Tag from '../../Tag/Tag';
|
|
6
|
-
|
|
7
|
-
import '../Table.scss';
|
|
8
|
-
|
|
9
|
-
function TdTitle({ locations, title }) {
|
|
10
|
-
const txt = Langs[globalThis.lng];
|
|
11
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
12
|
-
|
|
13
|
-
return (
|
|
14
|
-
<div className="cards-table__title-box">
|
|
15
|
-
<div className="cards-table__title-box--left">
|
|
16
|
-
<div className="cards-table__title-box--title">
|
|
17
|
-
{txt.titles[title] || title}
|
|
18
|
-
</div>
|
|
19
|
-
<div className="cards-table__title-box--tags">
|
|
20
|
-
<span className="mr5">
|
|
21
|
-
{txt.labels.locations.toUpperCase()}
|
|
22
|
-
:
|
|
23
|
-
</span>
|
|
24
|
-
{locations?.map((tag, index) => (
|
|
25
|
-
<Tag key={index} label={tag.label} />
|
|
26
|
-
))}
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
|
|
30
|
-
<div className="cards-table__title-box--right">
|
|
31
|
-
<span
|
|
32
|
-
onClick={() => setIsOpen(true)}
|
|
33
|
-
className="cards-table__title-edit-btn mr5"
|
|
34
|
-
>
|
|
35
|
-
{txt.buttons.edit}
|
|
36
|
-
</span>
|
|
37
|
-
|
|
38
|
-
<Modal
|
|
39
|
-
mode="edit"
|
|
40
|
-
closeModal={() => setIsOpen(false)}
|
|
41
|
-
isOpen={isOpen}
|
|
42
|
-
title={txt.titles.pingTree}
|
|
43
|
-
size="420"
|
|
44
|
-
>
|
|
45
|
-
test
|
|
46
|
-
</Modal>
|
|
47
|
-
<span className="cards-table__title-delete-btn">
|
|
48
|
-
{txt.buttons.deletePingTree}
|
|
49
|
-
</span>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export default TdTitle;
|
|
1
|
+
function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,l=Array(e);r<e;r++)l[r]=t[r];return l}import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as l}from"react";import n from"../../../../../Langs";import a from"../../Modal/Modal";import i from"../../Tag/Tag";import"../Table.scss";export default function(o){var s,c=o.locations,d=o.title,u=n[globalThis.lng],m=(s=l(!1),function(t){if(Array.isArray(t))return t}(s)||function(t,e){var r,l,n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var a=[],i=!0,o=!1;try{for(n=n.call(t);!(i=(r=n.next()).done)&&(a.push(r.value),a.length!==e);i=!0);}catch(t){o=!0,l=t}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}(s,2)||function(e,r){if(e){if("string"==typeof e)return t(e,2);var l=Object.prototype.toString.call(e).slice(8,-1);if("Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l)return Array.from(l);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return t(e,r)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=m[0],b=m[1];return r("div",{className:"cards-table__title-box",children:[r("div",{className:"cards-table__title-box--left",children:[e("div",{className:"cards-table__title-box--title",children:u.titles[d]||d}),r("div",{className:"cards-table__title-box--tags",children:[r("span",{className:"mr5",children:[u.labels.locations.toUpperCase(),":"]}),null==c?void 0:c.map(function(t,r){return e(i,{label:t.label},r)})]})]}),r("div",{className:"cards-table__title-box--right",children:[e("span",{onClick:function(){return b(!0)},className:"cards-table__title-edit-btn mr5",children:u.buttons.edit}),e(a,{mode:"edit",closeModal:function(){return b(!1)},isOpen:f,title:u.titles.pingTree,size:"420",children:"test"}),e("span",{className:"cards-table__title-delete-btn",children:u.buttons.deletePingTree})]})]})}
|
|
@@ -1,63 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import TdHeader from './Partials/TdHeader';
|
|
4
|
-
import TdRow from './Partials/TdRow';
|
|
5
|
-
|
|
6
|
-
import './Table.scss';
|
|
7
|
-
|
|
8
|
-
function Table({
|
|
9
|
-
rows,
|
|
10
|
-
onChange,
|
|
11
|
-
className,
|
|
12
|
-
header,
|
|
13
|
-
onActionClick,
|
|
14
|
-
testId = 'table',
|
|
15
|
-
}) {
|
|
16
|
-
const handleArrayChange = (value, index) => {
|
|
17
|
-
rows[index] = value;
|
|
18
|
-
onChange({ header: [...header], rows: [...rows] });
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<div
|
|
23
|
-
data-testid={testId}
|
|
24
|
-
className={cn('simple-table', {
|
|
25
|
-
[`simple-table--${className}`]: className,
|
|
26
|
-
})}
|
|
27
|
-
>
|
|
28
|
-
<table>
|
|
29
|
-
<thead>
|
|
30
|
-
<tr>
|
|
31
|
-
{header?.map(item => (
|
|
32
|
-
<TdHeader item={item} key={item.key} />
|
|
33
|
-
))}
|
|
34
|
-
</tr>
|
|
35
|
-
</thead>
|
|
36
|
-
<tbody>
|
|
37
|
-
{rows && rows?.length
|
|
38
|
-
? (
|
|
39
|
-
rows?.map((row, index) => (
|
|
40
|
-
<TdRow
|
|
41
|
-
onActionClick={onActionClick}
|
|
42
|
-
rowIndex={index}
|
|
43
|
-
key={typeof row.id === 'object' ? row.id.value : row.id}
|
|
44
|
-
item={row}
|
|
45
|
-
header={header}
|
|
46
|
-
onChange={value => handleArrayChange(value, index)}
|
|
47
|
-
/>
|
|
48
|
-
))
|
|
49
|
-
)
|
|
50
|
-
: (
|
|
51
|
-
<tr>
|
|
52
|
-
<td className="row--not-found" colSpan={header?.length}>
|
|
53
|
-
Not set
|
|
54
|
-
</td>
|
|
55
|
-
</tr>
|
|
56
|
-
)}
|
|
57
|
-
</tbody>
|
|
58
|
-
</table>
|
|
59
|
-
</div>
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
export default Table;
|
|
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}function t(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(t)||function(t,e){if(t){if("string"==typeof t)return r(t,void 0);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)}}(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"classnames";import i from"./Partials/TdHeader";import a from"./Partials/TdRow";import"./Table.scss";export default function(r){var l,c,u=r.rows,d=r.onChange,s=r.className,m=r.header,f=r.onActionClick,b=r.testId,p=function(r,e){u[e]=r,d({header:t(m),rows:t(u)})};return e("div",{"data-testid":void 0===b?"table":b,className:o("simple-table",(l={},c="simple-table--".concat(s),c in l?Object.defineProperty(l,c,{value:s,enumerable:!0,configurable:!0,writable:!0}):l[c]=s,l)),children:n("table",{children:[e("thead",{children:e("tr",{children:null==m?void 0:m.map(function(r){return e(i,{item:r},r.key)})})}),e("tbody",{children:u&&(null==u?void 0:u.length)?null==u?void 0:u.map(function(r,t){var n;return e(a,{onActionClick:f,rowIndex:t,item:r,header:m,onChange:function(r){return p(r,t)}},"object"==((n=r.id)&&"undefined"!=typeof Symbol&&n.constructor===Symbol?"symbol":typeof n)?r.id.value:r.id)}):e("tr",{children:e("td",{className:"row--not-found",colSpan:null==m?void 0:m.length,children:"Not set"})})})]})})}
|
|
@@ -1,80 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import * as Icons from 'react-feather';
|
|
4
|
-
|
|
5
|
-
import Switcher from '../../../FormElements/Switcher/Switcher';
|
|
6
|
-
|
|
7
|
-
import './TdTypes.scss';
|
|
8
|
-
|
|
9
|
-
export function TdActions({ actions, onChange, onActionClick, rowItem }) {
|
|
10
|
-
if (!actions) return false;
|
|
11
|
-
|
|
12
|
-
const [state, setState] = useState(actions);
|
|
13
|
-
|
|
14
|
-
const handleArrayChange = (value, index, prop) => {
|
|
15
|
-
state[index][prop] = value;
|
|
16
|
-
setState([...state]);
|
|
17
|
-
onChange(state);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<div className="j6">
|
|
22
|
-
{actions?.map((action, index) => {
|
|
23
|
-
switch (action.type) {
|
|
24
|
-
case 'download':
|
|
25
|
-
return (
|
|
26
|
-
<div
|
|
27
|
-
key={index}
|
|
28
|
-
className="td-actions--item td-actions--download"
|
|
29
|
-
onClick={() => {}}
|
|
30
|
-
>
|
|
31
|
-
<Icons.Download />
|
|
32
|
-
</div>
|
|
33
|
-
);
|
|
34
|
-
case 'edit':
|
|
35
|
-
return (
|
|
36
|
-
<div
|
|
37
|
-
key={index}
|
|
38
|
-
className="td-actions--item td-actions--edit"
|
|
39
|
-
onClick={() => {}}
|
|
40
|
-
>
|
|
41
|
-
<Icons.Edit3 />
|
|
42
|
-
</div>
|
|
43
|
-
);
|
|
44
|
-
case 'delete':
|
|
45
|
-
return (
|
|
46
|
-
<div
|
|
47
|
-
key={index}
|
|
48
|
-
className="td-actions--item td-actions--delete"
|
|
49
|
-
onClick={() => onActionClick('delete', rowItem)}
|
|
50
|
-
>
|
|
51
|
-
<Icons.Trash2 />
|
|
52
|
-
</div>
|
|
53
|
-
);
|
|
54
|
-
case 'undo':
|
|
55
|
-
return (
|
|
56
|
-
<div
|
|
57
|
-
key={index}
|
|
58
|
-
className="td-actions--item td-actions--undo"
|
|
59
|
-
onClick={() => onActionClick('undo', rowItem)}
|
|
60
|
-
>
|
|
61
|
-
<Icons.RotateCcw />
|
|
62
|
-
</div>
|
|
63
|
-
);
|
|
64
|
-
case 'switcher':
|
|
65
|
-
return (
|
|
66
|
-
<div key={index} className="df">
|
|
67
|
-
<Switcher
|
|
68
|
-
label={action.label || null}
|
|
69
|
-
isActive={action?.value}
|
|
70
|
-
onChange={e => handleArrayChange(e, index, 'value')}
|
|
71
|
-
/>
|
|
72
|
-
</div>
|
|
73
|
-
);
|
|
74
|
-
default:
|
|
75
|
-
return null;
|
|
76
|
-
}
|
|
77
|
-
})}
|
|
78
|
-
</div>
|
|
79
|
-
);
|
|
80
|
-
}
|
|
1
|
+
function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=Array(r);n<r;n++)e[n]=t[n];return e}function r(r,n){if(r){if("string"==typeof r)return t(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);if("Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(r,n)}}import{jsx as n}from"react/jsx-runtime";import{useState as e}from"react";import*as o from"react-feather";import i from"../../../FormElements/Switcher/Switcher";import"./TdTypes.scss";export function TdActions(a){var l,c=a.actions,u=a.onChange,s=a.onActionClick,d=a.rowItem;if(!c)return!1;var f=(l=e(c),function(t){if(Array.isArray(t))return t}(l)||function(t,r){var n,e,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),i.length!==r);a=!0);}catch(t){l=!0,e=t}finally{try{a||null==o.return||o.return()}finally{if(l)throw e}}return i}}(l,2)||r(l,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=f[0],y=f[1],h=function(n,e,o){m[e][o]=n,y(function(r){if(Array.isArray(r))return t(r)}(m)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(m)||r(m)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u(m)};return n("div",{className:"j6",children:null==c?void 0:c.map(function(t,r){switch(t.type){case"download":return n("div",{className:"td-actions--item td-actions--download",onClick:function(){},children:n(o.Download,{})},r);case"edit":return n("div",{className:"td-actions--item td-actions--edit",onClick:function(){},children:n(o.Edit3,{})},r);case"delete":return n("div",{className:"td-actions--item td-actions--delete",onClick:function(){return s("delete",d)},children:n(o.Trash2,{})},r);case"undo":return n("div",{className:"td-actions--item td-actions--undo",onClick:function(){return s("undo",d)},children:n(o.RotateCcw,{})},r);case"switcher":return n("div",{className:"df",children:n(i,{label:t.label||null,isActive:null==t?void 0:t.value,onChange:function(t){return h(t,r,"value")}})},r);default:return null}})})}
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ArrowDown, ArrowUp } from 'react-feather';
|
|
3
|
-
|
|
4
|
-
import '../Table.scss';
|
|
5
|
-
|
|
6
|
-
function TdPriority({ onClick, rowIndex, cardLength }) {
|
|
7
|
-
return (
|
|
8
|
-
<div className="cards-table__priority">
|
|
9
|
-
<span className="mr5">{rowIndex + 1}</span>
|
|
10
|
-
<div className="df">
|
|
11
|
-
<ArrowDown
|
|
12
|
-
onClick={() => onClick(rowIndex)}
|
|
13
|
-
className={cn('table--icon', {
|
|
14
|
-
disabled: rowIndex + 1 === cardLength,
|
|
15
|
-
})}
|
|
16
|
-
/>
|
|
17
|
-
<ArrowUp
|
|
18
|
-
onClick={() => onClick(rowIndex, true)}
|
|
19
|
-
className={cn('table--icon', { disabled: rowIndex === 0 })}
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export default TdPriority;
|
|
1
|
+
import{jsx as a,jsxs as r}from"react/jsx-runtime";import e from"classnames";import{ArrowDown as s,ArrowUp as c}from"react-feather";import"../Table.scss";export default function(i){var n=i.onClick,t=i.rowIndex,l=i.cardLength;return r("div",{className:"cards-table__priority",children:[a("span",{className:"mr5",children:t+1}),r("div",{className:"df",children:[a(s,{onClick:function(){return n(t)},className:e("table--icon",{disabled:t+1===l})}),a(c,{onClick:function(){return n(t,!0)},className:e("table--icon",{disabled:0===t})})]})]})}
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
function
|
|
2
|
-
if (!item) return false;
|
|
3
|
-
|
|
4
|
-
return (
|
|
5
|
-
<div>
|
|
6
|
-
<span>{item.from}</span>
|
|
7
|
-
<span> - </span>
|
|
8
|
-
<span>{item.to}</span>
|
|
9
|
-
</div>
|
|
10
|
-
);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export default TdRange;
|
|
1
|
+
import{jsx as r,jsxs as n}from"react/jsx-runtime";export default function(e){var i=e.item;return!!i&&n("div",{children:[r("span",{children:i.from}),r("span",{children:" - "}),r("span",{children:i.to})]})}
|
|
@@ -1,56 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { useEffect, useState } from 'react';
|
|
4
|
-
|
|
5
|
-
import { useOutsideToggle } from '../../../../Functions/utils';
|
|
6
|
-
import { KEY_CODE } from '../../Modal/Modal';
|
|
7
|
-
|
|
8
|
-
import '../Table.scss';
|
|
9
|
-
|
|
10
|
-
function TdWeight({ value, percent, onChange, className }) {
|
|
11
|
-
const [state, setState] = useState(value);
|
|
12
|
-
const {
|
|
13
|
-
isToggled: isEdited,
|
|
14
|
-
toggleOff: unsetIsEdited,
|
|
15
|
-
toggleOn: setIsEdited,
|
|
16
|
-
} = useOutsideToggle(false);
|
|
17
|
-
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
setState(value);
|
|
20
|
-
}, [value, isEdited]);
|
|
21
|
-
|
|
22
|
-
const handleKeyUp = ({ keyCode, target }) => {
|
|
23
|
-
if (keyCode === KEY_CODE.ENTER) {
|
|
24
|
-
const newValue = Number(target.value) || 1;
|
|
25
|
-
onChange(newValue);
|
|
26
|
-
unsetIsEdited();
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
return (
|
|
31
|
-
<>
|
|
32
|
-
{isEdited
|
|
33
|
-
? (
|
|
34
|
-
<Input
|
|
35
|
-
value={state}
|
|
36
|
-
onChange={e => setState(e)}
|
|
37
|
-
onBlur={unsetIsEdited}
|
|
38
|
-
onKeyUp={handleKeyUp}
|
|
39
|
-
autoFocus
|
|
40
|
-
/>
|
|
41
|
-
)
|
|
42
|
-
: (
|
|
43
|
-
<div className={cn('td-weight', className)} onClick={setIsEdited}>
|
|
44
|
-
<span>{value}</span>
|
|
45
|
-
<span className="ml2 color--grey-gull">
|
|
46
|
-
(
|
|
47
|
-
{percent}
|
|
48
|
-
%)
|
|
49
|
-
</span>
|
|
50
|
-
</div>
|
|
51
|
-
)}
|
|
52
|
-
</>
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export default TdWeight;
|
|
1
|
+
function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import o from"classnames";import{useEffect as a,useState as l}from"react";import{useOutsideToggle as i}from"../../../../Functions/utils";import{KEY_CODE as u}from"../../Modal/Modal";import"../Table.scss";export default function(c){var s,f=c.value,m=c.percent,p=c.onChange,y=c.className,d=(s=l(f),function(r){if(Array.isArray(r))return r}(s)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],l=!0,i=!1;try{for(o=o.call(r);!(l=(n=o.next()).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(r){i=!0,e=r}finally{try{l||null==o.return||o.return()}finally{if(i)throw e}}return a}}(s,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.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(t,n)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=d[0],h=d[1],v=i(!1),b=v.isToggled,j=v.toggleOff,A=v.toggleOn;return a(function(){h(f)},[f,b]),t(e,{children:b?t(Input,{value:g,onChange:function(r){return h(r)},onBlur:j,onKeyUp:function(r){var t=r.keyCode,n=r.target;t===u.ENTER&&(p(Number(n.value)||1),j())},autoFocus:!0}):n("div",{className:o("td-weight",y),onClick:A,children:[t("span",{children:f}),n("span",{className:"ml2 color--grey-gull",children:["(",m,"%)"]})]})})}
|