feffery_antd_components 0.4.3-rc6 → 0.4.3

package/src/lib/index.js

@@ -1,241 +1,241 @@
-// 通用
-import AntdButton from './components/general/AntdButton.react';
-import AntdFloatButton from './components/general/AntdFloatButton.react';
-import AntdFloatButtonGroup from './components/general/AntdFloatButtonGroup.react';
-import AntdIcon from './components/general/AntdIcon.react';
-import AntdParagraph from './components/general/typography/AntdParagraph.react';
-import AntdText from './components/general/typography/AntdText.react';
-import AntdTitle from './components/general/typography/AntdTitle.react';
-// 布局
-import AntdCenter from './components/layout/AntdCenter.react';
-import AntdDivider from './components/layout/AntdDivider.react';
-import AntdFlex from './components/layout/AntdFlex.react';
-import AntdRow from './components/layout/grid/AntdRow.react';
-import AntdCol from './components/layout/grid/AntdCol.react';
-import AntdSpace from './components/layout/AntdSpace.react';
-import AntdCompact from './components/layout/AntdCompact.react';
-import AntdLayout from './components/layout/AntdLayout.react';
-import AntdHeader from './components/layout/AntdHeader.react';
-import AntdContent from './components/layout/AntdContent.react';
-import AntdFooter from './components/layout/AntdFooter.react';
-import AntdSider from './components/layout/AntdSider.react';
-import AntdSplitter from './components/layout/AntdSplitter.react';
-// 导航
-import AntdAnchor from './components/navigation/AntdAnchor.react';
-import AntdBreadcrumb from './components/navigation/AntdBreadcrumb.react';
-import AntdDropdown from './components/navigation/AntdDropdown.react';
-import AntdMenu from './components/navigation/AntdMenu.react';
-import AntdPageHeader from './components/navigation/AntdPageHeader.react';
-import AntdPagination from './components/navigation/AntdPagination.react';
-import AntdSteps from './components/navigation/AntdSteps.react';
-// 数据录入
-import AntdCalendar from './components/dataEntry/AntdCalendar.react';
-import AntdCascader from './components/dataEntry/AntdCascader.react';
-import AntdCheckbox from './components/dataEntry/AntdCheckbox.react';
-import AntdCheckboxGroup from './components/dataEntry/AntdCheckboxGroup.react';
-import AntdCheckCard from './components/dataEntry/check-card/AntdCheckCard.react';
-import AntdCheckCardGroup from './components/dataEntry/check-card/AntdCheckCardGroup.react';
-import AntdColorPicker from './components/dataEntry/AntdColorPicker.react';
-import AntdDatePicker from './components/dataEntry/AntdDatePicker.react';
-import AntdDateRangePicker from './components/dataEntry/AntdDateRangePicker.react';
-import AntdForm from './components/dataEntry/form/AntdForm.react';
-import AntdFormItem from './components/dataEntry/form/AntdFormItem.react';
-import AntdInput from './components/dataEntry/AntdInput.react';
-import AntdOTP from './components/dataEntry/AntdOTP.react';
-import AntdInputNumber from './components/dataEntry/AntdInputNumber.react';
-import AntdMentions from './components/dataEntry/AntdMentions.react';
-import AntdRadioGroup from './components/dataEntry/AntdRadioGroup.react';
-import AntdRate from './components/dataEntry/AntdRate.react';
-import AntdSegmentedColoring from './components/dataEntry/AntdSegmentedColoring.react';
-import AntdSelect from './components/dataEntry/AntdSelect.react';
-import AntdSlider from './components/dataEntry/AntdSlider.react';
-import AntdSwitch from './components/dataEntry/AntdSwitch.react';
-import AntdTimePicker from './components/dataEntry/AntdTimePicker.react';
-import AntdTimeRangePicker from './components/dataEntry/AntdTimeRangePicker.react';
-import AntdTransfer from './components/dataEntry/AntdTransfer.react';
-import AntdTreeSelect from './components/dataEntry/AntdTreeSelect.react';
-import AntdPictureUpload from './components/dataEntry/upload/AntdPictureUpload.react';
-import AntdDraggerUpload from './components/dataEntry/upload/AntdDraggerUpload.react';
-import AntdUpload from './components/dataEntry/upload/AntdUpload.react';
-// 数据展示
-import AntdAccordion from './components/dataDisplay/AntdAccordion.react';
-import AntdAvatar from './components/dataDisplay/AntdAvatar.react';
-import AntdAvatarGroup from './components/dataDisplay/AntdAvatarGroup.react';
-import AntdBadge from './components/dataDisplay/AntdBadge.react';
-import AntdCardGrid from './components/dataDisplay/card/AntdCardGrid.react';
-import AntdCardMeta from './components/dataDisplay/card/AntdCardMeta.react';
-import AntdCard from './components/dataDisplay/card/AntdCard.react';
-import AntdCarousel from './components/dataDisplay/AntdCarousel.react';
-import AntdCheckableTag from './components/dataDisplay/AntdCheckableTag.react';
-import AntdCollapse from './components/dataDisplay/AntdCollapse.react';
-import AntdComment from './components/dataDisplay/AntdComment.react';
-import AntdDescriptions from './components/dataDisplay/descriptions/AntdDescriptions.react';
-import AntdDescriptionItem from './components/dataDisplay/descriptions/AntdDescriptionItem.react';
-import AntdEmpty from './components/dataDisplay/AntdEmpty.react';
-import AntdImage from './components/dataDisplay/AntdImage.react';
-import AntdImageGroup from './components/dataDisplay/AntdImageGroup.react';
-import AntdPopover from './components/dataDisplay/AntdPopover.react';
-import AntdQRCode from './components/dataDisplay/AntdQRCode.react';
-import AntdRibbon from './components/dataDisplay/AntdRibbon.react';
-import AntdSegmented from './components/dataDisplay/AntdSegmented.react';
-import AntdSpoiler from './components/dataDisplay/AntdSpoiler.react';
-import AntdStatistic from './components/dataDisplay/AntdStatistic.react';
-import AntdCountdown from './components/dataDisplay/AntdCountdown.react';
-import AntdCountup from './components/dataDisplay/AntdCountup.react';
-import AntdTable from './components/dataDisplay/AntdTable.react';
-import AntdTabs from './components/dataDisplay/AntdTabs.react';
-import AntdTag from './components/dataDisplay/AntdTag.react';
-import AntdTimeline from './components/dataDisplay/AntdTimeline.react';
-import AntdTooltip from './components/dataDisplay/AntdTooltip.react';
-import AntdTree from './components/dataDisplay/AntdTree.react';
-// 反馈
-import AntdAlert from './components/feedback/AntdAlert.react';
-import AntdDrawer from './components/feedback/AntdDrawer.react';
-import AntdMessage from './components/feedback/AntdMessage.react';
-import AntdModal from './components/feedback/AntdModal.react';
-import AntdNotification from './components/feedback/AntdNotification.react';
-import AntdPopconfirm from './components/feedback/AntdPopconfirm.react';
-import AntdPopupCard from './components/feedback/AntdPopupCard.react';
-import AntdProgress from './components/feedback/AntdProgress.react';
-import AntdResult from './components/feedback/AntdResult.react';
-import AntdCustomSkeleton from './components/feedback/skeleton/AntdCustomSkeleton.react';
-import AntdSkeletonAvatar from './components/feedback/skeleton/AntdSkeletonAvatar.react';
-import AntdSkeletonButton from './components/feedback/skeleton/AntdSkeletonButton.react';
-import AntdSkeletonInput from './components/feedback/skeleton/AntdSkeletonInput.react';
-import AntdSkeletonImage from './components/feedback/skeleton/AntdSkeletonImage.react';
-import AntdSkeleton from './components/feedback/skeleton/AntdSkeleton.react';
-import AntdSpin from './components/feedback/AntdSpin.react';
-// 其他
-import AntdAffix from './components/other/AntdAffix.react';
-import AntdBackTop from './components/other/AntdBackTop.react';
-import AntdCopyText from './components/other/AntdCopyText.react';
-import AntdTour from './components/other/AntdTour.react';
-import AntdWatermark from './components/other/AntdWatermark.react';
-import AntdConfigProvider from './components/other/AntdConfigProvider.react';
-import AntdHappyProvider from './components/other/AntdHappyProvider.react';
-import Fragment from './components/other/Fragment.react';
-// 表单生成
-// import AntdFormRender from './components/formRender/AntdFormRender.react';
-// css样式
-import './components/styles.css'; // 自定义样式
-
-export {
-    // 通用
-    AntdButton,
-    AntdFloatButton,
-    AntdFloatButtonGroup,
-    AntdIcon,
-    AntdParagraph,
-    AntdText,
-    AntdTitle,
-    // 布局
-    AntdCenter,
-    AntdDivider,
-    AntdFlex,
-    AntdRow,
-    AntdCol,
-    AntdSpace,
-    AntdCompact,
-    AntdLayout,
-    AntdHeader,
-    AntdContent,
-    AntdFooter,
-    AntdSider,
-    AntdSplitter,
-    // 导航
-    AntdAnchor,
-    AntdBreadcrumb,
-    AntdDropdown,
-    AntdMenu,
-    AntdPageHeader,
-    AntdPagination,
-    AntdSteps,
-    // 数据录入
-    AntdCalendar,
-    AntdCascader,
-    AntdCheckbox,
-    AntdCheckboxGroup,
-    AntdCheckCard,
-    AntdCheckCardGroup,
-    AntdColorPicker,
-    AntdDatePicker,
-    AntdDateRangePicker,
-    AntdForm,
-    AntdFormItem,
-    AntdInput,
-    AntdOTP,
-    AntdInputNumber,
-    AntdMentions,
-    AntdRadioGroup,
-    AntdRate,
-    AntdSegmentedColoring,
-    AntdSelect,
-    AntdSlider,
-    AntdSwitch,
-    AntdTimePicker,
-    AntdTimeRangePicker,
-    AntdTransfer,
-    AntdTreeSelect,
-    AntdPictureUpload,
-    AntdDraggerUpload,
-    AntdUpload,
-    // 数据展示
-    AntdAccordion,
-    AntdAvatar,
-    AntdAvatarGroup,
-    AntdBadge,
-    AntdCardGrid,
-    AntdCardMeta,
-    AntdCard,
-    AntdCarousel,
-    AntdCheckableTag,
-    AntdCollapse,
-    AntdComment,
-    AntdDescriptions,
-    AntdDescriptionItem,
-    AntdEmpty,
-    AntdImage,
-    AntdImageGroup,
-    AntdPopover,
-    AntdQRCode,
-    AntdRibbon,
-    AntdSegmented,
-    AntdSpoiler,
-    AntdStatistic,
-    AntdCountdown,
-    AntdCountup,
-    AntdTable,
-    AntdTabs,
-    AntdTag,
-    AntdTimeline,
-    AntdTooltip,
-    AntdTree,
-    // 反馈
-    AntdAlert,
-    AntdDrawer,
-    AntdMessage,
-    AntdModal,
-    AntdNotification,
-    AntdPopconfirm,
-    AntdPopupCard,
-    AntdProgress,
-    AntdResult,
-    AntdCustomSkeleton,
-    AntdSkeletonAvatar,
-    AntdSkeletonButton,
-    AntdSkeletonInput,
-    AntdSkeletonImage,
-    AntdSkeleton,
-    AntdSpin,
-    // 其他
-    AntdAffix,
-    AntdBackTop,
-    AntdCopyText,
-    AntdTour,
-    AntdWatermark,
-    AntdConfigProvider,
-    AntdHappyProvider,
-    Fragment,
-    // 表单生成
-    // AntdFormRender
+// 通用
+import AntdButton from './components/general/AntdButton.react';
+import AntdFloatButton from './components/general/AntdFloatButton.react';
+import AntdFloatButtonGroup from './components/general/AntdFloatButtonGroup.react';
+import AntdIcon from './components/general/AntdIcon.react';
+import AntdParagraph from './components/general/typography/AntdParagraph.react';
+import AntdText from './components/general/typography/AntdText.react';
+import AntdTitle from './components/general/typography/AntdTitle.react';
+// 布局
+import AntdCenter from './components/layout/AntdCenter.react';
+import AntdDivider from './components/layout/AntdDivider.react';
+import AntdFlex from './components/layout/AntdFlex.react';
+import AntdRow from './components/layout/grid/AntdRow.react';
+import AntdCol from './components/layout/grid/AntdCol.react';
+import AntdSpace from './components/layout/AntdSpace.react';
+import AntdCompact from './components/layout/AntdCompact.react';
+import AntdLayout from './components/layout/AntdLayout.react';
+import AntdHeader from './components/layout/AntdHeader.react';
+import AntdContent from './components/layout/AntdContent.react';
+import AntdFooter from './components/layout/AntdFooter.react';
+import AntdSider from './components/layout/AntdSider.react';
+import AntdSplitter from './components/layout/AntdSplitter.react';
+// 导航
+import AntdAnchor from './components/navigation/AntdAnchor.react';
+import AntdBreadcrumb from './components/navigation/AntdBreadcrumb.react';
+import AntdDropdown from './components/navigation/AntdDropdown.react';
+import AntdMenu from './components/navigation/AntdMenu.react';
+import AntdPageHeader from './components/navigation/AntdPageHeader.react';
+import AntdPagination from './components/navigation/AntdPagination.react';
+import AntdSteps from './components/navigation/AntdSteps.react';
+// 数据录入
+import AntdCalendar from './components/dataEntry/AntdCalendar.react';
+import AntdCascader from './components/dataEntry/AntdCascader.react';
+import AntdCheckbox from './components/dataEntry/AntdCheckbox.react';
+import AntdCheckboxGroup from './components/dataEntry/AntdCheckboxGroup.react';
+import AntdCheckCard from './components/dataEntry/check-card/AntdCheckCard.react';
+import AntdCheckCardGroup from './components/dataEntry/check-card/AntdCheckCardGroup.react';
+import AntdColorPicker from './components/dataEntry/AntdColorPicker.react';
+import AntdDatePicker from './components/dataEntry/AntdDatePicker.react';
+import AntdDateRangePicker from './components/dataEntry/AntdDateRangePicker.react';
+import AntdForm from './components/dataEntry/form/AntdForm.react';
+import AntdFormItem from './components/dataEntry/form/AntdFormItem.react';
+import AntdInput from './components/dataEntry/AntdInput.react';
+import AntdOTP from './components/dataEntry/AntdOTP.react';
+import AntdInputNumber from './components/dataEntry/AntdInputNumber.react';
+import AntdMentions from './components/dataEntry/AntdMentions.react';
+import AntdRadioGroup from './components/dataEntry/AntdRadioGroup.react';
+import AntdRate from './components/dataEntry/AntdRate.react';
+import AntdSegmentedColoring from './components/dataEntry/AntdSegmentedColoring.react';
+import AntdSelect from './components/dataEntry/AntdSelect.react';
+import AntdSlider from './components/dataEntry/AntdSlider.react';
+import AntdSwitch from './components/dataEntry/AntdSwitch.react';
+import AntdTimePicker from './components/dataEntry/AntdTimePicker.react';
+import AntdTimeRangePicker from './components/dataEntry/AntdTimeRangePicker.react';
+import AntdTransfer from './components/dataEntry/AntdTransfer.react';
+import AntdTreeSelect from './components/dataEntry/AntdTreeSelect.react';
+import AntdPictureUpload from './components/dataEntry/upload/AntdPictureUpload.react';
+import AntdDraggerUpload from './components/dataEntry/upload/AntdDraggerUpload.react';
+import AntdUpload from './components/dataEntry/upload/AntdUpload.react';
+// 数据展示
+import AntdAccordion from './components/dataDisplay/AntdAccordion.react';
+import AntdAvatar from './components/dataDisplay/AntdAvatar.react';
+import AntdAvatarGroup from './components/dataDisplay/AntdAvatarGroup.react';
+import AntdBadge from './components/dataDisplay/AntdBadge.react';
+import AntdCardGrid from './components/dataDisplay/card/AntdCardGrid.react';
+import AntdCardMeta from './components/dataDisplay/card/AntdCardMeta.react';
+import AntdCard from './components/dataDisplay/card/AntdCard.react';
+import AntdCarousel from './components/dataDisplay/AntdCarousel.react';
+import AntdCheckableTag from './components/dataDisplay/AntdCheckableTag.react';
+import AntdCollapse from './components/dataDisplay/AntdCollapse.react';
+import AntdComment from './components/dataDisplay/AntdComment.react';
+import AntdDescriptions from './components/dataDisplay/descriptions/AntdDescriptions.react';
+import AntdDescriptionItem from './components/dataDisplay/descriptions/AntdDescriptionItem.react';
+import AntdEmpty from './components/dataDisplay/AntdEmpty.react';
+import AntdImage from './components/dataDisplay/AntdImage.react';
+import AntdImageGroup from './components/dataDisplay/AntdImageGroup.react';
+import AntdPopover from './components/dataDisplay/AntdPopover.react';
+import AntdQRCode from './components/dataDisplay/AntdQRCode.react';
+import AntdRibbon from './components/dataDisplay/AntdRibbon.react';
+import AntdSegmented from './components/dataDisplay/AntdSegmented.react';
+import AntdSpoiler from './components/dataDisplay/AntdSpoiler.react';
+import AntdStatistic from './components/dataDisplay/AntdStatistic.react';
+import AntdCountdown from './components/dataDisplay/AntdCountdown.react';
+import AntdCountup from './components/dataDisplay/AntdCountup.react';
+import AntdTable from './components/dataDisplay/AntdTable.react';
+import AntdTabs from './components/dataDisplay/AntdTabs.react';
+import AntdTag from './components/dataDisplay/AntdTag.react';
+import AntdTimeline from './components/dataDisplay/AntdTimeline.react';
+import AntdTooltip from './components/dataDisplay/AntdTooltip.react';
+import AntdTree from './components/dataDisplay/AntdTree.react';
+// 反馈
+import AntdAlert from './components/feedback/AntdAlert.react';
+import AntdDrawer from './components/feedback/AntdDrawer.react';
+import AntdMessage from './components/feedback/AntdMessage.react';
+import AntdModal from './components/feedback/AntdModal.react';
+import AntdNotification from './components/feedback/AntdNotification.react';
+import AntdPopconfirm from './components/feedback/AntdPopconfirm.react';
+import AntdPopupCard from './components/feedback/AntdPopupCard.react';
+import AntdProgress from './components/feedback/AntdProgress.react';
+import AntdResult from './components/feedback/AntdResult.react';
+import AntdCustomSkeleton from './components/feedback/skeleton/AntdCustomSkeleton.react';
+import AntdSkeletonAvatar from './components/feedback/skeleton/AntdSkeletonAvatar.react';
+import AntdSkeletonButton from './components/feedback/skeleton/AntdSkeletonButton.react';
+import AntdSkeletonInput from './components/feedback/skeleton/AntdSkeletonInput.react';
+import AntdSkeletonImage from './components/feedback/skeleton/AntdSkeletonImage.react';
+import AntdSkeleton from './components/feedback/skeleton/AntdSkeleton.react';
+import AntdSpin from './components/feedback/AntdSpin.react';
+// 其他
+import AntdAffix from './components/other/AntdAffix.react';
+import AntdBackTop from './components/other/AntdBackTop.react';
+import AntdCopyText from './components/other/AntdCopyText.react';
+import AntdTour from './components/other/AntdTour.react';
+import AntdWatermark from './components/other/AntdWatermark.react';
+import AntdConfigProvider from './components/other/AntdConfigProvider.react';
+import AntdHappyProvider from './components/other/AntdHappyProvider.react';
+import Fragment from './components/other/Fragment.react';
+// 表单生成
+// import AntdFormRender from './components/formRender/AntdFormRender.react';
+// css样式
+import './components/styles.css'; // 自定义样式
+
+export {
+    // 通用
+    AntdButton,
+    AntdFloatButton,
+    AntdFloatButtonGroup,
+    AntdIcon,
+    AntdParagraph,
+    AntdText,
+    AntdTitle,
+    // 布局
+    AntdCenter,
+    AntdDivider,
+    AntdFlex,
+    AntdRow,
+    AntdCol,
+    AntdSpace,
+    AntdCompact,
+    AntdLayout,
+    AntdHeader,
+    AntdContent,
+    AntdFooter,
+    AntdSider,
+    AntdSplitter,
+    // 导航
+    AntdAnchor,
+    AntdBreadcrumb,
+    AntdDropdown,
+    AntdMenu,
+    AntdPageHeader,
+    AntdPagination,
+    AntdSteps,
+    // 数据录入
+    AntdCalendar,
+    AntdCascader,
+    AntdCheckbox,
+    AntdCheckboxGroup,
+    AntdCheckCard,
+    AntdCheckCardGroup,
+    AntdColorPicker,
+    AntdDatePicker,
+    AntdDateRangePicker,
+    AntdForm,
+    AntdFormItem,
+    AntdInput,
+    AntdOTP,
+    AntdInputNumber,
+    AntdMentions,
+    AntdRadioGroup,
+    AntdRate,
+    AntdSegmentedColoring,
+    AntdSelect,
+    AntdSlider,
+    AntdSwitch,
+    AntdTimePicker,
+    AntdTimeRangePicker,
+    AntdTransfer,
+    AntdTreeSelect,
+    AntdPictureUpload,
+    AntdDraggerUpload,
+    AntdUpload,
+    // 数据展示
+    AntdAccordion,
+    AntdAvatar,
+    AntdAvatarGroup,
+    AntdBadge,
+    AntdCardGrid,
+    AntdCardMeta,
+    AntdCard,
+    AntdCarousel,
+    AntdCheckableTag,
+    AntdCollapse,
+    AntdComment,
+    AntdDescriptions,
+    AntdDescriptionItem,
+    AntdEmpty,
+    AntdImage,
+    AntdImageGroup,
+    AntdPopover,
+    AntdQRCode,
+    AntdRibbon,
+    AntdSegmented,
+    AntdSpoiler,
+    AntdStatistic,
+    AntdCountdown,
+    AntdCountup,
+    AntdTable,
+    AntdTabs,
+    AntdTag,
+    AntdTimeline,
+    AntdTooltip,
+    AntdTree,
+    // 反馈
+    AntdAlert,
+    AntdDrawer,
+    AntdMessage,
+    AntdModal,
+    AntdNotification,
+    AntdPopconfirm,
+    AntdPopupCard,
+    AntdProgress,
+    AntdResult,
+    AntdCustomSkeleton,
+    AntdSkeletonAvatar,
+    AntdSkeletonButton,
+    AntdSkeletonInput,
+    AntdSkeletonImage,
+    AntdSkeleton,
+    AntdSpin,
+    // 其他
+    AntdAffix,
+    AntdBackTop,
+    AntdCopyText,
+    AntdTour,
+    AntdWatermark,
+    AntdConfigProvider,
+    AntdHappyProvider,
+    Fragment,
+    // 表单生成
+    // AntdFormRender
 };

package/src/lib/internal_components/UtilsLink.react.js

@@ -0,0 +1,82 @@
+import { Component } from "react";
+import isAbsoluteUrl from 'is-absolute-url';
+import { isUndefined, isNull } from 'lodash';
+
+function CustomEvent(event, params) {
+    params = params || {
+        bubbles: false,
+        cancelable: false,
+        detail: undefined,
+    };
+    const evt = document.createEvent("CustomEvent");
+    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+    return evt;
+}
+CustomEvent.prototype = window.Event.prototype;
+
+function isExternalLink(external_link, href) {
+    if (isUndefined(external_link) || isNull(external_link)) {
+        return isAbsoluteUrl(href);
+    }
+    return external_link;
+}
+
+class UtilsLink extends Component {
+    constructor(props) {
+        super(props);
+        this.updateLocation = this.updateLocation.bind(this);
+    }
+
+    updateLocation(e) {
+        const hasModifiers = e.metaKey || e.shiftKey || e.altKey || e.ctrlKey;
+        if (hasModifiers) {
+            return;
+        }
+        if (this.props.disabled) {
+            e.preventDefault();
+            return;
+        }
+        if (this.props.preOnClick) {
+            this.props.preOnClick();
+        }
+        const { external_link, href } = this.props;
+        if (href && !isExternalLink(external_link, href)) {
+            // prevent anchor from updating location
+            e.preventDefault();
+            const { href } = this.props;
+            window.history.pushState({}, "", href);
+            window.dispatchEvent(new CustomEvent("_dashprivate_pushstate"));
+            // scroll back to top
+            window.scrollTo(0, 0);
+        }
+    }
+
+    render() {
+        const {
+            children,
+            external_link,
+            preOnClick,
+            target,
+            href,
+            download,
+            disabled,
+            ...otherProps
+        } = this.props;
+        const linkIsExternal = href && isExternalLink(external_link, href);
+
+        return (
+            <a
+                href={href}
+                target={linkIsExternal ? target : null}
+                download={download && linkIsExternal ? download : null}
+                disabled={disabled}
+                {...otherProps}
+                onClick={(e) => this.updateLocation(e)}
+            >
+                {children}
+            </a>
+        );
+    }
+}
+
+export { UtilsLink };