@salutejs/plasma-new-hope 0.328.1-canary.2061.16018714039.0 → 0.329.0-canary.1655.16029761547.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/DatePicker/RangeDate/RangeDate.js +12 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Drawer/Drawer.css +7 -5
- package/cjs/components/Modal/Modal.css +5 -3
- package/cjs/components/Modal/Modal.js +8 -2
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +7 -3
- package/cjs/components/Popup/Popup.js +63 -4
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +24 -12
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/Popup/Popup.styles_sejy82.css +6 -0
- package/cjs/components/Popup/Popup.tokens.js +6 -1
- package/cjs/components/Popup/Popup.tokens.js.map +1 -1
- package/cjs/components/Popup/PopupContext.css +7 -3
- package/cjs/components/Popup/utils/getHandleStyles.js +57 -0
- package/cjs/components/Popup/utils/getHandleStyles.js.map +1 -0
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +36 -0
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map +1 -0
- package/cjs/components/Popup/utils/getResizeDirections.js +73 -0
- package/cjs/components/Popup/utils/getResizeDirections.js.map +1 -0
- package/cjs/components/Popup/utils/index.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +30 -0
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js +30 -0
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js.map +1 -0
- package/cjs/index.css +5 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/emotion/cjs/components/Modal/Modal.js +9 -3
- package/emotion/cjs/components/Popup/Popup.js +65 -5
- package/emotion/cjs/components/Popup/Popup.styles.js +22 -8
- package/emotion/cjs/components/Popup/Popup.tokens.js +6 -1
- package/emotion/cjs/components/Popup/utils/getHandleStyles.js +60 -0
- package/emotion/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +54 -0
- package/emotion/cjs/components/Popup/utils/getResizeDirections.js +82 -0
- package/emotion/cjs/components/Popup/utils/index.js +16 -0
- package/emotion/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +83 -0
- package/emotion/cjs/components/_Icon/Icons/IconResizeDiagonal.js +86 -0
- package/emotion/cjs/components/_Icon/index.js +4 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/emotion/es/components/Modal/Modal.js +9 -3
- package/emotion/es/components/Popup/Popup.js +68 -7
- package/emotion/es/components/Popup/Popup.styles.js +16 -8
- package/emotion/es/components/Popup/Popup.tokens.js +6 -1
- package/emotion/es/components/Popup/utils/getHandleStyles.js +50 -0
- package/emotion/es/components/Popup/utils/getRatioBasedOnPlacement.js +44 -0
- package/emotion/es/components/Popup/utils/getResizeDirections.js +72 -0
- package/emotion/es/components/Popup/utils/index.js +3 -0
- package/emotion/es/components/_Icon/Icon.assets/ResizeDiagonal.js +68 -0
- package/emotion/es/components/_Icon/Icons/IconResizeDiagonal.js +71 -0
- package/emotion/es/components/_Icon/index.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Drawer/Drawer.css +7 -5
- package/es/components/Modal/Modal.css +5 -3
- package/es/components/Modal/Modal.js +8 -2
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +7 -3
- package/es/components/Popup/Popup.js +65 -6
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +23 -13
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/Popup/Popup.styles_sejy82.css +6 -0
- package/es/components/Popup/Popup.tokens.js +6 -1
- package/es/components/Popup/Popup.tokens.js.map +1 -1
- package/es/components/Popup/PopupContext.css +7 -3
- package/es/components/Popup/utils/getHandleStyles.js +53 -0
- package/es/components/Popup/utils/getHandleStyles.js.map +1 -0
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js +32 -0
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map +1 -0
- package/es/components/Popup/utils/getResizeDirections.js +69 -0
- package/es/components/Popup/utils/getResizeDirections.js.map +1 -0
- package/es/components/Popup/utils/index.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +22 -0
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +1 -0
- package/es/components/_Icon/Icons/IconResizeDiagonal.js +22 -0
- package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +1 -0
- package/es/index.css +5 -3
- package/package.json +5 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/styled-components/cjs/components/Modal/Modal.js +9 -3
- package/styled-components/cjs/components/Popup/Popup.js +65 -5
- package/styled-components/cjs/components/Popup/Popup.styles.js +65 -8
- package/styled-components/cjs/components/Popup/Popup.tokens.js +6 -1
- package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +60 -0
- package/styled-components/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +54 -0
- package/styled-components/cjs/components/Popup/utils/getResizeDirections.js +82 -0
- package/styled-components/cjs/components/Popup/utils/index.js +16 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +83 -0
- package/styled-components/cjs/components/_Icon/Icons/IconResizeDiagonal.js +86 -0
- package/styled-components/cjs/components/_Icon/index.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +12 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +6 -2
- package/styled-components/es/components/Modal/Modal.js +9 -3
- package/styled-components/es/components/Popup/Popup.js +68 -7
- package/styled-components/es/components/Popup/Popup.styles.js +20 -4
- package/styled-components/es/components/Popup/Popup.tokens.js +6 -1
- package/styled-components/es/components/Popup/utils/getHandleStyles.js +50 -0
- package/styled-components/es/components/Popup/utils/getRatioBasedOnPlacement.js +44 -0
- package/styled-components/es/components/Popup/utils/getResizeDirections.js +72 -0
- package/styled-components/es/components/Popup/utils/index.js +3 -0
- package/styled-components/es/components/_Icon/Icon.assets/ResizeDiagonal.js +68 -0
- package/styled-components/es/components/_Icon/Icons/IconResizeDiagonal.js +71 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/types/components/Breadcrumbs/utils/index.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -2
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +1 -1
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts +2 -0
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.tokens.d.ts +5 -0
- package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +43 -0
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/utils/getHandleStyles.d.ts +29 -0
- package/types/components/Popup/utils/getHandleStyles.d.ts.map +1 -0
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts +3 -0
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts.map +1 -0
- package/types/components/Popup/utils/getResizeDirections.d.ts +14 -0
- package/types/components/Popup/utils/getResizeDirections.d.ts.map +1 -0
- package/types/components/Popup/utils/index.d.ts +3 -0
- package/types/components/Popup/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/Table/ui/HeadCell/HeadCell.d.ts +1 -1
- package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts +4 -0
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/cjs/components/Popup/Popup.styles_gq4luz.css +0 -4
- package/es/components/Popup/Popup.styles_gq4luz.css +0 -4
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateInfo, DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\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 { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n closeAfterDateSelect = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const calendarRootRef = useRef<HTMLDivElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value || defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick: onCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event?: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event?.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleCalendarPick = (date?: Date | null, dateInfo?: DateInfo) => {\n onCalendarPick(date, dateInfo);\n\n if (closeAfterDateSelect) {\n setIsInnerOpen(false);\n handleToggle(false);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n updateExternalDate(value);\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n updateExternalDate(defaultDate);\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\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":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$closeAfterDateSe","closeAfterDateSelect","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","onCalendarPick","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","date","dateInfo","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateInfo, DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\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 { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n closeAfterDateSelect = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const calendarRootRef = useRef<HTMLDivElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value || defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick: onCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event?: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event?.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleCalendarPick = (date?: Date | null, dateInfo?: DateInfo) => {\n onCalendarPick(date, dateInfo);\n\n if (closeAfterDateSelect) {\n setIsInnerOpen(false);\n handleToggle(false);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n if (!defaultDate) {\n updateExternalDate(value);\n }\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n if (!value) {\n updateExternalDate(defaultDate);\n }\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\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":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$closeAfterDateSe","closeAfterDateSelect","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","onCalendarPick","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","date","dateInfo","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
|
@@ -1,7 +1,11 @@
|
|
1
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
+
|
3
|
+
|
1
4
|
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
+
.Popup_styles_sejy82_s5u7tqa__dfce5444{width:0;}
|
6
|
+
.Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
|
7
|
+
.Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
8
|
+
.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
9
|
|
6
10
|
.Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
|
7
11
|
|
@@ -23,8 +27,6 @@
|
|
23
27
|
|
24
28
|
.base_hmbg05_b1orvu2x__ac0d2781{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}
|
25
29
|
|
26
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
27
|
-
|
28
30
|
.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
29
31
|
|
30
32
|
.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
|
@@ -1,7 +1,9 @@
|
|
1
1
|
|
2
|
-
|
3
|
-
.
|
4
|
-
.
|
2
|
+
|
3
|
+
.Popup_styles_sejy82_s5u7tqa__dfce5444{width:0;}
|
4
|
+
.Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
|
5
|
+
.Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
6
|
+
.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
7
|
|
6
8
|
.Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
|
7
9
|
|
@@ -16,7 +16,7 @@ import { popupConfig } from '../Popup/Popup.js';
|
|
16
16
|
import { Overlay } from '../Overlay/Overlay.js';
|
17
17
|
|
18
18
|
var _IconClose;
|
19
|
-
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose"];
|
19
|
+
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose", "draggable", "handle", "resizable"];
|
20
20
|
|
21
21
|
// issue #823
|
22
22
|
var Popup = /*#__PURE__*/component(popupConfig);
|
@@ -47,6 +47,9 @@ var modalRoot = function modalRoot(Root) {
|
|
47
47
|
isOpen = _ref.isOpen,
|
48
48
|
hasBody = _ref.hasBody,
|
49
49
|
hasClose = _ref.hasClose,
|
50
|
+
draggable = _ref.draggable,
|
51
|
+
handle = _ref.handle,
|
52
|
+
resizable = _ref.resizable,
|
50
53
|
rest = _objectWithoutProperties(_ref, _excluded);
|
51
54
|
var innerIsOpen = Boolean(isOpen || opened);
|
52
55
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
@@ -95,7 +98,10 @@ var modalRoot = function modalRoot(Root) {
|
|
95
98
|
zIndex: zIndex,
|
96
99
|
overlay: hasBody ? overlayNode : /*#__PURE__*/React.createElement(Root, {
|
97
100
|
view: view
|
98
|
-
}, overlayNode)
|
101
|
+
}, overlayNode),
|
102
|
+
draggable: draggable,
|
103
|
+
handle: handle,
|
104
|
+
resizable: resizable
|
99
105
|
}, rest), hasBody ? /*#__PURE__*/React.createElement(Root, {
|
100
106
|
view: view
|
101
107
|
}, /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/React.createElement(CloseButton, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n id,\n withAnimation,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n closeOnEsc = true,\n closeOnOverlayClick = true,\n withBlur,\n initialFocusRef,\n focusAfterRef,\n zIndex,\n popupInfo,\n children,\n view,\n opened,\n isOpen,\n hasBody,\n hasClose,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.modalOverlayWithBlurColor})`\n : `var(${tokens.modalOverlayColor})`;\n\n const { modalInfo } = useModal({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n });\n\n const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onModalOverlayKeyDown = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n },\n [closeOnOverlayClick, onOverlayClick, onClose],\n );\n\n const overlayNode = (\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onModalOverlayKeyDown}\n />\n );\n\n return (\n <Popup\n id={innerId}\n opened={innerIsOpen}\n ref={innerRef}\n popupInfo={modalInfo}\n withAnimation={withAnimation}\n zIndex={zIndex}\n overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n {...rest}\n >\n {hasBody ? (\n <Root view={view}>\n <ModalBody>\n <ModalContent>\n {innerHasClose && (\n <CloseButton onClick={onClose} data-test=\"modal-close\">\n <IconClose size=\"s\" color=\"currentColor\" />\n </CloseButton>\n )}\n {children}\n </ModalContent>\n </ModalBody>\n </Root>\n ) : (\n <>{children}</>\n )}\n </Popup>\n );\n },\n );\n\nexport const modalConfig = {\n name: 'Modal',\n tag: 'div',\n layout: modalRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n id,\n withAnimation,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n closeOnEsc = true,\n closeOnOverlayClick = true,\n withBlur,\n initialFocusRef,\n focusAfterRef,\n zIndex,\n popupInfo,\n children,\n view,\n opened,\n isOpen,\n hasBody,\n hasClose,\n draggable,\n handle,\n resizable,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.modalOverlayWithBlurColor})`\n : `var(${tokens.modalOverlayColor})`;\n\n const { modalInfo } = useModal({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n });\n\n const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onModalOverlayKeyDown = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n },\n [closeOnOverlayClick, onOverlayClick, onClose],\n );\n\n const overlayNode = (\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onModalOverlayKeyDown}\n />\n );\n\n return (\n <Popup\n id={innerId}\n opened={innerIsOpen}\n ref={innerRef}\n popupInfo={modalInfo}\n withAnimation={withAnimation}\n zIndex={zIndex}\n overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n draggable={draggable}\n handle={handle}\n resizable={resizable}\n {...rest}\n >\n {hasBody ? (\n <Root view={view}>\n <ModalBody>\n <ModalContent>\n {innerHasClose && (\n <CloseButton onClick={onClose} data-test=\"modal-close\">\n <IconClose size=\"s\" color=\"currentColor\" />\n </CloseButton>\n )}\n {children}\n </ModalContent>\n </ModalBody>\n </Root>\n ) : (\n <>{children}</>\n )}\n </Popup>\n );\n },\n );\n\nexport const modalConfig = {\n name: 'Modal',\n tag: 'div',\n layout: modalRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","draggable","handle","resizable","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
@@ -1,7 +1,11 @@
|
|
1
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
1
2
|
|
2
|
-
|
3
|
-
|
4
|
-
.
|
3
|
+
|
4
|
+
|
5
|
+
.Popup_styles_sejy82_s5u7tqa__dfce5444{width:0;}
|
6
|
+
.Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
|
7
|
+
.Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
8
|
+
.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
9
|
|
6
10
|
.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
7
11
|
|
@@ -1,16 +1,20 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useRef } from 'react';
|
2
|
+
import React, { forwardRef, useRef, useLayoutEffect } from 'react';
|
3
3
|
import { useForkRef } from '@salutejs/plasma-core';
|
4
|
+
import { Resizable } from 're-resizable';
|
4
5
|
import { cx } from '../../utils/index.js';
|
5
6
|
import { PopupRoot } from './PopupRoot.js';
|
6
7
|
import { classes } from './Popup.tokens.js';
|
7
|
-
import { StyledPortalContainer } from './Popup.styles.js';
|
8
|
+
import { IconResizeDiagonalStyled, StyledPortalContainer, base } from './Popup.styles.js';
|
8
9
|
import { safeUseId } from '../../utils/react.js';
|
9
10
|
import { usePopup } from './hooks/usePopup.js';
|
11
|
+
import { getResizeDirections } from './utils/getResizeDirections.js';
|
12
|
+
import { getRatioBasedOnPlacement } from './utils/getRatioBasedOnPlacement.js';
|
13
|
+
import { getHandleStyles } from './utils/getHandleStyles.js';
|
10
14
|
import { canUseDOM } from '../../utils/canUseDOM.js';
|
11
15
|
import { Portal } from '../Portal/Portal.js';
|
12
16
|
|
13
|
-
var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
|
17
|
+
var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className", "draggable", "handle", "resizable"];
|
14
18
|
var handlePosition = function handlePosition(placement, offset) {
|
15
19
|
var x = '0rem';
|
16
20
|
var y = '0rem';
|
@@ -90,7 +94,12 @@ var popupRoot = function popupRoot(Root) {
|
|
90
94
|
_ref$withAnimation = _ref.withAnimation,
|
91
95
|
withAnimation = _ref$withAnimation === void 0 ? false : _ref$withAnimation,
|
92
96
|
className = _ref.className,
|
97
|
+
resizable = _ref.resizable,
|
93
98
|
rest = _objectWithoutProperties(_ref, _excluded);
|
99
|
+
var resizableDimensions = useRef({
|
100
|
+
width: 0,
|
101
|
+
height: 0
|
102
|
+
});
|
94
103
|
var innerIsOpen = isOpen || opened;
|
95
104
|
var uniqId = safeUseId();
|
96
105
|
var innerId = id || uniqId;
|
@@ -107,10 +116,29 @@ var popupRoot = function popupRoot(Root) {
|
|
107
116
|
var portalRef = useRef(null);
|
108
117
|
var contentRef = useRef(null);
|
109
118
|
var innerRef = useForkRef(contentRef, outerRootRef);
|
119
|
+
var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
|
120
|
+
|
121
|
+
// Хук для получения размеров попапа, которые задаются как минимальные габариты при ресайзе.
|
122
|
+
useLayoutEffect(function () {
|
123
|
+
var _contentRef$current;
|
124
|
+
if (!innerIsOpen) return;
|
125
|
+
var rect = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.getBoundingClientRect();
|
126
|
+
if (rect) {
|
127
|
+
resizableDimensions.current = {
|
128
|
+
width: rect.width,
|
129
|
+
height: rect.height
|
130
|
+
};
|
131
|
+
}
|
132
|
+
return function () {
|
133
|
+
resizableDimensions.current = {
|
134
|
+
width: 0,
|
135
|
+
height: 0
|
136
|
+
};
|
137
|
+
};
|
138
|
+
}, [innerIsOpen]);
|
110
139
|
if (!isVisible && !innerIsOpen) {
|
111
140
|
return null;
|
112
141
|
}
|
113
|
-
var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
|
114
142
|
var rootNode = /*#__PURE__*/React.createElement(Root, {
|
115
143
|
className: cls
|
116
144
|
}, overlay, /*#__PURE__*/React.createElement(PopupRoot, _extends({
|
@@ -121,7 +149,38 @@ var popupRoot = function popupRoot(Root) {
|
|
121
149
|
frame: frame,
|
122
150
|
animationInfo: animationInfo,
|
123
151
|
setVisible: setVisible
|
124
|
-
}, rest),
|
152
|
+
}, rest), /*#__PURE__*/React.createElement(Resizable, {
|
153
|
+
enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
|
154
|
+
resizeRatio: getRatioBasedOnPlacement(placement),
|
155
|
+
minWidth: resizableDimensions.current.width,
|
156
|
+
minHeight: resizableDimensions.current.height,
|
157
|
+
handleComponent: !(resizable !== null && resizable !== void 0 && resizable.hiddenIcon) && {
|
158
|
+
topRight: /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
|
159
|
+
className: classes.resizableTopRightIcon,
|
160
|
+
color: "inherit",
|
161
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
162
|
+
}),
|
163
|
+
bottomRight: /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
|
164
|
+
className: classes.resizableBottomRightIcon,
|
165
|
+
color: "inherit",
|
166
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
167
|
+
}),
|
168
|
+
bottomLeft: /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
|
169
|
+
className: classes.resizableBottomLeftIcon,
|
170
|
+
color: "inherit",
|
171
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
172
|
+
}),
|
173
|
+
topLeft: /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
|
174
|
+
className: classes.resizableTopLeftIcon,
|
175
|
+
color: "inherit",
|
176
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
177
|
+
})
|
178
|
+
},
|
179
|
+
className: classes.resizableContainer,
|
180
|
+
handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
|
181
|
+
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
182
|
+
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight
|
183
|
+
}, children)));
|
125
184
|
if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
|
126
185
|
return /*#__PURE__*/React.createElement(Portal, {
|
127
186
|
container: frame.current
|
@@ -148,7 +207,7 @@ var popupConfig = {
|
|
148
207
|
name: 'Popup',
|
149
208
|
tag: 'div',
|
150
209
|
layout: popupRoot,
|
151
|
-
base:
|
210
|
+
base: base,
|
152
211
|
variations: {},
|
153
212
|
defaults: {}
|
154
213
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\nimport { RootProps } from 'src/engines/types';\n\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer } from './Popup.styles';\n\nexport const handlePosition = (\n placement: PopupPlacement,\n offset: [number, number] | [string, string],\n): PopupPositionType => {\n let x = '0rem';\n let y = '0rem';\n\n if (offset) {\n const [_x, _y] = offset;\n x = typeof _x === 'number' ? `${_x}rem` : _x;\n y = typeof _y === 'number' ? `${_y}rem` : _y;\n }\n\n if (!placement || placement === 'center') {\n return {\n left: `calc(50% + ${x})`,\n top: `calc(50% - ${y})`,\n transform: 'translate(-50%, -50%)',\n };\n }\n\n let left;\n let right;\n let top;\n let bottom;\n let transform;\n const placements = placement.split('-') as PopupPlacementBasic[];\n\n placements.forEach((placementValue: PopupPlacementBasic) => {\n switch (placementValue) {\n case 'left':\n left = x;\n break;\n case 'right':\n right = x;\n break;\n case 'top':\n top = y;\n break;\n case 'bottom':\n bottom = y;\n break;\n default:\n break;\n }\n });\n\n const isCenteredX = left === undefined && right === undefined;\n const isCenteredY = top === undefined && bottom === undefined;\n\n if (isCenteredX) {\n transform = 'translateX(-50%)';\n }\n\n if (isCenteredY) {\n transform = 'translateY(-50%)';\n }\n\n return {\n left: isCenteredX ? `calc(50% + ${x})` : left,\n right,\n top: isCenteredY ? `calc(50% - ${y})` : top,\n bottom,\n transform,\n };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n forwardRef<HTMLDivElement, PopupProps>(\n (\n {\n id,\n isOpen = false,\n opened = false,\n placement = 'center',\n offset = [0, 0],\n frame = 'document',\n children,\n overlay,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n role,\n zIndex,\n popupInfo,\n withAnimation = false,\n className,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = isOpen || opened;\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n\n const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n isOpen: innerIsOpen,\n id: innerId,\n popupInfo,\n withAnimation,\n });\n\n const portalRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n if (!isVisible && !innerIsOpen) {\n return null;\n }\n\n const cls = cx(\n className,\n animationInfo?.endAnimation ? classes.endAnimation : '',\n animationInfo?.endTransition ? classes.endTransition : '',\n );\n\n const rootNode = (\n <Root className={cls}>\n {overlay}\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n zIndex={zIndex}\n frame={frame}\n animationInfo={animationInfo}\n setVisible={setVisible}\n {...rest}\n >\n {children}\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <Portal container={containerElement}>\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>{' '}\n </Portal>\n );\n }\n\n const globalPortal = canUseDOM && document.getElementById(rootId);\n\n return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n },\n );\n\nexport const popupConfig = {\n name: 'Popup',\n tag: 'div',\n layout: popupRoot,\n base: '',\n variations: {},\n defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","rest","_objectWithoutProperties","_excluded","innerIsOpen","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","PopupRoot","_extends","ref","position","current","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n// import Draggable from 'react-draggable';\nimport { Resizable } from 're-resizable';\nimport { RootProps } from 'src/engines/types';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\n\nimport { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from './utils';\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer, base, IconResizeDiagonalStyled } from './Popup.styles';\n\nexport const handlePosition = (\n placement: PopupPlacement,\n offset: [number, number] | [string, string],\n): PopupPositionType => {\n let x = '0rem';\n let y = '0rem';\n\n if (offset) {\n const [_x, _y] = offset;\n x = typeof _x === 'number' ? `${_x}rem` : _x;\n y = typeof _y === 'number' ? `${_y}rem` : _y;\n }\n\n if (!placement || placement === 'center') {\n return {\n left: `calc(50% + ${x})`,\n top: `calc(50% - ${y})`,\n transform: 'translate(-50%, -50%)',\n };\n }\n\n let left;\n let right;\n let top;\n let bottom;\n let transform;\n const placements = placement.split('-') as PopupPlacementBasic[];\n\n placements.forEach((placementValue: PopupPlacementBasic) => {\n switch (placementValue) {\n case 'left':\n left = x;\n break;\n case 'right':\n right = x;\n break;\n case 'top':\n top = y;\n break;\n case 'bottom':\n bottom = y;\n break;\n default:\n break;\n }\n });\n\n const isCenteredX = left === undefined && right === undefined;\n const isCenteredY = top === undefined && bottom === undefined;\n\n if (isCenteredX) {\n transform = 'translateX(-50%)';\n }\n\n if (isCenteredY) {\n transform = 'translateY(-50%)';\n }\n\n return {\n left: isCenteredX ? `calc(50% + ${x})` : left,\n right,\n top: isCenteredY ? `calc(50% - ${y})` : top,\n bottom,\n transform,\n };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n forwardRef<HTMLDivElement, PopupProps>(\n (\n {\n id,\n isOpen = false,\n opened = false,\n placement = 'center',\n offset = [0, 0],\n frame = 'document',\n children,\n overlay,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n role,\n zIndex,\n popupInfo,\n withAnimation = false,\n className,\n draggable = false,\n handle,\n resizable,\n ...rest\n },\n outerRootRef,\n ) => {\n const resizableDimensions = useRef({ width: 0, height: 0 });\n\n const innerIsOpen = isOpen || opened;\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n\n const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n isOpen: innerIsOpen,\n id: innerId,\n popupInfo,\n withAnimation,\n });\n\n const portalRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n const cls = cx(\n className,\n animationInfo?.endAnimation ? classes.endAnimation : '',\n animationInfo?.endTransition ? classes.endTransition : '',\n );\n\n // Хук для получения размеров попапа, которые задаются как минимальные габариты при ресайзе.\n useLayoutEffect(() => {\n if (!innerIsOpen) return;\n\n const rect = contentRef.current?.getBoundingClientRect();\n\n if (rect) {\n resizableDimensions.current = {\n width: rect.width,\n height: rect.height,\n };\n }\n\n return () => {\n resizableDimensions.current = {\n width: 0,\n height: 0,\n };\n };\n }, [innerIsOpen]);\n\n if (!isVisible && !innerIsOpen) {\n return null;\n }\n\n const rootNode = (\n <Root className={cls}>\n {overlay}\n\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n zIndex={zIndex}\n frame={frame}\n animationInfo={animationInfo}\n setVisible={setVisible}\n {...rest}\n >\n <Resizable\n enable={\n resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false\n }\n resizeRatio={getRatioBasedOnPlacement(placement)}\n minWidth={resizableDimensions.current.width}\n minHeight={resizableDimensions.current.height}\n handleComponent={\n !resizable?.hiddenIcon && {\n topRight: (\n <IconResizeDiagonalStyled\n className={classes.resizableTopRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n bottomRight: (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n bottomLeft: (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n topLeft: (\n <IconResizeDiagonalStyled\n className={classes.resizableTopLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n }\n }\n className={classes.resizableContainer}\n handleStyles={getHandleStyles(resizable?.iconSize)}\n maxWidth={resizable?.maxWidth}\n maxHeight={resizable?.maxHeight}\n >\n {children}\n </Resizable>\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <Portal container={containerElement}>\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>{' '}\n </Portal>\n );\n }\n\n const globalPortal = canUseDOM && document.getElementById(rootId);\n\n return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n },\n );\n\nexport const popupConfig = {\n name: 'Popup',\n tag: 'div',\n layout: popupRoot,\n base,\n variations: {},\n defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","resizable","rest","_objectWithoutProperties","_excluded","resizableDimensions","useRef","width","height","innerIsOpen","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","useLayoutEffect","_contentRef$current","rect","current","getBoundingClientRect","rootNode","React","createElement","PopupRoot","_extends","ref","position","Resizable","enable","disabled","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","minWidth","minHeight","handleComponent","hiddenIcon","topRight","IconResizeDiagonalStyled","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","resizableContainer","handleStyles","getHandleStyles","maxWidth","maxHeight","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
@@ -1,20 +1,22 @@
|
|
1
|
-
import './Popup.
|
1
|
+
import './Popup.styles_sejy82.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { DEFAULT_Z_INDEX } from './utils/index.js';
|
4
|
+
import { IconResizeDiagonal } from '../_Icon/Icons/IconResizeDiagonal.js';
|
4
5
|
|
6
|
+
var base = "bvkpf6n";
|
5
7
|
var StyledPortal = /*#__PURE__*/styled('div')({
|
6
8
|
name: "StyledPortal",
|
7
|
-
"class": "
|
9
|
+
"class": "s1cjo3us",
|
8
10
|
propsAsIs: false
|
9
11
|
});
|
10
12
|
var StyledPortalContainer = /*#__PURE__*/styled('div')({
|
11
13
|
name: "StyledPortalContainer",
|
12
|
-
"class": "
|
14
|
+
"class": "s5u7tqa",
|
13
15
|
propsAsIs: false
|
14
16
|
});
|
15
17
|
var PopupView = /*#__PURE__*/styled('div')({
|
16
18
|
name: "PopupView",
|
17
|
-
"class": "
|
19
|
+
"class": "p1f40oul",
|
18
20
|
propsAsIs: false
|
19
21
|
});
|
20
22
|
var _exp = function _exp() {
|
@@ -61,18 +63,26 @@ var _exp7 = function _exp7() {
|
|
61
63
|
};
|
62
64
|
var PopupRootContainer = /*#__PURE__*/styled('div')({
|
63
65
|
name: "PopupRootContainer",
|
64
|
-
"class": "
|
66
|
+
"class": "p1ug7bn2",
|
65
67
|
propsAsIs: false,
|
66
68
|
vars: {
|
67
|
-
"
|
68
|
-
"
|
69
|
-
"
|
70
|
-
"
|
71
|
-
"
|
72
|
-
"
|
73
|
-
"
|
69
|
+
"p1ug7bn2-0": [/*#__PURE__*/_exp()],
|
70
|
+
"p1ug7bn2-1": [/*#__PURE__*/_exp2()],
|
71
|
+
"p1ug7bn2-2": [/*#__PURE__*/_exp3()],
|
72
|
+
"p1ug7bn2-3": [/*#__PURE__*/_exp4()],
|
73
|
+
"p1ug7bn2-4": [/*#__PURE__*/_exp5()],
|
74
|
+
"p1ug7bn2-5": [/*#__PURE__*/_exp6()],
|
75
|
+
"p1ug7bn2-6": [/*#__PURE__*/_exp7()]
|
74
76
|
}
|
75
77
|
});
|
78
|
+
var _exp8 = function _exp8() {
|
79
|
+
return IconResizeDiagonal;
|
80
|
+
};
|
81
|
+
var IconResizeDiagonalStyled = /*#__PURE__*/styled(_exp8())({
|
82
|
+
name: "IconResizeDiagonalStyled",
|
83
|
+
"class": "i10c9529",
|
84
|
+
propsAsIs: true
|
85
|
+
});
|
76
86
|
|
77
|
-
export { PopupRootContainer, PopupView, StyledPortal, StyledPortalContainer };
|
87
|
+
export { IconResizeDiagonalStyled, PopupRootContainer, PopupView, StyledPortal, StyledPortalContainer, base };
|
78
88
|
//# sourceMappingURL=Popup.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n width: 0;\n`;\n\nexport const PopupView = styled.div`\n position: relative;\n max-width: 100%;\n pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n left: ${({ position }) => position.left || ''};\n right: ${({ position }) => position.right || ''};\n top: ${({ position }) => position.top || ''};\n bottom: ${({ position }) => position.bottom || ''};\n transform: ${({ position }) => position.transform || ''};\n`;\n"],"names":["StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp","_ref","frame","_exp2","_ref2","zIndex","DEFAULT_Z_INDEX","_exp3","_ref3","position","left","_exp4","_ref4","right","_exp5","_ref5","top","_exp6","_ref6","bottom","_exp7","_ref7","transform","PopupRootContainer","vars"],"mappings":"
|
1
|
+
{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Popup.tokens';\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const base = css``;\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n width: 0;\n`;\n\nexport const PopupView = styled.div`\n position: relative;\n max-width: 100%;\n pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n left: ${({ position }) => position.left || ''};\n right: ${({ position }) => position.right || ''};\n top: ${({ position }) => position.top || ''};\n bottom: ${({ position }) => position.bottom || ''};\n transform: ${({ position }) => position.transform || ''};\n`;\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["base","StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp","_ref","frame","_exp2","_ref2","zIndex","DEFAULT_Z_INDEX","_exp3","_ref3","position","left","_exp4","_ref4","right","_exp5","_ref5","top","_exp6","_ref6","bottom","_exp7","_ref7","transform","PopupRootContainer","vars","_exp8","IconResizeDiagonal","IconResizeDiagonalStyled"],"mappings":"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"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
.s5u7tqa{width:0;}
|
4
|
+
.p1f40oul{position:relative;max-width:100%;pointer-events:all;}
|
5
|
+
.p1ug7bn2{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
6
|
+
.i10c9529{color:var(--text-secondary);}.i10c9529:hover{color:var(--text-secondary-hover);}.i10c9529:active{color:var(--text-secondary-active);}.i10c9529.resizable-top-right-icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.i10c9529.resizable-bottom-right-icon{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.i10c9529.resizable-bottom-left-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.i10c9529.resizable-top-left-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|