@onepercentio/one-ui 1.3.2 → 1.3.4
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/.github/workflows/release-browser-bundle.yml +76 -0
- package/README.md +23 -0
- package/dist/assets/img/svg/checkbox.svg +3 -0
- package/dist/assets/styles/index.scss +2 -0
- package/dist/assets/styles/mixins.scss +15 -0
- package/dist/assets/styles/variables.scss +49 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +32 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.module.scss +7 -0
- package/dist/components/AdaptiveButton/index.js +27 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +152 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +53 -0
- package/dist/components/AdaptiveContainer/index.js +27 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +81 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +145 -0
- package/dist/components/AdaptiveDialog/index.js +27 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +77 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +49 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +13 -0
- package/dist/components/AdaptiveSidebar/index.js +27 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +168 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +64 -0
- package/dist/components/AnchoredTooltip/index.js +27 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +166 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss +108 -0
- package/dist/components/AnimatedEntrance/index.js +27 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +95 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.module.scss +22 -0
- package/dist/components/AsyncTriggerContainer/index.js +27 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +42 -0
- package/dist/components/AsyncWrapper/index.js +27 -0
- package/dist/components/Avatar/Avatar.js +40 -0
- package/dist/components/Avatar/Avatar.module.scss +22 -0
- package/dist/components/Avatar/index.js +27 -0
- package/dist/components/BucketFill/BucketFill.js +56 -0
- package/dist/components/BucketFill/BucketFill.module.scss +36 -0
- package/dist/components/BucketFill/index.js +27 -0
- package/dist/components/Button/Button.js +39 -0
- package/dist/components/Button/Button.module.scss +45 -0
- package/dist/components/Button/index.js +27 -0
- package/dist/components/Card/Card.js +22 -0
- package/dist/components/Card/Card.module.scss +12 -0
- package/dist/components/Card/index.js +27 -0
- package/dist/components/Chart/Chart.js +27 -0
- package/dist/components/Chart/Chart.logic.js +14 -0
- package/dist/components/Chart/Chart.module.scss +58 -0
- package/dist/components/Chart/Chart.types.js +6 -0
- package/dist/components/Chart/Chart.view.js +184 -0
- package/dist/components/Chart/index.js +27 -0
- package/dist/components/CheckBox/CheckBox.js +52 -0
- package/dist/components/CheckBox/CheckBox.module.scss +36 -0
- package/dist/components/CheckBox/index.js +27 -0
- package/dist/components/CodeInput/CodeInput.js +84 -0
- package/dist/components/CodeInput/CodeInput.module.scss +5 -0
- package/dist/components/CodeInput/index.js +27 -0
- package/dist/components/Collapsable/Collapsable.js +186 -0
- package/dist/components/Collapsable/Collapsable.module.scss +42 -0
- package/dist/components/Collapsable/index.js +27 -0
- package/dist/components/Countdown/Countdown.js +83 -0
- package/dist/components/Countdown/index.js +27 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +28 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +54 -0
- package/dist/components/CurrencyInput/index.js +27 -0
- package/dist/components/Divider/Divider.js +21 -0
- package/dist/components/Divider/Divider.module.scss +7 -0
- package/dist/components/Divider/index.js +27 -0
- package/dist/components/EmailInput/EmailInput.js +48 -0
- package/dist/components/EmailInput/EmailInput.module.scss +0 -0
- package/dist/components/EmailInput/index.js +27 -0
- package/dist/components/FadeIn/FadeIn.js +64 -0
- package/dist/components/FadeIn/FadeIn.module.scss +9 -0
- package/dist/components/FadeIn/index.js +27 -0
- package/dist/components/FileInput/FileInput.js +53 -0
- package/dist/components/FileInput/FileInput.module.scss +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +54 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.module.scss +20 -0
- package/dist/components/FileInput/View/BigFactory/index.js +27 -0
- package/dist/components/FileInput/View/Compact/Compact.js +120 -0
- package/dist/components/FileInput/View/Compact/Compact.module.scss +68 -0
- package/dist/components/FileInput/View/Compact/index.js +27 -0
- package/dist/components/FileInput/View/View.types.js +6 -0
- package/dist/components/FileInput/index.js +27 -0
- package/dist/components/FlowController/FlowController.js +66 -0
- package/dist/components/FlowController/FlowController.module.scss +47 -0
- package/dist/components/FlowController/index.js +27 -0
- package/dist/components/Form/Form.hook.js +234 -0
- package/dist/components/Form/Form.js +115 -0
- package/dist/components/Form/Form.module.scss +0 -0
- package/dist/components/Form/Form.types.js +40 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +75 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.module.scss +0 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +27 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +91 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.module.scss +0 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +27 -0
- package/dist/components/Form/FormField/FormField.js +296 -0
- package/dist/components/Form/FormField/FormField.types.js +12 -0
- package/dist/components/Form/FormField/index.js +27 -0
- package/dist/components/Form/index.js +27 -0
- package/dist/components/Freeze/Freeze.js +18 -0
- package/dist/components/Freeze/index.js +27 -0
- package/dist/components/HSForms/HSForms.js +55 -0
- package/dist/components/HSForms/index.js +27 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +25 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
- package/dist/components/HeaderCloseBtn/index.js +27 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +128 -0
- package/dist/components/InfinityScroll/InfinityScroll.module.scss +30 -0
- package/dist/components/InfinityScroll/index.js +27 -0
- package/dist/components/Input/Input.js +110 -0
- package/dist/components/Input/Input.module.scss +31 -0
- package/dist/components/Input/index.js +27 -0
- package/dist/components/InstantCounter/InstantCounter.js +55 -0
- package/dist/components/InstantCounter/index.js +27 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +89 -0
- package/dist/components/LavaLamp/LavaLamp.js +125 -0
- package/dist/components/LavaLamp/LavaLamp.module.scss +26 -0
- package/dist/components/LavaLamp/index.js +27 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +154 -0
- package/dist/components/LavaLamp/v2/LavaLamp.module.scss +23 -0
- package/dist/components/LinkToId/LinkToId.js +45 -0
- package/dist/components/LinkToId/LinkToId.module.scss +4 -0
- package/dist/components/LinkToId/index.js +27 -0
- package/dist/components/Loader/Loader.js +27 -0
- package/dist/components/Loader/Loader.module.scss +40 -0
- package/dist/components/Loader/index.js +27 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +36 -0
- package/dist/components/LoaderDotsIndicator/index.js +27 -0
- package/dist/components/LoopableVideo/LoopableVideo.js +41 -0
- package/dist/components/LoopableVideo/index.js +27 -0
- package/dist/components/MainGrid/MainGrid.js +55 -0
- package/dist/components/MainGrid/MainGrid.module.scss +28 -0
- package/dist/components/MainGrid/index.js +27 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +32 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +220 -0
- package/dist/components/MutableHamburgerButton/index.js +27 -0
- package/dist/components/Notification/Notification.js +24 -0
- package/dist/components/Notification/Notification.module.scss +25 -0
- package/dist/components/Notification/index.js +27 -0
- package/dist/components/NumberInput/NumberInput.js +50 -0
- package/dist/components/NumberInput/index.js +27 -0
- package/dist/components/OrderableList/OrderableList.js +439 -0
- package/dist/components/OrderableList/OrderableList.module.scss +98 -0
- package/dist/components/OrderableList/index.js +27 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +261 -0
- package/dist/components/PaginationIndicator/index.js +27 -0
- package/dist/components/Parallax/Parallax.js +169 -0
- package/dist/components/Parallax/Parallax.module.scss +28 -0
- package/dist/components/Parallax/index.js +27 -0
- package/dist/components/Parallax/math/helpers.js +134 -0
- package/dist/components/PasswordInput/PasswordInput.js +97 -0
- package/dist/components/PasswordInput/PasswordInput.module.scss +17 -0
- package/dist/components/PasswordInput/index.js +27 -0
- package/dist/components/PingPongText/PingPongText.js +76 -0
- package/dist/components/PingPongText/PingPongText.module.scss +4 -0
- package/dist/components/PingPongText/index.js +27 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +139 -0
- package/dist/components/PixelatedScan/PixelatedScan.module.scss +86 -0
- package/dist/components/PixelatedScan/index.js +27 -0
- package/dist/components/Portal/Portal.js +62 -0
- package/dist/components/Portal/Portal.module.scss +3 -0
- package/dist/components/Portal/index.js +27 -0
- package/dist/components/ProgressBar/ProgressBar.js +113 -0
- package/dist/components/ProgressBar/ProgressBar.module.scss +44 -0
- package/dist/components/ProgressBar/index.js +27 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +52 -0
- package/dist/components/ProgressTexts/ProgressTexts.module.scss +37 -0
- package/dist/components/ProgressTexts/index.js +27 -0
- package/dist/components/Radio/Radio.js +53 -0
- package/dist/components/Radio/Radio.module.scss +20 -0
- package/dist/components/Radio/index.js +27 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +20 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.module.scss +24 -0
- package/dist/components/Radio/variants/Checkmark/index.js +27 -0
- package/dist/components/Radio/variants/Generic/Generic.js +22 -0
- package/dist/components/Radio/variants/Generic/Generic.module.scss +38 -0
- package/dist/components/Radio/variants/Generic/index.js +27 -0
- package/dist/components/SectionContainer/SectionContainer.js +49 -0
- package/dist/components/SectionContainer/SectionContainer.module.scss +30 -0
- package/dist/components/SectionContainer/index.js +27 -0
- package/dist/components/Select/Select.js +138 -0
- package/dist/components/Select/Select.module.scss +60 -0
- package/dist/components/Select/index.js +27 -0
- package/dist/components/Skeleton/Skeleton.js +30 -0
- package/dist/components/Skeleton/Skeleton.module.scss +21 -0
- package/dist/components/Skeleton/index.js +27 -0
- package/dist/components/Slider/Slider.js +70 -0
- package/dist/components/Slider/Slider.module.scss +7 -0
- package/dist/components/Slider/index.js +27 -0
- package/dist/components/Spacing/Spacing.js +34 -0
- package/dist/components/Spacing/Spacing.module.scss +13 -0
- package/dist/components/Spacing/index.js +27 -0
- package/dist/components/StaticScroller/StaticScroller.js +72 -0
- package/dist/components/StaticScroller/StaticScroller.module.scss +14 -0
- package/dist/components/StaticScroller/index.js +27 -0
- package/dist/components/Switch/Switch.js +47 -0
- package/dist/components/Switch/Switch.module.scss +46 -0
- package/dist/components/Switch/index.js +27 -0
- package/dist/components/Table/Table.js +115 -0
- package/dist/components/Table/Table.module.scss +74 -0
- package/dist/components/Table/index.js +27 -0
- package/dist/components/Tabs/Tabs.js +67 -0
- package/dist/components/Tabs/Tabs.module.scss +40 -0
- package/dist/components/Tabs/index.js +27 -0
- package/dist/components/Text/Text.js +44 -0
- package/dist/components/Text/Text.module.scss +13 -0
- package/dist/components/Text/index.js +27 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +49 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +78 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +96 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +67 -0
- package/dist/components/Transition/MasksFactory/utils.js +30 -0
- package/dist/components/Transition/Transition.js +323 -0
- package/dist/components/Transition/Transition.module.scss +211 -0
- package/dist/components/Transition/index.js +27 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.ai.md +9 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +110 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +32 -0
- package/dist/components/UncontrolledTransition/index.js +27 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +115 -0
- package/dist/components/WalletConnectionWrapper/index.js +27 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +59 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +5 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +27 -0
- package/dist/context/AsyncProcess.js +74 -0
- package/dist/context/ContextAsyncControl.js +92 -0
- package/dist/context/CustomBrowserRouter.js +50 -0
- package/dist/context/OneUIProvider.js +129 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +20 -0
- package/dist/hooks/logs/useIsMounting.js +13 -0
- package/dist/hooks/persistence/useLocalStorage.js +48 -0
- package/dist/hooks/shims/ObjectWatchShim.js +54 -0
- package/dist/hooks/ui/useAdaptiveImage.js +36 -0
- package/dist/hooks/ui/useAlternating.js +24 -0
- package/dist/hooks/ui/useBreakpoint.js +26 -0
- package/dist/hooks/ui/useCustomScrollbar.js +28 -0
- package/dist/hooks/ui/useCustomScrollbar.module.scss +20 -0
- package/dist/hooks/ui/useEffectIf.js +14 -0
- package/dist/hooks/ui/useMouseHover.js +32 -0
- package/dist/hooks/ui/usePaginationControls.js +136 -0
- package/dist/hooks/ui/usePaginationControls.module.scss +16 -0
- package/dist/hooks/ui/useSnapToViewport.js +26 -0
- package/dist/hooks/ui/useSnapToViewport.module.scss +6 -0
- package/dist/hooks/ui/useTilt.js +161 -0
- package/dist/hooks/ui/useZoomable.js +135 -0
- package/dist/hooks/ui/useZoomable.module.scss +34 -0
- package/dist/hooks/useAsyncControl.ai.md +25 -0
- package/dist/hooks/useAsyncControl.js +79 -0
- package/dist/hooks/useContainedRepositioning.js +83 -0
- package/dist/hooks/useCustomHistory.js +24 -0
- package/dist/hooks/useElementFit.js +54 -0
- package/dist/hooks/useFirestoreWatch.js +45 -0
- package/dist/hooks/useFreeze.js +17 -0
- package/dist/hooks/useHero.js +273 -0
- package/dist/hooks/useHero.module.scss +41 -0
- package/dist/hooks/useIntersection.js +39 -0
- package/dist/hooks/useMergeRefs.js +36 -0
- package/dist/hooks/useObserve.js +25 -0
- package/dist/hooks/usePagination.js +163 -0
- package/dist/hooks/usePooledOperation.js +52 -0
- package/dist/hooks/usePooling.js +52 -0
- package/dist/hooks/useRebound.js +32 -0
- package/dist/hooks/useShortIntl.ai.md +5 -0
- package/dist/hooks/useShortIntl.js +82 -0
- package/dist/hooks/utility/useAsyncMemo.js +45 -0
- package/dist/hooks/utility/useDepChange.js +17 -0
- package/dist/hooks/utility/useEvents.js +33 -0
- package/dist/hooks/utility/useImmediate.js +14 -0
- package/dist/hooks/utility/useManualInit.js +25 -0
- package/dist/hooks/utility/useModule.js +18 -0
- package/dist/hooks/utility/useQuery.js +20 -0
- package/dist/hooks/utility/useUniqueEffect.js +20 -0
- package/dist/index.js +2149 -0
- package/dist/index.preprocess.js +42 -0
- package/dist/models/DebugLogger.js +16 -0
- package/dist/models/GenericContract.js +51 -0
- package/dist/models/Orbs.js +67 -0
- package/dist/reac-app-env.d.js +2 -0
- package/dist/storybook/assets/video/txt-reversed.mp4 +0 -0
- package/dist/storybookUtils/index.js +44 -0
- package/dist/type-utils.js +6 -0
- package/dist/types.js +6 -0
- package/dist/utility.d.js +2 -0
- package/dist/utils/blockchain.js +46 -0
- package/dist/utils/e2e.js +33 -0
- package/dist/utils/flatten.js +19 -0
- package/dist/utils/formatters.js +63 -0
- package/dist/utils/html.utils.js +15 -0
- package/dist/utils/ownEvent.js +16 -0
- package/dist/utils/test.js +19 -0
- package/dist-browser/bundle.js +83650 -0
- package/dist-browser/bundle.js.LICENSE.txt +94 -0
- package/dist-browser/bundle.js.map +1 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js +2 -1
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.module.scss +13 -10
- package/dist-ts/components/CheckBox/CheckBox.d.ts +3 -1
- package/dist-ts/components/CheckBox/CheckBox.js +7 -4
- package/dist-ts/components/CheckBox/CheckBox.js.map +1 -1
- package/dist-ts/components/CheckBox/CheckBox.module.scss +5 -0
- package/dist-ts/components/Input/Input.js +1 -1
- package/dist-ts/components/Input/Input.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +3 -1
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.d.ts +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.js +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.js.map +1 -1
- package/dist-ts/hooks/ui/useMouseHover.d.ts +2 -2
- package/dist-ts/hooks/ui/useMouseHover.js +6 -5
- package/dist-ts/hooks/ui/useMouseHover.js.map +1 -1
- package/dist-ts/hooks/useObserve.d.ts +1 -1
- package/dist-ts/hooks/useObserve.js +1 -1
- package/dist-ts/hooks/useObserve.js.map +1 -1
- package/dist-ts/index.d.ts +1 -0
- package/dist-ts/index.js +1 -0
- package/dist-ts/index.js.map +1 -1
- package/dist-ts/models/ImageScales.d.ts +7 -0
- package/dist-ts/models/ImageScales.js +9 -0
- package/dist-ts/models/ImageScales.js.map +1 -0
- package/example.html +76 -0
- package/package.json +11 -4
- package/webpack.bundle.config.js +87 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _Slider.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _Slider = _interopRequireWildcard(require("./Slider"));
|
|
14
|
+
Object.keys(_Slider).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _Slider[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Slider[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfU2xpZGVyIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9TbGlkZXJcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1NsaWRlclwiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixPQUFBLEVBQUFLLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQU4sT0FBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxPQUFBLENBQUFNLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBeUIsU0FBQVMseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWYsd0JBQUFtQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENBQUFDLFdBQUEsT0FBQU8sS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQUosR0FBQSxZQUFBRyxLQUFBLENBQUFULEdBQUEsQ0FBQU0sR0FBQSxTQUFBSyxNQUFBLFdBQUFDLHFCQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQXJCLEdBQUEsSUFBQWMsR0FBQSxRQUFBZCxHQUFBLGtCQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFXLEdBQUEsRUFBQWQsR0FBQSxTQUFBc0IsSUFBQSxHQUFBRixxQkFBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVAsR0FBQSxFQUFBZCxHQUFBLGNBQUFzQixJQUFBLEtBQUFBLElBQUEsQ0FBQWQsR0FBQSxJQUFBYyxJQUFBLENBQUFDLEdBQUEsS0FBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBYSxNQUFBLEVBQUFuQixHQUFBLEVBQUFzQixJQUFBLFlBQUFILE1BQUEsQ0FBQW5CLEdBQUEsSUFBQWMsR0FBQSxDQUFBZCxHQUFBLFNBQUFtQixNQUFBLENBQUFILE9BQUEsR0FBQUYsR0FBQSxNQUFBRyxLQUFBLElBQUFBLEtBQUEsQ0FBQU0sR0FBQSxDQUFBVCxHQUFBLEVBQUFLLE1BQUEsWUFBQUEsTUFBQSJ9
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = Spacing;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _SpacingModule = _interopRequireDefault(require("./Spacing.module.scss"));
|
|
9
|
+
var _OneUIProvider = require("../../context/OneUIProvider");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
/**
|
|
14
|
+
* A component to inject some spacing between component when required
|
|
15
|
+
**/
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* A simple spacer that adds breathing room between UI elements.
|
|
19
|
+
* It creates an empty space that can be sized large, small, or stretched to fill available space.
|
|
20
|
+
*/
|
|
21
|
+
function Spacing(_ref) {
|
|
22
|
+
let {
|
|
23
|
+
size
|
|
24
|
+
} = _ref;
|
|
25
|
+
const spacingClasses = (0, _OneUIProvider.useOneUIConfig)("component.spacing.variants", {
|
|
26
|
+
large: _SpacingModule.default.spacing_large,
|
|
27
|
+
small: _SpacingModule.default.spacing_small
|
|
28
|
+
});
|
|
29
|
+
const cls = (0, _react.useMemo)(() => size === "stretch" ? _SpacingModule.default.spacing_stretch : spacingClasses[size], [size]);
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
+
className: "".concat(_SpacingModule.default.spacing, " ").concat(cls)
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfU3BhY2luZ01vZHVsZSIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfT25lVUlQcm92aWRlciIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJTcGFjaW5nIiwiX3JlZiIsInNpemUiLCJzcGFjaW5nQ2xhc3NlcyIsInVzZU9uZVVJQ29uZmlnIiwibGFyZ2UiLCJTdHlsZXMiLCJzcGFjaW5nX2xhcmdlIiwic21hbGwiLCJzcGFjaW5nX3NtYWxsIiwiY2xzIiwidXNlTWVtbyIsInNwYWNpbmdfc3RyZXRjaCIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJzcGFjaW5nIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3BhY2luZy9TcGFjaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9TcGFjaW5nLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgeyB1c2VPbmVVSUNvbmZpZyB9IGZyb20gXCIuLi8uLi9jb250ZXh0L09uZVVJUHJvdmlkZXJcIjtcbmltcG9ydCB7IEZyb21PbmVQZXJjZW50VXRpbGl0eSB9IGZyb20gXCIuLi8uLi90eXBlLXV0aWxzXCI7XG5cbi8qKlxuICogQSBjb21wb25lbnQgdG8gaW5qZWN0IHNvbWUgc3BhY2luZyBiZXR3ZWVuIGNvbXBvbmVudCB3aGVuIHJlcXVpcmVkXG4gKiovXG5cbi8qKlxuICogQSBzaW1wbGUgc3BhY2VyIHRoYXQgYWRkcyBicmVhdGhpbmcgcm9vbSBiZXR3ZWVuIFVJIGVsZW1lbnRzLlxuICogSXQgY3JlYXRlcyBhbiBlbXB0eSBzcGFjZSB0aGF0IGNhbiBiZSBzaXplZCBsYXJnZSwgc21hbGwsIG9yIHN0cmV0Y2hlZCB0byBmaWxsIGF2YWlsYWJsZSBzcGFjZS5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3BhY2luZyh7XG4gIHNpemUsXG59OiB7XG4gIHNpemU6IEZyb21PbmVQZXJjZW50VXRpbGl0eTwnVUlFbGVtZW50cy5TcGFjaW5nVmFyaWFudHMnPiB8IFwic3RyZXRjaFwiO1xufSkge1xuICBjb25zdCBzcGFjaW5nQ2xhc3NlcyA9IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LnNwYWNpbmcudmFyaWFudHNcIiwge1xuICAgIGxhcmdlOiBTdHlsZXMuc3BhY2luZ19sYXJnZSxcbiAgICBzbWFsbDogU3R5bGVzLnNwYWNpbmdfc21hbGwsXG4gIH0pO1xuXG4gIGNvbnN0IGNscyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHNpemUgPT09IFwic3RyZXRjaFwiID8gU3R5bGVzLnNwYWNpbmdfc3RyZXRjaCA6IHNwYWNpbmdDbGFzc2VzW3NpemVdKSxcbiAgICBbc2l6ZV1cbiAgKTtcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2Ake1N0eWxlcy5zcGFjaW5nfSAke2Nsc31gfSAvPjtcbn0iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGNBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLGNBQUEsR0FBQUgsT0FBQTtBQUE2RCxTQUFBRSx1QkFBQUUsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUFBLFNBQUFHLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFULHdCQUFBSyxHQUFBLEVBQUFJLFdBQUEsU0FBQUEsV0FBQSxJQUFBSixHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBUSxLQUFBLEdBQUFMLHdCQUFBLENBQUFDLFdBQUEsT0FBQUksS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQVQsR0FBQSxZQUFBUSxLQUFBLENBQUFFLEdBQUEsQ0FBQVYsR0FBQSxTQUFBVyxNQUFBLFdBQUFDLHFCQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLEdBQUEsSUFBQWhCLEdBQUEsUUFBQWdCLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQW5CLEdBQUEsRUFBQWdCLEdBQUEsU0FBQUksSUFBQSxHQUFBUixxQkFBQSxHQUFBQyxNQUFBLENBQUFFLHdCQUFBLENBQUFmLEdBQUEsRUFBQWdCLEdBQUEsY0FBQUksSUFBQSxLQUFBQSxJQUFBLENBQUFWLEdBQUEsSUFBQVUsSUFBQSxDQUFBQyxHQUFBLEtBQUFSLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSCxNQUFBLEVBQUFLLEdBQUEsRUFBQUksSUFBQSxZQUFBVCxNQUFBLENBQUFLLEdBQUEsSUFBQWhCLEdBQUEsQ0FBQWdCLEdBQUEsU0FBQUwsTUFBQSxDQUFBVCxPQUFBLEdBQUFGLEdBQUEsTUFBQVEsS0FBQSxJQUFBQSxLQUFBLENBQUFhLEdBQUEsQ0FBQXJCLEdBQUEsRUFBQVcsTUFBQSxZQUFBQSxNQUFBO0FBRzdEO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNlLFNBQVNXLE9BQU9BLENBQUFDLElBQUEsRUFJNUI7RUFBQSxJQUo2QjtJQUM5QkM7RUFHRixDQUFDLEdBQUFELElBQUE7RUFDQyxNQUFNRSxjQUFjLEdBQUcsSUFBQUMsNkJBQWMsRUFBQyw0QkFBNEIsRUFBRTtJQUNsRUMsS0FBSyxFQUFFQyxzQkFBTSxDQUFDQyxhQUFhO0lBQzNCQyxLQUFLLEVBQUVGLHNCQUFNLENBQUNHO0VBQ2hCLENBQUMsQ0FBQztFQUVGLE1BQU1DLEdBQUcsR0FBRyxJQUFBQyxjQUFPLEVBQ2pCLE1BQU9ULElBQUksS0FBSyxTQUFTLEdBQUdJLHNCQUFNLENBQUNNLGVBQWUsR0FBR1QsY0FBYyxDQUFDRCxJQUFJLENBQUUsRUFDMUUsQ0FBQ0EsSUFBSSxDQUNQLENBQUM7RUFFRCxvQkFBTzlCLE1BQUEsQ0FBQVEsT0FBQSxDQUFBaUMsYUFBQTtJQUFLQyxTQUFTLEtBQUFDLE1BQUEsQ0FBS1Qsc0JBQU0sQ0FBQ1UsT0FBTyxPQUFBRCxNQUFBLENBQUlMLEdBQUc7RUFBRyxDQUFFLENBQUM7QUFDdkQifQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _Spacing.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _Spacing = _interopRequireWildcard(require("./Spacing"));
|
|
14
|
+
Object.keys(_Spacing).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _Spacing[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Spacing[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfU3BhY2luZyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU3BhY2luZy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1NwYWNpbmdcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1NwYWNpbmdcIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFFBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosUUFBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLFFBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsUUFBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQTBCLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _lodash = require("lodash");
|
|
9
|
+
var _StaticScrollerModule = _interopRequireDefault(require("./StaticScroller.module.scss"));
|
|
10
|
+
const _excluded = ["children"];
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
function _StaticScroller(_ref, ref) {
|
|
18
|
+
let {
|
|
19
|
+
children
|
|
20
|
+
} = _ref,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
const rootRef = (0, _react.useMemo)(() => {
|
|
23
|
+
return ref || /*#__PURE__*/(0, _react.createRef)();
|
|
24
|
+
}, [ref]);
|
|
25
|
+
(0, _react.useLayoutEffect)(() => {
|
|
26
|
+
const el = rootRef.current;
|
|
27
|
+
let latestScroll;
|
|
28
|
+
const child = el.children[0];
|
|
29
|
+
const checkIfNeedsToHide = (0, _lodash.debounce)(() => {
|
|
30
|
+
const direction = el.scrollLeft > latestScroll ? "in" : "out";
|
|
31
|
+
if (el.scrollLeft < child.clientWidth) {
|
|
32
|
+
el.scrollTo({
|
|
33
|
+
left: direction === "in" ? child.clientWidth : 0,
|
|
34
|
+
behavior: "smooth"
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
latestScroll = undefined;
|
|
38
|
+
}, 500);
|
|
39
|
+
const throtleSetLast = (0, _lodash.throttle)(last => {
|
|
40
|
+
latestScroll = last;
|
|
41
|
+
}, 1000 / 5, {
|
|
42
|
+
leading: true,
|
|
43
|
+
trailing: false
|
|
44
|
+
});
|
|
45
|
+
const onScroll = () => {
|
|
46
|
+
const min = Math.min(el.scrollLeft, child.clientWidth);
|
|
47
|
+
const opacity = String(1 - min / child.clientWidth);
|
|
48
|
+
child.style.opacity = opacity;
|
|
49
|
+
checkIfNeedsToHide();
|
|
50
|
+
throtleSetLast(el.scrollLeft);
|
|
51
|
+
};
|
|
52
|
+
el.addEventListener("scroll", onScroll, {
|
|
53
|
+
passive: true
|
|
54
|
+
});
|
|
55
|
+
return () => {
|
|
56
|
+
el.removeEventListener("scroll", onScroll);
|
|
57
|
+
};
|
|
58
|
+
}, []);
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
60
|
+
className: _StaticScrollerModule.default.root
|
|
61
|
+
}, props, {
|
|
62
|
+
ref: rootRef
|
|
63
|
+
}), children);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* A scrollable container that keeps content visible at the start.
|
|
68
|
+
* As you scroll, the content smoothly fades out when it moves away.
|
|
69
|
+
*/
|
|
70
|
+
const StaticScroller = /*#__PURE__*/(0, _react.forwardRef)(_StaticScroller);
|
|
71
|
+
var _default = exports.default = StaticScroller;
|
|
72
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfbG9kYXNoIiwiX1N0YXRpY1Njcm9sbGVyTW9kdWxlIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9leGNsdWRlZCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZXh0ZW5kcyIsImFzc2lnbiIsImJpbmQiLCJ0YXJnZXQiLCJpIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwic291cmNlIiwiYXBwbHkiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJleGNsdWRlZCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllc0xvb3NlIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwic291cmNlU3ltYm9sS2V5cyIsImluZGV4T2YiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInNvdXJjZUtleXMiLCJrZXlzIiwiX1N0YXRpY1Njcm9sbGVyIiwiX3JlZiIsInJlZiIsImNoaWxkcmVuIiwicHJvcHMiLCJyb290UmVmIiwidXNlTWVtbyIsImNyZWF0ZVJlZiIsInVzZUxheW91dEVmZmVjdCIsImVsIiwiY3VycmVudCIsImxhdGVzdFNjcm9sbCIsImNoaWxkIiwiY2hlY2tJZk5lZWRzVG9IaWRlIiwiZGVib3VuY2UiLCJkaXJlY3Rpb24iLCJzY3JvbGxMZWZ0IiwiY2xpZW50V2lkdGgiLCJzY3JvbGxUbyIsImxlZnQiLCJiZWhhdmlvciIsInVuZGVmaW5lZCIsInRocm90bGVTZXRMYXN0IiwidGhyb3R0bGUiLCJsYXN0IiwibGVhZGluZyIsInRyYWlsaW5nIiwib25TY3JvbGwiLCJtaW4iLCJNYXRoIiwib3BhY2l0eSIsIlN0cmluZyIsInN0eWxlIiwiYWRkRXZlbnRMaXN0ZW5lciIsInBhc3NpdmUiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIlN0eWxlcyIsInJvb3QiLCJTdGF0aWNTY3JvbGxlciIsImZvcndhcmRSZWYiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TdGF0aWNTY3JvbGxlci9TdGF0aWNTY3JvbGxlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIERldGFpbGVkSFRNTFByb3BzLFxuICBGb3J3YXJkZWRSZWYsXG4gIEhUTUxBdHRyaWJ1dGVzLFxuICBNdXRhYmxlUmVmT2JqZWN0LFxuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgY3JlYXRlUmVmLFxuICBmb3J3YXJkUmVmLFxuICB1c2VMYXlvdXRFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBkZWJvdW5jZSwgdGhyb3R0bGUgfSBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL1N0YXRpY1Njcm9sbGVyLm1vZHVsZS5zY3NzXCI7XG5cbmZ1bmN0aW9uIF9TdGF0aWNTY3JvbGxlcihcbiAge1xuICAgIGNoaWxkcmVuLFxuICAgIC4uLnByb3BzXG4gIH06IFByb3BzV2l0aENoaWxkcmVuPFxuICAgIERldGFpbGVkSFRNTFByb3BzPEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgSFRNTERpdkVsZW1lbnQ+XG4gID4sXG4gIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50PlxuKSB7XG4gIGNvbnN0IHJvb3RSZWYgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PikgfHwgY3JlYXRlUmVmPEhUTUxEaXZFbGVtZW50PigpXG4gICAgKTtcbiAgfSwgW3JlZl0pO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWwgPSByb290UmVmLmN1cnJlbnQhO1xuICAgIGxldCBsYXRlc3RTY3JvbGw6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjaGlsZCA9IGVsLmNoaWxkcmVuWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xuXG4gICAgY29uc3QgY2hlY2tJZk5lZWRzVG9IaWRlID0gZGVib3VuY2UoKCkgPT4ge1xuICAgICAgY29uc3QgZGlyZWN0aW9uID0gZWwuc2Nyb2xsTGVmdCA+IGxhdGVzdFNjcm9sbCEgPyBcImluXCIgOiBcIm91dFwiO1xuICAgICAgaWYgKGVsLnNjcm9sbExlZnQgPCBjaGlsZC5jbGllbnRXaWR0aCkge1xuICAgICAgICBlbC5zY3JvbGxUbyh7XG4gICAgICAgICAgbGVmdDogZGlyZWN0aW9uID09PSBcImluXCIgPyBjaGlsZC5jbGllbnRXaWR0aCA6IDAsXG4gICAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgICAgbGF0ZXN0U2Nyb2xsID0gdW5kZWZpbmVkO1xuICAgIH0sIDUwMCk7XG4gICAgY29uc3QgdGhyb3RsZVNldExhc3QgPSB0aHJvdHRsZShcbiAgICAgIChsYXN0OiBudW1iZXIpID0+IHtcbiAgICAgICAgbGF0ZXN0U2Nyb2xsID0gbGFzdDtcbiAgICAgIH0sXG4gICAgICAxMDAwIC8gNSxcbiAgICAgIHtcbiAgICAgICAgbGVhZGluZzogdHJ1ZSxcbiAgICAgICAgdHJhaWxpbmc6IGZhbHNlLFxuICAgICAgfVxuICAgICk7XG4gICAgY29uc3Qgb25TY3JvbGwgPSAoKSA9PiB7XG4gICAgICBjb25zdCBtaW4gPSBNYXRoLm1pbihlbC5zY3JvbGxMZWZ0LCBjaGlsZC5jbGllbnRXaWR0aCk7XG4gICAgICBjb25zdCBvcGFjaXR5ID0gU3RyaW5nKDEgLSBtaW4gLyBjaGlsZC5jbGllbnRXaWR0aCk7XG4gICAgICBjaGlsZC5zdHlsZS5vcGFjaXR5ID0gb3BhY2l0eTtcbiAgICAgIGNoZWNrSWZOZWVkc1RvSGlkZSgpO1xuICAgICAgdGhyb3RsZVNldExhc3QoZWwuc2Nyb2xsTGVmdCk7XG4gICAgfTtcbiAgICBlbC5hZGRFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIG9uU2Nyb2xsLCB7XG4gICAgICBwYXNzaXZlOiB0cnVlLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJzY3JvbGxcIiwgb25TY3JvbGwpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtTdHlsZXMucm9vdH0gey4uLnByb3BzfSByZWY9e3Jvb3RSZWZ9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuXG4vKipcbiAqIEEgc2Nyb2xsYWJsZSBjb250YWluZXIgdGhhdCBrZWVwcyBjb250ZW50IHZpc2libGUgYXQgdGhlIHN0YXJ0LlxuICogQXMgeW91IHNjcm9sbCwgdGhlIGNvbnRlbnQgc21vb3RobHkgZmFkZXMgb3V0IHdoZW4gaXQgbW92ZXMgYXdheS5cbiAqL1xuY29uc3QgU3RhdGljU2Nyb2xsZXIgPSBmb3J3YXJkUmVmKF9TdGF0aWNTY3JvbGxlcik7XG5leHBvcnQgZGVmYXVsdCBTdGF0aWNTY3JvbGxlcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBWUEsSUFBQUMsT0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUscUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUFrRCxNQUFBSSxTQUFBO0FBQUEsU0FBQUQsdUJBQUFFLEdBQUEs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
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _StaticScroller.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _StaticScroller = _interopRequireWildcard(require("./StaticScroller"));
|
|
14
|
+
Object.keys(_StaticScroller).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _StaticScroller[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _StaticScroller[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfU3RhdGljU2Nyb2xsZXIiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZGVzYyIsInNldCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0YXRpY1Njcm9sbGVyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IH0gZnJvbSBcIi4vU3RhdGljU2Nyb2xsZXJcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1N0YXRpY1Njcm9sbGVyXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxlQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLGVBQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixlQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLGVBQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUFpQyxTQUFBUyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBZix3QkFBQW1CLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQVQsR0FBQSxDQUFBTSxHQUFBLFNBQUFLLE1BQUEsV0FBQUMscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBckIsR0FBQSxJQUFBYyxHQUFBLFFBQUFkLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVcsR0FBQSxFQUFBZCxHQUFBLFNBQUFzQixJQUFBLEdBQUFGLHFCQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBUCxHQUFBLEVBQUFkLEdBQUEsY0FBQXNCLElBQUEsS0FBQUEsSUFBQSxDQUFBZCxHQUFBLElBQUFjLElBQUEsQ0FBQUMsR0FBQSxLQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFhLE1BQUEsRUFBQW5CLEdBQUEsRUFBQXNCLElBQUEsWUFBQUgsTUFBQSxDQUFBbkIsR0FBQSxJQUFBYyxHQUFBLENBQUFkLEdBQUEsU0FBQW1CLE1BQUEsQ0FBQUgsT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBTSxHQUFBLENBQUFULEdBQUEsRUFBQUssTUFBQSxZQUFBQSxNQUFBIn0=
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = Switch;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _SwitchModule = _interopRequireDefault(require("./Switch.module.scss"));
|
|
9
|
+
const _excluded = ["enabled", "onToggle", "size", "disabled"];
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
14
|
+
/**
|
|
15
|
+
* A toggle switch component that lets users turn something on or off.
|
|
16
|
+
* It displays a clickable switch that changes state when clicked,
|
|
17
|
+
* and can be enabled or disabled based on user interaction.
|
|
18
|
+
*/
|
|
19
|
+
function Switch(_ref) {
|
|
20
|
+
let {
|
|
21
|
+
enabled,
|
|
22
|
+
onToggle,
|
|
23
|
+
size,
|
|
24
|
+
disabled
|
|
25
|
+
} = _ref,
|
|
26
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
28
|
+
style: {
|
|
29
|
+
fontSize: "".concat(size, "px")
|
|
30
|
+
},
|
|
31
|
+
className: "".concat(_SwitchModule.default.root, " ").concat(enabled ? _SwitchModule.default.on : "", " ").concat(disabled ? _SwitchModule.default.disabled : ""),
|
|
32
|
+
onClick: _ref2 => {
|
|
33
|
+
let {
|
|
34
|
+
target,
|
|
35
|
+
currentTarget
|
|
36
|
+
} = _ref2;
|
|
37
|
+
if (target !== currentTarget || disabled) return;
|
|
38
|
+
onToggle(!enabled);
|
|
39
|
+
}
|
|
40
|
+
}, props), /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
+
className: _SwitchModule.default.toggler
|
|
42
|
+
}), /*#__PURE__*/_react.default.createElement("input", {
|
|
43
|
+
checked: enabled,
|
|
44
|
+
type: "checkbox"
|
|
45
|
+
})));
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9Td2l0Y2hNb2R1bGUiLCJfZXhjbHVkZWQiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9leHRlbmRzIiwiT2JqZWN0IiwiYXNzaWduIiwiYmluZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJhcHBseSIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsImV4Y2x1ZGVkIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzTG9vc2UiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJzb3VyY2VTeW1ib2xLZXlzIiwiaW5kZXhPZiIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwic291cmNlS2V5cyIsImtleXMiLCJTd2l0Y2giLCJfcmVmIiwiZW5hYmxlZCIsIm9uVG9nZ2xlIiwic2l6ZSIsImRpc2FibGVkIiwicHJvcHMiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJzdHlsZSIsImZvbnRTaXplIiwiY29uY2F0IiwiY2xhc3NOYW1lIiwiU3R5bGVzIiwicm9vdCIsIm9uIiwib25DbGljayIsIl9yZWYyIiwiY3VycmVudFRhcmdldCIsInRvZ2dsZXIiLCJjaGVja2VkIiwidHlwZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBDb21wb25lbnRQcm9wcyxcbiAgRGV0YWlsZWRIVE1MUHJvcHMsXG4gIEhUTUxBdHRyaWJ1dGVzLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vU3dpdGNoLm1vZHVsZS5zY3NzXCI7XG5cbi8qKlxuICogQSB0b2dnbGUgc3dpdGNoIGNvbXBvbmVudCB0aGF0IGxldHMgdXNlcnMgdHVybiBzb21ldGhpbmcgb24gb3Igb2ZmLlxuICogSXQgZGlzcGxheXMgYSBjbGlja2FibGUgc3dpdGNoIHRoYXQgY2hhbmdlcyBzdGF0ZSB3aGVuIGNsaWNrZWQsXG4gKiBhbmQgY2FuIGJlIGVuYWJsZWQgb3IgZGlzYWJsZWQgYmFzZWQgb24gdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3dpdGNoKHtcbiAgZW5hYmxlZCxcbiAgb25Ub2dnbGUsXG4gIHNpemUsXG4gIGRpc2FibGVkLFxuICAuLi5wcm9wc1xufToge1xuICBlbmFibGVkOiBib29sZWFuO1xuICBvblRvZ2dsZTogKG5ld1N0YXRlOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaXplOiBudW1iZXI7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn0gJiBPbWl0PFxuICBEZXRhaWxlZEhUTUxQcm9wczxIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIEhUTUxEaXZFbGVtZW50PixcbiAgXCJyZWZcIiB8IFwib25Ub2dnbGVcIlxuPikge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7IGZvbnRTaXplOiBgJHtzaXplfXB4YCB9fVxuICAgICAgICBjbGFzc05hbWU9e2Ake1N0eWxlcy5yb290fSAke2VuYWJsZWQgPyBTdHlsZXMub24gOiBcIlwifSAke1xuICAgICAgICAgIGRpc2FibGVkID8gU3R5bGVzLmRpc2FibGVkIDogXCJcIlxuICAgICAgICB9YH1cbiAgICAgICAgb25DbGljaz17KHsgdGFyZ2V0LCBjdXJyZW50VGFyZ2V0IH0pID0+IHtcbiAgICAgICAgICBpZiAodGFyZ2V0ICE9PSBjdXJyZW50VGFyZ2V0IHx8IGRpc2FibGVkKSByZXR1cm47XG4gICAgICAgICAgb25Ub2dnbGUoIWVuYWJsZWQpO1xuICAgICAgICB9fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtTdHlsZXMudG9nZ2xlcn0gLz5cbiAgICAgICAgPGlucHV0IGNoZWNrZWQ9e2VuYWJsZWR9IHR5cGU9XCJjaGVja2JveFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBS0EsSUFBQUMsYUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQTBDLE1BQUFFLFNBQUE7QUFBQSxTQUFBSCx1QkFBQUksR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUFBLFNBQUFHLFNBQUEsSUFBQUEsUUFBQSxHQUFBQyxNQUFBLENBQUFDLE1BQUEsR0FBQUQsTUFBQSxDQUFBQyxNQUFBLENBQUFDLElBQUEsZUFBQUMsTUFBQSxhQUFBQyxDQUFBLE1BQUFBLENBQUEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLEVBQUFGLENBQUEsVUFBQUcsTUFBQSxHQUFBRixTQUFBLENBQUFELENBQUEsWUFBQUksR0FBQSxJQUFBRCxNQUFBLFFBQUFQLE1BQUEsQ0FBQVMsU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUosTUFBQSxFQUFBQyxHQUFBLEtBQUFMLE1BQUEsQ0FBQUssR0FBQSxJQUFBRCxNQUFBLENBQUFDLEdBQUEsZ0JBQUFMLE1BQUEsWUFBQUosUUFBQSxDQUFBYSxLQUFBLE9BQUFQLFNBQUE7QUFBQSxTQUFBUSx5QkFBQU4sTUFBQSxFQUFBTyxRQUFBLFFBQUFQLE1BQUEseUJBQUFKLE1BQUEsR0FBQVksNkJBQUEsQ0FBQVIsTUFBQSxFQUFBTyxRQUFBLE9BQUFOLEdBQUEsRUFBQUosQ0FBQSxNQUFBSixNQUFBLENBQUFnQixxQkFBQSxRQUFBQyxnQkFBQSxHQUFBakIsTUFBQSxDQUFBZ0IscUJBQUEsQ0FBQVQsTUFBQSxRQUFBSCxDQUFBLE1BQUFBLENBQUEsR0FBQWEsZ0JBQUEsQ0FBQVgsTUFBQSxFQUFBRixDQUFBLE1BQUFJLEdBQUEsR0FBQVMsZ0JBQUEsQ0FBQWIsQ0FBQSxPQUFBVSxRQUFBLENBQUFJLE9BQUEsQ0FBQVYsR0FBQSx1QkFBQVIsTUFBQSxDQUFBUyxTQUFBLENBQUFVLG9CQUFBLENBQUFSLElBQUEsQ0FBQUosTUFBQSxFQUFBQyxHQUFBLGFBQUFMLE1BQUEsQ0FBQUssR0FBQSxJQUFBRCxNQUFBLENBQUFDLEdBQUEsY0FBQUwsTUFBQTtBQUFBLFNBQUFZLDhCQUFBUixNQUFBLEVBQUFPLFFBQUEsUUFBQVAsTUFBQSx5QkFBQUosTUFBQSxXQUFBaUIsVUFBQSxHQUFBcEIsTUFBQSxDQUFBcUIsSUFBQSxDQUFBZCxNQUFBLE9BQUFDLEdBQUEsRUFBQUosQ0FBQSxPQUFBQSxDQUFBLE1BQUFBLENBQUEsR0FBQWdCLFVBQUEsQ0FBQWQsTUFBQSxFQUFBRixDQUFBLE1BQUFJLEdBQUEsR0FBQVksVUFBQSxDQUFBaEIsQ0FBQSxPQUFBVSxRQUFBLENBQUFJLE9BQUEsQ0FBQVYsR0FBQSxrQkFBQUwsTUFBQSxDQUFBSyxHQUFBLElBQUFELE1BQUEsQ0FBQUMsR0FBQSxZQUFBTCxNQUFBO0FBRTFDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTbUIsTUFBTUEsQ0FBQUMsSUFBQSxFQWMzQjtFQUFBLElBZDRCO01BQzdCQyxPQUFPO01BQ1BDLFFBQVE7TUFDUkMsSUFBSTtNQUNKQztJQVVGLENBQUMsR0FBQUosSUFBQTtJQVRJSyxLQUFLLEdBQUFmLHdCQUFBLENBQUFVLElBQUEsRUFBQTVCLFNBQUE7RUFVUixvQkFDRUosTUFBQSxDQUFBTyxPQUFBLENBQUErQixhQUFBLENBQUF0QyxNQUFBLENBQUFPLE9BQUEsQ0FBQWdDLFFBQUEscUJBQ0V2QyxNQUFBLENBQUFPLE9BQUEsQ0FBQStCLGFBQUEsUUFBQTlCLFFBQUE7SUFDRWdDLEtBQUssRUFBRTtNQUFFQyxRQUFRLEtBQUFDLE1BQUEsQ0FBS1AsSUFBSTtJQUFLLENBQUU7SUFDakNRLFNBQVMsS0FBQUQsTUFBQSxDQUFLRSxxQkFBTSxDQUFDQyxJQUFJLE9BQUFILE1BQUEsQ0FBSVQsT0FBTyxHQUFHVyxxQkFBTSxDQUFDRSxFQUFFLEdBQUcsRUFBRSxPQUFBSixNQUFBLENBQ25ETixRQUFRLEdBQUdRLHFCQUFNLENBQUNSLFFBQVEsR0FBRyxFQUFFLENBQzlCO0lBQ0hXLE9BQU8sRUFBRUMsS0FBQSxJQUErQjtNQUFBLElBQTlCO1FBQUVwQyxNQUFNO1FBQUVxQztNQUFjLENBQUMsR0FBQUQsS0FBQTtNQUNqQyxJQUFJcEMsTUFBTSxLQUFLcUMsYUFBYSxJQUFJYixRQUFRLEVBQUU7TUFDMUNGLFFBQVEsQ0FBQyxDQUFDRCxPQUFPLENBQUM7SUFDcEI7RUFBRSxHQUNFSSxLQUFLLGdCQUVUckMsTUFBQSxDQUFBTyxPQUFBLENBQUErQixhQUFBO0lBQUtLLFNBQVMsRUFBRUMscUJBQU0sQ0FBQ007RUFBUSxDQUFFLENBQUMsZUFDbENsRCxNQUFBLENBQUFPLE9BQUEsQ0FBQStCLGFBQUE7SUFBT2EsT0FBTyxFQUFFbEIsT0FBUTtJQUFDbUIsSUFBSSxFQUFDO0VBQVUsQ0FBRSxDQUN2QyxDQUNMLENBQUM7QUFFUCJ9
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
@use "sass:math";
|
|
2
|
+
@use "../../assets/styles/variables.scss" as *;
|
|
3
|
+
|
|
4
|
+
.root {
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
$height: 1.4em;
|
|
7
|
+
height: $height;
|
|
8
|
+
width: 2em + 0.4em;
|
|
9
|
+
padding: 0.1em;
|
|
10
|
+
border-radius: math.div($height, 1);
|
|
11
|
+
border: 0.1em solid $digitalBlue;
|
|
12
|
+
background-color: white;
|
|
13
|
+
transition: background-color $fast linear;
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
& * {
|
|
16
|
+
pointer-events: none !important;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
input {
|
|
20
|
+
max-width: 0px;
|
|
21
|
+
max-height: 0px;
|
|
22
|
+
width: 0;
|
|
23
|
+
height: 0;
|
|
24
|
+
opacity: 0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.toggler {
|
|
28
|
+
height: 1em;
|
|
29
|
+
width: 1em;
|
|
30
|
+
background-color: $digitalBlue;
|
|
31
|
+
border-radius: math.div(1em, 2);
|
|
32
|
+
transition: transform $fast linear;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&.disabled {
|
|
36
|
+
opacity: 0.4;
|
|
37
|
+
cursor: initial;
|
|
38
|
+
}
|
|
39
|
+
&.on {
|
|
40
|
+
background-color: $digitalBlue;
|
|
41
|
+
.toggler {
|
|
42
|
+
transform: translateX(1em);
|
|
43
|
+
background-color: white;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _Switch.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _Switch = _interopRequireWildcard(require("./Switch"));
|
|
14
|
+
Object.keys(_Switch).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _Switch[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Switch[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfU3dpdGNoIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Td2l0Y2gvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9Td2l0Y2hcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1N3aXRjaFwiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixPQUFBLEVBQUFLLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQU4sT0FBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxPQUFBLENBQUFNLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBeUIsU0FBQVMseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWYsd0JBQUFtQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENBQUFDLFdBQUEsT0FBQU8sS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQUosR0FBQSxZQUFBRyxLQUFBLENBQUFULEdBQUEsQ0FBQU0sR0FBQSxTQUFBSyxNQUFBLFdBQUFDLHFCQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQXJCLEdBQUEsSUFBQWMsR0FBQSxRQUFBZCxHQUFBLGtCQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFXLEdBQUEsRUFBQWQsR0FBQSxTQUFBc0IsSUFBQSxHQUFBRixxQkFBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVAsR0FBQSxFQUFBZCxHQUFBLGNBQUFzQixJQUFBLEtBQUFBLElBQUEsQ0FBQWQsR0FBQSxJQUFBYyxJQUFBLENBQUFDLEdBQUEsS0FBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBYSxNQUFBLEVBQUFuQixHQUFBLEVBQUFzQixJQUFBLFlBQUFILE1BQUEsQ0FBQW5CLEdBQUEsSUFBQWMsR0FBQSxDQUFBZCxHQUFBLFNBQUFtQixNQUFBLENBQUFILE9BQUEsR0FBQUYsR0FBQSxNQUFBRyxLQUFBLElBQUFBLEtBQUEsQ0FBQU0sR0FBQSxDQUFBVCxHQUFBLEVBQUFLLE1BQUEsWUFBQUEsTUFBQSJ9
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = Table;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _OneUIProvider = require("../../context/OneUIProvider");
|
|
9
|
+
var _Spacing = _interopRequireDefault(require("../Spacing"));
|
|
10
|
+
var _UncontrolledTransition = _interopRequireDefault(require("../UncontrolledTransition"));
|
|
11
|
+
var _TableModule = _interopRequireDefault(require("./Table.module.scss"));
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
/**
|
|
16
|
+
* A component that displays data in a table format with optional pagination.
|
|
17
|
+
* It shows rows of information with customizable column headers and can handle
|
|
18
|
+
* large datasets by splitting them across multiple pages.
|
|
19
|
+
*/
|
|
20
|
+
function Table(_ref) {
|
|
21
|
+
let {
|
|
22
|
+
paginable,
|
|
23
|
+
heading,
|
|
24
|
+
order,
|
|
25
|
+
items,
|
|
26
|
+
className = ""
|
|
27
|
+
} = _ref;
|
|
28
|
+
const transitionRef = (0, _react.useRef)(null);
|
|
29
|
+
const [currPage, setCurrPage] = (0, _react.useState)(0);
|
|
30
|
+
const {
|
|
31
|
+
NextPage,
|
|
32
|
+
PrevPage
|
|
33
|
+
} = (0, _OneUIProvider.useOneUIConfig)("component.table.controls");
|
|
34
|
+
const itemsToShow = (0, _react.useMemo)(() => {
|
|
35
|
+
if (paginable) {
|
|
36
|
+
const from = currPage * paginable.pageSize;
|
|
37
|
+
return (items === null || items === void 0 ? void 0 : items.slice(from, from + paginable.pageSize)) || [];
|
|
38
|
+
} else {
|
|
39
|
+
return items;
|
|
40
|
+
}
|
|
41
|
+
}, [items, currPage]);
|
|
42
|
+
const {
|
|
43
|
+
pages
|
|
44
|
+
} = (0, _react.useMemo)(() => {
|
|
45
|
+
if (paginable) {
|
|
46
|
+
const numPages = Math.ceil(paginable.totalItems / paginable.pageSize);
|
|
47
|
+
return {
|
|
48
|
+
pages: numPages
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
items: items
|
|
53
|
+
};
|
|
54
|
+
}, [items, currPage, paginable === null || paginable === void 0 ? void 0 : paginable.totalItems]);
|
|
55
|
+
const Wrapper = paginable ? _UncontrolledTransition.default : "div";
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TableContext.Provider, {
|
|
57
|
+
value: {
|
|
58
|
+
itemsToShow,
|
|
59
|
+
keys: order,
|
|
60
|
+
heading
|
|
61
|
+
}
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(Wrapper, {
|
|
63
|
+
className: _TableModule.default.transitionContainer,
|
|
64
|
+
ref: transitionRef
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(TableComp, {
|
|
66
|
+
key: currPage,
|
|
67
|
+
className: className
|
|
68
|
+
}))), paginable && paginable.totalItems > paginable.pageSize ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spacing.default, {
|
|
69
|
+
size: "small"
|
|
70
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
+
className: _TableModule.default.footer
|
|
72
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
73
|
+
className: _TableModule.default.iterable,
|
|
74
|
+
onClick: () => {
|
|
75
|
+
if (!(transitionRef.current instanceof HTMLDivElement)) transitionRef.current.setOrientation("backward");
|
|
76
|
+
paginable.togglePage(currPage - 1);
|
|
77
|
+
setCurrPage(currPage - 1);
|
|
78
|
+
}
|
|
79
|
+
}, /*#__PURE__*/_react.default.createElement(PrevPage, {
|
|
80
|
+
disabled: currPage === 0
|
|
81
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
82
|
+
className: _TableModule.default.paging
|
|
83
|
+
}, "".concat(currPage + 1, "/").concat(pages)), /*#__PURE__*/_react.default.createElement("span", {
|
|
84
|
+
className: _TableModule.default.iterable,
|
|
85
|
+
onClick: () => {
|
|
86
|
+
if (!(transitionRef.current instanceof HTMLDivElement)) transitionRef.current.setOrientation("forward");
|
|
87
|
+
paginable.togglePage(currPage + 1);
|
|
88
|
+
setCurrPage(currPage + 1);
|
|
89
|
+
}
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(NextPage, {
|
|
91
|
+
disabled: currPage === pages - 1
|
|
92
|
+
})))) : null);
|
|
93
|
+
}
|
|
94
|
+
const TableContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
95
|
+
function TableComp(_ref2) {
|
|
96
|
+
let {
|
|
97
|
+
className
|
|
98
|
+
} = _ref2;
|
|
99
|
+
const {
|
|
100
|
+
itemsToShow,
|
|
101
|
+
keys,
|
|
102
|
+
heading
|
|
103
|
+
} = (0, _react.useContext)(TableContext);
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement("table", {
|
|
105
|
+
className: "".concat(_TableModule.default.container, " ").concat(className)
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, keys.map(key => /*#__PURE__*/_react.default.createElement("th", {
|
|
107
|
+
key: String(key)
|
|
108
|
+
}, heading[key])))), /*#__PURE__*/_react.default.createElement("tbody", null, itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.map((i, index) => /*#__PURE__*/_react.default.createElement("tr", {
|
|
109
|
+
key: String(index),
|
|
110
|
+
className: i.className
|
|
111
|
+
}, keys.map(key => /*#__PURE__*/_react.default.createElement("td", {
|
|
112
|
+
key: String(key)
|
|
113
|
+
}, i[key]))))));
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfT25lVUlQcm92aWRlciIsIl9TcGFjaW5nIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9VbmNvbnRyb2xsZWRUcmFuc2l0aW9uIiwiX1RhYmxlTW9kdWxlIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJjYWNoZSIsImhhcyIsImdldCIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiZGVzYyIsInNldCIsIlRhYmxlIiwiX3JlZiIsInBhZ2luYWJsZSIsImhlYWRpbmciLCJvcmRlciIsIml0ZW1zIiwiY2xhc3NOYW1lIiwidHJhbnNpdGlvblJlZiIsInVzZVJlZiIsImN1cnJQYWdlIiwic2V0Q3VyclBhZ2UiLCJ1c2VTdGF0ZSIsIk5leHRQYWdlIiwiUHJldlBhZ2UiLCJ1c2VPbmVVSUNvbmZpZyIsIml0ZW1zVG9TaG93IiwidXNlTWVtbyIsImZyb20iLCJwYWdlU2l6ZSIsInNsaWNlIiwicGFnZXMiLCJudW1QYWdlcyIsIk1hdGgiLCJjZWlsIiwidG90YWxJdGVtcyIsIldyYXBwZXIiLCJVbmNvbnRyb2xsZWRUcmFuc2l0aW9uIiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiVGFibGVDb250ZXh0IiwiUHJvdmlkZXIiLCJ2YWx1ZSIsImtleXMiLCJTdHlsZXMiLCJ0cmFuc2l0aW9uQ29udGFpbmVyIiwicmVmIiwiVGFibGVDb21wIiwic2l6ZSIsImZvb3RlciIsIml0ZXJhYmxlIiwib25DbGljayIsImN1cnJlbnQiLCJIVE1MRGl2RWxlbWVudCIsInNldE9yaWVudGF0aW9uIiwidG9nZ2xlUGFnZSIsImRpc2FibGVkIiwicGFnaW5nIiwiY29uY2F0IiwiY3JlYXRlQ29udGV4dCIsIl9yZWYyIiwidXNlQ29udGV4dCIsImNvbnRhaW5lciIsIm1hcCIsIlN0cmluZyIsImkiLCJpbmRleCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtcbiAgY3JlYXRlQ29udGV4dCxcbiAgRWxlbWVudFJlZixcbiAgdXNlQ29udGV4dCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VPbmVVSUNvbmZpZyB9IGZyb20gXCIuLi8uLi9jb250ZXh0L09uZVVJUHJvdmlkZXJcIjtcbmltcG9ydCBTcGFjaW5nIGZyb20gXCIuLi9TcGFjaW5nXCI7XG5pbXBvcnQgVW5jb250cm9sbGVkVHJhbnNpdGlvbiBmcm9tIFwiLi4vVW5jb250cm9sbGVkVHJhbnNpdGlvblwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9UYWJsZS5tb2R1bGUuc2Nzc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZVByb3BzPEkgZXh0ZW5kcyBhbnk+ID0ge1xuICAvKiogVGhlIGxpc3Qgb2YgaXRlbXMgdG8gcmVuZGVyIG9uIHRoZSB0YWJsZSAqL1xuICBpdGVtczogKEkgJiB7IGNsYXNzTmFtZT86IHN0cmluZyB9KVtdIHwgdW5kZWZpbmVkO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIC8qKiBBIG1hcCBvZiBoZWFkZXIgSUQgKi9cbiAgaGVhZGluZzoge1xuICAgIFtLIGluIGtleW9mIEldPzogc3RyaW5nO1xuICB9O1xuICBvcmRlcjogKGtleW9mIEkpW107XG4gIHBhZ2luYWJsZT86IHtcbiAgICB0b3RhbEl0ZW1zOiBudW1iZXI7XG4gICAgdG9nZ2xlUGFnZTogKHBhZ2U6IG51bWJlcikgPT4gdm9pZDtcbiAgICBwYWdlU2l6ZTogbnVtYmVyO1xuICB9O1xufTtcblxuLyoqXG4gKiBBIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJsZSBmb3JtYXQgd2l0aCBvcHRpb25hbCBwYWdpbmF0aW9uLlxuICogSXQgc2hvd3Mgcm93cyBvZiBpbmZvcm1hdGlvbiB3aXRoIGN1c3RvbWl6YWJsZSBjb2x1bW4gaGVhZGVycyBhbmQgY2FuIGhhbmRsZVxuICogbGFyZ2UgZGF0YXNldHMgYnkgc3BsaXR0aW5nIHRoZW0gYWNyb3NzIG11bHRpcGxlIHBhZ2VzLlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUYWJsZTxJIGV4dGVuZHMgYW55Pih7XG4gIHBhZ2luYWJsZSxcbiAgaGVhZGluZyxcbiAgb3JkZXIsXG4gIGl0ZW1zLFxuICBjbGFzc05hbWUgPSBcIlwiLFxufTogVGFibGVQcm9wczxJPikge1xuICBjb25zdCB0cmFuc2l0aW9uUmVmID0gdXNlUmVmPFxuICAgIEVsZW1lbnRSZWY8dHlwZW9mIFVuY29udHJvbGxlZFRyYW5zaXRpb24+IHwgSFRNTERpdkVsZW1lbnRcbiAgPihudWxsKTtcblxuICBjb25zdCBbY3VyclBhZ2UsIHNldEN1cnJQYWdlXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IHsgTmV4dFBhZ2UsIFByZXZQYWdlIH0gPSB1c2VPbmVVSUNvbmZpZyhcImNvbXBvbmVudC50YWJsZS5jb250cm9sc1wiKTtcbiAgY29uc3QgaXRlbXNUb1Nob3cgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAocGFnaW5hYmxlKSB7XG4gICAgICBjb25zdCBmcm9tID0gY3VyclBhZ2UgKiBwYWdpbmFibGUucGFnZVNpemU7XG4gICAgICByZXR1cm4gaXRlbXM/LnNsaWNlKGZyb20sIGZyb20gKyBwYWdpbmFibGUucGFnZVNpemUpIHx8IFtdO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gaXRlbXM7XG4gICAgfVxuICB9LCBbaXRlbXMsIGN1cnJQYWdlXSk7XG5cbiAgY29uc3QgeyBwYWdlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHBhZ2luYWJsZSkge1xuICAgICAgY29uc3QgbnVtUGFnZXMgPSBNYXRoLmNlaWwocGFnaW5hYmxlLnRvdGFsSXRlbXMgLyBwYWdpbmFibGUucGFnZVNpemUpO1xuXG4gICAgICByZXR1cm4ge1xuICAgICAgICBwYWdlczogbnVtUGFnZXMsXG4gICAgICB9O1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgaXRlbXM6IGl0ZW1zLFxuICAgIH07XG4gIH0sIFtpdGVtcywgY3VyclBhZ2UsIHBhZ2luYWJsZT8udG90YWxJdGVtc10pO1xuXG4gIGNvbnN0IFdyYXBwZXIgPSBwYWdpbmFibGUgPyBVbmNvbnRyb2xsZWRUcmFuc2l0aW9uIDogXCJkaXZcIjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VGFibGVDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgIHZhbHVlPXt7XG4gICAgICAgICAgaXRlbXNUb1Nob3csXG4gICAgICAgICAga2V5czogb3JkZXIsXG4gICAgICAgICAgaGVhZGluZyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9e1N0eWxlcy50cmFuc2l0aW9uQ29udGFpbmVyfVxuICAgICAgICAgIHJlZj17dHJhbnNpdGlvblJlZiBhcyBhbnl9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFibGVDb21wIGtleT17Y3VyclBhZ2V9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSAvPlxuICAgICAgICA8L1dyYXBwZXI+XG4gICAgICA8L1RhYmxlQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIHtwYWdpbmFibGUgJiYgcGFnaW5hYmxlLnRvdGFsSXRlbXMgPiBwYWdpbmFibGUucGFnZVNpemUgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPFNwYWNpbmcgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17U3R5bGVzLmZvb3Rlcn0gZGF0YS10ZXN0aWQ9XCJjb250cm9sc1wiPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtTdHlsZXMuaXRlcmFibGV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoISh0cmFuc2l0aW9uUmVmLmN1cnJlbnQgaW5zdGFuY2VvZiBIVE1MRGl2RWxlbWVudCkpXG4gICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uUmVmLmN1cnJlbnQhLnNldE9yaWVudGF0aW9uKFwiYmFja3dhcmRcIik7XG4gICAgICAgICAgICAgICAgcGFnaW5hYmxlLnRvZ2dsZVBhZ2UoY3VyclBhZ2UgLSAxKTtcbiAgICAgICAgICAgICAgICBzZXRDdXJyUGFnZShjdXJyUGFnZSAtIDEpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8UHJldlBhZ2UgZGlzYWJsZWQ9e2N1cnJQYWdlID09PSAwfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtTdHlsZXMucGFnaW5nfT57YCR7Y3VyclBhZ2UgKyAxfS8ke3BhZ2VzfWB9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtTdHlsZXMuaXRlcmFibGV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoISh0cmFuc2l0aW9uUmVmLmN1cnJlbnQgaW5zdGFuY2VvZiBIVE1MRGl2RWxlbWVudCkpXG4gICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uUmVmLmN1cnJlbnQhLnNldE9yaWVudGF0aW9uKFwiZm9yd2FyZFwiKTtcbiAgICAgICAgICAgICAgICBwYWdpbmFibGUudG9nZ2xlUGFnZShjdXJyUGFnZSArIDEpO1xuICAgICAgICAgICAgICAgIHNldEN1cnJQYWdlKGN1cnJQYWdlICsgMSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxOZXh0UGFnZSBkaXNhYmxlZD17Y3VyclBhZ2UgPT09IHBhZ2VzISAtIDF9IC8+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gICk7XG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8e1xuICBpdGVtc1RvU2hvdzogYW55W10gfCB1bmRlZmluZWQ7XG4gIGtleXM6IGFueVtdO1xuICBoZWFkaW5nOiB7IFtrOiBzdHJpbmddOiBzdHJpbmcgfCB1bmRlZmluZWQgfTtcbn0+KG51bGwgYXMgYW55KTtcblxuZnVuY3Rpb24gVGFibGVDb21wKHsgY2xhc3NOYW1lIH06IHsgY2xhc3NOYW1lOiBzdHJpbmcgfSkge1xuICBjb25zdCB7IGl0ZW1zVG9TaG93LCBrZXlzLCBoZWFkaW5nIH0gPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNsYXNzTmFtZT17YCR7U3R5bGVzLmNvbnRhaW5lcn0gJHtjbGFzc05hbWV9YH0+XG4gICAgICA8dGhlYWQ+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICB7a2V5cy5tYXAoKGtleSkgPT4gKFxuICAgICAgICAgICAgPHRoIGtleT17U3RyaW5nKGtleSl9PntoZWFkaW5nW2tleV19PC90aD5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC90cj5cbiAgICAgIDwvdGhlYWQ+XG4gICAgICA8dGJvZHk+XG4gICAgICAgIHtpdGVtc1RvU2hvdz8ubWFwKChpLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDx0ciBrZXk9e1N0cmluZyhpbmRleCl9IGNsYXNzTmFtZT17aS5jbGFzc05hbWV9PlxuICAgICAgICAgICAge2tleXMubWFwKChrZXkpID0+IChcbiAgICAgICAgICAgICAgPHRkIGtleT17U3RyaW5nKGtleSl9PntpW2tleV19PC90ZD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvdHI+XG4gICAgICAgICkpfVxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFRQSxJQUFBQyxjQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxRQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSx1QkFBQSxHQUFBRCxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUssWUFBQSxHQUFBRixzQkFBQSxDQUFBSCxPQUFBO0FBQXlDLFNBQUFHLHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQVgsd0JBQUFPLEdBQUEsRUFBQUksV0FBQSxTQUFBQSxXQUFBLElBQUFKLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFRLEtBQUEsR0FBQUwsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBSSxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBVCxHQUFBLFlBQUFRLEtBQUEsQ0FBQUUsR0FBQSxDQUFBVixHQUFBLFNBQUFXLE1BQUEsV0FBQUMscUJBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsR0FBQSxJQUFBaEIsR0FBQSxRQUFB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
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
@use "../../assets/styles/index.scss" as *;
|
|
2
|
+
|
|
3
|
+
.transitionContainer {
|
|
4
|
+
min-height: auto;
|
|
5
|
+
max-width: 100vw;
|
|
6
|
+
overflow: auto;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.container {
|
|
10
|
+
font-family: $mainFontFamily;
|
|
11
|
+
padding: 0px 4px;
|
|
12
|
+
width: 100%;
|
|
13
|
+
position: relative;
|
|
14
|
+
border-spacing: 0px;
|
|
15
|
+
th {
|
|
16
|
+
font-family: 14px;
|
|
17
|
+
line-height: 28px;
|
|
18
|
+
text-align: start;
|
|
19
|
+
font-weight: normal;
|
|
20
|
+
}
|
|
21
|
+
td,
|
|
22
|
+
th {
|
|
23
|
+
padding: 20px;
|
|
24
|
+
}
|
|
25
|
+
tbody tr {
|
|
26
|
+
background-color: $tableRowBgColor;
|
|
27
|
+
&:first-child td {
|
|
28
|
+
&:first-child {
|
|
29
|
+
border-top-left-radius: 8px;
|
|
30
|
+
}
|
|
31
|
+
&:last-child {
|
|
32
|
+
border-top-right-radius: 8px;
|
|
33
|
+
}
|
|
34
|
+
border-top: 1px solid $tableRowBorderColor;
|
|
35
|
+
}
|
|
36
|
+
&:last-child td {
|
|
37
|
+
&:first-child {
|
|
38
|
+
border-bottom-left-radius: 8px;
|
|
39
|
+
}
|
|
40
|
+
&:last-child {
|
|
41
|
+
border-bottom-right-radius: 8px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
td {
|
|
45
|
+
border-bottom: 1px solid $tableRowBorderColor;
|
|
46
|
+
&:first-child {
|
|
47
|
+
border-left: 1px solid $tableRowBorderColor;
|
|
48
|
+
}
|
|
49
|
+
&:last-child {
|
|
50
|
+
border-right: 1px solid $tableRowBorderColor;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.footer {
|
|
56
|
+
padding: 0px 4px;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: flex-end;
|
|
60
|
+
--button-min-width: auto;
|
|
61
|
+
--button-min-height: auto;
|
|
62
|
+
|
|
63
|
+
.paging {
|
|
64
|
+
margin: 0px 12px;
|
|
65
|
+
font-size: 18px;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.iterable {
|
|
70
|
+
@include iteractibleElement;
|
|
71
|
+
&:first-child {
|
|
72
|
+
margin-left: auto;
|
|
73
|
+
}
|
|
74
|
+
}
|