@salutejs/plasma-new-hope 0.336.0-canary.2218.17563592167.0 → 0.336.0-canary.2218.17574545260.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/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
|
@@ -82,7 +82,7 @@ var DropdownItem = function DropdownItem(_ref) {
|
|
|
82
82
|
};
|
|
83
83
|
var handleHover = function handleHover() {
|
|
84
84
|
if (onHover) {
|
|
85
|
-
onHover(index$1);
|
|
85
|
+
onHover(index$1, item);
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
88
|
return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, dividerBefore && /*#__PURE__*/React__default.default.createElement(DropdownItem_styles.Divider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n Wrapper,\n DisclosureIconWrapper,\n Divider,\n CellWrapper,\n StyledCell,\n RenderItemWrapper,\n StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const {\n value,\n label,\n disabled,\n isDisabled,\n contentLeft,\n contentRight,\n dividerBefore,\n dividerAfter,\n className,\n ...rest\n } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemSelect,\n onItemClick,\n hasArrow,\n treeId,\n renderItem,\n } = useContext(Context);\n\n const hasDescendants = Boolean(item.items);\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const itemDisabled = Boolean(disabled || isDisabled);\n const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (itemDisabled) {\n event.stopPropagation();\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n if (closeOnSelect && !hasDescendants) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <>\n {dividerBefore && <Divider variant={variant} />}\n\n <Wrapper\n {...rest}\n ref={ref}\n className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n id={getItemId(treeId, value.toString())}\n role={itemRole}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-disabled={disabled || isDisabled}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {renderItem ? (\n <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n ) : (\n <CellWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n alignContentLeft=\"center\"\n alignContentRight=\"center\"\n title={label}\n />\n </CellWrapper>\n )}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {dividerAfter && <Divider variant={variant} />}\n </>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n Wrapper,\n DisclosureIconWrapper,\n Divider,\n CellWrapper,\n StyledCell,\n RenderItemWrapper,\n StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const {\n value,\n label,\n disabled,\n isDisabled,\n contentLeft,\n contentRight,\n dividerBefore,\n dividerAfter,\n className,\n ...rest\n } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemSelect,\n onItemClick,\n hasArrow,\n treeId,\n renderItem,\n } = useContext(Context);\n\n const hasDescendants = Boolean(item.items);\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const itemDisabled = Boolean(disabled || isDisabled);\n const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (itemDisabled) {\n event.stopPropagation();\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n if (closeOnSelect && !hasDescendants) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index, item);\n }\n };\n\n return (\n <>\n {dividerBefore && <Divider variant={variant} />}\n\n <Wrapper\n {...rest}\n ref={ref}\n className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n id={getItemId(treeId, value.toString())}\n role={itemRole}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-disabled={disabled || isDisabled}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {renderItem ? (\n <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n ) : (\n <CellWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n alignContentLeft=\"center\"\n alignContentRight=\"center\"\n title={label}\n />\n </CellWrapper>\n )}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {dividerAfter && <Divider variant={variant} />}\n </>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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"}
|
|
@@ -184,7 +184,7 @@ var DropdownItem = function(param) {
|
|
|
184
184
|
};
|
|
185
185
|
var handleHover = function() {
|
|
186
186
|
if (onHover) {
|
|
187
|
-
onHover(index);
|
|
187
|
+
onHover(index, item);
|
|
188
188
|
}
|
|
189
189
|
};
|
|
190
190
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, dividerBefore && /*#__PURE__*/ _react.default.createElement(_DropdownItemstyles.Divider, {
|
|
@@ -133,7 +133,7 @@ export var DropdownItem = function(param) {
|
|
|
133
133
|
};
|
|
134
134
|
var handleHover = function() {
|
|
135
135
|
if (onHover) {
|
|
136
|
-
onHover(index);
|
|
136
|
+
onHover(index, item);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, dividerBefore && /*#__PURE__*/ React.createElement(Divider, {
|
|
@@ -74,7 +74,7 @@ var DropdownItem = function DropdownItem(_ref) {
|
|
|
74
74
|
};
|
|
75
75
|
var handleHover = function handleHover() {
|
|
76
76
|
if (onHover) {
|
|
77
|
-
onHover(index);
|
|
77
|
+
onHover(index, item);
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
return /*#__PURE__*/React.createElement(React.Fragment, null, dividerBefore && /*#__PURE__*/React.createElement(Divider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n Wrapper,\n DisclosureIconWrapper,\n Divider,\n CellWrapper,\n StyledCell,\n RenderItemWrapper,\n StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const {\n value,\n label,\n disabled,\n isDisabled,\n contentLeft,\n contentRight,\n dividerBefore,\n dividerAfter,\n className,\n ...rest\n } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemSelect,\n onItemClick,\n hasArrow,\n treeId,\n renderItem,\n } = useContext(Context);\n\n const hasDescendants = Boolean(item.items);\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const itemDisabled = Boolean(disabled || isDisabled);\n const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (itemDisabled) {\n event.stopPropagation();\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n if (closeOnSelect && !hasDescendants) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <>\n {dividerBefore && <Divider variant={variant} />}\n\n <Wrapper\n {...rest}\n ref={ref}\n className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n id={getItemId(treeId, value.toString())}\n role={itemRole}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-disabled={disabled || isDisabled}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {renderItem ? (\n <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n ) : (\n <CellWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n alignContentLeft=\"center\"\n alignContentRight=\"center\"\n title={label}\n />\n </CellWrapper>\n )}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {dividerAfter && <Divider variant={variant} />}\n </>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n Wrapper,\n DisclosureIconWrapper,\n Divider,\n CellWrapper,\n StyledCell,\n RenderItemWrapper,\n StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const {\n value,\n label,\n disabled,\n isDisabled,\n contentLeft,\n contentRight,\n dividerBefore,\n dividerAfter,\n className,\n ...rest\n } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemSelect,\n onItemClick,\n hasArrow,\n treeId,\n renderItem,\n } = useContext(Context);\n\n const hasDescendants = Boolean(item.items);\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const itemDisabled = Boolean(disabled || isDisabled);\n const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (itemDisabled) {\n event.stopPropagation();\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n if (closeOnSelect && !hasDescendants) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index, item);\n }\n };\n\n return (\n <>\n {dividerBefore && <Divider variant={variant} />}\n\n <Wrapper\n {...rest}\n ref={ref}\n className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n id={getItemId(treeId, value.toString())}\n role={itemRole}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-disabled={disabled || isDisabled}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {renderItem ? (\n <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n ) : (\n <CellWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n alignContentLeft=\"center\"\n alignContentRight=\"center\"\n title={label}\n />\n </CellWrapper>\n )}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {dividerAfter && <Divider variant={variant} />}\n </>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"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.336.0-canary.2218.
|
|
3
|
+
"version": "0.336.0-canary.2218.17574545260.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "96d392e8a47df44b42017537f57c8615ff9886cb"
|
|
141
141
|
}
|
|
@@ -184,7 +184,7 @@ var DropdownItem = function(param) {
|
|
|
184
184
|
};
|
|
185
185
|
var handleHover = function() {
|
|
186
186
|
if (onHover) {
|
|
187
|
-
onHover(index);
|
|
187
|
+
onHover(index, item);
|
|
188
188
|
}
|
|
189
189
|
};
|
|
190
190
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, dividerBefore && /*#__PURE__*/ _react.default.createElement(_DropdownItemstyles.Divider, {
|
|
@@ -133,7 +133,7 @@ export var DropdownItem = function(param) {
|
|
|
133
133
|
};
|
|
134
134
|
var handleHover = function() {
|
|
135
135
|
if (onHover) {
|
|
136
|
-
onHover(index);
|
|
136
|
+
onHover(index, item);
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, dividerBefore && /*#__PURE__*/ React.createElement(Divider, {
|
|
@@ -9,7 +9,7 @@ export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, Omit<Dropdow
|
|
|
9
9
|
alwaysOpened?: boolean;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
itemRole?: string;
|
|
12
|
-
onHover?: (index: number) => void;
|
|
12
|
+
onHover?: ((index: number, item: import(".").DropdownItemOption) => void) | undefined;
|
|
13
13
|
onItemSelect?: ((item: import(".").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
|
14
14
|
trigger?: import("./Dropdown.types").DropdownTrigger;
|
|
15
15
|
openByRightClick?: boolean;
|
|
@@ -42,7 +42,7 @@ export declare const dropdownConfig: {
|
|
|
42
42
|
alwaysOpened?: boolean;
|
|
43
43
|
children?: React.ReactNode;
|
|
44
44
|
itemRole?: string;
|
|
45
|
-
onHover?: (index: number) => void;
|
|
45
|
+
onHover?: ((index: number, item: import(".").DropdownItemOption) => void) | undefined;
|
|
46
46
|
onItemSelect?: ((item: import(".").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
|
47
47
|
trigger?: import("./Dropdown.types").DropdownTrigger;
|
|
48
48
|
openByRightClick?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAO9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAO9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;sCAsC9E,CAAX;;;;sBAMsE,MAAO,SAAS;4DAGnD,MAAO,SAAS;;;;;;;;+EAqI/C,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAtLQ,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;0CAsC9E,CAAX;;;;0BAMsE,MAAO,SAAS;gEAGnD,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;CAwJnD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI;IAC3E;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export declare const Dropdown: import("react").FunctionComponent<import("../../.
|
|
|
14
14
|
alwaysOpened?: boolean;
|
|
15
15
|
children?: import("react").ReactNode;
|
|
16
16
|
itemRole?: string;
|
|
17
|
-
onHover?: (index: number) => void;
|
|
17
|
+
onHover?: ((index: number, item: import("../../../components/Dropdown").DropdownItemOption) => void) | undefined;
|
|
18
18
|
onItemSelect?: ((item: import("../../../components/Dropdown").DropdownItemOption, event: import("react").SyntheticEvent) => void) | undefined;
|
|
19
19
|
trigger?: import("../../../components/Dropdown/Dropdown.types").DropdownTrigger;
|
|
20
20
|
openByRightClick?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Dropdown/Dropdown.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Dropdown/Dropdown.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;sCACm4D,CAAC;;;;sBAAiS,MAAO,SAAS;uFAAgI,MAAO,SAAS;;;;;;;;mGAD3yE,CAAC"}
|