farm-react 1.0.10 → 1.0.12
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/cjs/Utils/index.js.map +1 -1
- package/dist/cjs/assets/data/header.js.map +1 -1
- package/dist/cjs/components/Accordion.js +4 -4
- package/dist/cjs/components/Accordion.js.map +1 -1
- package/dist/cjs/components/Alert.js +6 -6
- package/dist/cjs/components/Alert.js.map +1 -1
- package/dist/cjs/components/Badge.js +6 -6
- package/dist/cjs/components/Badge.js.map +1 -1
- package/dist/cjs/components/BrokenPage.js +7 -7
- package/dist/cjs/components/BrokenPage.js.map +1 -1
- package/dist/cjs/components/Button.d.ts +2 -1
- package/dist/cjs/components/Button.js +6 -6
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Card.js +1 -1
- package/dist/cjs/components/Card.js.map +1 -1
- package/dist/cjs/components/Checkbox.js +4 -4
- package/dist/cjs/components/Checkbox.js.map +1 -1
- package/dist/cjs/components/ConfirmPoup.js +8 -8
- package/dist/cjs/components/ConfirmPoup.js.map +1 -1
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Dropdown.js.map +1 -1
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/MultiCheckbox.js.map +1 -1
- package/dist/cjs/components/MultiRadio.js +5 -5
- package/dist/cjs/components/MultiRadio.js.map +1 -1
- package/dist/cjs/components/NumberInput.js +5 -5
- package/dist/cjs/components/NumberInput.js.map +1 -1
- package/dist/cjs/components/Popover.js +4 -4
- package/dist/cjs/components/Popover.js.map +1 -1
- package/dist/cjs/components/Radio.js +4 -4
- package/dist/cjs/components/Radio.js.map +1 -1
- package/dist/cjs/components/RadioButtonGroup.js +16 -16
- package/dist/cjs/components/RadioButtonGroup.js.map +1 -1
- package/dist/cjs/components/RangeSlider.js +4 -4
- package/dist/cjs/components/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RatingDisplay.js +4 -4
- package/dist/cjs/components/RatingDisplay.js.map +1 -1
- package/dist/cjs/components/Search.js.map +1 -1
- package/dist/cjs/components/Select.js +7 -7
- package/dist/cjs/components/Select.js.map +1 -1
- package/dist/cjs/components/SkeletonLoader.js +3 -3
- package/dist/cjs/components/SkeletonLoader.js.map +1 -1
- package/dist/cjs/components/{Slider/SlickSlider.d.ts → SlickSlider.d.ts} +13 -10
- package/dist/cjs/components/{Slider/SlickSlider.js → SlickSlider.js} +40 -67
- package/dist/cjs/components/SlickSlider.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +6 -5
- package/dist/cjs/components/TextInput.js +5 -5
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/components/ThreeDotsLoader.js +3 -3
- package/dist/cjs/components/ThreeDotsLoader.js.map +1 -1
- package/dist/cjs/components/Tooltip.js +3 -3
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/{helpers/app.d.ts → components/helper.d.ts} +2 -1
- package/dist/cjs/{helpers/app.js → components/helper.js} +1 -1
- package/dist/cjs/components/helper.js.map +1 -0
- package/dist/cjs/constants/app.js.map +1 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSlider.d.ts +21 -14
- package/dist/cjs/{components/Slider → hooks/slider}/useSlider.js +62 -67
- package/dist/cjs/hooks/slider/useSlider.js.map +1 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.d.ts +4 -4
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.js +4 -4
- package/dist/cjs/hooks/slider/useSliderAutoPlay.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.d.ts +35 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js +54 -0
- package/dist/cjs/hooks/slider/useSliderBreakpoints.js.map +1 -0
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSliderDimension.d.ts +8 -9
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDimension.js +7 -11
- package/dist/cjs/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.d.ts +7 -8
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.js +13 -16
- package/dist/cjs/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/{esm/components/Slider → cjs/hooks/slider}/useSliderNavigation.d.ts +5 -4
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderNavigation.js +9 -21
- package/dist/cjs/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/cjs/{components/Slider → hooks/slider}/useSliderTransform.js +11 -16
- package/dist/cjs/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/cjs/hooks/useLocalStorage.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/cjs/subComponent/ToggleButton.js +2 -2
- package/dist/cjs/subComponent/ToggleButton.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +3 -3
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/esm/Utils/index.js.map +1 -1
- package/dist/esm/assets/data/header.js.map +1 -1
- package/dist/esm/components/Accordion.js +1 -1
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Alert.js +1 -1
- package/dist/esm/components/Alert.js.map +1 -1
- package/dist/esm/components/Badge.js +1 -1
- package/dist/esm/components/Badge.js.map +1 -1
- package/dist/esm/components/BrokenPage.js +1 -1
- package/dist/esm/components/BrokenPage.js.map +1 -1
- package/dist/esm/components/Button.d.ts +2 -1
- package/dist/esm/components/Button.js +1 -1
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.js +1 -1
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox.js.map +1 -1
- package/dist/esm/components/ConfirmPoup.js +1 -1
- package/dist/esm/components/ConfirmPoup.js.map +1 -1
- package/dist/esm/components/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/Label.js +1 -1
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/MultiCheckbox.js.map +1 -1
- package/dist/esm/components/MultiRadio.js +1 -1
- package/dist/esm/components/MultiRadio.js.map +1 -1
- package/dist/esm/components/NumberInput.js +1 -1
- package/dist/esm/components/NumberInput.js.map +1 -1
- package/dist/esm/components/Popover.js +1 -1
- package/dist/esm/components/Popover.js.map +1 -1
- package/dist/esm/components/Radio.js +1 -1
- package/dist/esm/components/Radio.js.map +1 -1
- package/dist/esm/components/RadioButtonGroup.js +1 -1
- package/dist/esm/components/RadioButtonGroup.js.map +1 -1
- package/dist/esm/components/RangeSlider.js +1 -1
- package/dist/esm/components/RangeSlider.js.map +1 -1
- package/dist/esm/components/RatingDisplay.js +1 -1
- package/dist/esm/components/RatingDisplay.js.map +1 -1
- package/dist/esm/components/Search.js.map +1 -1
- package/dist/esm/components/Select.js +1 -1
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/SkeletonLoader.js +1 -1
- package/dist/esm/components/SkeletonLoader.js.map +1 -1
- package/dist/esm/components/{Slider/SlickSlider.d.ts → SlickSlider.d.ts} +13 -10
- package/dist/esm/components/{Slider/SlickSlider.js → SlickSlider.js} +34 -61
- package/dist/esm/components/SlickSlider.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +6 -5
- package/dist/esm/components/TextInput.js +1 -1
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/components/ThreeDotsLoader.js +1 -1
- package/dist/esm/components/ThreeDotsLoader.js.map +1 -1
- package/dist/esm/components/Tooltip.js +1 -1
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/{helpers/app.d.ts → components/helper.d.ts} +2 -1
- package/dist/esm/{helpers/app.js → components/helper.js} +1 -1
- package/dist/esm/components/helper.js.map +1 -0
- package/dist/esm/constants/app.js.map +1 -1
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSlider.d.ts +21 -14
- package/dist/esm/hooks/slider/useSlider.js +150 -0
- package/dist/esm/hooks/slider/useSlider.js.map +1 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderAutoPlay.d.ts +4 -4
- package/dist/esm/{components/Slider → hooks/slider}/useSliderAutoPlay.js +2 -2
- package/dist/esm/hooks/slider/useSliderAutoPlay.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.d.ts +35 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.js +52 -0
- package/dist/esm/hooks/slider/useSliderBreakpoints.js.map +1 -0
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSliderDimension.d.ts +8 -9
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDimension.js +6 -10
- package/dist/esm/hooks/slider/useSliderDimension.js.map +1 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDraggable.d.ts +7 -8
- package/dist/esm/{components/Slider → hooks/slider}/useSliderDraggable.js +4 -7
- package/dist/esm/hooks/slider/useSliderDraggable.js.map +1 -0
- package/dist/{cjs/components/Slider → esm/hooks/slider}/useSliderNavigation.d.ts +5 -4
- package/dist/esm/{components/Slider → hooks/slider}/useSliderNavigation.js +8 -20
- package/dist/esm/hooks/slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/hooks/slider/useSliderTransform.d.ts +31 -0
- package/dist/esm/{components/Slider → hooks/slider}/useSliderTransform.js +10 -15
- package/dist/esm/hooks/slider/useSliderTransform.js.map +1 -0
- package/dist/esm/hooks/useLocalStorage.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/esm/subComponent/ToggleButton.js +1 -1
- package/dist/esm/subComponent/ToggleButton.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -1
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -1
- package/dist/package.json +19 -1
- package/package.json +22 -2
- package/dist/cjs/components/Slider/SlickSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/cjs/components/Slider/useCenterMode.js +0 -40
- package/dist/cjs/components/Slider/useCenterMode.js.map +0 -1
- package/dist/cjs/components/Slider/useSlider.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/cjs/components/Slider/useSliderBreakpoint.js +0 -92
- package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/cjs/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/cjs/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/cjs/helpers/app.js.map +0 -1
- package/dist/cjs/helpers/index.d.ts +0 -1
- package/dist/cjs/helpers/index.js +0 -5
- package/dist/cjs/helpers/index.js.map +0 -1
- package/dist/esm/components/Slider/SlickSlider.js.map +0 -1
- package/dist/esm/components/Slider/useCenterMode.d.ts +0 -24
- package/dist/esm/components/Slider/useCenterMode.js +0 -38
- package/dist/esm/components/Slider/useCenterMode.js.map +0 -1
- package/dist/esm/components/Slider/useSlider.js +0 -156
- package/dist/esm/components/Slider/useSlider.js.map +0 -1
- package/dist/esm/components/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +0 -23
- package/dist/esm/components/Slider/useSliderBreakpoint.js +0 -90
- package/dist/esm/components/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDimension.js.map +0 -1
- package/dist/esm/components/Slider/useSliderDraggable.js.map +0 -1
- package/dist/esm/components/Slider/useSliderNavigation.js.map +0 -1
- package/dist/esm/components/Slider/useSliderTransform.d.ts +0 -17
- package/dist/esm/components/Slider/useSliderTransform.js.map +0 -1
- package/dist/esm/helpers/app.js.map +0 -1
- package/dist/esm/helpers/index.d.ts +0 -1
- package/dist/esm/helpers/index.js +0 -2
- package/dist/esm/helpers/index.js.map +0 -1
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
* @param handleNextSlide Callback invoked to move to the next slide
|
|
18
18
|
*
|
|
19
19
|
* -----------------------------------------------------------------------------
|
|
20
|
-
* Copyright ©
|
|
20
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
21
21
|
* -----------------------------------------------------------------------------
|
|
22
22
|
*/
|
|
23
23
|
import { useEffect, useRef, useCallback } from 'react';
|
|
24
|
+
import { destructObj, isNullOrUndefined } from '../../components/helper';
|
|
24
25
|
import { safeWindow } from '../../Utils';
|
|
25
|
-
import { destructObj, isNullOrUndefined } from '../../helpers';
|
|
26
26
|
function useSliderAutoplay(_a) {
|
|
27
27
|
var autoPlayConfig = _a.autoPlayConfig, handleNextSlide = _a.handleNextSlide, isAllSlidesVisible = _a.isAllSlidesVisible, loop = _a.loop;
|
|
28
28
|
// Destruct props
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderAutoPlay.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderAutoPlay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUzC,SAAS,iBAAiB,CAAC,EAKU;QAJnC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,iBAAiB;IACX,IAAA,KAAsC,WAAW,CAAC,cAAc,CAAC,EAA/D,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAgC,CAAC;IAExE,OAAO;IACP,IAAM,QAAQ,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAC;IAEzD;;;;OAIG;IACH,IAAM,aAAa,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QACxC,QAAQ,CAAC,OAAO,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC;YACzC,eAAe,EAAE,CAAC;QACpB,CAAC,EAAE,QAAQ,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,kFAAkF;IAClF,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACR,IAAI,CAAC,IAAI,IAAI,kBAAkB;YAAE,OAAO,SAAS,CAAC;QAClD,aAAa,EAAE,CAAC;QAChB,qIAAqI;QACrI,+CAA+C;QAC/C,sBAAsB;QACtB,6CAA6C;QAC7C,iEAAiE;QACjE,4DAA4D;QAC5D,IAAI;QAEJ,OAAO;YACL,kBAAkB,EAAE,CAAC;YACrB,4CAA4C;YAC5C,mEAAmE;YACnE,8DAA8D;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACpE,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @file useSliderBreakpoint
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description Resolves responsive slider configuration based on viewport width.
|
|
7
|
+
* Applies the first matching breakpoint over the base config and updates
|
|
8
|
+
* the result on window resize. Uses deep comparison to avoid unnecessary
|
|
9
|
+
* re-renders.
|
|
10
|
+
*
|
|
11
|
+
* -----------------------------------------------------------------------------
|
|
12
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
13
|
+
* -----------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
import type { SlickSliderAnimationConfig, SlickSliderAutoPlayConfig } from '../../components/SlickSlider';
|
|
16
|
+
export interface SlickSliderConfig {
|
|
17
|
+
activeSlide: number;
|
|
18
|
+
animationConfig: SlickSliderAnimationConfig;
|
|
19
|
+
autoPlayConfig: SlickSliderAutoPlayConfig;
|
|
20
|
+
breakpoint?: number;
|
|
21
|
+
draggable: {
|
|
22
|
+
dragThreshold?: number;
|
|
23
|
+
enableDrag?: boolean;
|
|
24
|
+
};
|
|
25
|
+
gap: number;
|
|
26
|
+
loop: boolean;
|
|
27
|
+
slideToScroll: number;
|
|
28
|
+
slideToShow: number;
|
|
29
|
+
}
|
|
30
|
+
export interface SliderBreakpointProps {
|
|
31
|
+
breakpoints?: SlickSliderConfig[];
|
|
32
|
+
config: SlickSliderConfig;
|
|
33
|
+
}
|
|
34
|
+
declare function useSliderBreakpoints({ breakpoints, config }: SliderBreakpointProps): SlickSliderConfig;
|
|
35
|
+
export default useSliderBreakpoints;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @file useSliderBreakpoint
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description Resolves responsive slider configuration based on viewport width.
|
|
7
|
+
* Applies the first matching breakpoint over the base config and updates
|
|
8
|
+
* the result on window resize. Uses deep comparison to avoid unnecessary
|
|
9
|
+
* re-renders.
|
|
10
|
+
*
|
|
11
|
+
* -----------------------------------------------------------------------------
|
|
12
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
13
|
+
* -----------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
import { __assign } from "tslib";
|
|
16
|
+
import { useEffect, useState } from 'react';
|
|
17
|
+
import { deepCompareObjects, isObjectEmpty, isObjectNotEmpty } from '../../components/helper';
|
|
18
|
+
import { safeWindow } from '../../Utils';
|
|
19
|
+
function useSliderBreakpoints(_a) {
|
|
20
|
+
var breakpoints = _a.breakpoints, config = _a.config;
|
|
21
|
+
// States
|
|
22
|
+
var _b = useState(config), sliderConfig = _b[0], setSliderConfig = _b[1];
|
|
23
|
+
// Hooks
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
if (isObjectEmpty(config)) {
|
|
26
|
+
setSliderConfig(config);
|
|
27
|
+
return undefined;
|
|
28
|
+
}
|
|
29
|
+
function resolveBreakpointConfig() {
|
|
30
|
+
var viewportWidth = safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.innerWidth;
|
|
31
|
+
// Find the first breakpoint that matches current viewport
|
|
32
|
+
var matchedBreakpoint = breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.find(function (bp) { return viewportWidth && (bp === null || bp === void 0 ? void 0 : bp.breakpoint) && viewportWidth <= bp.breakpoint; });
|
|
33
|
+
// Merge base config with breakpoint overrides
|
|
34
|
+
return isObjectNotEmpty(matchedBreakpoint) ? __assign(__assign({}, config), matchedBreakpoint) : config;
|
|
35
|
+
}
|
|
36
|
+
function updateConfig() {
|
|
37
|
+
var resolvedConfig = resolveBreakpointConfig();
|
|
38
|
+
// Avoid unnecessary updates
|
|
39
|
+
if (!deepCompareObjects(sliderConfig, resolvedConfig)) {
|
|
40
|
+
setSliderConfig(resolvedConfig);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
updateConfig();
|
|
44
|
+
safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.addEventListener('resize', updateConfig);
|
|
45
|
+
return function () {
|
|
46
|
+
safeWindow === null || safeWindow === void 0 ? void 0 : safeWindow.removeEventListener('resize', updateConfig);
|
|
47
|
+
};
|
|
48
|
+
}, [config, breakpoints]);
|
|
49
|
+
return sliderConfig;
|
|
50
|
+
}
|
|
51
|
+
export default useSliderBreakpoints;
|
|
52
|
+
//# sourceMappingURL=useSliderBreakpoints.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderBreakpoints.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderBreakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,SAAS,oBAAoB,CAAC,EAA8C;QAA5C,WAAW,iBAAA,EAAE,MAAM,YAAA;IACjD,SAAS;IACH,IAAA,KAAkC,QAAQ,CAAC,MAAM,CAAC,EAAjD,YAAY,QAAA,EAAE,eAAe,QAAoB,CAAC;IAEzD,QAAQ;IACR,SAAS,CAAC;QACR,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,eAAe,CAAC,MAAM,CAAC,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,SAAS,uBAAuB;YAC9B,IAAM,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAC;YAE7C,0DAA0D;YAC1D,IAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CACzC,UAAC,EAAE,IAAK,OAAA,aAAa,KAAI,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,UAAU,CAAA,IAAI,aAAa,IAAI,EAAE,CAAC,UAAU,EAAjE,CAAiE,CAC1E,CAAC;YAEF,8CAA8C;YAC9C,OAAO,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAM,MAAM,GAAK,iBAAiB,EAAG,CAAC,CAAC,MAAM,CAAC;QAC5F,CAAC;QAED,SAAS,YAAY;YACnB,IAAM,cAAc,GAAG,uBAAuB,EAAE,CAAC;YACjD,4BAA4B;YAC5B,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE,CAAC;gBACtD,eAAe,CAAC,cAAc,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAED,YAAY,EAAE,CAAC;QACf,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAErD,OAAO;YACL,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -5,12 +5,10 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @description React hook responsible for calculating and applying layout-related
|
|
7
7
|
* dimensions for a flex-based slider.
|
|
8
|
-
*
|
|
9
8
|
* This hook dynamically computes:
|
|
10
9
|
* - Slider container width
|
|
11
10
|
* - Slide flex-basis based on the number of visible slides
|
|
12
11
|
* - Gap between slides
|
|
13
|
-
*
|
|
14
12
|
* The calculated values are applied directly to the DOM and stored
|
|
15
13
|
* in shared slider refs for use by other slider utilities.
|
|
16
14
|
*
|
|
@@ -21,21 +19,22 @@
|
|
|
21
19
|
* - Safe DOM access via refs
|
|
22
20
|
*
|
|
23
21
|
* NOTE: this loc update when we have add the custom styling. loc no.:-69
|
|
22
|
+
*
|
|
24
23
|
* -----------------------------------------------------------------------------
|
|
25
|
-
* Copyright ©
|
|
24
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
26
25
|
* -----------------------------------------------------------------------------
|
|
27
26
|
*/
|
|
28
|
-
import { type RefObject } from 'react';
|
|
29
|
-
import {
|
|
30
|
-
export interface
|
|
27
|
+
import { type MutableRefObject, type RefObject } from 'react';
|
|
28
|
+
import type { SlickSliderRefs } from './useSlider';
|
|
29
|
+
export interface SlickSliderDimensionProps {
|
|
31
30
|
gap: number;
|
|
32
|
-
|
|
31
|
+
orientation: 'horizontal' | 'vertical';
|
|
32
|
+
sliderObjRefs: MutableRefObject<SlickSliderRefs>;
|
|
33
33
|
sliderWrapperRef: RefObject<HTMLDivElement | null>;
|
|
34
34
|
slideToShow: number;
|
|
35
|
-
variant: 'horizontal' | 'vertical';
|
|
36
35
|
}
|
|
37
36
|
interface SlickSliderDimensionsReturn {
|
|
38
37
|
calculateDimensions: () => void;
|
|
39
38
|
}
|
|
40
|
-
declare function useSliderDimension({ gap, sliderObjRefs, sliderWrapperRef, slideToShow,
|
|
39
|
+
declare function useSliderDimension({ gap, orientation, sliderObjRefs, sliderWrapperRef, slideToShow, }: Readonly<SlickSliderDimensionProps>): SlickSliderDimensionsReturn;
|
|
41
40
|
export default useSliderDimension;
|
|
@@ -5,12 +5,10 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @description React hook responsible for calculating and applying layout-related
|
|
7
7
|
* dimensions for a flex-based slider.
|
|
8
|
-
*
|
|
9
8
|
* This hook dynamically computes:
|
|
10
9
|
* - Slider container width
|
|
11
10
|
* - Slide flex-basis based on the number of visible slides
|
|
12
11
|
* - Gap between slides
|
|
13
|
-
*
|
|
14
12
|
* The calculated values are applied directly to the DOM and stored
|
|
15
13
|
* in shared slider refs for use by other slider utilities.
|
|
16
14
|
*
|
|
@@ -21,14 +19,15 @@
|
|
|
21
19
|
* - Safe DOM access via refs
|
|
22
20
|
*
|
|
23
21
|
* NOTE: this loc update when we have add the custom styling. loc no.:-69
|
|
22
|
+
*
|
|
24
23
|
* -----------------------------------------------------------------------------
|
|
25
|
-
* Copyright ©
|
|
24
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
26
25
|
* -----------------------------------------------------------------------------
|
|
27
26
|
*/
|
|
28
27
|
import { useCallback } from 'react';
|
|
29
|
-
import { isNullOrUndefined } from '../../
|
|
28
|
+
import { isNullOrUndefined } from '../../components/helper';
|
|
30
29
|
function useSliderDimension(_a) {
|
|
31
|
-
var gap = _a.gap,
|
|
30
|
+
var gap = _a.gap, orientation = _a.orientation, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow;
|
|
32
31
|
/**
|
|
33
32
|
* Calculates and applies slide dimensions based on slider orientation.
|
|
34
33
|
*
|
|
@@ -46,10 +45,8 @@ function useSliderDimension(_a) {
|
|
|
46
45
|
*/
|
|
47
46
|
var calculateSlideDimensions = useCallback(function (_a) {
|
|
48
47
|
var container = _a.container, rect = _a.rect;
|
|
49
|
-
if (!sliderObjRefs.current)
|
|
50
|
-
return;
|
|
51
48
|
container.style.setProperty('gap', "".concat(gap, "px"));
|
|
52
|
-
if (
|
|
49
|
+
if (orientation === 'vertical') {
|
|
53
50
|
var verticalSlideHight = container.children[0].clientHeight + gap;
|
|
54
51
|
Object.assign(sliderObjRefs.current, {
|
|
55
52
|
containerHeight: verticalSlideHight,
|
|
@@ -67,10 +64,9 @@ function useSliderDimension(_a) {
|
|
|
67
64
|
containerWidth: containerWidth + gap,
|
|
68
65
|
});
|
|
69
66
|
Array.from(container.children).forEach(function (element) {
|
|
70
|
-
;
|
|
71
67
|
element.style.setProperty('flex', "0 0 ".concat(flexBasisPercent, "%"));
|
|
72
68
|
});
|
|
73
|
-
}, [gap, slideToShow, sliderObjRefs,
|
|
69
|
+
}, [gap, slideToShow, sliderObjRefs, orientation]);
|
|
74
70
|
/**
|
|
75
71
|
* Calculates and applies slider dimensions based on the current container size.
|
|
76
72
|
* Safely accesses the slider container element, retrieves its bounding rectangle,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderDimension.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderDimension.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,WAAW,EAAyC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAoB5D,SAAS,kBAAkB,CAAC,EAMU;QALpC,GAAG,SAAA,EACH,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX;;;;;;;;;;;;;;OAcG;IACH,IAAM,wBAAwB,GAAG,WAAW,CAC1C,UAAC,EAAwC;YAAtC,SAAS,eAAA,EAAE,IAAI,UAAA;QAChB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAG,GAAG,OAAI,CAAC,CAAC;QAC/C,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;YAC/B,IAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC;YACpE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;gBACnC,eAAe,EAAE,kBAAkB;aACpC,CAAC,CAAC;YACH,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAG,kBAAkB,GAAG,WAAW,OAAI,CAAC,CAAC;YAC/E,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QAEO,IAAO,cAAc,GAAK,IAAI,MAAT,CAAU;QACvC,IAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACzC,IAAM,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;QACjD,IAAM,YAAY,GAAG,cAAc,GAAG,WAAW,CAAC;QAClD,IAAM,gBAAgB,GAAG,CAAC,YAAY,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;YACnC,cAAc,EAAE,cAAc,GAAG,GAAG;SACrC,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,OAAO;YAC5C,OAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,cAAO,gBAAgB,MAAG,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,WAAW,CAAC;QACtC,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC3C,IAAI,iBAAiB,CAAC,SAAS,CAAC;YAAE,OAAO;QACzC,IAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAC/C,wBAAwB,CAAC,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEjD,OAAO,EAAE,mBAAmB,qBAAA,EAAE,CAAC;AACjC,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @description A custom React hook that enables pointer-based drag interactions
|
|
7
7
|
* for the Slick slider component.
|
|
8
|
-
*
|
|
9
8
|
* Responsibilities:
|
|
10
9
|
* - Attaches pointer event listeners to the slider container
|
|
11
10
|
* - Tracks drag state and movement distance
|
|
@@ -13,19 +12,19 @@
|
|
|
13
12
|
* - Determines swipe intent using a configurable threshold
|
|
14
13
|
* - Triggers next/previous slide navigation based on drag direction
|
|
15
14
|
* - Safely handles pointer cancellation and cleanup
|
|
16
|
-
*
|
|
17
15
|
* Behavior:
|
|
18
16
|
* - Dragging is enabled only when `draggable.enableDrag` is true
|
|
19
17
|
* - Horizontal movement controls slide navigation
|
|
20
18
|
* - Transitions are suppressed during drag and restored on release
|
|
21
19
|
* - Automatically cleans up listeners on unmount or ref changes
|
|
20
|
+
*
|
|
22
21
|
* -----------------------------------------------------------------------------
|
|
23
|
-
* Copyright ©
|
|
22
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
24
23
|
* -----------------------------------------------------------------------------
|
|
25
24
|
*/
|
|
26
|
-
import { type RefObject } from 'react';
|
|
27
|
-
import { SlickSliderRefs } from './useSlider';
|
|
28
|
-
export interface
|
|
25
|
+
import { type MutableRefObject, type RefObject } from 'react';
|
|
26
|
+
import type { SlickSliderRefs } from './useSlider';
|
|
27
|
+
export interface SliderDraggableProps {
|
|
29
28
|
applyTransform: (val: number, withTransition?: boolean, isRaw?: boolean) => void;
|
|
30
29
|
calculateTranslate: (idx: number) => number;
|
|
31
30
|
draggable?: {
|
|
@@ -36,8 +35,8 @@ export interface UseSliderDraggableProps {
|
|
|
36
35
|
handlePrevSlide: () => void;
|
|
37
36
|
hasNextBtnDisabled: () => boolean;
|
|
38
37
|
hasPrevBtnDisabled: () => boolean;
|
|
39
|
-
sliderObjRefs:
|
|
38
|
+
sliderObjRefs: MutableRefObject<SlickSliderRefs>;
|
|
40
39
|
sliderWrapperRef: RefObject<HTMLDivElement | null>;
|
|
41
40
|
}
|
|
42
|
-
declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }:
|
|
41
|
+
declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }: SliderDraggableProps): void;
|
|
43
42
|
export default useSliderDraggable;
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @description A custom React hook that enables pointer-based drag interactions
|
|
7
7
|
* for the Slick slider component.
|
|
8
|
-
*
|
|
9
8
|
* Responsibilities:
|
|
10
9
|
* - Attaches pointer event listeners to the slider container
|
|
11
10
|
* - Tracks drag state and movement distance
|
|
@@ -13,25 +12,23 @@
|
|
|
13
12
|
* - Determines swipe intent using a configurable threshold
|
|
14
13
|
* - Triggers next/previous slide navigation based on drag direction
|
|
15
14
|
* - Safely handles pointer cancellation and cleanup
|
|
16
|
-
*
|
|
17
15
|
* Behavior:
|
|
18
16
|
* - Dragging is enabled only when `draggable.enableDrag` is true
|
|
19
17
|
* - Horizontal movement controls slide navigation
|
|
20
18
|
* - Transitions are suppressed during drag and restored on release
|
|
21
19
|
* - Automatically cleans up listeners on unmount or ref changes
|
|
20
|
+
*
|
|
22
21
|
* -----------------------------------------------------------------------------
|
|
23
|
-
* Copyright ©
|
|
22
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
24
23
|
* -----------------------------------------------------------------------------
|
|
25
24
|
*/
|
|
26
25
|
import { useEffect } from 'react';
|
|
27
|
-
import { destructObj, isNullOrUndefined, preventDefault } from '../../
|
|
26
|
+
import { destructObj, isNullOrUndefined, preventDefault } from '../../components/helper';
|
|
28
27
|
function useSliderDraggable(_a) {
|
|
29
28
|
var applyTransform = _a.applyTransform, calculateTranslate = _a.calculateTranslate, draggable = _a.draggable, handleNextSlide = _a.handleNextSlide, handlePrevSlide = _a.handlePrevSlide, hasNextBtnDisabled = _a.hasNextBtnDisabled, hasPrevBtnDisabled = _a.hasPrevBtnDisabled, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef;
|
|
30
29
|
useEffect(function () {
|
|
31
30
|
var _a = destructObj(draggable), _b = _a.dragThreshold, dragThreshold = _b === void 0 ? 200 : _b, _c = _a.enableDrag, enableDrag = _c === void 0 ? true : _c;
|
|
32
|
-
|
|
33
|
-
return undefined;
|
|
34
|
-
var _d = destructObj(sliderObjRefs.current), currentIndex = _d.currentIndex, drag = _d.drag;
|
|
31
|
+
var _d = sliderObjRefs.current, currentIndex = _d.currentIndex, drag = _d.drag;
|
|
35
32
|
var container = sliderWrapperRef.current;
|
|
36
33
|
if (!enableDrag || isNullOrUndefined(container))
|
|
37
34
|
return undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderDraggable.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderDraggable.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,10 +14,11 @@
|
|
|
14
14
|
* - Calculates the total number of indicators
|
|
15
15
|
*
|
|
16
16
|
* -----------------------------------------------------------------------------
|
|
17
|
-
* Copyright ©
|
|
17
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
18
18
|
* -----------------------------------------------------------------------------
|
|
19
19
|
*/
|
|
20
|
-
import { type
|
|
20
|
+
import { type MutableRefObject, type RefObject } from 'react';
|
|
21
|
+
import type { SlickSliderRefs } from './useSlider';
|
|
21
22
|
interface UseSlickSliderNavigationReturn {
|
|
22
23
|
getActiveIndicatorIndex: () => number | undefined;
|
|
23
24
|
getIndicatorCount: () => number | undefined;
|
|
@@ -31,8 +32,8 @@ interface UseSlickSliderDimensionsProps {
|
|
|
31
32
|
activeSlide: number;
|
|
32
33
|
applyTransform: (indexOrTranslate: number, withTransition?: boolean) => void;
|
|
33
34
|
loop: boolean;
|
|
34
|
-
sliderObjRefs:
|
|
35
|
-
sliderWrapperRef:
|
|
35
|
+
sliderObjRefs: MutableRefObject<SlickSliderRefs>;
|
|
36
|
+
sliderWrapperRef: RefObject<HTMLDivElement | null>;
|
|
36
37
|
slideToScroll: number;
|
|
37
38
|
slideToShow: number;
|
|
38
39
|
speed?: number;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* - Calculates the total number of indicators
|
|
15
15
|
*
|
|
16
16
|
* -----------------------------------------------------------------------------
|
|
17
|
-
* Copyright ©
|
|
17
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
18
18
|
* -----------------------------------------------------------------------------
|
|
19
19
|
*/
|
|
20
20
|
import { useCallback, useState } from 'react';
|
|
@@ -27,16 +27,14 @@ function useSliderNavigation(_a) {
|
|
|
27
27
|
/**
|
|
28
28
|
* Calculates the currently active indicator index based on slide position.
|
|
29
29
|
*/
|
|
30
|
-
var getActiveIndicatorIndex = useCallback(function () { return Math.
|
|
30
|
+
var getActiveIndicatorIndex = useCallback(function () { return Math.ceil(currentSlideIndex / slideToScroll); }, [currentSlideIndex, slideToScroll]);
|
|
31
31
|
/**
|
|
32
32
|
* Computes the total number of indicators required for the slider.
|
|
33
33
|
*/
|
|
34
34
|
var getIndicatorCount = useCallback(function () {
|
|
35
|
-
if (!sliderObjRefs.current)
|
|
36
|
-
return undefined;
|
|
37
35
|
var totalSlides = sliderObjRefs.current.totalSlides;
|
|
38
|
-
return Math.max(1, Math.ceil(totalSlides /
|
|
39
|
-
}, [sliderObjRefs,
|
|
36
|
+
return Math.max(1, Math.ceil(totalSlides / slideToScroll));
|
|
37
|
+
}, [sliderObjRefs, slideToScroll]);
|
|
40
38
|
/**
|
|
41
39
|
* Moves the slider to a given slide index.
|
|
42
40
|
* - Stops execution if a slide animation is already running and the action
|
|
@@ -55,8 +53,6 @@ function useSliderNavigation(_a) {
|
|
|
55
53
|
* This logic creates a smooth infinite scrolling effect.
|
|
56
54
|
*/
|
|
57
55
|
var gotoSlideItem = useCallback(function (targetIndex, type) {
|
|
58
|
-
if (!sliderObjRefs.current)
|
|
59
|
-
return;
|
|
60
56
|
var _a = sliderObjRefs.current, isTransitionComplete = _a.isTransitionComplete, totalSlides = _a.totalSlides;
|
|
61
57
|
if (isTransitionComplete && type === 'ctrlBtn')
|
|
62
58
|
return;
|
|
@@ -68,8 +64,6 @@ function useSliderNavigation(_a) {
|
|
|
68
64
|
return;
|
|
69
65
|
}
|
|
70
66
|
setTimeout(function () {
|
|
71
|
-
if (!sliderObjRefs.current)
|
|
72
|
-
return;
|
|
73
67
|
var currentIndex = sliderObjRefs.current.currentIndex;
|
|
74
68
|
var loopedIndex = ((currentIndex % totalSlides) + totalSlides) % totalSlides;
|
|
75
69
|
var finalIndex = Math.min(loopedIndex, totalSlides);
|
|
@@ -80,21 +74,17 @@ function useSliderNavigation(_a) {
|
|
|
80
74
|
}, [sliderObjRefs, setCurrentSlideIndex, applyTransform, loop, speed]);
|
|
81
75
|
/** Navigates to a slide based on indicator (dot) index. */
|
|
82
76
|
var goToSlideIndicator = useCallback(function (indicatorIndex) {
|
|
83
|
-
var targetSlideIndex = indicatorIndex *
|
|
77
|
+
var targetSlideIndex = indicatorIndex * slideToScroll;
|
|
84
78
|
gotoSlideItem(targetSlideIndex);
|
|
85
|
-
}, [
|
|
79
|
+
}, [slideToScroll, gotoSlideItem]);
|
|
86
80
|
/** Function responsible for handling the next slide. */
|
|
87
81
|
var handleNextSlide = useCallback(function () {
|
|
88
|
-
if (!sliderObjRefs.current)
|
|
89
|
-
return;
|
|
90
82
|
var currentIdx = sliderObjRefs.current.currentIndex;
|
|
91
83
|
var nextIndex = currentIdx + slideToScroll;
|
|
92
84
|
gotoSlideItem(nextIndex, ctrlBtnString);
|
|
93
85
|
}, [gotoSlideItem, sliderObjRefs, slideToScroll]);
|
|
94
86
|
/** Function responsible for handling the prev slide. */
|
|
95
87
|
var handlePrevSlide = useCallback(function () {
|
|
96
|
-
if (!sliderObjRefs.current)
|
|
97
|
-
return;
|
|
98
88
|
var currentIdx = sliderObjRefs.current.currentIndex;
|
|
99
89
|
var prevIndex = currentIdx - slideToScroll;
|
|
100
90
|
gotoSlideItem(prevIndex, ctrlBtnString);
|
|
@@ -104,12 +94,10 @@ function useSliderNavigation(_a) {
|
|
|
104
94
|
* Always returns true when looping is enabled.
|
|
105
95
|
*/
|
|
106
96
|
var hasNextBtnDisabled = useCallback(function () {
|
|
107
|
-
if (!sliderObjRefs.current)
|
|
108
|
-
return true;
|
|
109
|
-
var totalSlides = sliderObjRefs.current.totalSlides;
|
|
110
97
|
if (loop)
|
|
111
98
|
return false;
|
|
112
|
-
|
|
99
|
+
var totalSlides = sliderObjRefs.current.totalSlides;
|
|
100
|
+
return currentSlideIndex >= totalSlides - slideToShow;
|
|
113
101
|
}, [currentSlideIndex, slideToShow, sliderObjRefs, loop]);
|
|
114
102
|
/**
|
|
115
103
|
* function determines whether the slider can navigate to the previous set of slides.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderNavigation.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderNavigation.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @file useSliderTransform
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description Hooks responsible for adding the Transition effect on Slider.
|
|
7
|
+
*
|
|
8
|
+
* Features:
|
|
9
|
+
* - Calculate the slider transited value according to slideToShow item.
|
|
10
|
+
*
|
|
11
|
+
* -----------------------------------------------------------------------------
|
|
12
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
13
|
+
* -----------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
import { type MutableRefObject, type RefObject } from 'react';
|
|
16
|
+
import type { SlickSliderAnimationConfig } from '../../components/SlickSlider';
|
|
17
|
+
import type { SlickSliderRefs } from './useSlider';
|
|
18
|
+
interface SlickSliderTransformProps {
|
|
19
|
+
animationConfig: SlickSliderAnimationConfig;
|
|
20
|
+
isAllSlidesVisible: boolean;
|
|
21
|
+
orientation: 'horizontal' | 'vertical';
|
|
22
|
+
sliderObjRefs: MutableRefObject<SlickSliderRefs>;
|
|
23
|
+
sliderWrapperRef: RefObject<HTMLDivElement | null>;
|
|
24
|
+
slideToShow: number;
|
|
25
|
+
}
|
|
26
|
+
interface SlickSliderTransformReturn {
|
|
27
|
+
applyTransform: (indexOrTranslate: number, withTransition?: boolean, isMouseMoving?: boolean) => void;
|
|
28
|
+
calculateTranslate: (indexOrTranslate: number) => number;
|
|
29
|
+
}
|
|
30
|
+
declare function useSliderTransform({ animationConfig, isAllSlidesVisible, orientation, sliderObjRefs, sliderWrapperRef, slideToShow, }: Readonly<SlickSliderTransformProps>): SlickSliderTransformReturn;
|
|
31
|
+
export default useSliderTransform;
|
|
@@ -9,17 +9,17 @@
|
|
|
9
9
|
* - Calculate the slider transited value according to slideToShow item.
|
|
10
10
|
*
|
|
11
11
|
* -----------------------------------------------------------------------------
|
|
12
|
-
* Copyright ©
|
|
12
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
13
13
|
* -----------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
15
|
import { useCallback } from 'react';
|
|
16
|
-
import { destructObj, isNullOrUndefined } from '../../
|
|
16
|
+
import { destructObj, isNullOrUndefined } from '../../components/helper';
|
|
17
17
|
function useSliderTransform(_a) {
|
|
18
|
-
var animationConfig = _a.animationConfig, isAllSlidesVisible = _a.isAllSlidesVisible,
|
|
18
|
+
var animationConfig = _a.animationConfig, isAllSlidesVisible = _a.isAllSlidesVisible, orientation = _a.orientation, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow;
|
|
19
19
|
// Constant
|
|
20
|
-
var isVertical =
|
|
20
|
+
var isVertical = orientation === 'vertical';
|
|
21
21
|
// Destruct props
|
|
22
|
-
var _b = destructObj(animationConfig), _c = _b.
|
|
22
|
+
var _b = destructObj(animationConfig), _c = _b.delay, delay = _c === void 0 ? 500 : _c, _d = _b.easing, easing = _d === void 0 ? 'ease' : _d;
|
|
23
23
|
/**
|
|
24
24
|
* Calculates how much the slider track should move when the slide changes.
|
|
25
25
|
* We add slideToShow to the index because extra (cloned) slides are added
|
|
@@ -32,19 +32,14 @@ function useSliderTransform(_a) {
|
|
|
32
32
|
* direction of the slide change.
|
|
33
33
|
*/
|
|
34
34
|
var calculateTranslate = useCallback(function (index) {
|
|
35
|
-
if (!sliderObjRefs.current)
|
|
36
|
-
return 0;
|
|
37
35
|
var _a = sliderObjRefs.current, _b = _a.containerHeight, containerHeight = _b === void 0 ? 0 : _b, _c = _a.containerWidth, containerWidth = _c === void 0 ? 0 : _c;
|
|
38
36
|
var extendedIndex = index + slideToShow;
|
|
39
37
|
if (isVertical) {
|
|
40
38
|
return -extendedIndex * containerHeight;
|
|
41
39
|
}
|
|
42
40
|
var slideWidth = containerWidth / slideToShow;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return -translate;
|
|
46
|
-
return translate;
|
|
47
|
-
}, [variant, slideToShow, sliderObjRefs, isVertical, isRTLMode]);
|
|
41
|
+
return -extendedIndex * slideWidth;
|
|
42
|
+
}, [orientation, slideToShow, sliderObjRefs]);
|
|
48
43
|
/**
|
|
49
44
|
* Applies translateX (or raw value) to the slider container,
|
|
50
45
|
* with optional transition handling.
|
|
@@ -59,10 +54,10 @@ function useSliderTransform(_a) {
|
|
|
59
54
|
var axisX = isVertical ? 0 : translatedValue;
|
|
60
55
|
var axisY = isVertical ? translatedValue : 0;
|
|
61
56
|
Object.assign(container.style, {
|
|
62
|
-
transform:
|
|
63
|
-
transition: withTransition ? "transform ".concat(
|
|
57
|
+
transform: isVertical ? "translate3d(0,".concat(axisY, "px, 0)") : "translate3d(".concat(axisX, "px, 0, 0)"),
|
|
58
|
+
transition: withTransition ? "transform ".concat(delay, "ms ").concat(easing) : 'none',
|
|
64
59
|
});
|
|
65
|
-
}, [calculateTranslate, sliderWrapperRef,
|
|
60
|
+
}, [calculateTranslate, sliderWrapperRef, delay, easing, isAllSlidesVisible]);
|
|
66
61
|
return { applyTransform: applyTransform, calculateTranslate: calculateTranslate };
|
|
67
62
|
}
|
|
68
63
|
export default useSliderTransform;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSliderTransform.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderTransform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAyC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAmBzE,SAAS,kBAAkB,CAAC,EAOU;QANpC,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX,WAAW;IACX,IAAM,UAAU,GAAY,WAAW,KAAK,UAAU,CAAC;IAEvD,iBAAiB;IACX,IAAA,KAAmC,WAAW,CAAC,eAAe,CAAC,EAA7D,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAiC,CAAC;IAEtE;;;;;;;;;;OAUG;IACH,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAAa;QACN,IAAA,KAA8C,aAAa,CAAC,OAAO,EAAjE,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EAAE,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAA0B,CAAC;QAC1E,IAAM,aAAa,GAAG,KAAK,GAAG,WAAW,CAAC;QAE1C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,aAAa,GAAG,eAAe,CAAC;QAC1C,CAAC;QACD,IAAM,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;QAEhD,OAAO,CAAC,aAAa,GAAG,UAAU,CAAC;IACrC,CAAC,EACD,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,CAAC,CAC1C,CAAC;IAEF;;;OAGG;IACH,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,gBAAwB,EAAE,cAAqB,EAAE,aAAqB;QAA5C,+BAAA,EAAA,qBAAqB;QAAE,8BAAA,EAAA,qBAAqB;QACrE,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC3C,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,kBAAkB;YAAE,OAAO;QAC/D,IAAM,eAAe,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAChG,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;QAC/C,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;YAC7B,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,wBAAiB,KAAK,WAAQ,CAAC,CAAC,CAAC,sBAAe,KAAK,cAAW;YACxF,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,oBAAa,KAAK,gBAAM,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM;SACvE,CAAC,CAAC;IACL,CAAC,EACD,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAC1E,CAAC;IAEF,OAAO,EAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC;AAChD,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAI,GAAW,EAAE,YAAgB;IACxD,IAAA,KAAgC,QAAQ,CAAgB;QAC5D,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO,YAAY,CAAC;QACtB,CAAC;QACD,IAAI,CAAC;YACH,IAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAAmC,GAAG,QAAI,EAAE,KAAK,CAAC,CAAC;YACjE,OAAO,YAAY,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,EAXK,WAAW,QAAA,EAAE,cAAc,QAWhC,CAAC;IAEH,IAAM,QAAQ,GAAG,UAAC,KAAoB;QACpC,IAAI,CAAC;YACH,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;gBACtC,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAAmC,GAAG,QAAI,EAAE,KAAK,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAM,mBAAmB,GAAG,UAAC,CAAe;YAC1C,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACzC,IAAI,CAAC;oBACH,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACzC,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,qDAA6C,GAAG,QAAI,EAAE,KAAK,CAAC,CAAC;gBAC7E,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QACxD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,EAA1D,CAA0D,CAAC;IAC1E,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACjC,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as helper from './
|
|
1
|
+
import * as helper from './components/helper';
|
|
2
2
|
export { default as Accordion, type AccordionProps } from './components/Accordion';
|
|
3
3
|
export { default as Alert, type AlertProps } from './components/Alert';
|
|
4
4
|
export { default as Badge, type BadgeProps } from './components/Badge';
|
|
@@ -14,7 +14,7 @@ export { default as TextInput, type TextInputProps } from './components/TextInpu
|
|
|
14
14
|
export { default as NumberInput, type NumberInputProps } from './components/NumberInput';
|
|
15
15
|
export { default as Dropdown, type DropdownProps } from './components/Dropdown';
|
|
16
16
|
export { default as MultiCheckbox, type MultiCheckboxProps } from './components/MultiCheckbox';
|
|
17
|
-
export { default as SlickSlider, type SlickSliderProps, type SlickSliderDataProps
|
|
17
|
+
export { default as SlickSlider, type SlickSliderProps, type SlickSliderDataProps } from './components/SlickSlider';
|
|
18
18
|
export { default as MultiRadio, type MultiRadioProps } from './components/MultiRadio';
|
|
19
19
|
export { default as SkeletonLoader, type SkeletonLoaderProps } from './components/SkeletonLoader';
|
|
20
20
|
export { default as ThreeDotsLoader, type ThreeDotsLoaderProps } from './components/ThreeDotsLoader';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as helper from './
|
|
1
|
+
import * as helper from './components/helper';
|
|
2
2
|
export { default as Accordion } from './components/Accordion';
|
|
3
3
|
export { default as Alert } from './components/Alert';
|
|
4
4
|
export { default as Badge } from './components/Badge';
|
|
@@ -14,7 +14,7 @@ export { default as TextInput } from './components/TextInput';
|
|
|
14
14
|
export { default as NumberInput } from './components/NumberInput';
|
|
15
15
|
export { default as Dropdown } from './components/Dropdown';
|
|
16
16
|
export { default as MultiCheckbox } from './components/MultiCheckbox';
|
|
17
|
-
export { default as SlickSlider
|
|
17
|
+
export { default as SlickSlider } from './components/SlickSlider';
|
|
18
18
|
export { default as MultiRadio } from './components/MultiRadio';
|
|
19
19
|
export { default as SkeletonLoader } from './components/SkeletonLoader';
|
|
20
20
|
export { default as ThreeDotsLoader } from './components/ThreeDotsLoader';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAA2C,MAAM,yBAAyB,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAA2B,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAoD,MAAM,0BAA0B,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,cAAc,EAA4B,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,eAAe,EAA6B,MAAM,8BAA8B,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAA8B,MAAM,+BAA+B,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,CAAC,IAAM,EAAE,GAAG;IAChB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACjB,
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,CAAC,IAAM,EAAE,GAAG;IAChB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACjB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import React, { memo } from 'react';
|
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import ICONS from '../constants/icons';
|
|
6
6
|
import Button from '../components/Button';
|
|
7
|
-
import { destructObj } from '../
|
|
7
|
+
import { destructObj } from '../components/helper';
|
|
8
8
|
// Destruct ICONS object
|
|
9
9
|
var preview = ICONS.preview, previewOff = ICONS.previewOff;
|
|
10
10
|
function ToggleButton(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/subComponent/ToggleButton.tsx"],"names":[],"mappings":"AAAA,yEAAyE;;AAEzE,OAAO,KAAK,EAAE,EAAE,IAAI,EAAgB,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/subComponent/ToggleButton.tsx"],"names":[],"mappings":"AAAA,yEAAyE;;AAEzE,OAAO,KAAK,EAAE,EAAE,IAAI,EAAgB,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,MAAuB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD,wBAAwB;AAChB,IAAA,OAAO,GAAiB,KAAK,QAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;AAEtC,SAAS,YAAY,CAAC,EAOF;IANlB,IAAA,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACN,IAAI,cANa,sDAOrB,CADQ;IAEP,iBAAiB;IACT,IAAQ,QAAQ,GAAK,WAAW,CAAC,UAAU,CAAC,OAA5B,CAA6B;IACrD,OAAO,CACL,oBAAC,MAAM,eACD,IAAI,IACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,gBACxE,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,IAC3C,CACH,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC,YAAY,CAAC,CAAC"}
|