@onepercentio/one-ui 0.29.4 → 0.29.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Portal/Portal.d.ts +5 -0
- package/dist/components/Portal/Portal.js +6 -1
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/utils/e2e.d.ts +1 -1
- package/dist/utils/e2e.js +1 -1
- package/dist-ts/components/Portal/Portal.d.ts +5 -0
- package/dist-ts/components/Portal/Portal.js +5 -0
- package/dist-ts/components/Portal/Portal.js.map +1 -1
- package/dist-ts/components/Switch/Switch.d.ts +1 -1
- package/dist-ts/utils/e2e.d.ts +1 -1
- package/package.json +1 -1
- package/src/assets/img/svg/checkbox.svg +0 -3
- package/src/assets/styles/index.scss +0 -2
- package/src/assets/styles/mixins.scss +0 -12
- package/src/assets/styles/variables.scss +0 -49
- package/src/components/AdaptiveButton/AdaptiveButton.module.scss +0 -7
- package/src/components/AdaptiveButton/AdaptiveButton.tsx +0 -26
- package/src/components/AdaptiveButton/index.tsx +0 -2
- package/src/components/AdaptiveContainer/AdaptiveContainer.module.scss +0 -53
- package/src/components/AdaptiveContainer/AdaptiveContainer.tsx +0 -200
- package/src/components/AdaptiveContainer/index.tsx +0 -2
- package/src/components/AdaptiveDialog/AdaptiveDialog.module.scss +0 -147
- package/src/components/AdaptiveDialog/AdaptiveDialog.tsx +0 -97
- package/src/components/AdaptiveDialog/index.tsx +0 -2
- package/src/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +0 -49
- package/src/components/AdaptiveSidebar/AdaptiveSidebar.sample.tsx +0 -10
- package/src/components/AdaptiveSidebar/AdaptiveSidebar.tsx +0 -123
- package/src/components/AdaptiveSidebar/index.tsx +0 -2
- package/src/components/AnchoredTooltip/AnchoredTooltip.module.scss +0 -64
- package/src/components/AnchoredTooltip/AnchoredTooltip.tsx +0 -250
- package/src/components/AnchoredTooltip/index.tsx +0 -2
- package/src/components/AnimatedEntrance/AnimatedEntrance.module.scss +0 -108
- package/src/components/AnimatedEntrance/AnimatedEntrance.tsx +0 -227
- package/src/components/AnimatedEntrance/index.tsx +0 -2
- package/src/components/AsyncWrapper/AsyncWrapper.tsx +0 -38
- package/src/components/AsyncWrapper/index.tsx +0 -2
- package/src/components/Avatar/Avatar.module.scss +0 -22
- package/src/components/Avatar/Avatar.tsx +0 -31
- package/src/components/Avatar/index.tsx +0 -2
- package/src/components/BucketFill/BucketFill.module.scss +0 -36
- package/src/components/BucketFill/BucketFill.tsx +0 -65
- package/src/components/BucketFill/index.tsx +0 -2
- package/src/components/Button/Button.module.scss +0 -45
- package/src/components/Button/Button.tsx +0 -40
- package/src/components/Button/index.tsx +0 -2
- package/src/components/Card/Card.module.scss +0 -12
- package/src/components/Card/Card.tsx +0 -9
- package/src/components/Card/index.tsx +0 -2
- package/src/components/Chart/Chart.e2e.ts +0 -4
- package/src/components/Chart/Chart.logic.tsx +0 -8
- package/src/components/Chart/Chart.module.scss +0 -58
- package/src/components/Chart/Chart.tsx +0 -2
- package/src/components/Chart/Chart.types.ts +0 -35
- package/src/components/Chart/Chart.view.tsx +0 -241
- package/src/components/Chart/index.tsx +0 -2
- package/src/components/CheckBox/CheckBox.module.scss +0 -36
- package/src/components/CheckBox/CheckBox.tsx +0 -63
- package/src/components/CheckBox/index.tsx +0 -2
- package/src/components/CodeInput/CodeInput.module.scss +0 -5
- package/src/components/CodeInput/CodeInput.tsx +0 -84
- package/src/components/CodeInput/index.tsx +0 -2
- package/src/components/Collapsable/Collapsable.module.scss +0 -42
- package/src/components/Collapsable/Collapsable.tsx +0 -253
- package/src/components/Collapsable/index.tsx +0 -2
- package/src/components/Countdown/Countdown.tsx +0 -130
- package/src/components/Countdown/index.tsx +0 -2
- package/src/components/CurrencyInput/CurrencyInput.hook.ts +0 -37
- package/src/components/CurrencyInput/CurrencyInput.tsx +0 -25
- package/src/components/CurrencyInput/index.tsx +0 -2
- package/src/components/Divider/Divider.module.scss +0 -7
- package/src/components/Divider/Divider.tsx +0 -13
- package/src/components/Divider/index.tsx +0 -2
- package/src/components/EmailInput/EmailInput.module.scss +0 -0
- package/src/components/EmailInput/EmailInput.tsx +0 -51
- package/src/components/EmailInput/index.tsx +0 -2
- package/src/components/FadeIn/FadeIn.module.scss +0 -9
- package/src/components/FadeIn/FadeIn.tsx +0 -77
- package/src/components/FadeIn/index.tsx +0 -2
- package/src/components/FileInput/FileInput.module.scss +0 -6
- package/src/components/FileInput/FileInput.tsx +0 -75
- package/src/components/FileInput/View/BigFactory/BigFactory.module.scss +0 -20
- package/src/components/FileInput/View/BigFactory/BigFactory.tsx +0 -48
- package/src/components/FileInput/View/BigFactory/index.tsx +0 -2
- package/src/components/FileInput/View/Compact/Compact.module.scss +0 -68
- package/src/components/FileInput/View/Compact/Compact.tsx +0 -151
- package/src/components/FileInput/View/Compact/index.tsx +0 -2
- package/src/components/FileInput/View/View.types.ts +0 -12
- package/src/components/FileInput/index.tsx +0 -2
- package/src/components/FlowController/FlowController.module.scss +0 -47
- package/src/components/FlowController/FlowController.tsx +0 -93
- package/src/components/FlowController/index.tsx +0 -2
- package/src/components/Form/Form.tsx +0 -243
- package/src/components/Form/index.ts +0 -2
- package/src/components/Form/v2/Form.hook.ts +0 -341
- package/src/components/Form/v2/Form.module.scss +0 -0
- package/src/components/Form/v2/Form.tsx +0 -78
- package/src/components/Form/v2/Form.types.ts +0 -118
- package/src/components/Form/v2/FormField/Extensions/DateField/DateField.module.scss +0 -0
- package/src/components/Form/v2/FormField/Extensions/DateField/DateField.tsx +0 -73
- package/src/components/Form/v2/FormField/Extensions/DateField/index.tsx +0 -2
- package/src/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.module.scss +0 -0
- package/src/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.tsx +0 -91
- package/src/components/Form/v2/FormField/Extensions/PhoneField/index.tsx +0 -2
- package/src/components/Form/v2/FormField/FormField.module.scss +0 -0
- package/src/components/Form/v2/FormField/FormField.tsx +0 -378
- package/src/components/Form/v2/FormField/FormField.types.ts +0 -129
- package/src/components/Form/v2/FormField/index.tsx +0 -2
- package/src/components/Form/v2/index.tsx +0 -2
- package/src/components/Freeze/Freeze.tsx +0 -9
- package/src/components/Freeze/index.tsx +0 -2
- package/src/components/HSForms/HSForms.tsx +0 -57
- package/src/components/HSForms/index.tsx +0 -2
- package/src/components/Header/Header.module.scss +0 -119
- package/src/components/Header/Header.tsx +0 -138
- package/src/components/Header/index.tsx +0 -2
- package/src/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +0 -44
- package/src/components/HeaderCloseBtn/HeaderCloseBtn.tsx +0 -28
- package/src/components/HeaderCloseBtn/index.tsx +0 -2
- package/src/components/InfinityScroll/InfinityScroll.module.scss +0 -30
- package/src/components/InfinityScroll/InfinityScroll.tsx +0 -187
- package/src/components/InfinityScroll/index.tsx +0 -2
- package/src/components/Input/Input.module.scss +0 -71
- package/src/components/Input/Input.tsx +0 -134
- package/src/components/Input/index.tsx +0 -2
- package/src/components/InstantCounter/InstantCounter.tsx +0 -77
- package/src/components/InstantCounter/index.tsx +0 -2
- package/src/components/LavaLamp/LavaLamp.data.tsx +0 -114
- package/src/components/LavaLamp/LavaLamp.module.scss +0 -26
- package/src/components/LavaLamp/LavaLamp.tsx +0 -131
- package/src/components/LavaLamp/index.tsx +0 -2
- package/src/components/LavaLamp/v2/LavaLamp.module.scss +0 -23
- package/src/components/LavaLamp/v2/LavaLamp.tsx +0 -197
- package/src/components/LinkToId/LinkToId.module.scss +0 -4
- package/src/components/LinkToId/LinkToId.tsx +0 -51
- package/src/components/LinkToId/index.tsx +0 -2
- package/src/components/Loader/Loader.module.scss +0 -40
- package/src/components/Loader/Loader.tsx +0 -18
- package/src/components/Loader/index.tsx +0 -2
- package/src/components/LoaderDotsIndicator/LoaderDotsIndicator.tsx +0 -34
- package/src/components/LoaderDotsIndicator/index.tsx +0 -2
- package/src/components/LoopableVideo/LoopableVideo.tsx +0 -37
- package/src/components/LoopableVideo/index.tsx +0 -2
- package/src/components/MainGrid/MainGrid.module.scss +0 -28
- package/src/components/MainGrid/MainGrid.tsx +0 -68
- package/src/components/MainGrid/index.tsx +0 -2
- package/src/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +0 -220
- package/src/components/MutableHamburgerButton/MutableHamburgerButton.tsx +0 -38
- package/src/components/MutableHamburgerButton/index.tsx +0 -2
- package/src/components/Notification/Notification.module.scss +0 -25
- package/src/components/Notification/Notification.tsx +0 -13
- package/src/components/Notification/index.tsx +0 -2
- package/src/components/OrderableList/OrderableList.module.scss +0 -98
- package/src/components/OrderableList/OrderableList.tsx +0 -564
- package/src/components/OrderableList/index.tsx +0 -2
- package/src/components/PaginationIndicator/PaginationIndicator.tsx +0 -365
- package/src/components/PaginationIndicator/index.tsx +0 -2
- package/src/components/Parallax/Parallax.module.scss +0 -28
- package/src/components/Parallax/Parallax.tsx +0 -225
- package/src/components/Parallax/index.tsx +0 -2
- package/src/components/Parallax/math/helpers.ts +0 -289
- package/src/components/PasswordInput/PasswordInput.module.scss +0 -17
- package/src/components/PasswordInput/PasswordInput.tsx +0 -154
- package/src/components/PasswordInput/index.tsx +0 -2
- package/src/components/PingPongText/PingPongText.module.scss +0 -4
- package/src/components/PingPongText/PingPongText.tsx +0 -83
- package/src/components/PingPongText/index.tsx +0 -2
- package/src/components/PixelatedScan/PixelatedScan.module.scss +0 -86
- package/src/components/PixelatedScan/PixelatedScan.tsx +0 -175
- package/src/components/PixelatedScan/index.tsx +0 -2
- package/src/components/Portal/Portal.module.scss +0 -3
- package/src/components/Portal/Portal.tsx +0 -68
- package/src/components/Portal/index.tsx +0 -2
- package/src/components/ProgressBar/ProgressBar.module.scss +0 -44
- package/src/components/ProgressBar/ProgressBar.tsx +0 -124
- package/src/components/ProgressBar/index.tsx +0 -2
- package/src/components/ProgressTexts/ProgressTexts.module.scss +0 -37
- package/src/components/ProgressTexts/ProgressTexts.tsx +0 -85
- package/src/components/ProgressTexts/index.tsx +0 -2
- package/src/components/Radio/Radio.module.scss +0 -36
- package/src/components/Radio/Radio.tsx +0 -53
- package/src/components/Radio/index.tsx +0 -2
- package/src/components/SectionContainer/SectionContainer.module.scss +0 -30
- package/src/components/SectionContainer/SectionContainer.tsx +0 -49
- package/src/components/SectionContainer/index.tsx +0 -2
- package/src/components/Select/Select.module.scss +0 -58
- package/src/components/Select/Select.tsx +0 -192
- package/src/components/Select/index.tsx +0 -2
- package/src/components/Skeleton/Skeleton.module.scss +0 -21
- package/src/components/Skeleton/Skeleton.tsx +0 -29
- package/src/components/Skeleton/index.tsx +0 -2
- package/src/components/Spacing/Spacing.module.scss +0 -13
- package/src/components/Spacing/Spacing.tsx +0 -24
- package/src/components/Spacing/index.tsx +0 -2
- package/src/components/StaticScroller/StaticScroller.module.scss +0 -14
- package/src/components/StaticScroller/StaticScroller.tsx +0 -83
- package/src/components/StaticScroller/index.tsx +0 -2
- package/src/components/Switch/Switch.module.scss +0 -43
- package/src/components/Switch/Switch.tsx +0 -41
- package/src/components/Switch/index.tsx +0 -2
- package/src/components/Table/Table.module.scss +0 -76
- package/src/components/Table/Table.tsx +0 -152
- package/src/components/Table/index.tsx +0 -2
- package/src/components/Tabs/Tabs.module.scss +0 -40
- package/src/components/Tabs/Tabs.tsx +0 -104
- package/src/components/Tabs/index.tsx +0 -2
- package/src/components/Text/Text.module.scss +0 -81
- package/src/components/Text/Text.tsx +0 -42
- package/src/components/Text/index.tsx +0 -2
- package/src/components/Transition/MasksFactory/DiagonalReveal.tsx +0 -47
- package/src/components/Transition/MasksFactory/DiagonalSquareToBalls.tsx +0 -78
- package/src/components/Transition/MasksFactory/PhysicsSquares.tsx +0 -106
- package/src/components/Transition/MasksFactory/SquareToBalls.tsx +0 -66
- package/src/components/Transition/MasksFactory/utils.ts +0 -35
- package/src/components/Transition/Transition.module.scss +0 -211
- package/src/components/Transition/Transition.tsx +0 -495
- package/src/components/Transition/index.tsx +0 -2
- package/src/components/UncontrolledTransition/UncontrolledTransition.ai.md +0 -9
- package/src/components/UncontrolledTransition/UncontrolledTransition.sample.tsx +0 -34
- package/src/components/UncontrolledTransition/UncontrolledTransition.tsx +0 -143
- package/src/components/UncontrolledTransition/index.tsx +0 -2
- package/src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx +0 -212
- package/src/components/WalletConnectionWrapper/index.tsx +0 -2
- package/src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +0 -5
- package/src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx +0 -52
- package/src/components/utilitary/ScrollAndFocusLock/index.tsx +0 -2
- package/src/context/AsyncProcess.tsx +0 -107
- package/src/context/ContextAsyncControl.tsx +0 -89
- package/src/context/CustomBrowserRouter.tsx +0 -55
- package/src/context/OneUIProvider.tsx +0 -308
- package/src/hooks/logs/useDependencyChangeDetection.ts +0 -25
- package/src/hooks/logs/useIsMounting.ts +0 -7
- package/src/hooks/persistence/useLocalStorage.ts +0 -45
- package/src/hooks/shims/ObjectWatchShim.ts +0 -56
- package/src/hooks/ui/useAdaptiveImage.tsx +0 -36
- package/src/hooks/ui/useAlternating.tsx +0 -22
- package/src/hooks/ui/useBreakpoint.tsx +0 -21
- package/src/hooks/ui/useCustomScrollbar.module.scss +0 -20
- package/src/hooks/ui/useCustomScrollbar.tsx +0 -22
- package/src/hooks/ui/useEffectIf.ts +0 -11
- package/src/hooks/ui/useMouseHover.tsx +0 -26
- package/src/hooks/ui/usePaginationControls.module.scss +0 -16
- package/src/hooks/ui/usePaginationControls.tsx +0 -176
- package/src/hooks/ui/useSnapToViewport.module.scss +0 -6
- package/src/hooks/ui/useSnapToViewport.ts +0 -28
- package/src/hooks/ui/useTilt.tsx +0 -219
- package/src/hooks/ui/useZoomable.module.scss +0 -34
- package/src/hooks/ui/useZoomable.tsx +0 -144
- package/src/hooks/useAsyncControl.ai.md +0 -25
- package/src/hooks/useAsyncControl.ts +0 -101
- package/src/hooks/useContainedRepositioning.ts +0 -110
- package/src/hooks/useCustomHistory.ts +0 -14
- package/src/hooks/useElementFit.ts +0 -82
- package/src/hooks/useFirestoreWatch.ts +0 -54
- package/src/hooks/useForm.ts +0 -49
- package/src/hooks/useFreeze.ts +0 -12
- package/src/hooks/useHero.module.scss +0 -41
- package/src/hooks/useHero.ts +0 -514
- package/src/hooks/useIntersection.ts +0 -32
- package/src/hooks/useMergeRefs.ts +0 -29
- package/src/hooks/useObserve.ts +0 -24
- package/src/hooks/usePagination.ts +0 -228
- package/src/hooks/usePooledOperation.ts +0 -54
- package/src/hooks/usePooling.ts +0 -46
- package/src/hooks/useRebound.ts +0 -23
- package/src/hooks/useShortIntl.ai.md +0 -5
- package/src/hooks/useShortIntl.ts +0 -97
- package/src/hooks/utility/useAsyncMemo.ts +0 -43
- package/src/hooks/utility/useDepChange.ts +0 -11
- package/src/hooks/utility/useEvents.ts +0 -33
- package/src/hooks/utility/useImmediate.ts +0 -8
- package/src/hooks/utility/useManualInit.ts +0 -24
- package/src/hooks/utility/useModule.ts +0 -15
- package/src/hooks/utility/useQuery.ts +0 -15
- package/src/hooks/utility/useUniqueEffect.ts +0 -22
- package/src/index.preprocess.ts +0 -82
- package/src/index.ts +0 -229
- package/src/models/DebugLogger.ts +0 -7
- package/src/models/GenericContract.ts +0 -169
- package/src/models/Orbs.ts +0 -97
- package/src/reac-app-env.d.ts +0 -6
- package/src/storybook/assets/video/txt-reversed.mp4 +0 -0
- package/src/storybookUtils/index.tsx +0 -53
- package/src/test.tsx +0 -0
- package/src/type-utils.ts +0 -49
- package/src/types.ts +0 -199
- package/src/utility.d.ts +0 -70
- package/src/utils/blockchain.ts +0 -43
- package/src/utils/e2e.ts +0 -55
- package/src/utils/flatten.ts +0 -17
- package/src/utils/formatters.ts +0 -36
- package/src/utils/html.utils.ts +0 -3
- package/src/utils/ownEvent.ts +0 -8
- package/src/utils/test.ts +0 -20
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* A react portal implementation with current page fallback
|
|
4
|
+
*
|
|
5
|
+
* Usage
|
|
6
|
+
* <PortalReceiver name="receive"/>
|
|
7
|
+
*
|
|
8
|
+
* <Portal to="receive">CHILD</Portal>
|
|
4
9
|
**/
|
|
5
10
|
export default function Portal({ to, children, }: PropsWithChildren<{
|
|
6
11
|
to: string;
|
|
@@ -16,6 +16,11 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
|
|
|
16
16
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
17
17
|
/**
|
|
18
18
|
* A react portal implementation with current page fallback
|
|
19
|
+
*
|
|
20
|
+
* Usage
|
|
21
|
+
* <PortalReceiver name="receive"/>
|
|
22
|
+
*
|
|
23
|
+
* <Portal to="receive">CHILD</Portal>
|
|
19
24
|
**/
|
|
20
25
|
function Portal(_ref2) {
|
|
21
26
|
let {
|
|
@@ -49,4 +54,4 @@ function _PortalReceiver(_ref3, _ref) {
|
|
|
49
54
|
}, props));
|
|
50
55
|
}
|
|
51
56
|
const PortalReceiver = exports.PortalReceiver = /*#__PURE__*/(0, _react.forwardRef)(_PortalReceiver);
|
|
52
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3REb20iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX1BvcnRhbE1vZHVsZSIsIl9leGNsdWRlZCIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJzZXQiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIl9leHRlbmRzIiwiYXNzaWduIiwiYmluZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImFwcGx5IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzTG9vc2UiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJQb3J0YWwiLCJfcmVmMiIsInRvIiwiY2hpbGRyZW4iLCJ0YXJnZXQiLCJzZXRUYXJnZXQiLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsImVscyIsImRvY3VtZW50IiwicXVlcnlTZWxlY3RvckFsbCIsImNvbmNhdCIsImxhdGVzdEVsIiwiZm9yRWFjaCIsImVsIiwiX2xhdGVzdEVsIiwiTnVtYmVyIiwiZ2V0QXR0cmlidXRlIiwidGltZXN0YW1wIiwidW5kZWZpbmVkIiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiUmVhY3RET00iLCJjcmVhdGVQb3J0YWwiLCJfUG9ydGFsUmVjZWl2ZXIiLCJfcmVmMyIsIl9yZWYiLCJuYW1lIiwiY2xhc3NOYW1lIiwicHJvcHMiLCJ1c2VNZW1vIiwiRGF0ZSIsIm5vdyIsIlN0eWxlcyIsInBvcnRhbCIsInJlZiIsIlBvcnRhbFJlY2VpdmVyIiwiZXhwb3J0cyIsImZvcndhcmRSZWYiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3J0YWwvUG9ydGFsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IFJlYWN0LCB7XG4gIERldGFpbGVkSFRNTFByb3BzLFxuICBGb3J3YXJkZWRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIEhUTUxBdHRyaWJ1dGVzLFxuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlTWVtbyxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vUG9ydGFsLm1vZHVsZS5zY3NzXCI7XG5cbi8qKlxuICogQSByZWFjdCBwb3J0YWwgaW1wbGVtZW50YXRpb24gd2l0aCBjdXJyZW50IHBhZ2UgZmFsbGJhY2tcbiAqIFxuICogVXNhZ2VcbiAqIDxQb3J0YWxSZWNlaXZlciBuYW1lPVwicmVjZWl2ZVwiLz5cbiAqIFxuICogPFBvcnRhbCB0bz1cInJlY2VpdmVcIj5DSElMRDwvUG9ydGFsPlxuICoqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUG9ydGFsKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxufTogUHJvcHNXaXRoQ2hpbGRyZW48eyB0bzogc3RyaW5nIH0+KSB7XG4gIGNvbnN0IFt0YXJnZXQsIHNldFRhcmdldF0gPSB1c2VTdGF0ZTxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVscyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoYFtkYXRhLW9uZS1wb3J0YWw9XCIke3RvfVwiXWApO1xuICAgIGxldCBsYXRlc3RFbDogYW55O1xuICAgIGVscy5mb3JFYWNoKChlbDogYW55KSA9PiB7XG4gICAgICBsYXRlc3RFbCA9XG4gICAgICAgIE51bWJlcihlbC5nZXRBdHRyaWJ1dGUoXCJkYXRhLXRpbWVzdGFtcFwiKSkgPlxuICAgICAgICBOdW1iZXIobGF0ZXN0RWw/LnRpbWVzdGFtcCB8fCAwKVxuICAgICAgICAgID8gZWxcbiAgICAgICAgICA6IGxhdGVzdEVsO1xuICAgIH0pO1xuICAgIHNldFRhcmdldChsYXRlc3RFbCB8fCBudWxsKTtcbiAgfSwgW10pO1xuXG4gIHJldHVybiB0YXJnZXQgPT09IHVuZGVmaW5lZCA/IG51bGwgOiAoXG4gICAgPD57dGFyZ2V0ID09PSBudWxsID8gY2hpbGRyZW4gOiBSZWFjdERPTS5jcmVhdGVQb3J0YWwoY2hpbGRyZW4sIHRhcmdldCl9PC8+XG4gICk7XG59XG5cbmZ1bmN0aW9uIF9Qb3J0YWxSZWNlaXZlcihcbiAge1xuICAgIG5hbWUsXG4gICAgY2xhc3NOYW1lID0gXCJcIixcbiAgICAuLi5wcm9wc1xuICB9OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgfSAmIE9taXQ8XG4gICAgRGV0YWlsZWRIVE1MUHJvcHM8SFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCBIVE1MRGl2RWxlbWVudD4sXG4gICAgXCJyZWZcIlxuICA+LFxuICBfcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+XG4pIHtcbiAgY29uc3QgdGltZXN0YW1wID0gdXNlTWVtbygoKSA9PiBEYXRlLm5vdygpLCBbXSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMucG9ydGFsfSAke2NsYXNzTmFtZX1gfVxuICAgICAgZGF0YS1vbmUtcG9ydGFsPXtuYW1lfVxuICAgICAgcmVmPXtfcmVmfVxuICAgICAgZGF0YS10aW1lc3RhbXA9e3RpbWVzdGFtcH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufVxuXG5leHBvcnQgY29uc3QgUG9ydGFsUmVjZWl2ZXIgPSBmb3J3YXJkUmVmKF9Qb3J0YWxSZWNlaXZlcik7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
|
|
@@ -7,4 +7,4 @@ export default function Switch({ enabled, onToggle, size, disabled, ...props }:
|
|
|
7
7
|
onToggle: (newState: boolean) => void;
|
|
8
8
|
size: number;
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onToggle">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -35,4 +35,4 @@ function Switch(_ref) {
|
|
|
35
35
|
type: "checkbox"
|
|
36
36
|
})));
|
|
37
37
|
}
|
|
38
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9Td2l0Y2hNb2R1bGUiLCJfZXhjbHVkZWQiLCJlIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJfZXh0ZW5kcyIsIk9iamVjdCIsImFzc2lnbiIsImJpbmQiLCJuIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidCIsInIiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJhcHBseSIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsIm8iLCJpIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzTG9vc2UiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJTd2l0Y2giLCJfcmVmIiwiZW5hYmxlZCIsIm9uVG9nZ2xlIiwic2l6ZSIsImRpc2FibGVkIiwicHJvcHMiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJzdHlsZSIsImZvbnRTaXplIiwiY29uY2F0IiwiY2xhc3NOYW1lIiwiU3R5bGVzIiwicm9vdCIsIm9uIiwib25DbGljayIsInRvZ2dsZXIiLCJjaGVja2VkIiwidHlwZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBDb21wb25lbnRQcm9wcyxcbiAgRGV0YWlsZWRIVE1MUHJvcHMsXG4gIEhUTUxBdHRyaWJ1dGVzLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vU3dpdGNoLm1vZHVsZS5zY3NzXCI7XG5cbi8qKlxuICogU3dpdGNocyBiZXR3ZWVuIHN0YXRlc1xuICoqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3dpdGNoKHtcbiAgZW5hYmxlZCxcbiAgb25Ub2dnbGUsXG4gIHNpemUsXG4gIGRpc2FibGVkLFxuICAuLi5wcm9wc1xufToge1xuICBlbmFibGVkOiBib29sZWFuO1xuICBvblRvZ2dsZTogKG5ld1N0YXRlOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaXplOiBudW1iZXI7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn0gJiBPbWl0PFxuICBEZXRhaWxlZEhUTUxQcm9wczxIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PixcbiAgXCJyZWZcIiB8IFwib25Ub2dnbGVcIlxuPikge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7IGZvbnRTaXplOiBgJHtzaXplfXB4YCB9fVxuICAgICAgICBjbGFzc05hbWU9e2Ake1N0eWxlcy5yb290fSAke2VuYWJsZWQgPyBTdHlsZXMub24gOiBcIlwifSAke1xuICAgICAgICAgIGRpc2FibGVkID8gU3R5bGVzLmRpc2FibGVkIDogXCJcIlxuICAgICAgICB9YH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gb25Ub2dnbGUoIWVuYWJsZWQpfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtTdHlsZXMudG9nZ2xlcn0gLz5cbiAgICAgICAgPGlucHV0IGNoZWNrZWQ9e2VuYWJsZWR9IHR5cGU9XCJjaGVja2JveFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBS0EsSUFBQUMsYUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQTBDLE1BQUFFLFNBQUE7QUFBQSxTQUFBSCx1QkFBQUksQ0FBQSxXQUFBQSxDQUFBLElBQUFBLENBQUEsQ0FBQUMsVUFBQSxHQUFBRCxDQUFBLEtBQUFFLE9BQUEsRUFBQUYsQ0FBQTtBQUFBLFNBQUFHLFNBQUEsV0FBQUEsUUFBQSxHQUFBQyxNQUFBLENBQUFDLE1BQUEsR0FBQUQsTUFBQSxDQUFBQyxNQUFBLENBQUFDLElBQUEs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
|
package/dist/utils/e2e.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import Module from "module";
|
|
3
3
|
/** Try to make the string follow the snake case pattern (e.g. "SOME_ELEMENT") */
|
|
4
4
|
type IDENTIFIER = string;
|
|
5
|
-
type PossibleT = (IDENTIFIER | readonly [id: IDENTIFIER, func: (n:
|
|
5
|
+
type PossibleT = (IDENTIFIER | readonly [id: IDENTIFIER, func: <X>(n: X) => string])[];
|
|
6
6
|
type T<IDS extends PossibleT> = {
|
|
7
7
|
[I in IDS[number] extends string ? IDS[number] : IDS[number][0]]: I extends IDS[number] ? string : (id: any) => string;
|
|
8
8
|
};
|
package/dist/utils/e2e.js
CHANGED
|
@@ -37,4 +37,4 @@ function testIDFactory(moduleOrId) {
|
|
|
37
37
|
[typeof id === "string" ? id : id[0]]: typeof id === "string" ? "".concat(toSrcPath(moduleId.toLowerCase().replace(/[^a-z]/g, "")), "-").concat(id) : i => "".concat(toSrcPath(moduleId.toLowerCase().replace(/[^a-z]/g, "")), "-").concat(id[1](i))
|
|
38
38
|
}), {})), {});
|
|
39
39
|
}
|
|
40
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ0b1NyY1BhdGgiLCJzdHIiLCJpbmRleE9mU3JjIiwiaW5kZXhPZiIsIm1vZE5hbWUiLCJzbGljZSIsInJlcGxhY2UiLCJjb21iaW5lVGVzdElkcyIsIl9sZW4iLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ0IiwiQXJyYXkiLCJfa2V5IiwicmVkdWNlIiwiYWNjIiwiaSIsIl9vYmplY3RTcHJlYWQiLCJ0ZXN0SURGYWN0b3J5IiwibW9kdWxlT3JJZCIsIm1vZHVsZUlkIiwiaWQiLCJpZHNBcnIiLCJpZHMiLCJtYXAiLCJjb25jYXQiLCJ0b0xvd2VyQ2FzZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9lMmUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1vZHVsZSBmcm9tIFwibW9kdWxlXCI7XG5cbmZ1bmN0aW9uIHRvU3JjUGF0aChzdHI6IHN0cmluZykge1xuICBjb25zdCBpbmRleE9mU3JjID0gc3RyLmluZGV4T2YoXCJzcmNcIik7XG4gIGNvbnN0IG1vZE5hbWUgPSBpbmRleE9mU3JjID09PSAtMSA/
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ0b1NyY1BhdGgiLCJzdHIiLCJpbmRleE9mU3JjIiwiaW5kZXhPZiIsIm1vZE5hbWUiLCJzbGljZSIsInJlcGxhY2UiLCJjb21iaW5lVGVzdElkcyIsIl9sZW4iLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ0IiwiQXJyYXkiLCJfa2V5IiwicmVkdWNlIiwiYWNjIiwiaSIsIl9vYmplY3RTcHJlYWQiLCJ0ZXN0SURGYWN0b3J5IiwibW9kdWxlT3JJZCIsIm1vZHVsZUlkIiwiaWQiLCJpZHNBcnIiLCJpZHMiLCJtYXAiLCJjb25jYXQiLCJ0b0xvd2VyQ2FzZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9lMmUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1vZHVsZSBmcm9tIFwibW9kdWxlXCI7XG5cbmZ1bmN0aW9uIHRvU3JjUGF0aChzdHI6IHN0cmluZykge1xuICBjb25zdCBpbmRleE9mU3JjID0gc3RyLmluZGV4T2YoXCJzcmNcIik7XG4gIGNvbnN0IG1vZE5hbWUgPSBpbmRleE9mU3JjID09PSAtMSA/IHN0ciA6IHN0ci5zbGljZShpbmRleE9mU3JjKTtcbiAgcmV0dXJuIG1vZE5hbWUucmVwbGFjZShcImFwcGNsaWVudGVjbWFzY3JpcHRcIiwgXCJcIik7XG59XG5cbi8qKiBUcnkgdG8gbWFrZSB0aGUgc3RyaW5nIGZvbGxvdyB0aGUgc25ha2UgY2FzZSBwYXR0ZXJuIChlLmcuIFwiU09NRV9FTEVNRU5UXCIpICovXG50eXBlIElERU5USUZJRVIgPSBzdHJpbmc7XG5cbnR5cGUgUG9zc2libGVUID0gKFxuICB8IElERU5USUZJRVJcbiAgfCByZWFkb25seSBbaWQ6IElERU5USUZJRVIsIGZ1bmM6IDxYPihuOiBYKSA9PiBzdHJpbmddXG4pW107XG5cbnR5cGUgVDxJRFMgZXh0ZW5kcyBQb3NzaWJsZVQ+ID0ge1xuICBbSSBpbiBJRFNbbnVtYmVyXSBleHRlbmRzIHN0cmluZ1xuICAgID8gSURTW251bWJlcl1cbiAgICA6IElEU1tudW1iZXJdWzBdXTogSSBleHRlbmRzIElEU1tudW1iZXJdID8gc3RyaW5nIDogKGlkOiBhbnkpID0+IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBjb21iaW5lVGVzdElkcyguLi50OiBSZXR1cm5UeXBlPHR5cGVvZiB0ZXN0SURGYWN0b3J5PltdKSB7XG4gIHJldHVybiB0LnJlZHVjZSgoYWNjLCBpKSA9PiAoeyAuLi5hY2MsIGkgfSksIHt9KTtcbn1cblxuLyoqXG4gKiBDcmVhdGVzIGFuIGRhdGEtdGVzdGlkIG1hcCBnZW5lcmF0b3IgaW5zdGFuY2UgYmFzZWQgb24gdGhlIG1vZHVsZSBuYW1lIG9yIGFyYml0cmFyeSBpZFxuICogQHJldHVybnMgQSBmdW5jdGlvbiB0byBzZXQgdGhlIElEcyB0aGF0IHRoaXMgY3JlYXRlZCBpbnN0YW5jZSB3aWxsIHByb3ZpZGVcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHRlc3RJREZhY3RvcnkobW9kdWxlT3JJZDogUGljazxNb2R1bGUsIFwiaWRcIj4gfCBzdHJpbmcpIHtcbiAgY29uc3QgbW9kdWxlSWQgPSB0eXBlb2YgbW9kdWxlT3JJZCA9PT0gXCJzdHJpbmdcIiA/IG1vZHVsZU9ySWQgOiBtb2R1bGVPcklkLmlkO1xuICByZXR1cm4gPGNvbnN0IElEUyBleHRlbmRzIFBvc3NpYmxlVD4oaWRzQXJyOiBJRFMpID0+XG4gICAgW2lkc0Fycl0ucmVkdWNlKFxuICAgICAgKGFjYywgaWRzKSA9PiAoe1xuICAgICAgICAuLi5hY2MsXG4gICAgICAgIC4uLmlkcy5yZWR1Y2UoXG4gICAgICAgICAgKG1hcCwgaWQpID0+ICh7XG4gICAgICAgICAgICAuLi5tYXAsXG4gICAgICAgICAgICBbdHlwZW9mIGlkID09PSBcInN0cmluZ1wiID8gaWQgOiBpZFswXV06XG4gICAgICAgICAgICAgIHR5cGVvZiBpZCA9PT0gXCJzdHJpbmdcIlxuICAgICAgICAgICAgICAgID8gYCR7dG9TcmNQYXRoKFxuICAgICAgICAgICAgICAgICAgICBtb2R1bGVJZC50b0xvd2VyQ2FzZSgpLnJlcGxhY2UoL1teYS16XS9nLCBcIlwiKVxuICAgICAgICAgICAgICAgICAgKX0tJHtpZH1gXG4gICAgICAgICAgICAgICAgOiAoaTogYW55KSA9PlxuICAgICAgICAgICAgICAgICAgICBgJHt0b1NyY1BhdGgoXG4gICAgICAgICAgICAgICAgICAgICAgbW9kdWxlSWQudG9Mb3dlckNhc2UoKS5yZXBsYWNlKC9bXmEtel0vZywgXCJcIilcbiAgICAgICAgICAgICAgICAgICAgKX0tJHtpZFsxXShpKX1gLFxuICAgICAgICAgIH0pLFxuICAgICAgICAgIHt9IGFzIFQ8SURTPlxuICAgICAgICApLFxuICAgICAgfSksXG4gICAgICB7fSBhcyBUPElEUz5cbiAgICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFFQSxTQUFTQSxTQUFTQSxDQUFDQyxHQUFXLEVBQUU7RUFDOUIsTUFBTUMsVUFBVSxHQUFHRCxHQUFHLENBQUNFLE9BQU8sQ0FBQyxLQUFLLENBQUM7RUFDckMsTUFBTUMsT0FBTyxHQUFHRixVQUFVLEtBQUssQ0FBQyxDQUFDLEdBQUdELEdBQUcsR0FBR0EsR0FBRyxDQUFDSSxLQUFLLENBQUNILFVBQVUsQ0FBQztFQUMvRCxPQUFPRSxPQUFPLENBQUNFLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxFQUFFLENBQUM7QUFDbkQ7O0FBRUE7O0FBY08sU0FBU0MsY0FBY0EsQ0FBQSxFQUEyQztFQUFBLFNBQUFDLElBQUEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLEVBQXZDQyxDQUFDLE9BQUFDLEtBQUEsQ0FBQUosSUFBQSxHQUFBSyxJQUFBLE1BQUFBLElBQUEsR0FBQUwsSUFBQSxFQUFBSyxJQUFBO0lBQURGLENBQUMsQ0FBQUUsSUFBQSxJQUFBSixTQUFBLENBQUFJLElBQUE7RUFBQTtFQUNqQyxPQUFPRixDQUFDLENBQUNHLE1BQU0sQ0FBQyxDQUFDQyxHQUFHLEVBQUVDLENBQUMsS0FBQUMsYUFBQSxDQUFBQSxhQUFBLEtBQVdGLEdBQUc7SUFBRUM7RUFBQyxFQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7QUFDbEQ7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDTyxTQUFTRSxhQUFhQSxDQUFDQyxVQUF1QyxFQUFFO0VBQ3JFLE1BQU1DLFFBQVEsR0FBRyxPQUFPRCxVQUFVLEtBQUssUUFBUSxHQUFHQSxVQUFVLEdBQUdBLFVBQVUsQ0FBQ0UsRUFBRTtFQUM1RSxPQUFxQ0MsTUFBVyxJQUM5QyxDQUFDQSxNQUFNLENBQUMsQ0FBQ1IsTUFBTSxDQUNiLENBQUNDLEdBQUcsRUFBRVEsR0FBRyxLQUFBTixhQUFBLENBQUFBLGFBQUEsS0FDSkYsR0FBRyxHQUNIUSxHQUFHLENBQUNULE1BQU0sQ0FDWCxDQUFDVSxHQUFHLEVBQUVILEVBQUUsS0FBQUosYUFBQSxDQUFBQSxhQUFBLEtBQ0hPLEdBQUc7SUFDTixDQUFDLE9BQU9ILEVBQUUsS0FBSyxRQUFRLEdBQUdBLEVBQUUsR0FBR0EsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUNsQyxPQUFPQSxFQUFFLEtBQUssUUFBUSxNQUFBSSxNQUFBLENBQ2Z6QixTQUFTLENBQ1ZvQixRQUFRLENBQUNNLFdBQVcsQ0FBQyxDQUFDLENBQUNwQixPQUFPLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FDOUMsQ0FBQyxPQUFBbUIsTUFBQSxDQUFJSixFQUFFLElBQ05MLENBQU0sT0FBQVMsTUFBQSxDQUNGekIsU0FBUyxDQUNWb0IsUUFBUSxDQUFDTSxXQUFXLENBQUMsQ0FBQyxDQUFDcEIsT0FBTyxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQzlDLENBQUMsT0FBQW1CLE1BQUEsQ0FBSUosRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDTCxDQUFDLENBQUM7RUFBRSxFQUN2QixFQUNGLENBQUMsQ0FDSCxDQUFDLENBQ0QsRUFDRixDQUFDLENBQ0gsQ0FBQztBQUNMIiwiaWdub3JlTGlzdCI6W119
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* A react portal implementation with current page fallback
|
|
4
|
+
*
|
|
5
|
+
* Usage
|
|
6
|
+
* <PortalReceiver name="receive"/>
|
|
7
|
+
*
|
|
8
|
+
* <Portal to="receive">CHILD</Portal>
|
|
4
9
|
**/
|
|
5
10
|
export default function Portal({ to, children, }: PropsWithChildren<{
|
|
6
11
|
to: string;
|
|
@@ -6,6 +6,11 @@ import { useState } from "react";
|
|
|
6
6
|
import Styles from "./Portal.module.scss";
|
|
7
7
|
/**
|
|
8
8
|
* A react portal implementation with current page fallback
|
|
9
|
+
*
|
|
10
|
+
* Usage
|
|
11
|
+
* <PortalReceiver name="receive"/>
|
|
12
|
+
*
|
|
13
|
+
* <Portal to="receive">CHILD</Portal>
|
|
9
14
|
**/
|
|
10
15
|
export default function Portal({ to, children, }) {
|
|
11
16
|
const [target, setTarget] = useState();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAc,EAGZ,UAAU,EAGV,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAc,EAGZ,UAAU,EAGV,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C;;;;;;;IAOI;AACJ,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,EAAE,EACF,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAkB,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,QAAa,CAAC;QAClB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAO,EAAE,EAAE;YACtB,QAAQ;gBACN,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBACzC,MAAM,CAAC,QAAQ,EAAE,SAAS,IAAI,CAAC,CAAC;oBAC9B,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,QAAQ,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,4BAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAI,CAC5E,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,EACE,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EAOT,EACD,IAAkC;IAElC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,qBACzB,IAAI,EACrB,GAAG,EAAE,IAAI,oBACO,SAAS,KACrB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC"}
|
|
@@ -7,4 +7,4 @@ export default function Switch({ enabled, onToggle, size, disabled, ...props }:
|
|
|
7
7
|
onToggle: (newState: boolean) => void;
|
|
8
8
|
size: number;
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onToggle">): import("react/jsx-runtime").JSX.Element;
|
package/dist-ts/utils/e2e.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import Module from "module";
|
|
3
3
|
/** Try to make the string follow the snake case pattern (e.g. "SOME_ELEMENT") */
|
|
4
4
|
type IDENTIFIER = string;
|
|
5
|
-
type PossibleT = (IDENTIFIER | readonly [id: IDENTIFIER, func: (n:
|
|
5
|
+
type PossibleT = (IDENTIFIER | readonly [id: IDENTIFIER, func: <X>(n: X) => string])[];
|
|
6
6
|
type T<IDS extends PossibleT> = {
|
|
7
7
|
[I in IDS[number] extends string ? IDS[number] : IDS[number][0]]: I extends IDS[number] ? string : (id: any) => string;
|
|
8
8
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.29.
|
|
3
|
+
"version": "0.29.6",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"repository": "git@github.com:onepercentio/one-ui.git",
|
|
6
6
|
"author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
$digitalBlue: var(--digital-blue, #558eff);
|
|
2
|
-
$mediumGray: var(--medium-gray, #bababa);
|
|
3
|
-
$lightGray: var(--light-gray, #d6d6d6);
|
|
4
|
-
$spaceBlue: var(--space-blue, #0f113a);
|
|
5
|
-
$warningRed: var(--warning-red, #e84b4b);
|
|
6
|
-
$sunsetPink: var(--sunset-pink, #ff3e7d);
|
|
7
|
-
$darkestGray: var(--darkest-gray, #727272);
|
|
8
|
-
$gray: var(--gray, #0f113a);
|
|
9
|
-
$success: var(--success, lightgreen);
|
|
10
|
-
$successDark: var(--success-dark, green);
|
|
11
|
-
$mainBackgroundColor: var(--bg-color, white);
|
|
12
|
-
$primaryColor: var(--primary-color, var(--digital-blue));
|
|
13
|
-
$elevation: var(--card-elevation, 0px 4px 10px rgba(0, 0, 0, 0.1));
|
|
14
|
-
|
|
15
|
-
$mainFontFamily: var(--main-font, Roboto);
|
|
16
|
-
$secondaryFontFamily: var(--second-font, Manrope);
|
|
17
|
-
|
|
18
|
-
$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);
|
|
19
|
-
$headerBackgroundColor: var(--header-divider-bg-color, #467eea);
|
|
20
|
-
$headerTextColor: var(--header-text-color, #94b8ff);
|
|
21
|
-
$headerBrightColor: var(--header-bright-color, white);
|
|
22
|
-
|
|
23
|
-
$tableRowBgColor: var(--table-row-bg-color, white);
|
|
24
|
-
$tableRowBorderColor: var(--table-row-border-color, #bec1ca);
|
|
25
|
-
|
|
26
|
-
$buttonBorderRadius: var(--button-border-radius, 8px);
|
|
27
|
-
$buttonTextColor: var(--button-text-color, white);
|
|
28
|
-
|
|
29
|
-
$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);
|
|
30
|
-
|
|
31
|
-
$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);
|
|
32
|
-
|
|
33
|
-
$textDefaultColor: var(--text-default-color, $digitalBlue);
|
|
34
|
-
|
|
35
|
-
$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);
|
|
36
|
-
|
|
37
|
-
$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);
|
|
38
|
-
$fileInputBorderColor: var(--file-input-border-color, #dce1e8);
|
|
39
|
-
|
|
40
|
-
$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);
|
|
41
|
-
|
|
42
|
-
$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));
|
|
43
|
-
|
|
44
|
-
$almostInstant: var(--animation--speed-almostInstant, 50ms);
|
|
45
|
-
$veryFast: var(--animation--speed-veryfast, 125ms);
|
|
46
|
-
$fast: var(--animation--speed-fast, 250ms);
|
|
47
|
-
$normal: var(--animation--speed-normal, 500ms);
|
|
48
|
-
$slow: var(--animation--speed-slow, 1s);
|
|
49
|
-
$verySlow: var(--animation--speed-veryslow, 2s);
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { ComponentProps, ReactElement } from "react";
|
|
2
|
-
import AdaptiveContainer from "../AdaptiveContainer";
|
|
3
|
-
import Button from "../Button";
|
|
4
|
-
import Styles from "./AdaptiveButton.module.scss";
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* A button that adapts it's width according to the content size
|
|
8
|
-
**/
|
|
9
|
-
export default function AdaptiveButton({
|
|
10
|
-
children,
|
|
11
|
-
className = "",
|
|
12
|
-
...buttonProps
|
|
13
|
-
}: {
|
|
14
|
-
children: ReactElement;
|
|
15
|
-
} & ComponentProps<typeof Button>) {
|
|
16
|
-
return (
|
|
17
|
-
<AdaptiveContainer
|
|
18
|
-
containerElement={Button}
|
|
19
|
-
className={`${Styles.resetButton} ${className}`}
|
|
20
|
-
direction="both"
|
|
21
|
-
{...buttonProps}
|
|
22
|
-
>
|
|
23
|
-
{children}
|
|
24
|
-
</AdaptiveContainer>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.resetSection {
|
|
2
|
-
min-height: 0px;
|
|
3
|
-
transition: width var(--adaptive-container-transition-time, 400ms) linear,
|
|
4
|
-
height var(--adaptive-container-transition-time, 400ms) linear,
|
|
5
|
-
min-height var(--adaptive-container-transition-time, 400ms) linear;
|
|
6
|
-
transition-timing-function: linear;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
align-items: flex-start;
|
|
9
|
-
&.h,&.both {
|
|
10
|
-
> * {
|
|
11
|
-
min-width: auto !important;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
&.v,&.both {
|
|
15
|
-
> * {
|
|
16
|
-
min-height: initial;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@keyframes fadeInDelayed {
|
|
22
|
-
0% {
|
|
23
|
-
opacity: 0;
|
|
24
|
-
}
|
|
25
|
-
50% {
|
|
26
|
-
opacity: 0.1;
|
|
27
|
-
}
|
|
28
|
-
100% {
|
|
29
|
-
opacity: 1;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
@keyframes fadeOutDelayed {
|
|
33
|
-
0% {
|
|
34
|
-
opacity: 1;
|
|
35
|
-
}
|
|
36
|
-
50% {
|
|
37
|
-
opacity: 0.1;
|
|
38
|
-
}
|
|
39
|
-
100% {
|
|
40
|
-
opacity: 0;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.fadeInDelayed {
|
|
45
|
-
animation-name: fadeInDelayed;
|
|
46
|
-
animation-duration: 500ms !important;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.fadeOutAbsolute {
|
|
50
|
-
position: absolute;
|
|
51
|
-
animation-name: fadeOutDelayed;
|
|
52
|
-
animation-duration: 500ms !important;
|
|
53
|
-
}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
ComponentProps,
|
|
3
|
-
ElementRef,
|
|
4
|
-
FunctionComponent,
|
|
5
|
-
HTMLAttributes,
|
|
6
|
-
HTMLProps,
|
|
7
|
-
JSX,
|
|
8
|
-
ReactElement,
|
|
9
|
-
useEffect,
|
|
10
|
-
useMemo,
|
|
11
|
-
useRef,
|
|
12
|
-
} from "react";
|
|
13
|
-
import { TransitionAnimationTypes } from "../Transition";
|
|
14
|
-
import UncontrolledTransition from "../UncontrolledTransition";
|
|
15
|
-
import Styles from "./AdaptiveContainer.module.scss";
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* A container that animates width changes across content updates
|
|
19
|
-
**/
|
|
20
|
-
export default function AdaptiveContainer<
|
|
21
|
-
E extends keyof JSX.IntrinsicElements | FunctionComponent
|
|
22
|
-
>({
|
|
23
|
-
children,
|
|
24
|
-
className = "",
|
|
25
|
-
containerElement: _Wrapper = "div" as any,
|
|
26
|
-
direction = "h",
|
|
27
|
-
strict = true,
|
|
28
|
-
...otherProps
|
|
29
|
-
}: {
|
|
30
|
-
containerElement?: E;
|
|
31
|
-
children: ReactElement;
|
|
32
|
-
/**
|
|
33
|
-
* The direction in which the content will be resized
|
|
34
|
-
*
|
|
35
|
-
* "h" // When the content will change in width
|
|
36
|
-
* "v" // When the content will change in height
|
|
37
|
-
*/
|
|
38
|
-
direction?: "h" | "v" | "both";
|
|
39
|
-
className?: string;
|
|
40
|
-
contentClassName?: string;
|
|
41
|
-
/**
|
|
42
|
-
* true: It will animate restricting to the height when it was rendered
|
|
43
|
-
* false: It will animate trying to reach the height when it was rendered, growing in size if the content inside it changes */
|
|
44
|
-
strict?: boolean;
|
|
45
|
-
} & ComponentProps<E>) {
|
|
46
|
-
const animatedProperty = useMemo(() => {
|
|
47
|
-
if (!strict && direction !== "v")
|
|
48
|
-
throw new Error(
|
|
49
|
-
`Strict false only works with direction "v" at the moment`
|
|
50
|
-
);
|
|
51
|
-
switch (direction) {
|
|
52
|
-
case "both":
|
|
53
|
-
return ["width", "height"] as const
|
|
54
|
-
case "h":
|
|
55
|
-
return ("width" as const);
|
|
56
|
-
case "v":
|
|
57
|
-
return strict ? ("height" as const) : ("minHeight" as const);
|
|
58
|
-
}
|
|
59
|
-
}, [direction, strict]);
|
|
60
|
-
const uncontrolledRef =
|
|
61
|
-
useRef<ElementRef<typeof UncontrolledTransition>>(null);
|
|
62
|
-
const buttonRef = useRef<HTMLElement>(null);
|
|
63
|
-
|
|
64
|
-
useEffect(() => {
|
|
65
|
-
const transitionContainer = uncontrolledRef.current!.sectionRef.current;
|
|
66
|
-
if (transitionContainer)
|
|
67
|
-
if (direction === "both") {
|
|
68
|
-
transitionContainer.style.width = `${transitionContainer.clientWidth}px`;
|
|
69
|
-
transitionContainer.style.height = `${transitionContainer.clientHeight}px`;
|
|
70
|
-
} else if (direction === "h") {
|
|
71
|
-
transitionContainer.style.width = `${transitionContainer.clientWidth}px`;
|
|
72
|
-
transitionContainer.style[animatedProperty as "width"] = ``;
|
|
73
|
-
} else {
|
|
74
|
-
transitionContainer.style[
|
|
75
|
-
animatedProperty as "height"
|
|
76
|
-
] = `${transitionContainer.clientHeight}px`;
|
|
77
|
-
transitionContainer.style.width = ``;
|
|
78
|
-
}
|
|
79
|
-
const t = setTimeout(() => {
|
|
80
|
-
if (uncontrolledRef.current) {
|
|
81
|
-
const transitionContainer = uncontrolledRef.current.sectionRef.current;
|
|
82
|
-
if (transitionContainer) {
|
|
83
|
-
const screenThatWillEnter =
|
|
84
|
-
transitionContainer.lastChild as HTMLDivElement;
|
|
85
|
-
|
|
86
|
-
if (screenThatWillEnter) {
|
|
87
|
-
function resetFactory(
|
|
88
|
-
param: "minHeight" | "height" | "width",
|
|
89
|
-
target: number
|
|
90
|
-
) {
|
|
91
|
-
const resetPropertyInstance = (e: Pick<TransitionEvent, "propertyName">) => {
|
|
92
|
-
if (e.propertyName !== param) return;
|
|
93
|
-
setTimeout(() => {
|
|
94
|
-
if (transitionContainer?.style[param] === `${target}px`) {
|
|
95
|
-
transitionContainer!.style[param] = "";
|
|
96
|
-
}
|
|
97
|
-
}, 100);
|
|
98
|
-
|
|
99
|
-
if (transitionContainer)
|
|
100
|
-
transitionContainer.removeEventListener(
|
|
101
|
-
"transitionend",
|
|
102
|
-
resetPropertyInstance
|
|
103
|
-
);
|
|
104
|
-
};
|
|
105
|
-
return resetPropertyInstance;
|
|
106
|
-
}
|
|
107
|
-
if (direction === "both") {
|
|
108
|
-
const contentSize = {
|
|
109
|
-
width: screenThatWillEnter.clientWidth,
|
|
110
|
-
height: screenThatWillEnter.scrollHeight
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
const targetSize = {
|
|
114
|
-
width: `${contentSize.width}px`,
|
|
115
|
-
height: `${contentSize.height}px`
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
const prevSize = {
|
|
119
|
-
width: transitionContainer.style.width,
|
|
120
|
-
height: transitionContainer.style.height
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
transitionContainer.style.width = targetSize.width;
|
|
124
|
-
transitionContainer.style.height = targetSize.height;
|
|
125
|
-
|
|
126
|
-
if (Array.isArray(animatedProperty))
|
|
127
|
-
for (let prop of animatedProperty as ('width' | 'height')[]) {
|
|
128
|
-
const resetProperty = resetFactory(
|
|
129
|
-
prop,
|
|
130
|
-
contentSize[prop]
|
|
131
|
-
);
|
|
132
|
-
if (targetSize[prop] === prevSize[prop])
|
|
133
|
-
resetProperty({ propertyName: prop });
|
|
134
|
-
else
|
|
135
|
-
transitionContainer.addEventListener(
|
|
136
|
-
"transitionend",
|
|
137
|
-
resetProperty
|
|
138
|
-
);
|
|
139
|
-
}
|
|
140
|
-
} else if (direction === "h") {
|
|
141
|
-
const contentWidth = screenThatWillEnter.clientWidth;
|
|
142
|
-
const targetWidth = `${contentWidth}px`;
|
|
143
|
-
const prevWidth = transitionContainer.style.width;
|
|
144
|
-
transitionContainer.style.width = targetWidth;
|
|
145
|
-
const func = resetFactory("width", contentWidth);
|
|
146
|
-
if (targetWidth === prevWidth) func({ propertyName: "width" });
|
|
147
|
-
else transitionContainer.addEventListener("transitionend", func);
|
|
148
|
-
} else {
|
|
149
|
-
const _animatedProperty = animatedProperty as "width"
|
|
150
|
-
const contentHeight = screenThatWillEnter.scrollHeight;
|
|
151
|
-
const targetHeight = `${contentHeight}px`;
|
|
152
|
-
const prevHeight = transitionContainer.style[_animatedProperty];
|
|
153
|
-
transitionContainer.style[_animatedProperty] = targetHeight;
|
|
154
|
-
const resetProperty = resetFactory(
|
|
155
|
-
_animatedProperty,
|
|
156
|
-
contentHeight
|
|
157
|
-
);
|
|
158
|
-
if (targetHeight === prevHeight)
|
|
159
|
-
resetProperty({ propertyName: _animatedProperty });
|
|
160
|
-
else
|
|
161
|
-
transitionContainer.addEventListener(
|
|
162
|
-
"transitionend",
|
|
163
|
-
resetProperty
|
|
164
|
-
);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}, 100);
|
|
170
|
-
return () => clearTimeout(t);
|
|
171
|
-
}, [children.key, direction]);
|
|
172
|
-
const Wrapper = _Wrapper as any;
|
|
173
|
-
const directionClass = direction in Styles ? Styles[direction] : "";
|
|
174
|
-
|
|
175
|
-
return (
|
|
176
|
-
<>
|
|
177
|
-
<Wrapper className={`${className}`} ref={buttonRef} {...otherProps}>
|
|
178
|
-
<UncontrolledTransition
|
|
179
|
-
ref={uncontrolledRef}
|
|
180
|
-
transitionType={TransitionAnimationTypes.CUSTOM}
|
|
181
|
-
lockTransitionWidth={false}
|
|
182
|
-
config={{
|
|
183
|
-
backward: {
|
|
184
|
-
elementExiting: Styles.fadeOutAbsolute,
|
|
185
|
-
elementEntering: Styles.fadeInDelayed,
|
|
186
|
-
},
|
|
187
|
-
forward: {
|
|
188
|
-
elementExiting: Styles.fadeOutAbsolute,
|
|
189
|
-
elementEntering: Styles.fadeInDelayed,
|
|
190
|
-
},
|
|
191
|
-
}}
|
|
192
|
-
className={`${Styles.resetSection} ${directionClass}`}
|
|
193
|
-
contentClassName={otherProps.contentClassName}
|
|
194
|
-
>
|
|
195
|
-
{children}
|
|
196
|
-
</UncontrolledTransition>
|
|
197
|
-
</Wrapper>
|
|
198
|
-
</>
|
|
199
|
-
);
|
|
200
|
-
}
|