@amboss/design-system 3.13.0 → 3.13.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityItemBody",{enumerable:!0,get:function(){return EntityItemBody}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Checkbox=require("../Form/Checkbox/Checkbox"),_EntityListItemText=require("./EntityListItemText"),_Inline=require("../Inline/Inline"),_styledcomponents=require("./styled-components"),StyledLabel=(0,_styled.default)(_styledcomponents.StyledWrapperOffset,{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityItemBody",{enumerable:!0,get:function(){return EntityItemBody}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Checkbox=require("../Form/Checkbox/Checkbox"),_EntityListItemText=require("./EntityListItemText"),_Inline=require("../Inline/Inline"),_styledcomponents=require("./styled-components"),StyledLabel=(0,_styled.default)(_styledcomponents.StyledWrapperOffset,{target:"e1686uk00",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgaXNWYWxpZEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGQywgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0eWxlZFdyYXBwZXJPZmZzZXQgfSBmcm9tIFwiLi9zdHlsZWQtY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbmNvbnN0IFN0b3BQcm9wYWdhdGlvbldyYXBwZXI6IEZDPFByb3BzV2l0aENoaWxkcmVuPiA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBvbkNsaWNrPXtoYW5kbGVDbGlja30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcblxuICBjb25zdCByaWdodEVsZW1lbnQgPSByZW5kZXJSaWdodD8uKHsgdGV4dFNpemUsIGFjdGlvblNpemUgfSk7XG4gIGNvbnN0IGlzUmlnaHRDbGlja2FibGUgPVxuICAgIGlzVmFsaWRFbGVtZW50KHJpZ2h0RWxlbWVudCkgJiZcbiAgICByaWdodEVsZW1lbnQucHJvcHM/LmNoaWxkcmVuPy5wcm9wcz8ub25DbGljaztcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9PlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSB0YWJJbmRleD17dGFiSW5kZXh9IC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmXG4gICAgICAgIChpc1JpZ2h0Q2xpY2thYmxlID8gKFxuICAgICAgICAgIDxTdG9wUHJvcGFnYXRpb25XcmFwcGVyPntyaWdodEVsZW1lbnR9PC9TdG9wUHJvcGFnYXRpb25XcmFwcGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIHJpZ2h0RWxlbWVudFxuICAgICAgICApKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),StopPropagationWrapper=({children})=>{let handleClick=(0,_react.useCallback)(e=>{e.stopPropagation()},[]);return _react.default.createElement("div",{role:"presentation",onClick:handleClick},children)};function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s"}),isRightClickable=(0,_react.isValidElement)(rightElement)&&rightElement.props?.children?.props?.onClick;return _react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?_react.default.createElement(StyledLabel,{as:"label",size:size},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:["xs","m"]},_react.default.createElement(_Checkbox.CheckboxRaw,{...checkboxProps,tabIndex:tabIndex}),_react.default.createElement(_EntityListItemText.EntityListItemText,{size:textSize,description:description},renderLabel({textSize})))):_react.default.createElement(_Inline.Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),_react.default.createElement(_EntityListItemText.EntityListItemText,{size:textSize,description:description},renderLabel({textSize}))),rightElement&&(isRightClickable?_react.default.createElement(StopPropagationWrapper,null,rightElement):rightElement))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=styled(StyledWrapperOffset,{target:"
|
|
1
|
+
import React,{useCallback,isValidElement}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=styled(StyledWrapperOffset,{target:"e1686uk00",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgaXNWYWxpZEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBGQywgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0eWxlZFdyYXBwZXJPZmZzZXQgfSBmcm9tIFwiLi9zdHlsZWQtY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbmNvbnN0IFN0b3BQcm9wYWdhdGlvbldyYXBwZXI6IEZDPFByb3BzV2l0aENoaWxkcmVuPiA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBvbkNsaWNrPXtoYW5kbGVDbGlja30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcblxuICBjb25zdCByaWdodEVsZW1lbnQgPSByZW5kZXJSaWdodD8uKHsgdGV4dFNpemUsIGFjdGlvblNpemUgfSk7XG4gIGNvbnN0IGlzUmlnaHRDbGlja2FibGUgPVxuICAgIGlzVmFsaWRFbGVtZW50KHJpZ2h0RWxlbWVudCkgJiZcbiAgICByaWdodEVsZW1lbnQucHJvcHM/LmNoaWxkcmVuPy5wcm9wcz8ub25DbGljaztcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9PlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSB0YWJJbmRleD17dGFiSW5kZXh9IC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmXG4gICAgICAgIChpc1JpZ2h0Q2xpY2thYmxlID8gKFxuICAgICAgICAgIDxTdG9wUHJvcGFnYXRpb25XcmFwcGVyPntyaWdodEVsZW1lbnR9PC9TdG9wUHJvcGFnYXRpb25XcmFwcGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIHJpZ2h0RWxlbWVudFxuICAgICAgICApKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),StopPropagationWrapper=({children})=>{let handleClick=useCallback(e=>{e.stopPropagation()},[]);return React.createElement("div",{role:"presentation",onClick:handleClick},children)};export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s"}),isRightClickable=isValidElement(rightElement)&&rightElement.props?.children?.props?.onClick;return React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?React.createElement(StyledLabel,{as:"label",size:size},React.createElement(Inline,{noWrap:!0,space:["xs","m"]},React.createElement(CheckboxRaw,{...checkboxProps,tabIndex:tabIndex}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize})))):React.createElement(Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize}))),rightElement&&(isRightClickable?React.createElement(StopPropagationWrapper,null,rightElement):rightElement))}
|