@veeqo/ui 9.4.1 → 9.5.0
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/README.md +1 -1
- package/dist/components/Accordion/Accordion.js +21 -21
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +4 -4
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/Alerts/Alert/Alert.js +11 -11
- package/dist/components/Alerts/Alert/Alert.js.map +1 -1
- package/dist/components/Alerts/MiniAlert/MiniAlert.js +4 -4
- package/dist/components/Alerts/MiniAlert/MiniAlert.js.map +1 -1
- package/dist/components/Anchor/Anchor.js +2 -2
- package/dist/components/Anchor/Anchor.js.map +1 -1
- package/dist/components/AnimatedDropdown/AnimatedDropdown.js +5 -5
- package/dist/components/AnimatedDropdown/AnimatedDropdown.js.map +1 -1
- package/dist/components/AnimatedDropdown/components/BasicDropdown.js +2 -2
- package/dist/components/AnimatedDropdown/components/BasicDropdown.js.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Badge/Badge.js +4 -4
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Banner/Banner.js +7 -7
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/Breadcrumbs/components/Breadcrumb.js +4 -4
- package/dist/components/Breadcrumbs/components/Breadcrumb.js.map +1 -1
- package/dist/components/Button/Button.js +7 -7
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Calendars/components/Calendar/Calendar.js +4 -4
- package/dist/components/Calendars/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js +4 -4
- package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js +4 -4
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.js +4 -4
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/MonthCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarHeader.js +9 -9
- package/dist/components/Calendars/components/subcomponents/CalendarHeader.js.map +1 -1
- package/dist/components/Calendars/components/subcomponents/CalendarHeading.js +2 -2
- package/dist/components/Calendars/components/subcomponents/CalendarHeading.js.map +1 -1
- package/dist/components/Card/Card.js +6 -6
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +8 -8
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +3 -3
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Choice/Choice.js +14 -14
- package/dist/components/Choice/Choice.js.map +1 -1
- package/dist/components/ChoiceList/ChoiceList.js +4 -4
- package/dist/components/ChoiceList/ChoiceList.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.js +4 -4
- package/dist/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/components/DataTable/DataTable.js +34 -34
- package/dist/components/DataTable/DataTable.js.map +1 -1
- package/dist/components/DataTable/components/ActionBar.js +3 -3
- package/dist/components/DataTable/components/ActionBar.js.map +1 -1
- package/dist/components/DataTable/components/ColumnDivider.js +2 -2
- package/dist/components/DataTable/components/ColumnDivider.js.map +1 -1
- package/dist/components/DataTable/components/ColumnMenu.cjs +1 -1
- package/dist/components/DataTable/components/ColumnMenu.cjs.map +1 -1
- package/dist/components/DataTable/components/ColumnMenu.js +11 -11
- package/dist/components/DataTable/components/ColumnMenu.js.map +1 -1
- package/dist/components/DataTable/components/SelectionCell.js +5 -5
- package/dist/components/DataTable/components/SelectionCell.js.map +1 -1
- package/dist/components/DataTable/components/SelectionHeader.js +4 -4
- package/dist/components/DataTable/components/SelectionHeader.js.map +1 -1
- package/dist/components/DataTable/components/StickyHead.js +4 -4
- package/dist/components/DataTable/components/StickyHead.js.map +1 -1
- package/dist/components/DataTable/hooks/useSelection.js +3 -3
- package/dist/components/DataTable/hooks/useSelection.js.map +1 -1
- package/dist/components/DataTable/renderers/renderFooter.js +2 -2
- package/dist/components/DataTable/renderers/renderFooter.js.map +1 -1
- package/dist/components/DataTable/renderers/renderHeader.js +8 -8
- package/dist/components/DataTable/renderers/renderHeader.js.map +1 -1
- package/dist/components/DataTable/renderers/renderLoadingCell.js +3 -3
- package/dist/components/DataTable/renderers/renderLoadingCell.js.map +1 -1
- package/dist/components/DataTable/renderers/renderNestedCell.js +2 -2
- package/dist/components/DataTable/renderers/renderNestedCell.js.map +1 -1
- package/dist/components/DataTable/utils/GetSortIcon.cjs +2 -2
- package/dist/components/DataTable/utils/GetSortIcon.cjs.map +1 -1
- package/dist/components/DataTable/utils/GetSortIcon.js +5 -5
- package/dist/components/DataTable/utils/GetSortIcon.js.map +1 -1
- package/dist/components/DateInputField/DateInputField.js +11 -11
- package/dist/components/DateInputField/DateInputField.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +9 -9
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +12 -12
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/components/ComparePreviousPeriod.js +5 -5
- package/dist/components/DateRangePicker/components/ComparePreviousPeriod.js.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +9 -9
- package/dist/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/components/DetailPage/DetailPage.js +4 -4
- package/dist/components/DetailPage/DetailPage.js.map +1 -1
- package/dist/components/DimensionsInput/DimensionsInput.js +10 -10
- package/dist/components/DimensionsInput/DimensionsInput.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +4 -4
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownPopover.js +4 -4
- package/dist/components/Dropdown/DropdownPopover.js.map +1 -1
- package/dist/components/FilterTag/FilterTag.js +12 -12
- package/dist/components/FilterTag/FilterTag.js.map +1 -1
- package/dist/components/Image/Image.js +8 -8
- package/dist/components/Image/Image.js.map +1 -1
- package/dist/components/Image/components/PlaceholderImage.js +3 -3
- package/dist/components/Image/components/PlaceholderImage.js.map +1 -1
- package/dist/components/Indicator/Indicator.js +2 -2
- package/dist/components/Indicator/Indicator.js.map +1 -1
- package/dist/components/InputGroup/components/InputGroupLabel/InputGroupLabel.js +3 -3
- package/dist/components/InputGroup/components/InputGroupLabel/InputGroupLabel.js.map +1 -1
- package/dist/components/LegacyDataTable/LegacyDataTable.cjs +2 -2
- package/dist/components/LegacyDataTable/LegacyDataTable.cjs.map +1 -1
- package/dist/components/LegacyDataTable/LegacyDataTable.js +40 -40
- package/dist/components/LegacyDataTable/LegacyDataTable.js.map +1 -1
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js +3 -3
- package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js.map +1 -1
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.js +5 -5
- package/dist/components/LegacyDataTable/SpecificState/SpecificState.js.map +1 -1
- package/dist/components/LegacyDataTable/StickyHeader.js +3 -3
- package/dist/components/LegacyDataTable/StickyHeader.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/ClickableCell.js +3 -3
- package/dist/components/LegacyDataTable/cells/ClickableCell.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/EditableCell.js +4 -4
- package/dist/components/LegacyDataTable/cells/EditableCell.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/SkeletonCell.js +3 -3
- package/dist/components/LegacyDataTable/cells/SkeletonCell.js.map +1 -1
- package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js +3 -3
- package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js.map +1 -1
- package/dist/components/LegacyDataTable/utils/constants.js +3 -3
- package/dist/components/LegacyDataTable/utils/constants.js.map +1 -1
- package/dist/components/Loader/Grid.js +20 -20
- package/dist/components/Loader/Grid.js.map +1 -1
- package/dist/components/Loader/Loader.js +4 -4
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/Loader/TailSpin.js +13 -13
- package/dist/components/Loader/TailSpin.js.map +1 -1
- package/dist/components/Loader/ThreeDots.js +11 -11
- package/dist/components/Loader/ThreeDots.js.map +1 -1
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js +3 -3
- package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js.map +1 -1
- package/dist/components/Modal/Modal.js +11 -11
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components/Dialog/Dialog.js +2 -2
- package/dist/components/Modal/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Pagination/Pagination.js +9 -9
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/components.js +6 -6
- package/dist/components/Pagination/components.js.map +1 -1
- package/dist/components/Popover/Popover.js +4 -4
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/PriceInput/PriceInput.js +6 -6
- package/dist/components/PriceInput/PriceInput.js.map +1 -1
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/ScreenReaderOnly/ScreenReaderOnly.js +2 -2
- package/dist/components/ScreenReaderOnly/ScreenReaderOnly.js.map +1 -1
- package/dist/components/Search/Search.js +9 -9
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +2 -2
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/Select/Select.js +3 -3
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/ShortcutKeys/ShortcutKeys.js +6 -6
- package/dist/components/ShortcutKeys/ShortcutKeys.js.map +1 -1
- package/dist/components/SimpleTable/SimpleTable.js +2 -2
- package/dist/components/SimpleTable/SimpleTable.js.map +1 -1
- package/dist/components/Slider/Slider.js +6 -6
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Stepper/Stepper.js +6 -6
- package/dist/components/Stepper/Stepper.js.map +1 -1
- package/dist/components/TextField/TextField.js +3 -3
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/ToastsLayout/ToastsLayout.js +4 -4
- package/dist/components/ToastsLayout/ToastsLayout.js.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.js +10 -10
- package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
- package/dist/components/Toggle/Toggle.js +6 -6
- package/dist/components/Toggle/Toggle.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +2 -2
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +5 -5
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/components/TooltipPopover.js +4 -4
- package/dist/components/Tooltip/components/TooltipPopover.js.map +1 -1
- package/dist/components/UploadFile/UploadFile.js +13 -13
- package/dist/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/components/UploadFile/UploadGraphic.js +4 -4
- package/dist/components/UploadFile/UploadGraphic.js.map +1 -1
- package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js +4 -4
- package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js.map +1 -1
- package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js +4 -4
- package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js.map +1 -1
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js +4 -4
- package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map +1 -1
- package/dist/components/VideoModal/VideoModal.js +6 -6
- package/dist/components/VideoModal/VideoModal.js.map +1 -1
- package/dist/components/VideoModal/components/Popup.js +7 -7
- package/dist/components/VideoModal/components/Popup.js.map +1 -1
- package/dist/components/View/View.js +9 -9
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/ViewTab/ViewTab.js +10 -10
- package/dist/components/ViewTab/ViewTab.js.map +1 -1
- package/dist/components/ViewsContainer/ViewsContainer.js +9 -9
- package/dist/components/ViewsContainer/ViewsContainer.js.map +1 -1
- package/dist/components/WeightInput/WeightInput.js +13 -13
- package/dist/components/WeightInput/WeightInput.js.map +1 -1
- package/dist/hoc/withDeprecated.js +2 -2
- package/dist/hoc/withDeprecated.js.map +1 -1
- package/dist/hoc/withLabels/withLabels.js +13 -13
- package/dist/hoc/withLabels/withLabels.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +8 -8
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/index.cjs +74 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -1
- package/dist/tempIcons/ActiveCheckboxIcon.cjs +14 -0
- package/dist/tempIcons/ActiveCheckboxIcon.cjs.map +1 -0
- package/dist/tempIcons/ActiveCheckboxIcon.js +8 -0
- package/dist/tempIcons/ActiveCheckboxIcon.js.map +1 -0
- package/dist/tempIcons/ActiveRadioIcon.cjs +14 -0
- package/dist/tempIcons/ActiveRadioIcon.cjs.map +1 -0
- package/dist/tempIcons/ActiveRadioIcon.js +8 -0
- package/dist/tempIcons/ActiveRadioIcon.js.map +1 -0
- package/dist/tempIcons/ArrowDownIcon.js +3 -3
- package/dist/tempIcons/ArrowDownIcon.js.map +1 -1
- package/dist/tempIcons/ArrowUpIcon.js +3 -3
- package/dist/tempIcons/ArrowUpIcon.js.map +1 -1
- package/dist/tempIcons/AttentionIcon.js +3 -3
- package/dist/tempIcons/AttentionIcon.js.map +1 -1
- package/dist/tempIcons/CalendarIcon.js +3 -3
- package/dist/tempIcons/CalendarIcon.js.map +1 -1
- package/dist/tempIcons/ClipboardIcon.js +3 -3
- package/dist/tempIcons/ClipboardIcon.js.map +1 -1
- package/dist/tempIcons/CrossIcon.js +3 -3
- package/dist/tempIcons/CrossIcon.js.map +1 -1
- package/dist/tempIcons/DashboardIcon.cjs +13 -0
- package/dist/tempIcons/DashboardIcon.cjs.map +1 -0
- package/dist/tempIcons/DashboardIcon.d.ts +2 -0
- package/dist/tempIcons/DashboardIcon.js +7 -0
- package/dist/tempIcons/DashboardIcon.js.map +1 -0
- package/dist/tempIcons/DestructiveIcon.cjs +30 -0
- package/dist/tempIcons/DestructiveIcon.cjs.map +1 -0
- package/dist/tempIcons/DestructiveIcon.js +8 -0
- package/dist/tempIcons/DestructiveIcon.js.map +1 -0
- package/dist/tempIcons/DoubleArrowAscIcon.js +4 -4
- package/dist/tempIcons/DoubleArrowAscIcon.js.map +1 -1
- package/dist/tempIcons/DoubleArrowDescIcon.js +4 -4
- package/dist/tempIcons/DoubleArrowDescIcon.js.map +1 -1
- package/dist/tempIcons/{DoubleArrowIconIcon.cjs → DoubleArrowIcon.cjs} +1 -1
- package/dist/tempIcons/DoubleArrowIcon.cjs.map +1 -0
- package/dist/tempIcons/DoubleArrowIcon.js +8 -0
- package/dist/tempIcons/DoubleArrowIcon.js.map +1 -0
- package/dist/tempIcons/DownArrowIcon.js +3 -3
- package/dist/tempIcons/DownArrowIcon.js.map +1 -1
- package/dist/tempIcons/DragIndicatorIcon.cjs +13 -0
- package/dist/tempIcons/DragIndicatorIcon.cjs.map +1 -0
- package/dist/tempIcons/DragIndicatorIcon.js +7 -0
- package/dist/tempIcons/DragIndicatorIcon.js.map +1 -0
- package/dist/tempIcons/DropdownIcon.js +3 -3
- package/dist/tempIcons/DropdownIcon.js.map +1 -1
- package/dist/tempIcons/EditIcon.js +3 -3
- package/dist/tempIcons/EditIcon.js.map +1 -1
- package/dist/tempIcons/EndArrowIcon.js +4 -4
- package/dist/tempIcons/EndArrowIcon.js.map +1 -1
- package/dist/tempIcons/FailIcon.js +3 -3
- package/dist/tempIcons/FailIcon.js.map +1 -1
- package/dist/tempIcons/HelpIcon.js +3 -3
- package/dist/tempIcons/HelpIcon.js.map +1 -1
- package/dist/tempIcons/InactiveCheckboxIcon.cjs +14 -0
- package/dist/tempIcons/InactiveCheckboxIcon.cjs.map +1 -0
- package/dist/tempIcons/InactiveCheckboxIcon.js +8 -0
- package/dist/tempIcons/InactiveCheckboxIcon.js.map +1 -0
- package/dist/tempIcons/InactiveRadioIcon.cjs +14 -0
- package/dist/tempIcons/InactiveRadioIcon.cjs.map +1 -0
- package/dist/tempIcons/InactiveRadioIcon.js +8 -0
- package/dist/tempIcons/InactiveRadioIcon.js.map +1 -0
- package/dist/tempIcons/InfoIcon.js +5 -5
- package/dist/tempIcons/InfoIcon.js.map +1 -1
- package/dist/tempIcons/LeftArrowIcon.js +3 -3
- package/dist/tempIcons/LeftArrowIcon.js.map +1 -1
- package/dist/tempIcons/MergeIcon.js +3 -3
- package/dist/tempIcons/MergeIcon.js.map +1 -1
- package/dist/tempIcons/PlusIcon.cjs +30 -0
- package/dist/tempIcons/PlusIcon.cjs.map +1 -0
- package/dist/tempIcons/PlusIcon.js +8 -0
- package/dist/tempIcons/PlusIcon.js.map +1 -0
- package/dist/tempIcons/RecommendIcon.js +5 -5
- package/dist/tempIcons/RecommendIcon.js.map +1 -1
- package/dist/tempIcons/ReorderIcon.js +3 -3
- package/dist/tempIcons/ReorderIcon.js.map +1 -1
- package/dist/tempIcons/RightArrowIcon.js +3 -3
- package/dist/tempIcons/RightArrowIcon.js.map +1 -1
- package/dist/tempIcons/SearchIcon.js +3 -3
- package/dist/tempIcons/SearchIcon.js.map +1 -1
- package/dist/tempIcons/StartArrowIcon.js +4 -4
- package/dist/tempIcons/StartArrowIcon.js.map +1 -1
- package/dist/tempIcons/SuccessIcon.js +3 -3
- package/dist/tempIcons/SuccessIcon.js.map +1 -1
- package/dist/tempIcons/ThreeDotsIcon.js +3 -3
- package/dist/tempIcons/ThreeDotsIcon.js.map +1 -1
- package/dist/tempIcons/UpArrowIcon.js +3 -3
- package/dist/tempIcons/UpArrowIcon.js.map +1 -1
- package/dist/tempIcons/VisibilityIcon.cjs +2 -2
- package/dist/tempIcons/VisibilityIcon.cjs.map +1 -1
- package/dist/tempIcons/VisibilityIcon.d.ts +1 -1
- package/dist/tempIcons/VisibilityIcon.js +4 -4
- package/dist/tempIcons/VisibilityIcon.js.map +1 -1
- package/dist/tempIcons/VisibilityOffIcon.cjs +2 -2
- package/dist/tempIcons/VisibilityOffIcon.cjs.map +1 -1
- package/dist/tempIcons/VisibilityOffIcon.d.ts +1 -1
- package/dist/tempIcons/VisibilityOffIcon.js +4 -4
- package/dist/tempIcons/VisibilityOffIcon.js.map +1 -1
- package/dist/tempIcons/WarningIcon.js +4 -4
- package/dist/tempIcons/WarningIcon.js.map +1 -1
- package/dist/tempIcons/index.d.ts +37 -0
- package/package.json +1 -1
- package/dist/tempIcons/DoubleArrowIconIcon.cjs.map +0 -1
- package/dist/tempIcons/DoubleArrowIconIcon.d.ts +0 -2
- package/dist/tempIcons/DoubleArrowIconIcon.js +0 -8
- package/dist/tempIcons/DoubleArrowIconIcon.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { useState } from 'react';
|
|
2
2
|
import { useScroll } from 'react-use';
|
|
3
3
|
import { StickyHeaderWrapper, FakeHeaderTable } from './styled.js';
|
|
4
4
|
import { useStickyHeader } from './utils/hooks.js';
|
|
@@ -24,11 +24,11 @@ const StickyHeader = ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapp
|
|
|
24
24
|
headerWrapperRef.scrollLeft = scrollLeft;
|
|
25
25
|
};
|
|
26
26
|
updateScroll();
|
|
27
|
-
return isSticky ? (
|
|
27
|
+
return isSticky ? (React__default.createElement(StickyHeaderWrapper, { ref: (ref) => {
|
|
28
28
|
setHeaderWrapperRef(ref);
|
|
29
29
|
updateScroll(ref);
|
|
30
30
|
}, style: { width: wrapperWidth, ...wrapperStyle } },
|
|
31
|
-
|
|
31
|
+
React__default.createElement(FakeHeaderTable, { style: { tableLayout: isFixedLayout ? 'fixed' : 'auto' } }, renderHeader()))) : null;
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
export { StickyHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useScroll } from 'react-use';\nimport { FakeHeaderTable, StickyHeaderWrapper } from './styled';\nimport { useStickyHeader } from './utils/hooks';\n\ntype StickyHeaderPropTypes = {\n tableRef: React.RefObject<HTMLTableElement>;\n wrapperRef: React.RefObject<HTMLDivElement>;\n isFixedLayout: boolean;\n renderHeader: (offset?: number) => React.ReactNode;\n wrapperStyle?: React.CSSProperties;\n};\n\nexport const StickyHeader = ({\n renderHeader,\n tableRef,\n wrapperRef,\n isFixedLayout,\n wrapperStyle,\n}: StickyHeaderPropTypes) => {\n const [headerWrapperRef, setHeaderWrapperRef] = useState<HTMLDivElement | null>(null);\n const { isSticky } = useStickyHeader(\n tableRef,\n parseInt(\n typeof wrapperStyle?.top === 'string' ? wrapperStyle?.top : `${wrapperStyle?.top}`,\n 10,\n ),\n );\n\n // here we use 2, because we also have borders on each side by 1 px\n const wrapperWidth = (wrapperRef.current?.getBoundingClientRect().width || 0) - 2;\n\n // we use it just to re-render header to update scroll\n // so we don't need to get any value from this hook\n useScroll(wrapperRef);\n\n const updateScroll = (ref?: HTMLDivElement | null) => {\n const scrollLeft = wrapperRef.current?.scrollLeft || 0;\n\n if (ref) {\n // eslint-disable-next-line no-param-reassign\n ref.scrollLeft = scrollLeft;\n return;\n }\n\n if (headerWrapperRef) headerWrapperRef.scrollLeft = scrollLeft;\n };\n\n updateScroll();\n\n return isSticky ? (\n <StickyHeaderWrapper\n ref={(ref) => {\n setHeaderWrapperRef(ref);\n updateScroll(ref);\n }}\n style={{ width: wrapperWidth, ...wrapperStyle }}\n >\n <FakeHeaderTable style={{ tableLayout: isFixedLayout ? 'fixed' : 'auto' }}>\n {renderHeader()}\n </FakeHeaderTable>\n </StickyHeaderWrapper>\n ) : null;\n};\n"],"names":[],"mappings":";;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjF,SAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useScroll } from 'react-use';\nimport { FakeHeaderTable, StickyHeaderWrapper } from './styled';\nimport { useStickyHeader } from './utils/hooks';\n\ntype StickyHeaderPropTypes = {\n tableRef: React.RefObject<HTMLTableElement>;\n wrapperRef: React.RefObject<HTMLDivElement>;\n isFixedLayout: boolean;\n renderHeader: (offset?: number) => React.ReactNode;\n wrapperStyle?: React.CSSProperties;\n};\n\nexport const StickyHeader = ({\n renderHeader,\n tableRef,\n wrapperRef,\n isFixedLayout,\n wrapperStyle,\n}: StickyHeaderPropTypes) => {\n const [headerWrapperRef, setHeaderWrapperRef] = useState<HTMLDivElement | null>(null);\n const { isSticky } = useStickyHeader(\n tableRef,\n parseInt(\n typeof wrapperStyle?.top === 'string' ? wrapperStyle?.top : `${wrapperStyle?.top}`,\n 10,\n ),\n );\n\n // here we use 2, because we also have borders on each side by 1 px\n const wrapperWidth = (wrapperRef.current?.getBoundingClientRect().width || 0) - 2;\n\n // we use it just to re-render header to update scroll\n // so we don't need to get any value from this hook\n useScroll(wrapperRef);\n\n const updateScroll = (ref?: HTMLDivElement | null) => {\n const scrollLeft = wrapperRef.current?.scrollLeft || 0;\n\n if (ref) {\n // eslint-disable-next-line no-param-reassign\n ref.scrollLeft = scrollLeft;\n return;\n }\n\n if (headerWrapperRef) headerWrapperRef.scrollLeft = scrollLeft;\n };\n\n updateScroll();\n\n return isSticky ? (\n <StickyHeaderWrapper\n ref={(ref) => {\n setHeaderWrapperRef(ref);\n updateScroll(ref);\n }}\n style={{ width: wrapperWidth, ...wrapperStyle }}\n >\n <FakeHeaderTable style={{ tableLayout: isFixedLayout ? 'fixed' : 'auto' }}>\n {renderHeader()}\n </FakeHeaderTable>\n </StickyHeaderWrapper>\n ) : null;\n};\n"],"names":["React"],"mappings":";;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjF,SAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,IACbA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,GAAG,EAAE,CAAC,GAAG,KAAI;YACX,mBAAmB,CAAC,GAAG,CAAC;YACxB,YAAY,CAAC,GAAG,CAAC;SAClB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,EAAA;QAE/CA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACtE,EAAA,YAAY,EAAE,CACC,CACE,IACpB,IAAI;AACV;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { theme } from '../../../theme/index.js';
|
|
4
4
|
import { CellButton } from './styled.js';
|
|
5
5
|
import { Cell } from '../styled.js';
|
|
6
6
|
|
|
7
7
|
const ClickableButton = styled(CellButton).withConfig({ displayName: "vui--ClickableButton", componentId: "vui--1b7t5il" }) `color:${theme.text.link.color};text-decoration:${theme.text.link.textDecoration};`;
|
|
8
|
-
const ClickableCell = ({ onClick, children, ...otherProps }) => (
|
|
9
|
-
|
|
8
|
+
const ClickableCell = ({ onClick, children, ...otherProps }) => (React__default.createElement(Cell, { ...otherProps },
|
|
9
|
+
React__default.createElement(ClickableButton, { onClick: onClick }, children)));
|
|
10
10
|
|
|
11
11
|
export { ClickableCell };
|
|
12
12
|
//# sourceMappingURL=ClickableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { CellButton } from './styled';\nimport { Cell, CellProps } from '../styled';\n\nconst ClickableButton = styled(CellButton)`\n color: ${theme.text.link.color};\n text-decoration: ${theme.text.link.textDecoration};\n`;\n\nexport interface ClickableCellProps extends CellProps {\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n children: React.ReactNode;\n}\n\nexport const ClickableCell = ({ onClick, children, ...otherProps }: ClickableCellProps) => (\n <Cell {...otherProps}>\n <ClickableButton onClick={onClick}>{children}</ClickableButton>\n </Cell>\n);\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,
|
|
1
|
+
{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { CellButton } from './styled';\nimport { Cell, CellProps } from '../styled';\n\nconst ClickableButton = styled(CellButton)`\n color: ${theme.text.link.color};\n text-decoration: ${theme.text.link.textDecoration};\n`;\n\nexport interface ClickableCellProps extends CellProps {\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n children: React.ReactNode;\n}\n\nexport const ClickableCell = ({ onClick, children, ...otherProps }: ClickableCellProps) => (\n <Cell {...otherProps}>\n <ClickableButton onClick={onClick}>{children}</ClickableButton>\n </Cell>\n);\n"],"names":["React"],"mappings":";;;;;;AAMA,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,MACpFA,cAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClBA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CAC1D;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { CellButton } from './styled.js';
|
|
4
4
|
import { Cell } from '../styled.js';
|
|
5
5
|
|
|
6
6
|
const Content = styled.div.withConfig({ displayName: "vui--Content", componentId: "vui--n24x0f" }) `text-align:inherit;border-bottom:1px dotted black;`;
|
|
7
|
-
const EditableCell = ({ onClick, children, ...otherProps }) => (
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const EditableCell = ({ onClick, children, ...otherProps }) => (React__default.createElement(Cell, { ...otherProps },
|
|
8
|
+
React__default.createElement(CellButton, { onClick: onClick },
|
|
9
|
+
React__default.createElement(Content, null, children))));
|
|
10
10
|
|
|
11
11
|
export { EditableCell };
|
|
12
12
|
//# sourceMappingURL=EditableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { CellButton } from './styled';\nimport { Cell, CellProps } from '../styled';\n\nconst Content = styled.div`\n text-align: inherit;\n border-bottom: 1px dotted black;\n`;\n\nexport interface EditableCellProps extends CellProps {\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n children: React.ReactNode;\n}\n\nexport const EditableCell = ({ onClick, children, ...otherProps }: EditableCellProps) => (\n <Cell {...otherProps}>\n <CellButton onClick={onClick}>\n <Content>{children}</Content>\n </CellButton>\n </Cell>\n);\n"],"names":[],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,6HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,
|
|
1
|
+
{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { CellButton } from './styled';\nimport { Cell, CellProps } from '../styled';\n\nconst Content = styled.div`\n text-align: inherit;\n border-bottom: 1px dotted black;\n`;\n\nexport interface EditableCellProps extends CellProps {\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n children: React.ReactNode;\n}\n\nexport const EditableCell = ({ onClick, children, ...otherProps }: EditableCellProps) => (\n <Cell {...otherProps}>\n <CellButton onClick={onClick}>\n <Content>{children}</Content>\n </CellButton>\n </Cell>\n);\n"],"names":["React"],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,6HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,MAClFA,cAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;AAClB,IAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CAClB,CACR;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Cell } from '../styled.js';
|
|
3
3
|
import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
|
|
4
4
|
|
|
5
|
-
const SkeletonCell = ({ style, ...otherProps }) => (
|
|
6
|
-
|
|
5
|
+
const SkeletonCell = ({ style, ...otherProps }) => (React__default.createElement(Cell, { ...otherProps },
|
|
6
|
+
React__default.createElement(SkeletonContent, { style: style })));
|
|
7
7
|
SkeletonCell.defaultProps = {
|
|
8
8
|
style: {},
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Cell, CellProps } from '../styled';\nimport { SkeletonContent } from '../SkeletonContent';\n\nexport interface SkeletonCellProps extends CellProps {\n style?: CSSProperties;\n}\n\nexport const SkeletonCell = ({ style, ...otherProps }: SkeletonCellProps) => (\n <Cell {...otherProps}>\n <SkeletonContent style={style} />\n </Cell>\n);\n\nSkeletonCell.defaultProps = {\n style: {},\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,
|
|
1
|
+
{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Cell, CellProps } from '../styled';\nimport { SkeletonContent } from '../SkeletonContent';\n\nexport interface SkeletonCellProps extends CellProps {\n style?: CSSProperties;\n}\n\nexport const SkeletonCell = ({ style, ...otherProps }: SkeletonCellProps) => (\n <Cell {...otherProps}>\n <SkeletonContent style={style} />\n </Cell>\n);\n\nSkeletonCell.defaultProps = {\n style: {},\n};\n"],"names":["React"],"mappings":";;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,MACtEA,cAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClBA,cAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAI,CAAA,CAC5B;AAGT,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,EAAE;CACV;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { HeaderCell } from '../styled.js';
|
|
3
3
|
import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
|
|
4
4
|
|
|
5
|
-
const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (
|
|
6
|
-
|
|
5
|
+
const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (React__default.createElement(HeaderCell, { ...otherProps, style: { width } },
|
|
6
|
+
React__default.createElement(SkeletonContent, { style: style, isLoading: isLoading })));
|
|
7
7
|
|
|
8
8
|
export { SkeletonHeaderCell };
|
|
9
9
|
//# sourceMappingURL=SkeletonHeaderCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":["import React from 'react';\nimport { SkeletonCellProps } from './SkeletonCell';\nimport { HeaderCell } from '../styled';\nimport { SkeletonContent } from '../SkeletonContent';\n\ntype SkeletonHeaderCellPropTypes = SkeletonCellProps & {\n width: string | number;\n isLoading: boolean;\n};\n\nexport const SkeletonHeaderCell = ({\n style,\n width,\n isLoading,\n ...otherProps\n}: SkeletonHeaderCellPropTypes) => (\n <HeaderCell {...otherProps} style={{ width }}>\n <SkeletonContent style={style} isLoading={isLoading} />\n </HeaderCell>\n);\n"],"names":[],"mappings":";;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,
|
|
1
|
+
{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":["import React from 'react';\nimport { SkeletonCellProps } from './SkeletonCell';\nimport { HeaderCell } from '../styled';\nimport { SkeletonContent } from '../SkeletonContent';\n\ntype SkeletonHeaderCellPropTypes = SkeletonCellProps & {\n width: string | number;\n isLoading: boolean;\n};\n\nexport const SkeletonHeaderCell = ({\n style,\n width,\n isLoading,\n ...otherProps\n}: SkeletonHeaderCellPropTypes) => (\n <HeaderCell {...otherProps} style={{ width }}>\n <SkeletonContent style={style} isLoading={isLoading} />\n </HeaderCell>\n);\n"],"names":["React"],"mappings":";;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,MAC5BA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AAC1C,IAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,CAC5C;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { CalendarIcon } from '../../../tempIcons/CalendarIcon.js';
|
|
3
3
|
import { FailIcon } from '../../../tempIcons/FailIcon.js';
|
|
4
4
|
|
|
5
5
|
const iconSize = { width: 64, height: 64 };
|
|
6
6
|
const defaultEmptyState = {
|
|
7
|
-
icon:
|
|
7
|
+
icon: React__default.createElement(CalendarIcon, { ...iconSize }),
|
|
8
8
|
title: 'No data found',
|
|
9
9
|
};
|
|
10
10
|
const defaultErrorState = {
|
|
11
|
-
icon:
|
|
11
|
+
icon: React__default.createElement(FailIcon, { ...iconSize }),
|
|
12
12
|
title: 'An error occurred when creating the table',
|
|
13
13
|
subTitle: "Please, try reloading the page once. If this doesn't solve the problem, contact support",
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../tempIcons/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../tempIcons/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../tempIcons/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../tempIcons/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;IAGjF;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
|
|
3
|
-
const Grid = ({ width, height, className, color, label }) => (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
3
|
+
const Grid = ({ width, height, className, color, label }) => (React__default.createElement("svg", { width: width, height: height, className: className, viewBox: "0 0 105 105", fill: color, "aria-label": label },
|
|
4
|
+
React__default.createElement("circle", { cx: "12.5", cy: "12.5", r: "12.5" },
|
|
5
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "0s", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
6
|
+
React__default.createElement("circle", { cx: "12.5", cy: "52.5", r: "12.5" },
|
|
7
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "100ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
8
|
+
React__default.createElement("circle", { cx: "52.5", cy: "12.5", r: "12.5" },
|
|
9
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "300ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
10
|
+
React__default.createElement("circle", { cx: "52.5", cy: "52.5", r: "12.5" },
|
|
11
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "600ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
12
|
+
React__default.createElement("circle", { cx: "92.5", cy: "12.5", r: "12.5" },
|
|
13
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "800ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
14
|
+
React__default.createElement("circle", { cx: "92.5", cy: "52.5", r: "12.5" },
|
|
15
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "400ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
16
|
+
React__default.createElement("circle", { cx: "12.5", cy: "92.5", r: "12.5" },
|
|
17
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "700ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
18
|
+
React__default.createElement("circle", { cx: "52.5", cy: "92.5", r: "12.5" },
|
|
19
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "500ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
20
|
+
React__default.createElement("circle", { cx: "92.5", cy: "92.5", r: "12.5" },
|
|
21
|
+
React__default.createElement("animate", { attributeName: "fill-opacity", begin: "200ms", dur: "1s", values: "1;.2;1", calcMode: "linear", repeatCount: "indefinite" }))));
|
|
22
22
|
|
|
23
23
|
export { Grid };
|
|
24
24
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../../src/components/Loader/Grid.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface GridProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const Grid = ({ width, height, className, color, label }: GridProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 105 105\"\n fill={color}\n aria-label={label}\n >\n <circle cx=\"12.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"0s\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"100ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"300ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"600ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"800ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"400ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"700ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"500ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"200ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </svg>\n);\n"],"names":[],"mappings":";;AAUa,MAAA,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAa,
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../../src/components/Loader/Grid.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface GridProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const Grid = ({ width, height, className, color, label }: GridProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 105 105\"\n fill={color}\n aria-label={label}\n >\n <circle cx=\"12.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"0s\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"100ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"300ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"600ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"12.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"800ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"52.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"400ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"12.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"700ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"52.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"500ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"92.5\" cy=\"92.5\" r=\"12.5\">\n <animate\n attributeName=\"fill-opacity\"\n begin=\"200ms\"\n dur=\"1s\"\n values=\"1;.2;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </svg>\n);\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { TailSpin } from './TailSpin.js';
|
|
3
3
|
import { Grid } from './Grid.js';
|
|
4
4
|
import { ThreeDots } from './ThreeDots.js';
|
|
@@ -6,14 +6,14 @@ import { ThreeDots } from './ThreeDots.js';
|
|
|
6
6
|
const Loader = ({ className, height = 24, width = 24, color = '#588CB0', type = 'TailSpin', }) => {
|
|
7
7
|
switch (type) {
|
|
8
8
|
case 'Grid': {
|
|
9
|
-
return
|
|
9
|
+
return React__default.createElement(Grid, { className: className, height: height, width: width, color: color });
|
|
10
10
|
}
|
|
11
11
|
case 'ThreeDots': {
|
|
12
|
-
return
|
|
12
|
+
return React__default.createElement(ThreeDots, { className: className, height: height, width: width, color: color });
|
|
13
13
|
}
|
|
14
14
|
case 'TailSpin':
|
|
15
15
|
default: {
|
|
16
|
-
return
|
|
16
|
+
return React__default.createElement(TailSpin, { className: className, height: height, width: width, color: color });
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TailSpin } from './TailSpin';\nimport { Grid } from './Grid';\nimport { ThreeDots } from './ThreeDots';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n color = '#588CB0',\n type = 'TailSpin',\n}: LoaderProps) => {\n switch (type) {\n case 'Grid': {\n return <Grid className={className} height={height} width={width} color={color} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={className} height={height} width={width} color={color} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={className} height={height} width={width} color={color} />;\n }\n }\n};\n"],"names":[],"mappings":";;;;;AAQa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TailSpin } from './TailSpin';\nimport { Grid } from './Grid';\nimport { ThreeDots } from './ThreeDots';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n color = '#588CB0',\n type = 'TailSpin',\n}: LoaderProps) => {\n switch (type) {\n case 'Grid': {\n return <Grid className={className} height={height} width={width} color={color} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={className} height={height} width={width} color={color} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={className} height={height} width={width} color={color} />;\n }\n }\n};\n"],"names":["React"],"mappings":";;;;;AAQa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOA,6BAAC,IAAI,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AAClF;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOA,6BAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACvF;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOA,6BAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACtF;AACF;AACH;;;;"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
|
|
3
|
-
const TailSpin = ({ width, height, className, color, label }) => (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
const TailSpin = ({ width, height, className, color, label }) => (React__default.createElement("svg", { width: width, height: height, className: className, viewBox: "0 0 38 38", xmlns: "http://www.w3.org/2000/svg", "aria-label": label },
|
|
4
|
+
React__default.createElement("defs", null,
|
|
5
|
+
React__default.createElement("linearGradient", { x1: "8.042%", y1: "0%", x2: "65.682%", y2: "23.865%", id: "a" },
|
|
6
|
+
React__default.createElement("stop", { stopColor: color, stopOpacity: "0", offset: "0%" }),
|
|
7
|
+
React__default.createElement("stop", { stopColor: color, stopOpacity: ".631", offset: "63.146%" }),
|
|
8
|
+
React__default.createElement("stop", { stopColor: color, offset: "100%" }))),
|
|
9
|
+
React__default.createElement("g", { fill: "none", fillRule: "evenodd" },
|
|
10
|
+
React__default.createElement("g", { transform: "translate(1 1)" },
|
|
11
|
+
React__default.createElement("path", { d: "M36 18c0-9.94-8.06-18-18-18", id: "Oval-2", stroke: color, strokeWidth: "2" },
|
|
12
|
+
React__default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" })),
|
|
13
|
+
React__default.createElement("circle", { fill: "#fff", cx: "36", cy: "18", r: "1" },
|
|
14
|
+
React__default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" }))))));
|
|
15
15
|
|
|
16
16
|
export { TailSpin };
|
|
17
17
|
//# sourceMappingURL=TailSpin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailSpin.js","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, color, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 38 38\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label={label}\n >\n <defs>\n <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">\n <stop stopColor={color} stopOpacity=\"0\" offset=\"0%\" />\n <stop stopColor={color} stopOpacity=\".631\" offset=\"63.146%\" />\n <stop stopColor={color} offset=\"100%\" />\n </linearGradient>\n </defs>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke={color} strokeWidth=\"2\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n <circle fill=\"#fff\" cx=\"36\" cy=\"18\" r=\"1\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </g>\n </g>\n </svg>\n);\n"],"names":[],"mappings":";;AAUa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAiB,
|
|
1
|
+
{"version":3,"file":"TailSpin.js","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, color, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 38 38\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label={label}\n >\n <defs>\n <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">\n <stop stopColor={color} stopOpacity=\"0\" offset=\"0%\" />\n <stop stopColor={color} stopOpacity=\".631\" offset=\"63.146%\" />\n <stop stopColor={color} offset=\"100%\" />\n </linearGradient>\n </defs>\n <g fill=\"none\" fillRule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke={color} strokeWidth=\"2\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n <circle fill=\"#fff\" cx=\"36\" cy=\"18\" r=\"1\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </g>\n </g>\n </svg>\n);\n"],"names":["React"],"mappings":";;AAUa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAiB,MAChFA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,gBACtB,KAAK,EAAA;AAEjB,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACE,QAAAA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAgB,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,EAAA;YAClEA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAG,CAAA;YACtDA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAG,CAAA;YAC9DA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,EAAG,CAAA,CACzB,CACZ;AACP,IAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAA;QAC/BA,cAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA;AAC3B,YAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6BAA6B,EAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAA;gBAC9EA,cACE,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAA,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACG;AACP,YAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA;AACvC,gBAAAA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACK,CACP,CACF,CACA;;;;"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
|
|
3
|
-
const ThreeDots = ({ width, height, className, color, label }) => (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
const ThreeDots = ({ width, height, className, color, label }) => (React__default.createElement("svg", { width: width, height: height, className: className, viewBox: "0 0 120 30", xmlns: "http://www.w3.org/2000/svg", fill: color, "aria-label": label },
|
|
4
|
+
React__default.createElement("circle", { cx: "15", cy: "15", r: "15" },
|
|
5
|
+
React__default.createElement("animate", { attributeName: "r", from: "15", to: "15", begin: "0s", dur: "0.8s", values: "15;9;15", calcMode: "linear", repeatCount: "indefinite" }),
|
|
6
|
+
React__default.createElement("animate", { attributeName: "fillOpacity", from: "1", to: "1", begin: "0s", dur: "0.8s", values: "1;.5;1", calcMode: "linear", repeatCount: "indefinite" })),
|
|
7
|
+
React__default.createElement("circle", { cx: "60", cy: "15", r: "9", attributeName: "fillOpacity", from: "1", to: "0.3" },
|
|
8
|
+
React__default.createElement("animate", { attributeName: "r", from: "9", to: "9", begin: "0s", dur: "0.8s", values: "9;15;9", calcMode: "linear", repeatCount: "indefinite" }),
|
|
9
|
+
React__default.createElement("animate", { attributeName: "fillOpacity", from: "0.5", to: "0.5", begin: "0s", dur: "0.8s", values: ".5;1;.5", calcMode: "linear", repeatCount: "indefinite" })),
|
|
10
|
+
React__default.createElement("circle", { cx: "105", cy: "15", r: "15" },
|
|
11
|
+
React__default.createElement("animate", { attributeName: "r", from: "15", to: "15", begin: "0s", dur: "0.8s", values: "15;9;15", calcMode: "linear", repeatCount: "indefinite" }),
|
|
12
|
+
React__default.createElement("animate", { attributeName: "fillOpacity", from: "1", to: "1", begin: "0s", dur: "0.8s", values: "1;.5;1", calcMode: "linear", repeatCount: "indefinite" }))));
|
|
13
13
|
|
|
14
14
|
export { ThreeDots };
|
|
15
15
|
//# sourceMappingURL=ThreeDots.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeDots.js","sources":["../../../src/components/Loader/ThreeDots.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ThreeDotsProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const ThreeDots = ({ width, height, className, color, label }: ThreeDotsProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 120 30\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill={color}\n aria-label={label}\n >\n <circle cx=\"15\" cy=\"15\" r=\"15\">\n <animate\n attributeName=\"r\"\n from=\"15\"\n to=\"15\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"15;9;15\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"1\"\n to=\"1\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"1;.5;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"60\" cy=\"15\" r=\"9\" attributeName=\"fillOpacity\" from=\"1\" to=\"0.3\">\n <animate\n attributeName=\"r\"\n from=\"9\"\n to=\"9\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"9;15;9\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"0.5\"\n to=\"0.5\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\".5;1;.5\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"105\" cy=\"15\" r=\"15\">\n <animate\n attributeName=\"r\"\n from=\"15\"\n to=\"15\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"15;9;15\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"1\"\n to=\"1\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"1;.5;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </svg>\n);\n"],"names":[],"mappings":";;MAUa,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAkB,
|
|
1
|
+
{"version":3,"file":"ThreeDots.js","sources":["../../../src/components/Loader/ThreeDots.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ThreeDotsProps {\n width?: number;\n height?: number;\n className?: string;\n color?: string;\n label?: string;\n}\n\nexport const ThreeDots = ({ width, height, className, color, label }: ThreeDotsProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 120 30\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill={color}\n aria-label={label}\n >\n <circle cx=\"15\" cy=\"15\" r=\"15\">\n <animate\n attributeName=\"r\"\n from=\"15\"\n to=\"15\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"15;9;15\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"1\"\n to=\"1\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"1;.5;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"60\" cy=\"15\" r=\"9\" attributeName=\"fillOpacity\" from=\"1\" to=\"0.3\">\n <animate\n attributeName=\"r\"\n from=\"9\"\n to=\"9\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"9;15;9\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"0.5\"\n to=\"0.5\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\".5;1;.5\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n <circle cx=\"105\" cy=\"15\" r=\"15\">\n <animate\n attributeName=\"r\"\n from=\"15\"\n to=\"15\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"15;9;15\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"fillOpacity\"\n from=\"1\"\n to=\"1\"\n begin=\"0s\"\n dur=\"0.8s\"\n values=\"1;.5;1\"\n calcMode=\"linear\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </svg>\n);\n"],"names":["React"],"mappings":";;MAUa,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAkB,MAClFA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EAAA,YAAA,EACC,KAAK,EAAA;IAEjBA,cAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA;AAC5B,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,GAAG,EACjB,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,EACxB,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,aAAa,EAC3B,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,GACxB,CACK;IACTA,cAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,aAAa,EAAC,aAAa,EAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAA;AACzE,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,GAAG,EACjB,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,EACxB,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,aAAa,EAC3B,IAAI,EAAC,KAAK,EACV,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,GACxB,CACK;IACTA,cAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA;AAC7B,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,GAAG,EACjB,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,EACxB,CAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACE,aAAa,EAAC,aAAa,EAC3B,IAAI,EAAC,GAAG,EACR,EAAE,EAAC,GAAG,EACN,KAAK,EAAC,IAAI,EACV,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,YAAY,EAAA,CACxB,CACK,CACL;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { useState } from 'react';
|
|
2
2
|
import { LoginButton } from './styled.js';
|
|
3
3
|
|
|
4
4
|
const buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';
|
|
@@ -16,8 +16,8 @@ const LoginWithAmazonButton = (props) => {
|
|
|
16
16
|
const handleMouseUp = () => {
|
|
17
17
|
setImage(buttonImg);
|
|
18
18
|
};
|
|
19
|
-
return (
|
|
20
|
-
|
|
19
|
+
return (React__default.createElement(LoginButton, { onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, "aria-label": buttonDescription, ...props },
|
|
20
|
+
React__default.createElement("img", { src: image, alt: buttonDescription })));
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
export { LoginWithAmazonButton, buttonDescription };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginWithAmazonButton.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { LoginButton } from './styled';\n\nconst buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';\nconst buttonPressedImg =\n 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';\n\nexport const buttonDescription = 'Log in with Amazon';\n\n/**\n * Image used in this button is to comply with official\n * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).\n */\nexport const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = (\n props,\n) => {\n const [image, setImage] = useState(buttonImg);\n\n const handleMouseDown = () => {\n setImage(buttonPressedImg);\n };\n\n const handleMouseUp = () => {\n setImage(buttonImg);\n };\n\n return (\n <LoginButton\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n aria-label={buttonDescription}\n {...props}\n >\n {/* alt attr for better accessibility if image is failed to load */}\n <img src={image} alt={buttonDescription} />\n </LoginButton>\n );\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAS,GAAG,gFAAgF;AAClG,MAAM,gBAAgB,GACpB,wFAAwF;AAEnF,MAAM,iBAAiB,GAAG;AAEjC;;;AAGG;AACU,MAAA,qBAAqB,GAA4D,CAC5F,KAAK,KACH;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC;IAE7C,MAAM,eAAe,GAAG,MAAK;QAC3B,QAAQ,CAAC,gBAAgB,CAAC;AAC5B,KAAC;IAED,MAAM,aAAa,GAAG,MAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;AACrB,KAAC;AAED,IAAA,
|
|
1
|
+
{"version":3,"file":"LoginWithAmazonButton.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { LoginButton } from './styled';\n\nconst buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';\nconst buttonPressedImg =\n 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';\n\nexport const buttonDescription = 'Log in with Amazon';\n\n/**\n * Image used in this button is to comply with official\n * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).\n */\nexport const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = (\n props,\n) => {\n const [image, setImage] = useState(buttonImg);\n\n const handleMouseDown = () => {\n setImage(buttonPressedImg);\n };\n\n const handleMouseUp = () => {\n setImage(buttonImg);\n };\n\n return (\n <LoginButton\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n aria-label={buttonDescription}\n {...props}\n >\n {/* alt attr for better accessibility if image is failed to load */}\n <img src={image} alt={buttonDescription} />\n </LoginButton>\n );\n};\n"],"names":["React"],"mappings":";;;AAGA,MAAM,SAAS,GAAG,gFAAgF;AAClG,MAAM,gBAAgB,GACpB,wFAAwF;AAEnF,MAAM,iBAAiB,GAAG;AAEjC;;;AAGG;AACU,MAAA,qBAAqB,GAA4D,CAC5F,KAAK,KACH;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC;IAE7C,MAAM,eAAe,GAAG,MAAK;QAC3B,QAAQ,CAAC,gBAAgB,CAAC;AAC5B,KAAC;IAED,MAAM,aAAa,GAAG,MAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;AACrB,KAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACZ,YAAA,EAAA,iBAAiB,KACzB,KAAK,EAAA;QAGTA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAA,CAAI,CAC/B;AAElB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { AnimatePresence } from 'framer-motion';
|
|
3
3
|
import { NonScrollableBody, MainSection } from './components/styled.js';
|
|
4
4
|
import { hasHeaderSlot, hasFooterSlot } from './types.js';
|
|
@@ -28,17 +28,17 @@ const Modal = (props) => {
|
|
|
28
28
|
(_a = modalRef.current) === null || _a === undefined ? undefined : _a.close();
|
|
29
29
|
parentOnClose();
|
|
30
30
|
};
|
|
31
|
-
return (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
hasHeaderSlot(props) ? (props.headerSlot) : (
|
|
36
|
-
|
|
31
|
+
return (React__default.createElement(AnimatePresence, null, shouldShow && (React__default.createElement("div", { "data-testid": "dialog-wrapper" },
|
|
32
|
+
React__default.createElement(NonScrollableBody, null),
|
|
33
|
+
React__default.createElement(Dialog, { ref: modalRef, onClose: onClose, onKeyDown: preventClose ? preventDefaultEventOnESC : undefined, variant: variant, "aria-describedby": "modal_title", className: className },
|
|
34
|
+
React__default.createElement(Card.Surface, null,
|
|
35
|
+
hasHeaderSlot(props) ? (props.headerSlot) : (React__default.createElement(CardHeader, { id: "modal_title", headerVariant: "headingLarge", title: props.headerTitle, subtitle: props.headerSubtitle, ...(showHeaderCloseButton && { onClickClose: onClose }) })),
|
|
36
|
+
React__default.createElement(MainSection, { onScroll: onScroll, ref: setMainSectionRef, isScrollable: isContentOverflowing, fullBleed: fullBleed }, children),
|
|
37
37
|
hasFooterSlot(props) && props.footerSlot,
|
|
38
|
-
!hasFooterSlot(props) && (props.leftActions || props.rightActions) && (
|
|
39
|
-
|
|
40
|
-
props.leftActions && (
|
|
41
|
-
props.rightActions && (
|
|
38
|
+
!hasFooterSlot(props) && (props.leftActions || props.rightActions) && (React__default.createElement(Card.Footer, null,
|
|
39
|
+
React__default.createElement(Stack, { direction: "horizontal", alignX: props.leftActions ? 'between' : 'end' },
|
|
40
|
+
props.leftActions && (React__default.createElement(Stack, { direction: "horizontal", alignX: "start", "data-testid": "left-actions-container" }, props.leftActions.map(({ label, ...actionProps }) => (React__default.createElement(Button, { key: label, type: "button", ...actionProps }, label))))),
|
|
41
|
+
props.rightActions && (React__default.createElement(Stack, { direction: "horizontal", alignX: "end", "data-testid": "right-actions-container" }, props.rightActions.map(({ label, ...actionProps }) => (React__default.createElement(Button, { key: label, type: "button", ...actionProps }, label))))))))))))));
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n className,\n } = props;\n\n const modalRef = useRef<HTMLDialogElement | null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement | null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const onClose = () => {\n modalRef.current?.close();\n parentOnClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\">\n <NonScrollableBody />\n <Dialog\n ref={modalRef}\n onClose={onClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : undefined}\n variant={variant}\n aria-describedby=\"modal_title\"\n className={className}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: onClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions || props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAea,MAAA,KAAK,GAAG,CAAC,KAAiB,KAAI;AACzC,IAAA,MAAM,EACJ,UAAU,EACV,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,MAAM,EAChB,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,SAAS,GACV,GAAG,KAAK;AAET,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA2B,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;IAE9E,SAAS,CAAC,MAAK;;AACb,QAAA,IAAI,UAAU,EAAE;YACd,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,eAAe,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,SAAS,EAAE;AAC9B;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAE1F,MAAM,OAAO,GAAG,MAAK;;AACnB,QAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AACzB,QAAA,aAAa,EAAE;AACjB,KAAC;IAED,
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n className,\n } = props;\n\n const modalRef = useRef<HTMLDialogElement | null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement | null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const onClose = () => {\n modalRef.current?.close();\n parentOnClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\">\n <NonScrollableBody />\n <Dialog\n ref={modalRef}\n onClose={onClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : undefined}\n variant={variant}\n aria-describedby=\"modal_title\"\n className={className}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: onClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions || props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { StyledDialog } from './styled.js';
|
|
3
3
|
|
|
4
|
-
const Dialog =
|
|
4
|
+
const Dialog = React__default.forwardRef(({ ...rest }, ref) => React__default.createElement(StyledDialog, { ref: ref, ...rest }));
|
|
5
5
|
|
|
6
6
|
export { Dialog };
|
|
7
7
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledDialog } from './styled';\nimport { ModalVariants } from '../../types';\n\ntype ModifiedDialogProps = {\n variant: ModalVariants;\n} & React.ComponentProps<typeof StyledDialog>;\n\nexport const Dialog = React.forwardRef<HTMLDialogElement, ModifiedDialogProps>(\n ({ ...rest }, ref) => <StyledDialog ref={ref} {...rest} />,\n);\n"],"names":[],"mappings":";;;AAQO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledDialog } from './styled';\nimport { ModalVariants } from '../../types';\n\ntype ModifiedDialogProps = {\n variant: ModalVariants;\n} & React.ComponentProps<typeof StyledDialog>;\n\nexport const Dialog = React.forwardRef<HTMLDialogElement, ModifiedDialogProps>(\n ({ ...rest }, ref) => <StyledDialog ref={ref} {...rest} />,\n);\n"],"names":["React"],"mappings":";;;AAQO,MAAM,MAAM,GAAGA,cAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAKA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,IAAI,EAAI,CAAA;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Stack } from '../Stack/Stack.js';
|
|
3
3
|
import { PaginationButton, PageInput } from './styled.js';
|
|
4
4
|
import { PageCount } from './components.js';
|
|
@@ -29,14 +29,14 @@ const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handle
|
|
|
29
29
|
if (currentPage !== totalPagesCount)
|
|
30
30
|
handleChangePage(totalPagesCount);
|
|
31
31
|
};
|
|
32
|
-
return (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
return (React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs", "data-testid": testId, className: e2eClassName },
|
|
33
|
+
React__default.createElement(PaginationButton, { onClick: handleSkipBack, iconSlot: React__default.createElement(StartArrowIcon, null), size: "sm", "aria-label": "go to first page" }),
|
|
34
|
+
React__default.createElement(PaginationButton, { onClick: handleDecrement, iconSlot: React__default.createElement(LeftArrowIcon, null), size: "sm", "aria-label": "go to previous page", "aria-disabled": currentPage <= 1 }),
|
|
35
|
+
React__default.createElement("form", { onSubmit: handleFormSubmit },
|
|
36
|
+
React__default.createElement(PageInput, { "aria-live": "polite", "aria-label": `page ${currentPage} of ${totalPagesCount}`, size: ComponentSize.sm, type: "number", value: pageInputValue, min: "1", max: `${totalPagesCount}`, onChange: handleInputChange, onBlur: handleSubmit })),
|
|
37
|
+
React__default.createElement(PageCount, { count: totalPagesCount }),
|
|
38
|
+
React__default.createElement(PaginationButton, { onClick: handleIncrement, iconSlot: React__default.createElement(RightArrowIcon, null), size: "sm", "aria-label": "go to next page", "aria-disabled": currentPage >= totalPagesCount }),
|
|
39
|
+
React__default.createElement(PaginationButton, { onClick: handleSkipToEnd, iconSlot: React__default.createElement(EndArrowIcon, null), size: "sm", "aria-label": "go to last page", "aria-disabled": currentPage >= totalPagesCount })));
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
export { Pagination };
|