@salutejs/plasma-new-hope 0.342.0-canary.2352.19633574715.0 → 0.342.0-canary.2352.19667359711.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Sheet/Sheet.js +4 -1
- package/cjs/components/Sheet/Sheet.js.map +1 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.js +9 -2
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/emotion/cjs/components/Sheet/Sheet.js +3 -1
- package/emotion/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/emotion/cjs/components/TimePicker/TimePicker.js +9 -2
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/Sheet/Sheet.js +3 -1
- package/emotion/es/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/emotion/es/components/TimePicker/TimePicker.js +9 -2
- package/es/components/Sheet/Sheet.js +4 -1
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Sheet/hooks/useSheetSwipe.js +2 -1
- package/es/components/Sheet/hooks/useSheetSwipe.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js +9 -2
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Sheet/Sheet.js +3 -1
- package/styled-components/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +9 -2
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Sheet/Sheet.js +3 -1
- package/styled-components/es/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/styled-components/es/components/TimePicker/TimePicker.js +9 -2
- package/types/components/Sheet/Sheet.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +6 -0
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts +1 -0
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
|
@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
18
18
|
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
20
20
|
|
|
21
|
-
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
|
|
21
|
+
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "hasScrollEvents", "throttleMs", "className", "view"];
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* Открывает окно-шторку поверх основного экрана.
|
|
@@ -44,6 +44,8 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
44
44
|
withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
|
|
45
45
|
_ref$withTransition = _ref.withTransition,
|
|
46
46
|
withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
|
|
47
|
+
_ref$hasScrollEvents = _ref.hasScrollEvents,
|
|
48
|
+
hasScrollEvents = _ref$hasScrollEvents === void 0 ? true : _ref$hasScrollEvents,
|
|
47
49
|
throttleMs = _ref.throttleMs,
|
|
48
50
|
className = _ref.className,
|
|
49
51
|
view = _ref.view,
|
|
@@ -59,6 +61,7 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
59
61
|
contentRef: contentRef,
|
|
60
62
|
handleRef: handleRef,
|
|
61
63
|
throttleMs: throttleMs,
|
|
64
|
+
hasScrollEvents: hasScrollEvents,
|
|
62
65
|
onClose: onClose
|
|
63
66
|
});
|
|
64
67
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;;IAEaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n hasScrollEvents = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
23
23
|
var contentWrapperRef = args.contentWrapperRef,
|
|
24
24
|
contentRef = args.contentRef,
|
|
25
25
|
handleRef = args.handleRef,
|
|
26
|
+
hasScrollEvents = args.hasScrollEvents,
|
|
26
27
|
onClose = args.onClose,
|
|
27
28
|
_args$throttleMs = args.throttleMs,
|
|
28
29
|
throttleMs = _args$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args$throttleMs;
|
|
@@ -38,7 +39,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
38
39
|
var handleEl = handleRef.current;
|
|
39
40
|
var contentEl = contentRef.current;
|
|
40
41
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
41
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
42
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
42
43
|
return;
|
|
43
44
|
}
|
|
44
45
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n throttleMs?: number;\n onClose: () => void;\n}) => {\n const {
|
|
1
|
+
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n throttleMs?: number;\n hasScrollEvents?: boolean;\n onClose: () => void;\n}) => {\n const {\n contentWrapperRef,\n contentRef,\n handleRef,\n hasScrollEvents,\n onClose,\n throttleMs = THROTTLE_DEFAULT_MS,\n } = args;\n const [isTopScroll, setIsTopScroll] = useState(true);\n const isOverscroll = useRef(false);\n const startY = useRef(0);\n const currentY = useRef(0);\n\n useEffect(() => {\n const contentWrapperEl = contentWrapperRef.current;\n const handleEl = handleRef.current;\n const contentEl = contentRef.current;\n\n const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {\n return;\n }\n\n const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n const scrollableElements = nodes.filter(isScrollable);\n\n contentWrapperEl.style.willChange = 'transform';\n\n const onTouchStart = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n startY.current = event.changedTouches[0].clientY;\n currentY.current = startY.current;\n\n contentWrapperEl.style.transition = 'none';\n };\n\n const onTouchMove = (event: TouchEvent) => {\n const { clientY } = event.changedTouches[0];\n currentY.current = Math.max(startY.current, clientY);\n const offsetY = currentY.current - startY.current;\n\n if (isOverscroll.current) {\n startY.current = Infinity;\n return;\n }\n\n if (offsetY !== 0 && event.cancelable) {\n event.preventDefault();\n }\n\n contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n };\n\n const onTouchEnd = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n const curtainHeight = contentWrapperEl.offsetHeight;\n const endY = event.changedTouches[0].clientY;\n const offsetY = endY - startY.current;\n\n contentWrapperEl.style.transform = '';\n contentWrapperEl.style.transition = '';\n\n if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n onClose();\n }\n };\n\n const onScroll = throttle((event: Event) => {\n const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n if (!onTop) {\n isOverscroll.current = true;\n }\n\n setIsTopScroll(onTop);\n }, throttleMs);\n\n triggerElement.addEventListener('touchstart', onTouchStart);\n triggerElement.addEventListener('touchmove', onTouchMove);\n triggerElement.addEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.addEventListener('scroll', onScroll);\n });\n\n return () => {\n triggerElement.removeEventListener('touchstart', onTouchStart);\n triggerElement.removeEventListener('touchmove', onTouchMove);\n triggerElement.removeEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.removeEventListener('scroll', onScroll);\n });\n };\n }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","hasScrollEvents","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}
|
|
@@ -274,7 +274,14 @@ var timePickerRoot = function timePickerRoot(Root) {
|
|
|
274
274
|
target: TimePickerInput,
|
|
275
275
|
preventOverflow: false,
|
|
276
276
|
align: dropdownAlign
|
|
277
|
-
}, /*#__PURE__*/React__default.default.createElement(
|
|
277
|
+
}, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
278
|
+
stretched: stretched,
|
|
279
|
+
view: view,
|
|
280
|
+
size: size,
|
|
281
|
+
className: cls__default.default(TimePicker_tokens.classes.timePickerRoot, className, _rollupPluginBabelHelpers.defineProperty({}, TimePicker_tokens.classes.timePickerstretched, stretched)),
|
|
282
|
+
disabled: disabled,
|
|
283
|
+
readonly: readonly
|
|
284
|
+
}, rest), /*#__PURE__*/React__default.default.createElement(TimePicker_styles.StyledTimePickerGrid, {
|
|
278
285
|
value: viewValue,
|
|
279
286
|
onChange: handleOnChange,
|
|
280
287
|
dropdownHeight: dropdownHeight,
|
|
@@ -283,7 +290,7 @@ var timePickerRoot = function timePickerRoot(Root) {
|
|
|
283
290
|
view: view,
|
|
284
291
|
size: size,
|
|
285
292
|
disabled: disabled
|
|
286
|
-
})));
|
|
293
|
+
}))));
|
|
287
294
|
});
|
|
288
295
|
};
|
|
289
296
|
var timePickerConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number | null;\n minutes?: number | null;\n seconds?: number | null;\n currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue || '');\n const [rootWidth, setRootWidth] = useState<number | null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled || readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled || readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number | null;\n minutes?: number | null;\n seconds?: number | null;\n currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue || '');\n const [rootWidth, setRootWidth] = useState<number | null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled || readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled || readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
|
|
@@ -123,7 +123,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
123
123
|
}
|
|
124
124
|
var sheetRoot = function(Root) {
|
|
125
125
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, rootRef) {
|
|
126
|
-
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
126
|
+
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, _param_hasScrollEvents = _param.hasScrollEvents, hasScrollEvents = _param_hasScrollEvents === void 0 ? true : _param_hasScrollEvents, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
127
127
|
"opened",
|
|
128
128
|
"children",
|
|
129
129
|
"onClose",
|
|
@@ -136,6 +136,7 @@ var sheetRoot = function(Root) {
|
|
|
136
136
|
"withOverlay",
|
|
137
137
|
"withBlur",
|
|
138
138
|
"withTransition",
|
|
139
|
+
"hasScrollEvents",
|
|
139
140
|
"throttleMs",
|
|
140
141
|
"className",
|
|
141
142
|
"view"
|
|
@@ -151,6 +152,7 @@ var sheetRoot = function(Root) {
|
|
|
151
152
|
contentRef: contentRef,
|
|
152
153
|
handleRef: handleRef,
|
|
153
154
|
throttleMs: throttleMs,
|
|
155
|
+
hasScrollEvents: hasScrollEvents,
|
|
154
156
|
onClose: onClose
|
|
155
157
|
});
|
|
156
158
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -71,7 +71,7 @@ var isScrollable = function(element) {
|
|
|
71
71
|
return style.overflow === 'scroll' || style.overflow === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'auto';
|
|
72
72
|
};
|
|
73
73
|
var useSheetSwipe = function(args) {
|
|
74
|
-
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
74
|
+
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, hasScrollEvents = args.hasScrollEvents, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
75
75
|
var _useState = _sliced_to_array((0, _react.useState)(true), 2), isTopScroll = _useState[0], setIsTopScroll = _useState[1];
|
|
76
76
|
var isOverscroll = (0, _react.useRef)(false);
|
|
77
77
|
var startY = (0, _react.useRef)(0);
|
|
@@ -81,7 +81,7 @@ var useSheetSwipe = function(args) {
|
|
|
81
81
|
var handleEl = handleRef.current;
|
|
82
82
|
var contentEl = contentRef.current;
|
|
83
83
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
84
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
84
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
85
85
|
return;
|
|
86
86
|
}
|
|
87
87
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -432,7 +432,14 @@ var timePickerRoot = function(Root) {
|
|
|
432
432
|
target: TimePickerInput,
|
|
433
433
|
preventOverflow: false,
|
|
434
434
|
align: dropdownAlign
|
|
435
|
-
}, /*#__PURE__*/ _react.default.createElement(
|
|
435
|
+
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
436
|
+
stretched: stretched,
|
|
437
|
+
view: view,
|
|
438
|
+
size: size,
|
|
439
|
+
className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, _define_property({}, _TimePickertokens.classes.timePickerstretched, stretched)),
|
|
440
|
+
disabled: disabled,
|
|
441
|
+
readonly: readonly
|
|
442
|
+
}, rest), /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
|
|
436
443
|
value: viewValue,
|
|
437
444
|
onChange: handleOnChange,
|
|
438
445
|
dropdownHeight: dropdownHeight,
|
|
@@ -441,7 +448,7 @@ var timePickerRoot = function(Root) {
|
|
|
441
448
|
view: view,
|
|
442
449
|
size: size,
|
|
443
450
|
disabled: disabled
|
|
444
|
-
})));
|
|
451
|
+
}))));
|
|
445
452
|
});
|
|
446
453
|
};
|
|
447
454
|
var timePickerConfig = {
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -66,7 +66,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
66
66
|
* Открывает окно-шторку поверх основного экрана.
|
|
67
67
|
*/ export var sheetRoot = function(Root) {
|
|
68
68
|
return /*#__PURE__*/ forwardRef(function(_param, rootRef) {
|
|
69
|
-
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
69
|
+
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, _param_hasScrollEvents = _param.hasScrollEvents, hasScrollEvents = _param_hasScrollEvents === void 0 ? true : _param_hasScrollEvents, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
70
70
|
"opened",
|
|
71
71
|
"children",
|
|
72
72
|
"onClose",
|
|
@@ -79,6 +79,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
79
79
|
"withOverlay",
|
|
80
80
|
"withBlur",
|
|
81
81
|
"withTransition",
|
|
82
|
+
"hasScrollEvents",
|
|
82
83
|
"throttleMs",
|
|
83
84
|
"className",
|
|
84
85
|
"view"
|
|
@@ -94,6 +95,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
94
95
|
contentRef: contentRef,
|
|
95
96
|
handleRef: handleRef,
|
|
96
97
|
throttleMs: throttleMs,
|
|
98
|
+
hasScrollEvents: hasScrollEvents,
|
|
97
99
|
onClose: onClose
|
|
98
100
|
});
|
|
99
101
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -56,7 +56,7 @@ var isScrollable = function(element) {
|
|
|
56
56
|
return style.overflow === 'scroll' || style.overflow === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'auto';
|
|
57
57
|
};
|
|
58
58
|
export var useSheetSwipe = function(args) {
|
|
59
|
-
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
59
|
+
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, hasScrollEvents = args.hasScrollEvents, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
60
60
|
var _useState = _sliced_to_array(useState(true), 2), isTopScroll = _useState[0], setIsTopScroll = _useState[1];
|
|
61
61
|
var isOverscroll = useRef(false);
|
|
62
62
|
var startY = useRef(0);
|
|
@@ -66,7 +66,7 @@ export var useSheetSwipe = function(args) {
|
|
|
66
66
|
var handleEl = handleRef.current;
|
|
67
67
|
var contentEl = contentRef.current;
|
|
68
68
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
69
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
69
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
70
70
|
return;
|
|
71
71
|
}
|
|
72
72
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -368,7 +368,14 @@ export var timePickerRoot = function(Root) {
|
|
|
368
368
|
target: TimePickerInput,
|
|
369
369
|
preventOverflow: false,
|
|
370
370
|
align: dropdownAlign
|
|
371
|
-
}, /*#__PURE__*/ React.createElement(
|
|
371
|
+
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
372
|
+
stretched: stretched,
|
|
373
|
+
view: view,
|
|
374
|
+
size: size,
|
|
375
|
+
className: cls(classes.timePickerRoot, className, _define_property({}, classes.timePickerstretched, stretched)),
|
|
376
|
+
disabled: disabled,
|
|
377
|
+
readonly: readonly
|
|
378
|
+
}, rest), /*#__PURE__*/ React.createElement(StyledTimePickerGrid, {
|
|
372
379
|
value: viewValue,
|
|
373
380
|
onChange: handleOnChange,
|
|
374
381
|
dropdownHeight: dropdownHeight,
|
|
@@ -377,7 +384,7 @@ export var timePickerRoot = function(Root) {
|
|
|
377
384
|
view: view,
|
|
378
385
|
size: size,
|
|
379
386
|
disabled: disabled
|
|
380
|
-
})));
|
|
387
|
+
}))));
|
|
381
388
|
});
|
|
382
389
|
};
|
|
383
390
|
export var timePickerConfig = {
|
|
@@ -10,7 +10,7 @@ import { useOverflow } from './hooks/useOverflow.js';
|
|
|
10
10
|
import { useSheetSwipe } from './hooks/useSheetSwipe.js';
|
|
11
11
|
import { Overlay } from '../Overlay/Overlay.js';
|
|
12
12
|
|
|
13
|
-
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
|
|
13
|
+
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "hasScrollEvents", "throttleMs", "className", "view"];
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* Открывает окно-шторку поверх основного экрана.
|
|
@@ -36,6 +36,8 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
36
36
|
withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
|
|
37
37
|
_ref$withTransition = _ref.withTransition,
|
|
38
38
|
withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
|
|
39
|
+
_ref$hasScrollEvents = _ref.hasScrollEvents,
|
|
40
|
+
hasScrollEvents = _ref$hasScrollEvents === void 0 ? true : _ref$hasScrollEvents,
|
|
39
41
|
throttleMs = _ref.throttleMs,
|
|
40
42
|
className = _ref.className,
|
|
41
43
|
view = _ref.view,
|
|
@@ -51,6 +53,7 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
51
53
|
contentRef: contentRef,
|
|
52
54
|
handleRef: handleRef,
|
|
53
55
|
throttleMs: throttleMs,
|
|
56
|
+
hasScrollEvents: hasScrollEvents,
|
|
54
57
|
onClose: onClose
|
|
55
58
|
});
|
|
56
59
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAqBA;AACA;AACA;;IAEaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CACN,UAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n hasScrollEvents = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
15
15
|
var contentWrapperRef = args.contentWrapperRef,
|
|
16
16
|
contentRef = args.contentRef,
|
|
17
17
|
handleRef = args.handleRef,
|
|
18
|
+
hasScrollEvents = args.hasScrollEvents,
|
|
18
19
|
onClose = args.onClose,
|
|
19
20
|
_args$throttleMs = args.throttleMs,
|
|
20
21
|
throttleMs = _args$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args$throttleMs;
|
|
@@ -30,7 +31,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
30
31
|
var handleEl = handleRef.current;
|
|
31
32
|
var contentEl = contentRef.current;
|
|
32
33
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
33
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
34
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
36
37
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n throttleMs?: number;\n onClose: () => void;\n}) => {\n const {
|
|
1
|
+
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n throttleMs?: number;\n hasScrollEvents?: boolean;\n onClose: () => void;\n}) => {\n const {\n contentWrapperRef,\n contentRef,\n handleRef,\n hasScrollEvents,\n onClose,\n throttleMs = THROTTLE_DEFAULT_MS,\n } = args;\n const [isTopScroll, setIsTopScroll] = useState(true);\n const isOverscroll = useRef(false);\n const startY = useRef(0);\n const currentY = useRef(0);\n\n useEffect(() => {\n const contentWrapperEl = contentWrapperRef.current;\n const handleEl = handleRef.current;\n const contentEl = contentRef.current;\n\n const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {\n return;\n }\n\n const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n const scrollableElements = nodes.filter(isScrollable);\n\n contentWrapperEl.style.willChange = 'transform';\n\n const onTouchStart = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n startY.current = event.changedTouches[0].clientY;\n currentY.current = startY.current;\n\n contentWrapperEl.style.transition = 'none';\n };\n\n const onTouchMove = (event: TouchEvent) => {\n const { clientY } = event.changedTouches[0];\n currentY.current = Math.max(startY.current, clientY);\n const offsetY = currentY.current - startY.current;\n\n if (isOverscroll.current) {\n startY.current = Infinity;\n return;\n }\n\n if (offsetY !== 0 && event.cancelable) {\n event.preventDefault();\n }\n\n contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n };\n\n const onTouchEnd = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n const curtainHeight = contentWrapperEl.offsetHeight;\n const endY = event.changedTouches[0].clientY;\n const offsetY = endY - startY.current;\n\n contentWrapperEl.style.transform = '';\n contentWrapperEl.style.transition = '';\n\n if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n onClose();\n }\n };\n\n const onScroll = throttle((event: Event) => {\n const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n if (!onTop) {\n isOverscroll.current = true;\n }\n\n setIsTopScroll(onTop);\n }, throttleMs);\n\n triggerElement.addEventListener('touchstart', onTouchStart);\n triggerElement.addEventListener('touchmove', onTouchMove);\n triggerElement.addEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.addEventListener('scroll', onScroll);\n });\n\n return () => {\n triggerElement.removeEventListener('touchstart', onTouchStart);\n triggerElement.removeEventListener('touchmove', onTouchMove);\n triggerElement.removeEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.removeEventListener('scroll', onScroll);\n });\n };\n }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","hasScrollEvents","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":";;;;AAGA,IAAMA,eAAe,GAAG,GAAG,CAAA;AAC3B,IAAMC,mBAAmB,GAAG,CAAC,CAAA;AAE7B,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,OAA2B,EAAK;EAClD,IAAI,CAACA,OAAO,EAAE;AACV,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAMC,KAAK,GAAGC,gBAAgB,CAACF,OAAO,CAAC,CAAA;EAEvC,OACIC,KAAK,CAACE,QAAQ,KAAK,QAAQ,IAC3BF,KAAK,CAACE,QAAQ,KAAK,MAAM,IACzBF,KAAK,CAACG,SAAS,KAAK,QAAQ,IAC5BH,KAAK,CAACG,SAAS,KAAK,MAAM,CAAA;AAElC,CAAC,CAAA;IAEYC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAO7B,EAAK;AACF,EAAA,IACIC,iBAAiB,GAMjBD,IAAI,CANJC,iBAAiB;IACjBC,UAAU,GAKVF,IAAI,CALJE,UAAU;IACVC,SAAS,GAITH,IAAI,CAJJG,SAAS;IACTC,eAAe,GAGfJ,IAAI,CAHJI,eAAe;IACfC,OAAO,GAEPL,IAAI,CAFJK,OAAO;IAAAC,gBAAA,GAEPN,IAAI,CADJO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,gBAAA,KAAGd,KAAAA,CAAAA,GAAAA,mBAAmB,GAAAc,gBAAA,CAAA;AAEpC,EAAA,IAAAE,SAAA,GAAsCC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAMI,YAAY,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAA;AAClC,EAAA,IAAMC,MAAM,GAAGD,MAAM,CAAC,CAAC,CAAC,CAAA;AACxB,EAAA,IAAME,QAAQ,GAAGF,MAAM,CAAC,CAAC,CAAC,CAAA;AAE1BG,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,gBAAgB,GAAGlB,iBAAiB,CAACmB,OAAO,CAAA;AAClD,IAAA,IAAMC,QAAQ,GAAGlB,SAAS,CAACiB,OAAO,CAAA;AAClC,IAAA,IAAME,SAAS,GAAGpB,UAAU,CAACkB,OAAO,CAAA;AAEpC,IAAA,IAAMG,cAAc,GAAG,CAACX,WAAW,GAAGS,QAAQ,GAAGF,gBAAgB,CAAA;IAEjE,IAAI,CAACI,cAAc,IAAI,CAACD,SAAS,IAAI,CAACH,gBAAgB,IAAI,CAACf,eAAe,EAAE;AACxE,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMoB,KAAK,GAAGC,KAAK,CAACC,IAAI,CAAcP,gBAAgB,CAACQ,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAA;AAC7E,IAAA,IAAMC,kBAAkB,GAAGJ,KAAK,CAACK,MAAM,CAACpC,YAAY,CAAC,CAAA;AAErD0B,IAAAA,gBAAgB,CAACxB,KAAK,CAACmC,UAAU,GAAG,WAAW,CAAA;AAE/C,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAiB,EAAK;MACxClB,YAAY,CAACM,OAAO,GAAG,KAAK,CAAA;MAE5BJ,MAAM,CAACI,OAAO,GAAGY,KAAK,CAACC,cAAc,CAAC,CAAC,CAAC,CAACC,OAAO,CAAA;AAChDjB,MAAAA,QAAQ,CAACG,OAAO,GAAGJ,MAAM,CAACI,OAAO,CAAA;AAEjCD,MAAAA,gBAAgB,CAACxB,KAAK,CAACwC,UAAU,GAAG,MAAM,CAAA;KAC7C,CAAA;AAED,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,KAAiB,EAAK;MACvC,IAAQE,OAAO,GAAKF,KAAK,CAACC,cAAc,CAAC,CAAC,CAAC,CAAnCC,OAAO,CAAA;AACfjB,MAAAA,QAAQ,CAACG,OAAO,GAAGiB,IAAI,CAACC,GAAG,CAACtB,MAAM,CAACI,OAAO,EAAEc,OAAO,CAAC,CAAA;MACpD,IAAMK,OAAO,GAAGtB,QAAQ,CAACG,OAAO,GAAGJ,MAAM,CAACI,OAAO,CAAA;MAEjD,IAAIN,YAAY,CAACM,OAAO,EAAE;QACtBJ,MAAM,CAACI,OAAO,GAAGoB,QAAQ,CAAA;AACzB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAID,OAAO,KAAK,CAAC,IAAIP,KAAK,CAACS,UAAU,EAAE;QACnCT,KAAK,CAACU,cAAc,EAAE,CAAA;AAC1B,OAAA;MAEAvB,gBAAgB,CAACxB,KAAK,CAACgD,SAAS,iBAAAC,MAAA,CAAiBL,OAAO,EAAK,KAAA,CAAA,CAAA;KAChE,CAAA;AAED,IAAA,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAIb,KAAiB,EAAK;MACtClB,YAAY,CAACM,OAAO,GAAG,KAAK,CAAA;AAE5B,MAAA,IAAM0B,aAAa,GAAG3B,gBAAgB,CAAC4B,YAAY,CAAA;MACnD,IAAMC,IAAI,GAAGhB,KAAK,CAACC,cAAc,CAAC,CAAC,CAAC,CAACC,OAAO,CAAA;AAC5C,MAAA,IAAMK,OAAO,GAAGS,IAAI,GAAGhC,MAAM,CAACI,OAAO,CAAA;AAErCD,MAAAA,gBAAgB,CAACxB,KAAK,CAACgD,SAAS,GAAG,EAAE,CAAA;AACrCxB,MAAAA,gBAAgB,CAACxB,KAAK,CAACwC,UAAU,GAAG,EAAE,CAAA;AAEtC,MAAA,IAAII,OAAO,GAAGO,aAAa,GAAGvD,eAAe,EAAE;AAC3Cc,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;KACH,CAAA;AAED,IAAA,IAAM4C,QAAQ,GAAGC,QAAQ,CAAC,UAAClB,KAAY,EAAK;MACxC,IAAMmB,KAAK,GAAInB,KAAK,CAACoB,MAAM,CAAiBC,SAAS,IAAI,CAAC,CAAA;MAE1D,IAAI,CAACF,KAAK,EAAE;QACRrC,YAAY,CAACM,OAAO,GAAG,IAAI,CAAA;AAC/B,OAAA;MAEAP,cAAc,CAACsC,KAAK,CAAC,CAAA;KACxB,EAAE5C,UAAU,CAAC,CAAA;AAEdgB,IAAAA,cAAc,CAAC+B,gBAAgB,CAAC,YAAY,EAAEvB,YAAY,CAAC,CAAA;AAC3DR,IAAAA,cAAc,CAAC+B,gBAAgB,CAAC,WAAW,EAAElB,WAAW,CAAC,CAAA;AACzDb,IAAAA,cAAc,CAAC+B,gBAAgB,CAAC,UAAU,EAAET,UAAU,CAAC,CAAA;AAEvDjB,IAAAA,kBAAkB,CAAC2B,OAAO,CAAC,UAAC7D,OAAO,EAAK;AACpCA,MAAAA,OAAO,CAAC4D,gBAAgB,CAAC,QAAQ,EAAEL,QAAQ,CAAC,CAAA;AAChD,KAAC,CAAC,CAAA;AAEF,IAAA,OAAO,YAAM;AACT1B,MAAAA,cAAc,CAACiC,mBAAmB,CAAC,YAAY,EAAEzB,YAAY,CAAC,CAAA;AAC9DR,MAAAA,cAAc,CAACiC,mBAAmB,CAAC,WAAW,EAAEpB,WAAW,CAAC,CAAA;AAC5Db,MAAAA,cAAc,CAACiC,mBAAmB,CAAC,UAAU,EAAEX,UAAU,CAAC,CAAA;AAE1DjB,MAAAA,kBAAkB,CAAC2B,OAAO,CAAC,UAAC7D,OAAO,EAAK;AACpCA,QAAAA,OAAO,CAAC8D,mBAAmB,CAAC,QAAQ,EAAEP,QAAQ,CAAC,CAAA;AACnD,OAAC,CAAC,CAAA;KACL,CAAA;AACL,GAAC,EAAE,CAACrC,WAAW,CAAC,CAAC,CAAA;AACrB;;;;"}
|
|
@@ -265,7 +265,14 @@ var timePickerRoot = function timePickerRoot(Root) {
|
|
|
265
265
|
target: TimePickerInput,
|
|
266
266
|
preventOverflow: false,
|
|
267
267
|
align: dropdownAlign
|
|
268
|
-
}, /*#__PURE__*/React.createElement(
|
|
268
|
+
}, /*#__PURE__*/React.createElement(Root, _extends({
|
|
269
|
+
stretched: stretched,
|
|
270
|
+
view: view,
|
|
271
|
+
size: size,
|
|
272
|
+
className: cls(classes.timePickerRoot, className, _defineProperty({}, classes.timePickerstretched, stretched)),
|
|
273
|
+
disabled: disabled,
|
|
274
|
+
readonly: readonly
|
|
275
|
+
}, rest), /*#__PURE__*/React.createElement(StyledTimePickerGrid, {
|
|
269
276
|
value: viewValue,
|
|
270
277
|
onChange: handleOnChange,
|
|
271
278
|
dropdownHeight: dropdownHeight,
|
|
@@ -274,7 +281,7 @@ var timePickerRoot = function timePickerRoot(Root) {
|
|
|
274
281
|
view: view,
|
|
275
282
|
size: size,
|
|
276
283
|
disabled: disabled
|
|
277
|
-
})));
|
|
284
|
+
}))));
|
|
278
285
|
});
|
|
279
286
|
};
|
|
280
287
|
var timePickerConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number | null;\n minutes?: number | null;\n seconds?: number | null;\n currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue || '');\n const [rootWidth, setRootWidth] = useState<number | null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled || readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled || readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { getPlacements } from 'src/utils';\n\nimport { TimePickerGridChangeEvent } from '../TimePickerGrid/TimePickerGrid.types';\n\nimport { processTimeInput, delimiter } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport { base, StyledInput, StyledTimePickerGrid, StyledPopover } from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours?: number | null;\n minutes?: number | null;\n seconds?: number | null;\n currentColumn?: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const rootForkRef = useForkRef(rootRef, ref);\n\n const hoursHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const minutesHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n const secondsHideTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue || '');\n const [rootWidth, setRootWidth] = useState<number | null>(null);\n const [, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n\n useEffect(() => {\n return () => {\n [hoursHideTimeoutRef, minutesHideTimeoutRef, secondsHideTimeoutRef].forEach((timeoutRef) => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n });\n };\n }, []);\n\n useEffect(() => {\n if (!viewValue) {\n return;\n }\n\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(delimiter).map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled || readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (dropdownWidth === 'fullWidth' && rootRef.current) {\n const width = rootRef.current.offsetWidth;\n setRootWidth(width);\n }\n }, [dropdownWidth, isInnerOpen]);\n\n const handleToggle = () => {\n if (disabled || readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleOnChange = (event: TimePickerGridChangeEvent) => {\n if (!event) {\n return;\n }\n\n let timeString = event.value;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(timeString ?? '');\n\n setActiveTime({\n hours: !Number.isNaN(event.timeValues.hour) ? event.timeValues.hour : null,\n minutes: !Number.isNaN(event.timeValues.minute) ? event.timeValues.minute : null,\n seconds:\n format === 'HH:mm:ss' && !Number.isNaN(event.timeValues.second)\n ? event.timeValues.second\n : null,\n currentColumn: null,\n });\n\n onChange?.(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n if (onChange) {\n onChange(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n }\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={handleOnKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const getDropdownWidth = (): 'fixed' | 'fullWidth' | React.CSSProperties['width'] => {\n if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {\n return undefined;\n }\n if (dropdownWidth === 'fullWidth') {\n return rootWidth !== null ? `${rootWidth}px` : 'fullWidth';\n }\n return dropdownWidth as React.CSSProperties['width'];\n };\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={rootForkRef}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n {...rest}\n >\n <StyledTimePickerGrid\n value={viewValue}\n onChange={handleOnChange}\n dropdownHeight={dropdownHeight}\n dropdownWidth={getDropdownWidth()}\n format={format}\n view={view}\n size={size}\n disabled={disabled}\n />\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","rootRef","rootForkRef","useForkRef","hoursHideTimeoutRef","minutesHideTimeoutRef","secondsHideTimeoutRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","_useState6","rootWidth","setRootWidth","_useState7","hours","minutes","seconds","currentColumn","_useState8","setActiveTime","viewValue","format","useEffect","forEach","timeoutRef","current","clearTimeout","timeString","length","substring","_timeString$split$map","split","delimiter","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","width","offsetWidth","handleToggle","newState","prev","_objectSpread","handleOnChange","event","_timeString","timeValues","hour","minute","second","handleInputChange","input","target","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","values","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","key","preventDefault","handleOnKeyDown","e","onKeyDownNavigation","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","getDropdownWidth","undefined","concat","_extends","cls","classes","_defineProperty","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePickerGrid","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.342.0-canary.2352.
|
|
3
|
+
"version": "0.342.0-canary.2352.19667359711.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.210.0-canary.2352.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.210.0-canary.2352.19667359711.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,8 +117,8 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.210.0-canary.2352.
|
|
121
|
-
"@salutejs/react-maskinput": "3.3.
|
|
120
|
+
"@salutejs/plasma-core": "1.210.0-canary.2352.19667359711.0",
|
|
121
|
+
"@salutejs/react-maskinput": "3.3.2",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
124
124
|
"classnames": "2.5.1",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "ba0dd6aca1c92e61ce81c401a1d8c681ff1baecf"
|
|
141
141
|
}
|
|
@@ -123,7 +123,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
123
123
|
}
|
|
124
124
|
var sheetRoot = function(Root) {
|
|
125
125
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, rootRef) {
|
|
126
|
-
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
126
|
+
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, _param_hasScrollEvents = _param.hasScrollEvents, hasScrollEvents = _param_hasScrollEvents === void 0 ? true : _param_hasScrollEvents, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
127
127
|
"opened",
|
|
128
128
|
"children",
|
|
129
129
|
"onClose",
|
|
@@ -136,6 +136,7 @@ var sheetRoot = function(Root) {
|
|
|
136
136
|
"withOverlay",
|
|
137
137
|
"withBlur",
|
|
138
138
|
"withTransition",
|
|
139
|
+
"hasScrollEvents",
|
|
139
140
|
"throttleMs",
|
|
140
141
|
"className",
|
|
141
142
|
"view"
|
|
@@ -151,6 +152,7 @@ var sheetRoot = function(Root) {
|
|
|
151
152
|
contentRef: contentRef,
|
|
152
153
|
handleRef: handleRef,
|
|
153
154
|
throttleMs: throttleMs,
|
|
155
|
+
hasScrollEvents: hasScrollEvents,
|
|
154
156
|
onClose: onClose
|
|
155
157
|
});
|
|
156
158
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -71,7 +71,7 @@ var isScrollable = function(element) {
|
|
|
71
71
|
return style.overflow === 'scroll' || style.overflow === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'auto';
|
|
72
72
|
};
|
|
73
73
|
var useSheetSwipe = function(args) {
|
|
74
|
-
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
74
|
+
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, hasScrollEvents = args.hasScrollEvents, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
75
75
|
var _useState = _sliced_to_array((0, _react.useState)(true), 2), isTopScroll = _useState[0], setIsTopScroll = _useState[1];
|
|
76
76
|
var isOverscroll = (0, _react.useRef)(false);
|
|
77
77
|
var startY = (0, _react.useRef)(0);
|
|
@@ -81,7 +81,7 @@ var useSheetSwipe = function(args) {
|
|
|
81
81
|
var handleEl = handleRef.current;
|
|
82
82
|
var contentEl = contentRef.current;
|
|
83
83
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
84
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
84
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
85
85
|
return;
|
|
86
86
|
}
|
|
87
87
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -432,7 +432,14 @@ var timePickerRoot = function(Root) {
|
|
|
432
432
|
target: TimePickerInput,
|
|
433
433
|
preventOverflow: false,
|
|
434
434
|
align: dropdownAlign
|
|
435
|
-
}, /*#__PURE__*/ _react.default.createElement(
|
|
435
|
+
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
|
436
|
+
stretched: stretched,
|
|
437
|
+
view: view,
|
|
438
|
+
size: size,
|
|
439
|
+
className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, _define_property({}, _TimePickertokens.classes.timePickerstretched, stretched)),
|
|
440
|
+
disabled: disabled,
|
|
441
|
+
readonly: readonly
|
|
442
|
+
}, rest), /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
|
|
436
443
|
value: viewValue,
|
|
437
444
|
onChange: handleOnChange,
|
|
438
445
|
dropdownHeight: dropdownHeight,
|
|
@@ -441,7 +448,7 @@ var timePickerRoot = function(Root) {
|
|
|
441
448
|
view: view,
|
|
442
449
|
size: size,
|
|
443
450
|
disabled: disabled
|
|
444
|
-
})));
|
|
451
|
+
}))));
|
|
445
452
|
});
|
|
446
453
|
};
|
|
447
454
|
var timePickerConfig = {
|
|
@@ -1 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
|
@@ -66,7 +66,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
66
66
|
* Открывает окно-шторку поверх основного экрана.
|
|
67
67
|
*/ export var sheetRoot = function(Root) {
|
|
68
68
|
return /*#__PURE__*/ forwardRef(function(_param, rootRef) {
|
|
69
|
-
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
69
|
+
var opened = _param.opened, children = _param.children, onClose = _param.onClose, _param_hasHandle = _param.hasHandle, hasHandle = _param_hasHandle === void 0 ? true : _param_hasHandle, handlePlacement = _param.handlePlacement, contentHeader = _param.contentHeader, _param_isHeaderFixed = _param.isHeaderFixed, isHeaderFixed = _param_isHeaderFixed === void 0 ? false : _param_isHeaderFixed, contentFooter = _param.contentFooter, _param_isFooterFixed = _param.isFooterFixed, isFooterFixed = _param_isFooterFixed === void 0 ? false : _param_isFooterFixed, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, _param_withBlur = _param.withBlur, withBlur = _param_withBlur === void 0 ? false : _param_withBlur, _param_withTransition = _param.withTransition, withTransition = _param_withTransition === void 0 ? true : _param_withTransition, _param_hasScrollEvents = _param.hasScrollEvents, hasScrollEvents = _param_hasScrollEvents === void 0 ? true : _param_hasScrollEvents, throttleMs = _param.throttleMs, className = _param.className, view = _param.view, restProps = _object_without_properties(_param, [
|
|
70
70
|
"opened",
|
|
71
71
|
"children",
|
|
72
72
|
"onClose",
|
|
@@ -79,6 +79,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
79
79
|
"withOverlay",
|
|
80
80
|
"withBlur",
|
|
81
81
|
"withTransition",
|
|
82
|
+
"hasScrollEvents",
|
|
82
83
|
"throttleMs",
|
|
83
84
|
"className",
|
|
84
85
|
"view"
|
|
@@ -94,6 +95,7 @@ import { DEFAULT_Z_INDEX } from "./utils";
|
|
|
94
95
|
contentRef: contentRef,
|
|
95
96
|
handleRef: handleRef,
|
|
96
97
|
throttleMs: throttleMs,
|
|
98
|
+
hasScrollEvents: hasScrollEvents,
|
|
97
99
|
onClose: onClose
|
|
98
100
|
});
|
|
99
101
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -56,7 +56,7 @@ var isScrollable = function(element) {
|
|
|
56
56
|
return style.overflow === 'scroll' || style.overflow === 'auto' || style.overflowY === 'scroll' || style.overflowY === 'auto';
|
|
57
57
|
};
|
|
58
58
|
export var useSheetSwipe = function(args) {
|
|
59
|
-
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
59
|
+
var contentWrapperRef = args.contentWrapperRef, contentRef = args.contentRef, handleRef = args.handleRef, hasScrollEvents = args.hasScrollEvents, onClose = args.onClose, _args_throttleMs = args.throttleMs, throttleMs = _args_throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args_throttleMs;
|
|
60
60
|
var _useState = _sliced_to_array(useState(true), 2), isTopScroll = _useState[0], setIsTopScroll = _useState[1];
|
|
61
61
|
var isOverscroll = useRef(false);
|
|
62
62
|
var startY = useRef(0);
|
|
@@ -66,7 +66,7 @@ export var useSheetSwipe = function(args) {
|
|
|
66
66
|
var handleEl = handleRef.current;
|
|
67
67
|
var contentEl = contentRef.current;
|
|
68
68
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
69
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
69
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
70
70
|
return;
|
|
71
71
|
}
|
|
72
72
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -368,7 +368,14 @@ export var timePickerRoot = function(Root) {
|
|
|
368
368
|
target: TimePickerInput,
|
|
369
369
|
preventOverflow: false,
|
|
370
370
|
align: dropdownAlign
|
|
371
|
-
}, /*#__PURE__*/ React.createElement(
|
|
371
|
+
}, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
372
|
+
stretched: stretched,
|
|
373
|
+
view: view,
|
|
374
|
+
size: size,
|
|
375
|
+
className: cls(classes.timePickerRoot, className, _define_property({}, classes.timePickerstretched, stretched)),
|
|
376
|
+
disabled: disabled,
|
|
377
|
+
readonly: readonly
|
|
378
|
+
}, rest), /*#__PURE__*/ React.createElement(StyledTimePickerGrid, {
|
|
372
379
|
value: viewValue,
|
|
373
380
|
onChange: handleOnChange,
|
|
374
381
|
dropdownHeight: dropdownHeight,
|
|
@@ -377,7 +384,7 @@ export var timePickerRoot = function(Root) {
|
|
|
377
384
|
view: view,
|
|
378
385
|
size: size,
|
|
379
386
|
disabled: disabled
|
|
380
|
-
})));
|
|
387
|
+
}))));
|
|
381
388
|
});
|
|
382
389
|
};
|
|
383
390
|
export var timePickerConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAwEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA1EQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;CA2FpE,CAAC"}
|
|
@@ -62,6 +62,12 @@ export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
62
62
|
* Throttling внутренних обработчиков события onScroll
|
|
63
63
|
*/
|
|
64
64
|
throttleMs?: number;
|
|
65
|
+
/**
|
|
66
|
+
* Наличие событий скролла
|
|
67
|
+
* @default
|
|
68
|
+
* true
|
|
69
|
+
*/
|
|
70
|
+
hasScrollEvents?: boolean;
|
|
65
71
|
view?: string;
|
|
66
72
|
}
|
|
67
73
|
export type CommonProps = Pick<SheetProps, 'withTransition' | 'opened'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB/D,eAAO,MAAM,aAAa,SAAU;IAChC,iBAAiB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,
|
|
1
|
+
{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB/D,eAAO,MAAM,aAAa,SAAU;IAChC,iBAAiB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,SAmGA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAD3E,MAAO,YACpB;mBAA2D,MAAM,YAAY;;;;+
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAD3E,MAAO,YACpB;mBAA2D,MAAM,YAAY;;;;+MA6RlF,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA/RnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAD3E,MAAO,YACpB;uBAA2D,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CAwTtF,CAAC"}
|