@amboss/design-system 3.46.1 → 3.46.3
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/build/cjs/components/Content/ContentList/ContentList.js +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/EntityItemBody.d.ts +1 -1
- package/build/cjs/components/EntityList/EntityItemBody.js +1 -1
- package/build/cjs/components/EntityList/EntityListItem.js +1 -1
- package/build/cjs/components/EntityList/EntityListItemText.d.ts +1 -1
- package/build/cjs/components/EntityList/EntityListItemText.js +1 -1
- package/build/cjs/components/EntityList/types.d.ts +4 -0
- package/build/esm/components/Content/ContentList/ContentList.js +1 -1
- package/build/esm/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/EntityItemBody.d.ts +1 -1
- package/build/esm/components/EntityList/EntityItemBody.js +1 -1
- package/build/esm/components/EntityList/EntityListItem.js +1 -1
- package/build/esm/components/EntityList/EntityListItemText.d.ts +1 -1
- package/build/esm/components/EntityList/EntityListItemText.js +1 -1
- package/build/esm/components/EntityList/types.d.ts +4 -0
- package/package.json +9 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get ContentList(){return ContentList},get getReferenceListBulletStyle(){return getReferenceListBulletStyle}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ContentCheckbox=require("../ContentCheckbox/ContentCheckbox");function getReferenceListBulletStyle(theme){return{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,borderRadius:2,backgroundColor:theme.values.color.content.referenceButton.background.default,fontFamily:theme.variables.fontFamily.lato,fontSize:9,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default}}const StyledList=(0,_styled.default)("ul",{target:"eehx6yd0",label:"StyledList"})(({theme,listStyle,type})=>({margin:0,marginTop:theme.variables.size.spacing.xxs,marginBottom:theme.variables.size.spacing.xxs,paddingInlineStart:type?0:theme.variables.size.spacing.m,'[data-ds-id="ContentList"] &':{marginTop:theme.variables.size.spacing.xxxs,marginBottom:theme.variables.size.spacing.xxxs},listStyleType:type?"none":listStyle,"li::marker":{color:theme.values.color.text.primary.default},"ul:not([type])":{listStyleType:"circle","li::marker":{color:theme.values.color.text.tertiary.default},"ul:not([type])":{listStyleType:"square"}},..."checkList"===type&&{"li:has(> ul[type], > ol[type])":{paddingInlineStart:`calc(${theme.variables.size.dimension.checkbox.s} + ${theme.variables.size.spacing.xs})`}},..."referenceList"===type&&{counterReset:"reference-list",li:{counterIncrement:"reference-list",display:"flex",alignItems:"baseline",gap:theme.variables.size.spacing.xs,marginBottom:theme.variables.size.spacing.xxs,"::before":{content:"counter(reference-list)",...getReferenceListBulletStyle(theme)}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudExpc3QvQ29udGVudExpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUHJvcGVydHkgfSBmcm9tIFwiY3NzdHlwZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCwgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENvbnRlbnRDaGVja2JveCB9IGZyb20gXCIuLi9Db250ZW50Q2hlY2tib3gvQ29udGVudENoZWNrYm94XCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0VmFyaWFudCA9IFwiY2hlY2tMaXN0XCIgfCBcInJlZmVyZW5jZUxpc3RcIjtcblxuZXhwb3J0IHR5cGUgQ29udGVudExpc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlbmRlciBhcyBvcmRlcmVkIChvbCkgb3IgdW5vcmRlcmVkICh1bCkgbGlzdC4gKi9cbiAgYXM/OiBcIm9sXCIgfCBcInVsXCI7XG4gIC8qKiBDU1MgbGlzdC1zdHlsZS10eXBlIHZhbHVlLiAqL1xuICBsaXN0U3R5bGU/OiBQcm9wZXJ0eS5MaXN0U3R5bGVUeXBlO1xuICAvKiogRGlzcGxheSB0eXBlLiBgY2hlY2tMaXN0YCByZW5kZXJzIGNoZWNrYm94ZXMsIGByZWZlcmVuY2VMaXN0YCByZW5kZXJzIG51bWJlcmVkIGJhZGdlcy4gKi9cbiAgdHlwZT86IENvbnRlbnRMaXN0VmFyaWFudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRzIGV4dHJhIHNwYWNpbmcgYXJvdW5kIHRoZSBjaGVja2JveCBpbiBjaGVja2xpc3RzIHRvIGFjY29tb2RhdGUgYSBsYWJlbCB3aXRoIGxhcmdlciBsaW5lIGhlaWdodCAqL1xuICBpc1NwYWNlZE91dD86IGJvb2xlYW47XG59ICYgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ1bFwiPiwgXCJjaGlsZHJlblwiPjtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSBQaWNrPENvbnRlbnRMaXN0UHJvcHMsIFwibGlzdFN0eWxlXCIgfCBcInR5cGVcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSZWZlcmVuY2VMaXN0QnVsbGV0U3R5bGUodGhlbWU6IFRoZW1lKTogQ1NTT2JqZWN0IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIHdpZHRoOiAxNixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJvcmRlclJhZGl1czogMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5yZWZlcmVuY2VCdXR0b24uYmFja2dyb3VuZC5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IDksXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ub3JtYWwsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcInVsXCIpPFN0eWxlZExpc3RQcm9wcz4oXG4gICh7IHRoZW1lLCBsaXN0U3R5bGUsIHR5cGUgfSkgPT4gKHtcbiAgICBtYXJnaW46IDAsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdJbmxpbmVTdGFydDogdHlwZSA/IDAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG5cbiAgICAnW2RhdGEtZHMtaWQ9XCJDb250ZW50TGlzdFwiXSAmJzoge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHMsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgICB9LFxuICAgIGxpc3RTdHlsZVR5cGU6IHR5cGUgPyBcIm5vbmVcIiA6IGxpc3RTdHlsZSxcblxuICAgIFwibGk6Om1hcmtlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgIH0sXG5cbiAgICAvLyBOZXN0ZWQgbGlzdHMgc2hvdWxkIGhhdmUgZGlmZmVyZW50IGRlZmF1bHQgYnVsbGV0IHN0eWxlcy5cbiAgICAvLyBFeGNsdWRlIHR5cGVkIENvbnRlbnRMaXN0cyAoY2hlY2tMaXN0L3JlZmVyZW5jZUxpc3QpIOKAlCB0aGV5IGNhcnJ5XG4gICAgLy8gdHlwZT1cIuKAplwiIGFzIGFuIEhUTUwgYXR0cmlidXRlIGFuZCBtYW5hZ2UgdGhlaXIgb3duIGxpc3RTdHlsZVR5cGUuXG4gICAgXCJ1bDpub3QoW3R5cGVdKVwiOiB7XG4gICAgICBsaXN0U3R5bGVUeXBlOiBcImNpcmNsZVwiLFxuXG4gICAgICBcImxpOjptYXJrZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG5cbiAgICAgIFwidWw6bm90KFt0eXBlXSlcIjoge1xuICAgICAgICBsaXN0U3R5bGVUeXBlOiBcInNxdWFyZVwiLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgLi4uKHR5cGUgPT09IFwiY2hlY2tMaXN0XCIgJiYge1xuICAgICAgLy8gQSBsaXN0LW9ubHkgPGxpPiAoY29udGFpbmluZyBvbmx5IGEgbmVzdGVkIHR5cGVkIGxpc3QsIG5vIHRleHQpIHNraXBzIHRoZVxuICAgICAgLy8gQ2hlY2tib3ggd3JhcHBlci4gSW5kZW50IGl0IGJ5IGNoZWNrYm94LnMgKyBzcGFjaW5nLnhzIHRvIGFsaWduIHdpdGhcbiAgICAgIC8vIHNpYmxpbmcgaXRlbXMgdGhhdCBkbyBjYXJyeSBhIGNoZWNrYm94LlxuICAgICAgXCJsaTpoYXMoPiB1bFt0eXBlXSwgPiBvbFt0eXBlXSlcIjoge1xuICAgICAgICBwYWRkaW5nSW5saW5lU3RhcnQ6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmNoZWNrYm94LnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSlgLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLih0eXBlID09PSBcInJlZmVyZW5jZUxpc3RcIiAmJiB7XG4gICAgICBjb3VudGVyUmVzZXQ6IFwicmVmZXJlbmNlLWxpc3RcIixcblxuICAgICAgbGk6IHtcbiAgICAgICAgY291bnRlckluY3JlbWVudDogXCJyZWZlcmVuY2UtbGlzdFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJiYXNlbGluZVwiLFxuICAgICAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG5cbiAgICAgICAgXCI6OmJlZm9yZVwiOiB7XG4gICAgICAgICAgY29udGVudDogXCJjb3VudGVyKHJlZmVyZW5jZS1saXN0KVwiLFxuICAgICAgICAgIC4uLmdldFJlZmVyZW5jZUxpc3RCdWxsZXRTdHlsZSh0aGVtZSksXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZnVuY3Rpb24gZmxhdHRlbkZyYWdtZW50cyhub2RlOiBSZWFjdC5SZWFjdE5vZGUpOiBSZWFjdC5SZWFjdE5vZGVbXSB7XG4gIGNvbnN0IHJlc3VsdDogUmVhY3QuUmVhY3ROb2RlW10gPSBbXTtcbiAgUmVhY3QuQ2hpbGRyZW4uZm9yRWFjaChub2RlLCAoY2hpbGQpID0+IHtcbiAgICBpZiAoUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpICYmIGNoaWxkLnR5cGUgPT09IFJlYWN0LkZyYWdtZW50KSB7XG4gICAgICByZXN1bHQucHVzaChcbiAgICAgICAgLi4uZmxhdHRlbkZyYWdtZW50cygoY2hpbGQucHJvcHMgYXMgUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW4pLmNoaWxkcmVuKVxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmVzdWx0LnB1c2goY2hpbGQpO1xuICAgIH1cbiAgfSk7XG4gIHJldHVybiByZXN1bHQ7XG59XG5cbi8qKlxuICogUmV0dXJucyB0cnVlIGZvciBhbnkgUmVhY3QgZWxlbWVudCB0aGF0IHJlcHJlc2VudHMgYSBsaXN0IGNvbnRhaW5lciDigJRcbiAqIG5hdGl2ZSA8dWw+LzxvbD4gb3IgYSB0eXBlZCBDb250ZW50TGlzdCAoaWRlbnRpZmllZCBieSBpdHMgYHR5cGVgIHByb3ApLlxuICogQXZvaWRzIGEgZGlyZWN0IHJlZmVyZW5jZSB0byBDb250ZW50TGlzdCB0byBwcmV2ZW50IGNpcmN1bGFyIGxpbnQgZXJyb3JzLlxuICovXG5mdW5jdGlvbiBpc0xpc3RFbGVtZW50KG5vZGU6IFJlYWN0LlJlYWN0Tm9kZSk6IGJvb2xlYW4ge1xuICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KG5vZGUpKSByZXR1cm4gZmFsc2U7XG4gIGlmIChub2RlLnR5cGUgPT09IFwidWxcIiB8fCBub2RlLnR5cGUgPT09IFwib2xcIikgcmV0dXJuIHRydWU7XG4gIGNvbnN0IHsgdHlwZTogcHJvcHNUeXBlIH0gPSBub2RlLnByb3BzO1xuICByZXR1cm4gcHJvcHNUeXBlID09PSBcImNoZWNrTGlzdFwiIHx8IHByb3BzVHlwZSA9PT0gXCJyZWZlcmVuY2VMaXN0XCI7XG59XG5cbmZ1bmN0aW9uIHJlbmRlckNoZWNrbGlzdENoaWxkcmVuKFxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlLFxuICBpc1NwYWNlZE91dDogYm9vbGVhblxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkgfHwgY2hpbGQudHlwZSAhPT0gXCJsaVwiKSByZXR1cm4gY2hpbGQ7XG5cbiAgICAvLyBEcm9wIGZhbHN5L2VtcHR5IGNoaWxkcmVuIChmYWxzZS9udWxsL3VuZGVmaW5lZC9cIlwiKSBzbyBhIGNvbmRpdGlvbmFsIGxpa2VcbiAgICAvLyBge3Nob3dMYWJlbCAmJiA8Q29udGVudFRleHQvPn1gIGRvZXNuJ3QgZGVmZWF0IHRoZSBsaXN0LW9ubHkgZGV0ZWN0aW9uLlxuICAgIGNvbnN0IGZsYXQgPSBmbGF0dGVuRnJhZ21lbnRzKGNoaWxkLnByb3BzLmNoaWxkcmVuKS5maWx0ZXIoXG4gICAgICAobikgPT5cbiAgICAgICAgbiAhPT0gbnVsbCAmJiBuICE9PSB1bmRlZmluZWQgJiYgbiAhPT0gZmFsc2UgJiYgbiAhPT0gdHJ1ZSAmJiBuICE9PSBcIlwiXG4gICAgKTtcbiAgICBjb25zdCBpc0xpc3RPbmx5ID0gZmxhdC5sZW5ndGggPiAwICYmIGZsYXQuZXZlcnkoaXNMaXN0RWxlbWVudCk7XG5cbiAgICAvLyBDU1MgaGFuZGxlcyB0aGUgaW5kZW50IGZvciBsaXN0LW9ubHkgaXRlbXMgdmlhIGxpOmhhcyg+IHVsW3R5cGVdKS5cbiAgICBpZiAoaXNMaXN0T25seSkgcmV0dXJuIGNoaWxkO1xuXG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChcbiAgICAgIGNoaWxkLFxuICAgICAgdW5kZWZpbmVkLFxuICAgICAgPENvbnRlbnRDaGVja2JveFxuICAgICAgICBzaXplPVwic1wiXG4gICAgICAgIGxhYmVsPXtjaGlsZC5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgaXNTcGFjZWRPdXQ9e2lzU3BhY2VkT3V0fVxuICAgICAgLz5cbiAgICApO1xuICB9KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRlbnRMaXN0KHtcbiAgY2hpbGRyZW4sXG4gIGFzID0gXCJ1bFwiLFxuICBsaXN0U3R5bGUsXG4gIHR5cGUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc1NwYWNlZE91dCA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBDb250ZW50TGlzdFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcmVzb2x2ZWRBcyA9IHR5cGUgPT09IFwicmVmZXJlbmNlTGlzdFwiID8gXCJvbFwiIDogYXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFxuICAgICAgey4uLnJlc3R9XG4gICAgICBhcz17cmVzb2x2ZWRBc31cbiAgICAgIGxpc3RTdHlsZT17bGlzdFN0eWxlfVxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGVudExpc3RcIlxuICAgID5cbiAgICAgIHt0eXBlID09PSBcImNoZWNrTGlzdFwiXG4gICAgICAgID8gcmVuZGVyQ2hlY2tsaXN0Q2hpbGRyZW4oY2hpbGRyZW4sIGlzU3BhY2VkT3V0KVxuICAgICAgICA6IGNoaWxkcmVufVxuICAgIDwvU3R5bGVkTGlzdD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q21CIn0= */");function isListElement(node){if(!_react.default.isValidElement(node))return!1;if("ul"===node.type||"ol"===node.type)return!0;let{type:propsType}=node.props;return"checkList"===propsType||"referenceList"===propsType}function ContentList({children,as="ul",listStyle,type,"data-e2e-test-id":dataE2eTestId,isSpacedOut=!1,...rest}){return _react.default.createElement(StyledList,{...rest,as:"referenceList"===type?"ol":as,listStyle:listStyle,type:type,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentList"},"checkList"===type?_react.default.Children.map(children,child=>{if(!_react.default.isValidElement(child)||"li"!==child.type)return child;let flat=(function flattenFragments(node){let result=[];return _react.default.Children.forEach(node,child=>{_react.default.isValidElement(child)&&child.type===_react.default.Fragment?result.push(...flattenFragments(child.props.children)):result.push(child)}),result})(child.props.children).filter(n=>null!=n&&!1!==n&&!0!==n&&""!==n);return flat.length>0&&flat.every(isListElement)?child:_react.default.cloneElement(child,void 0,_react.default.createElement(_ContentCheckbox.ContentCheckbox,{size:"s",label:child.props.children,isSpacedOut:isSpacedOut}))}):children)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get ContentList(){return ContentList},get getReferenceListBulletStyle(){return getReferenceListBulletStyle}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ContentCheckbox=require("../ContentCheckbox/ContentCheckbox");function getReferenceListBulletStyle(theme){return{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,borderRadius:2,backgroundColor:theme.values.color.content.referenceButton.background.default,fontFamily:theme.variables.fontFamily.lato,fontSize:9,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default}}const StyledList=(0,_styled.default)("ul",{target:"ewqdvx60",label:"StyledList"})(({theme,listStyle,type})=>({margin:0,marginTop:theme.variables.size.spacing.xxs,marginBottom:theme.variables.size.spacing.xxs,paddingInlineStart:type?0:theme.variables.size.spacing.m,listStyleType:type?"none":listStyle,"li::marker":{color:theme.values.color.text.primary.default},"ul:not([type])":{listStyleType:"circle","li::marker":{color:theme.values.color.text.tertiary.default},"ul:not([type])":{listStyleType:"square"}},..."checkList"===type&&{"li:has(> ul[type], > ol[type])":{paddingInlineStart:`calc(${theme.variables.size.dimension.checkbox.s} + ${theme.variables.size.spacing.xs})`}},..."referenceList"===type&&{counterReset:"reference-list",li:{counterIncrement:"reference-list",display:"flex",alignItems:"baseline",gap:theme.variables.size.spacing.xs,marginBottom:theme.variables.size.spacing.xxs,"::before":{content:"counter(reference-list)",...getReferenceListBulletStyle(theme)}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudExpc3QvQ29udGVudExpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUHJvcGVydHkgfSBmcm9tIFwiY3NzdHlwZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCwgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENvbnRlbnRDaGVja2JveCB9IGZyb20gXCIuLi9Db250ZW50Q2hlY2tib3gvQ29udGVudENoZWNrYm94XCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0VmFyaWFudCA9IFwiY2hlY2tMaXN0XCIgfCBcInJlZmVyZW5jZUxpc3RcIjtcblxuZXhwb3J0IHR5cGUgQ29udGVudExpc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlbmRlciBhcyBvcmRlcmVkIChvbCkgb3IgdW5vcmRlcmVkICh1bCkgbGlzdC4gKi9cbiAgYXM/OiBcIm9sXCIgfCBcInVsXCI7XG4gIC8qKiBDU1MgbGlzdC1zdHlsZS10eXBlIHZhbHVlLiAqL1xuICBsaXN0U3R5bGU/OiBQcm9wZXJ0eS5MaXN0U3R5bGVUeXBlO1xuICAvKiogRGlzcGxheSB0eXBlLiBgY2hlY2tMaXN0YCByZW5kZXJzIGNoZWNrYm94ZXMsIGByZWZlcmVuY2VMaXN0YCByZW5kZXJzIG51bWJlcmVkIGJhZGdlcy4gKi9cbiAgdHlwZT86IENvbnRlbnRMaXN0VmFyaWFudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRzIGV4dHJhIHNwYWNpbmcgYXJvdW5kIHRoZSBjaGVja2JveCBpbiBjaGVja2xpc3RzIHRvIGFjY29tb2RhdGUgYSBsYWJlbCB3aXRoIGxhcmdlciBsaW5lIGhlaWdodCAqL1xuICBpc1NwYWNlZE91dD86IGJvb2xlYW47XG59ICYgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ1bFwiPiwgXCJjaGlsZHJlblwiPjtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSBQaWNrPENvbnRlbnRMaXN0UHJvcHMsIFwibGlzdFN0eWxlXCIgfCBcInR5cGVcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSZWZlcmVuY2VMaXN0QnVsbGV0U3R5bGUodGhlbWU6IFRoZW1lKTogQ1NTT2JqZWN0IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIHdpZHRoOiAxNixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJvcmRlclJhZGl1czogMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5yZWZlcmVuY2VCdXR0b24uYmFja2dyb3VuZC5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IDksXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ub3JtYWwsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcInVsXCIpPFN0eWxlZExpc3RQcm9wcz4oXG4gICh7IHRoZW1lLCBsaXN0U3R5bGUsIHR5cGUgfSkgPT4gKHtcbiAgICBtYXJnaW46IDAsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdJbmxpbmVTdGFydDogdHlwZSA/IDAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgbGlzdFN0eWxlVHlwZTogdHlwZSA/IFwibm9uZVwiIDogbGlzdFN0eWxlLFxuXG4gICAgXCJsaTo6bWFya2VyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcblxuICAgIC8vIE5lc3RlZCBsaXN0cyBzaG91bGQgaGF2ZSBkaWZmZXJlbnQgZGVmYXVsdCBidWxsZXQgc3R5bGVzLlxuICAgIC8vIEV4Y2x1ZGUgdHlwZWQgQ29udGVudExpc3RzIChjaGVja0xpc3QvcmVmZXJlbmNlTGlzdCkg4oCUIHRoZXkgY2FycnlcbiAgICAvLyB0eXBlPVwi4oCmXCIgYXMgYW4gSFRNTCBhdHRyaWJ1dGUgYW5kIG1hbmFnZSB0aGVpciBvd24gbGlzdFN0eWxlVHlwZS5cbiAgICBcInVsOm5vdChbdHlwZV0pXCI6IHtcbiAgICAgIGxpc3RTdHlsZVR5cGU6IFwiY2lyY2xlXCIsXG5cbiAgICAgIFwibGk6Om1hcmtlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgfSxcblxuICAgICAgXCJ1bDpub3QoW3R5cGVdKVwiOiB7XG4gICAgICAgIGxpc3RTdHlsZVR5cGU6IFwic3F1YXJlXCIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICAuLi4odHlwZSA9PT0gXCJjaGVja0xpc3RcIiAmJiB7XG4gICAgICAvLyBBIGxpc3Qtb25seSA8bGk+IChjb250YWluaW5nIG9ubHkgYSBuZXN0ZWQgdHlwZWQgbGlzdCwgbm8gdGV4dCkgc2tpcHMgdGhlXG4gICAgICAvLyBDaGVja2JveCB3cmFwcGVyLiBJbmRlbnQgaXQgYnkgY2hlY2tib3gucyArIHNwYWNpbmcueHMgdG8gYWxpZ24gd2l0aFxuICAgICAgLy8gc2libGluZyBpdGVtcyB0aGF0IGRvIGNhcnJ5IGEgY2hlY2tib3guXG4gICAgICBcImxpOmhhcyg+IHVsW3R5cGVdLCA+IG9sW3R5cGVdKVwiOiB7XG4gICAgICAgIHBhZGRpbmdJbmxpbmVTdGFydDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uY2hlY2tib3guc30gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9KWAsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKHR5cGUgPT09IFwicmVmZXJlbmNlTGlzdFwiICYmIHtcbiAgICAgIGNvdW50ZXJSZXNldDogXCJyZWZlcmVuY2UtbGlzdFwiLFxuXG4gICAgICBsaToge1xuICAgICAgICBjb3VudGVySW5jcmVtZW50OiBcInJlZmVyZW5jZS1saXN0XCIsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImJhc2VsaW5lXCIsXG4gICAgICAgIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICAgICAgbWFyZ2luQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcblxuICAgICAgICBcIjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBcImNvdW50ZXIocmVmZXJlbmNlLWxpc3QpXCIsXG4gICAgICAgICAgLi4uZ2V0UmVmZXJlbmNlTGlzdEJ1bGxldFN0eWxlKHRoZW1lKSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBmbGF0dGVuRnJhZ21lbnRzKG5vZGU6IFJlYWN0LlJlYWN0Tm9kZSk6IFJlYWN0LlJlYWN0Tm9kZVtdIHtcbiAgY29uc3QgcmVzdWx0OiBSZWFjdC5SZWFjdE5vZGVbXSA9IFtdO1xuICBSZWFjdC5DaGlsZHJlbi5mb3JFYWNoKG5vZGUsIChjaGlsZCkgPT4ge1xuICAgIGlmIChSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkgJiYgY2hpbGQudHlwZSA9PT0gUmVhY3QuRnJhZ21lbnQpIHtcbiAgICAgIHJlc3VsdC5wdXNoKFxuICAgICAgICAuLi5mbGF0dGVuRnJhZ21lbnRzKChjaGlsZC5wcm9wcyBhcyBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbikuY2hpbGRyZW4pXG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXN1bHQucHVzaChjaGlsZCk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHJlc3VsdDtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIHRydWUgZm9yIGFueSBSZWFjdCBlbGVtZW50IHRoYXQgcmVwcmVzZW50cyBhIGxpc3QgY29udGFpbmVyIOKAlFxuICogbmF0aXZlIDx1bD4vPG9sPiBvciBhIHR5cGVkIENvbnRlbnRMaXN0IChpZGVudGlmaWVkIGJ5IGl0cyBgdHlwZWAgcHJvcCkuXG4gKiBBdm9pZHMgYSBkaXJlY3QgcmVmZXJlbmNlIHRvIENvbnRlbnRMaXN0IHRvIHByZXZlbnQgY2lyY3VsYXIgbGludCBlcnJvcnMuXG4gKi9cbmZ1bmN0aW9uIGlzTGlzdEVsZW1lbnQobm9kZTogUmVhY3QuUmVhY3ROb2RlKTogYm9vbGVhbiB7XG4gIGlmICghUmVhY3QuaXNWYWxpZEVsZW1lbnQobm9kZSkpIHJldHVybiBmYWxzZTtcbiAgaWYgKG5vZGUudHlwZSA9PT0gXCJ1bFwiIHx8IG5vZGUudHlwZSA9PT0gXCJvbFwiKSByZXR1cm4gdHJ1ZTtcbiAgY29uc3QgeyB0eXBlOiBwcm9wc1R5cGUgfSA9IG5vZGUucHJvcHM7XG4gIHJldHVybiBwcm9wc1R5cGUgPT09IFwiY2hlY2tMaXN0XCIgfHwgcHJvcHNUeXBlID09PSBcInJlZmVyZW5jZUxpc3RcIjtcbn1cblxuZnVuY3Rpb24gcmVuZGVyQ2hlY2tsaXN0Q2hpbGRyZW4oXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUsXG4gIGlzU3BhY2VkT3V0OiBib29sZWFuXG4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSB8fCBjaGlsZC50eXBlICE9PSBcImxpXCIpIHJldHVybiBjaGlsZDtcblxuICAgIC8vIERyb3AgZmFsc3kvZW1wdHkgY2hpbGRyZW4gKGZhbHNlL251bGwvdW5kZWZpbmVkL1wiXCIpIHNvIGEgY29uZGl0aW9uYWwgbGlrZVxuICAgIC8vIGB7c2hvd0xhYmVsICYmIDxDb250ZW50VGV4dC8+fWAgZG9lc24ndCBkZWZlYXQgdGhlIGxpc3Qtb25seSBkZXRlY3Rpb24uXG4gICAgY29uc3QgZmxhdCA9IGZsYXR0ZW5GcmFnbWVudHMoY2hpbGQucHJvcHMuY2hpbGRyZW4pLmZpbHRlcihcbiAgICAgIChuKSA9PlxuICAgICAgICBuICE9PSBudWxsICYmIG4gIT09IHVuZGVmaW5lZCAmJiBuICE9PSBmYWxzZSAmJiBuICE9PSB0cnVlICYmIG4gIT09IFwiXCJcbiAgICApO1xuICAgIGNvbnN0IGlzTGlzdE9ubHkgPSBmbGF0Lmxlbmd0aCA+IDAgJiYgZmxhdC5ldmVyeShpc0xpc3RFbGVtZW50KTtcblxuICAgIC8vIENTUyBoYW5kbGVzIHRoZSBpbmRlbnQgZm9yIGxpc3Qtb25seSBpdGVtcyB2aWEgbGk6aGFzKD4gdWxbdHlwZV0pLlxuICAgIGlmIChpc0xpc3RPbmx5KSByZXR1cm4gY2hpbGQ7XG5cbiAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgY2hpbGQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICA8Q29udGVudENoZWNrYm94XG4gICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgbGFiZWw9e2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICBpc1NwYWNlZE91dD17aXNTcGFjZWRPdXR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29udGVudExpc3Qoe1xuICBjaGlsZHJlbixcbiAgYXMgPSBcInVsXCIsXG4gIGxpc3RTdHlsZSxcbiAgdHlwZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzU3BhY2VkT3V0ID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCByZXNvbHZlZEFzID0gdHlwZSA9PT0gXCJyZWZlcmVuY2VMaXN0XCIgPyBcIm9sXCIgOiBhcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFzPXtyZXNvbHZlZEFzfVxuICAgICAgbGlzdFN0eWxlPXtsaXN0U3R5bGV9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50TGlzdFwiXG4gICAgPlxuICAgICAge3R5cGUgPT09IFwiY2hlY2tMaXN0XCJcbiAgICAgICAgPyByZW5kZXJDaGVja2xpc3RDaGlsZHJlbihjaGlsZHJlbiwgaXNTcGFjZWRPdXQpXG4gICAgICAgIDogY2hpbGRyZW59XG4gICAgPC9TdHlsZWRMaXN0PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDbUIifQ== */");function isListElement(node){if(!_react.default.isValidElement(node))return!1;if("ul"===node.type||"ol"===node.type)return!0;let{type:propsType}=node.props;return"checkList"===propsType||"referenceList"===propsType}function ContentList({children,as="ul",listStyle,type,"data-e2e-test-id":dataE2eTestId,isSpacedOut=!1,...rest}){return _react.default.createElement(StyledList,{...rest,as:"referenceList"===type?"ol":as,listStyle:listStyle,type:type,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentList"},"checkList"===type?_react.default.Children.map(children,child=>{if(!_react.default.isValidElement(child)||"li"!==child.type)return child;let flat=(function flattenFragments(node){let result=[];return _react.default.Children.forEach(node,child=>{_react.default.isValidElement(child)&&child.type===_react.default.Fragment?result.push(...flattenFragments(child.props.children)):result.push(child)}),result})(child.props.children).filter(n=>null!=n&&!1!==n&&!0!==n&&""!==n);return flat.length>0&&flat.every(isListElement)?child:_react.default.cloneElement(child,void 0,_react.default.createElement(_ContentCheckbox.ContentCheckbox,{size:"s",label:child.props.children,isSpacedOut:isSpacedOut}))}):children)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListProps } from "./types";
|
|
3
|
-
export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
3
|
+
export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityList",{enumerable:!0,get:function(){return BaseEntityList}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("./styled-components"),_useKeyboard=require("../../shared/useKeyboard"),_Icon=require("../Icon/Icon"),_EntityListItem=require("./EntityListItem"),_VirtualizedEntityList=require("./VirtualizedEntityList"),_useFocusByIndex=require("./useFocusByIndex"),ITEM_ROLE_MAP={list:"listitem",listbox:"option",menu:"menuitem"};function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ITEM_ROLE_MAP[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable||void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=(0,_react.useMemo)(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=(0,_react.useMemo)(()=>new Set(selectedIds),[selectedIds]),listRef=(0,_react.useRef)(null),focusableItems=(0,_react.useMemo)(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),initialActiveIndex=(0,_react.useMemo)(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown]),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableItems,preventScroll:isVirtualized,initialIndex:initialActiveIndex});(0,_react.useEffect)(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable||!!onClick);let handleOnClick=(0,_react.useCallback)(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable||onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex||defaultTabIndex)?0:-1}return _react.default.createElement(_EntityListItem.EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>_react.default.createElement(_Icon.Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return _react.default.createElement("div",{ref:listRef},isVirtualized&&maxHeight?_react.default.createElement(_VirtualizedEntityList.VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):_react.default.createElement(_styledcomponents.StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityList",{enumerable:!0,get:function(){return BaseEntityList}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("./styled-components"),_useKeyboard=require("../../shared/useKeyboard"),_Icon=require("../Icon/Icon"),_EntityListItem=require("./EntityListItem"),_VirtualizedEntityList=require("./VirtualizedEntityList"),_useFocusByIndex=require("./useFocusByIndex"),ITEM_ROLE_MAP={list:"listitem",listbox:"option",menu:"menuitem"};function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ITEM_ROLE_MAP[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable||void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=(0,_react.useMemo)(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=(0,_react.useMemo)(()=>new Set(selectedIds),[selectedIds]),listRef=(0,_react.useRef)(null),focusableItems=(0,_react.useMemo)(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),initialActiveIndex=(0,_react.useMemo)(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown]),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableItems,preventScroll:isVirtualized,initialIndex:initialActiveIndex});(0,_react.useEffect)(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable||!!onClick);let handleOnClick=(0,_react.useCallback)(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable||onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex||defaultTabIndex)?0:-1}return _react.default.createElement(_EntityListItem.EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>_react.default.createElement(_Icon.Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return _react.default.createElement("div",{ref:listRef},isVirtualized&&maxHeight?_react.default.createElement(_VirtualizedEntityList.VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):_react.default.createElement(_styledcomponents.StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListItemProps } from "./types";
|
|
3
|
-
export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, tabIndex, size, }: Partial<EntityListItemProps>): React.ReactElement;
|
|
3
|
+
export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, tabIndex, size, truncateLabel, }: Partial<EntityListItemProps>): React.ReactElement;
|
|
@@ -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:"erqpiki0",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIn0= */"),StyledMinHeightCell=(0,_styled.default)("div",{target:"erqpiki1",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I0QiJ9 */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>(0,_react.isValidElement)(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s",tabIndex});return _react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?_react.default.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:["xs","m"]},_react.default.createElement(_Checkbox.CheckboxRaw,{...checkboxProps,inert:""}),_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&&_react.default.createElement(StyledMinHeightCell,{textSize:textSize},isInteractiveElement(rightElement)?(0,_react.cloneElement)(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement))}
|
|
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:"e1l7tkuv0",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxuICB0cnVuY2F0ZUxhYmVsLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgIHNpemU9e3RleHRTaXplfVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHRydW5jYXRlTGFiZWw9e3RydW5jYXRlTGFiZWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgICAgPC9FbnRpdHlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApIDogKFxuICAgICAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgICAgICB7cmVuZGVyTGVmdCAmJiByZW5kZXJMZWZ0KHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgPEVudGl0eUxpc3RJdGVtVGV4dFxuICAgICAgICAgICAgc2l6ZT17dGV4dFNpemV9XG4gICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICB0cnVuY2F0ZUxhYmVsPXt0cnVuY2F0ZUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG5cbiAgICAgIHtyaWdodEVsZW1lbnQgJiYgKFxuICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgIHtpc0ludGVyYWN0aXZlRWxlbWVudChyaWdodEVsZW1lbnQpXG4gICAgICAgICAgICA/IGNsb25lRWxlbWVudChyaWdodEVsZW1lbnQsIHtcbiAgICAgICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgICAgICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbkNsaWNrPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93biAmJiB7XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bjogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uTW91c2VEb3duPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAuLi4ocmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Qb2ludGVyRG93bjogKGV2ZW50OiBSZWFjdC5Qb2ludGVyRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25Qb2ludGVyRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IHJpZ2h0RWxlbWVudH1cbiAgICAgICAgPC9TdHlsZWRNaW5IZWlnaHRDZWxsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),StyledMinHeightCell=(0,_styled.default)("div",{target:"e1l7tkuv1",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxuICB0cnVuY2F0ZUxhYmVsLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgIHNpemU9e3RleHRTaXplfVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHRydW5jYXRlTGFiZWw9e3RydW5jYXRlTGFiZWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgICAgPC9FbnRpdHlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApIDogKFxuICAgICAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgICAgICB7cmVuZGVyTGVmdCAmJiByZW5kZXJMZWZ0KHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgPEVudGl0eUxpc3RJdGVtVGV4dFxuICAgICAgICAgICAgc2l6ZT17dGV4dFNpemV9XG4gICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICB0cnVuY2F0ZUxhYmVsPXt0cnVuY2F0ZUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG5cbiAgICAgIHtyaWdodEVsZW1lbnQgJiYgKFxuICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgIHtpc0ludGVyYWN0aXZlRWxlbWVudChyaWdodEVsZW1lbnQpXG4gICAgICAgICAgICA/IGNsb25lRWxlbWVudChyaWdodEVsZW1lbnQsIHtcbiAgICAgICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgICAgICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbkNsaWNrPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93biAmJiB7XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bjogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uTW91c2VEb3duPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAuLi4ocmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Qb2ludGVyRG93bjogKGV2ZW50OiBSZWFjdC5Qb2ludGVyRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25Qb2ludGVyRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IHJpZ2h0RWxlbWVudH1cbiAgICAgICAgPC9TdHlsZWRNaW5IZWlnaHRDZWxsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjRCIn0= */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>(0,_react.isValidElement)(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m",truncateLabel}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s",tabIndex});return _react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?_react.default.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},_react.default.createElement(_Inline.Inline,{noWrap:!0,space:["xs","m"]},_react.default.createElement(_Checkbox.CheckboxRaw,{...checkboxProps,inert:""}),_react.default.createElement(_EntityListItemText.EntityListItemText,{size:textSize,description:description,truncateLabel:truncateLabel},renderLabel({textSize})))):_react.default.createElement(_Inline.Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),_react.default.createElement(_EntityListItemText.EntityListItemText,{size:textSize,description:description,truncateLabel:truncateLabel},renderLabel({textSize}))),rightElement&&_react.default.createElement(StyledMinHeightCell,{textSize:textSize},isInteractiveElement(rightElement)?(0,_react.cloneElement)(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItem",{enumerable:!0,get:function(){return EntityListItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_EntityItemBody=require("./EntityItemBody"),_useKeyboard=require("../../shared/useKeyboard"),_styledcomponents=require("./styled-components"),useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),(0,_react.useImperativeHandle)(globalRef,()=>localRef.current),localRef},EntityListItem=_react.default.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=(0,_react.useCallback)(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return _react.default.createElement(_styledcomponents.StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},_react.default.createElement(_styledcomponents.StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight})))});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItem",{enumerable:!0,get:function(){return EntityListItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_EntityItemBody=require("./EntityItemBody"),_useKeyboard=require("../../shared/useKeyboard"),_styledcomponents=require("./styled-components"),useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),(0,_react.useImperativeHandle)(globalRef,()=>localRef.current),localRef},EntityListItem=_react.default.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel},ref)=>{let handleOnClick=(0,_react.useCallback)(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return _react.default.createElement(_styledcomponents.StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},_react.default.createElement(_styledcomponents.StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListItemLabelProps } from "./types";
|
|
3
|
-
export declare function EntityListItemText({ children, size, description, }: EntityListItemLabelProps): React.ReactElement;
|
|
3
|
+
export declare function EntityListItemText({ children, size, description, truncateLabel, }: EntityListItemLabelProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItemText",{enumerable:!0,get:function(){return EntityListItemText}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Text=require("../Typography/Text/Text"),_Stack=require("../Stack/Stack");function EntityListItemText({children,size,description}){return _react.default.createElement(_Stack.Stack,{space:"xxxs"},_react.default.createElement(_Text.Text,{size:size},children),description&&_react.default.createElement(_Text.Text,{color:"tertiary",size:"s"},description))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItemText",{enumerable:!0,get:function(){return EntityListItemText}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Text=require("../Typography/Text/Text"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Stack=require("../Stack/Stack");function EntityListItemText({children,size,description,truncateLabel}){return _react.default.createElement(_Stack.Stack,{space:"xxxs"},truncateLabel?_react.default.createElement(_TextClamped.TextClamped,{size:size},children):_react.default.createElement(_Text.Text,{size:size},children),description&&_react.default.createElement(_Text.Text,{color:"tertiary",size:"s"},description))}
|
|
@@ -86,6 +86,8 @@ export type BaseEntityListProps = {
|
|
|
86
86
|
"aria-label"?: string;
|
|
87
87
|
/** ARIA role for the list container. Defaults to 'listbox' when isSelectable, 'list' otherwise. */
|
|
88
88
|
role?: "list" | "listbox" | "menu";
|
|
89
|
+
/** Truncates each item's label with an ellipsis when it overflows on a single line. Description is unaffected. */
|
|
90
|
+
truncateLabels?: boolean;
|
|
89
91
|
};
|
|
90
92
|
export type EntityListProps = BaseEntityListProps & ({
|
|
91
93
|
/** Enable virtualization for large lists. When true, only visible items are rendered. */
|
|
@@ -127,6 +129,7 @@ export type EntityListItemProps = {
|
|
|
127
129
|
/** @deprecated Use slotProps.toggle['aria-label-collapse'] instead */
|
|
128
130
|
ariaLabelCollapse?: string;
|
|
129
131
|
isSelected?: boolean;
|
|
132
|
+
truncateLabel?: boolean;
|
|
130
133
|
"aria-label": string;
|
|
131
134
|
"aria-level"?: number;
|
|
132
135
|
"data-list-item"?: number;
|
|
@@ -135,6 +138,7 @@ export type EntityListItemLabelProps = {
|
|
|
135
138
|
children: React.ReactNode;
|
|
136
139
|
size: TextSize;
|
|
137
140
|
description?: string;
|
|
141
|
+
truncateLabel?: boolean;
|
|
138
142
|
};
|
|
139
143
|
export type SizesForSlots = {
|
|
140
144
|
actionSize: ActionSizeProps["actionSize"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{ContentCheckbox}from"../ContentCheckbox/ContentCheckbox";export function getReferenceListBulletStyle(theme){return{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,borderRadius:2,backgroundColor:theme.values.color.content.referenceButton.background.default,fontFamily:theme.variables.fontFamily.lato,fontSize:9,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default}}let StyledList=styled("ul",{target:"eehx6yd0",label:"StyledList"})(({theme,listStyle,type})=>({margin:0,marginTop:theme.variables.size.spacing.xxs,marginBottom:theme.variables.size.spacing.xxs,paddingInlineStart:type?0:theme.variables.size.spacing.m,'[data-ds-id="ContentList"] &':{marginTop:theme.variables.size.spacing.xxxs,marginBottom:theme.variables.size.spacing.xxxs},listStyleType:type?"none":listStyle,"li::marker":{color:theme.values.color.text.primary.default},"ul:not([type])":{listStyleType:"circle","li::marker":{color:theme.values.color.text.tertiary.default},"ul:not([type])":{listStyleType:"square"}},..."checkList"===type&&{"li:has(> ul[type], > ol[type])":{paddingInlineStart:`calc(${theme.variables.size.dimension.checkbox.s} + ${theme.variables.size.spacing.xs})`}},..."referenceList"===type&&{counterReset:"reference-list",li:{counterIncrement:"reference-list",display:"flex",alignItems:"baseline",gap:theme.variables.size.spacing.xs,marginBottom:theme.variables.size.spacing.xxs,"::before":{content:"counter(reference-list)",...getReferenceListBulletStyle(theme)}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudExpc3QvQ29udGVudExpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUHJvcGVydHkgfSBmcm9tIFwiY3NzdHlwZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCwgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENvbnRlbnRDaGVja2JveCB9IGZyb20gXCIuLi9Db250ZW50Q2hlY2tib3gvQ29udGVudENoZWNrYm94XCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0VmFyaWFudCA9IFwiY2hlY2tMaXN0XCIgfCBcInJlZmVyZW5jZUxpc3RcIjtcblxuZXhwb3J0IHR5cGUgQ29udGVudExpc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlbmRlciBhcyBvcmRlcmVkIChvbCkgb3IgdW5vcmRlcmVkICh1bCkgbGlzdC4gKi9cbiAgYXM/OiBcIm9sXCIgfCBcInVsXCI7XG4gIC8qKiBDU1MgbGlzdC1zdHlsZS10eXBlIHZhbHVlLiAqL1xuICBsaXN0U3R5bGU/OiBQcm9wZXJ0eS5MaXN0U3R5bGVUeXBlO1xuICAvKiogRGlzcGxheSB0eXBlLiBgY2hlY2tMaXN0YCByZW5kZXJzIGNoZWNrYm94ZXMsIGByZWZlcmVuY2VMaXN0YCByZW5kZXJzIG51bWJlcmVkIGJhZGdlcy4gKi9cbiAgdHlwZT86IENvbnRlbnRMaXN0VmFyaWFudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRzIGV4dHJhIHNwYWNpbmcgYXJvdW5kIHRoZSBjaGVja2JveCBpbiBjaGVja2xpc3RzIHRvIGFjY29tb2RhdGUgYSBsYWJlbCB3aXRoIGxhcmdlciBsaW5lIGhlaWdodCAqL1xuICBpc1NwYWNlZE91dD86IGJvb2xlYW47XG59ICYgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ1bFwiPiwgXCJjaGlsZHJlblwiPjtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSBQaWNrPENvbnRlbnRMaXN0UHJvcHMsIFwibGlzdFN0eWxlXCIgfCBcInR5cGVcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSZWZlcmVuY2VMaXN0QnVsbGV0U3R5bGUodGhlbWU6IFRoZW1lKTogQ1NTT2JqZWN0IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIHdpZHRoOiAxNixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJvcmRlclJhZGl1czogMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5yZWZlcmVuY2VCdXR0b24uYmFja2dyb3VuZC5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IDksXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ub3JtYWwsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcInVsXCIpPFN0eWxlZExpc3RQcm9wcz4oXG4gICh7IHRoZW1lLCBsaXN0U3R5bGUsIHR5cGUgfSkgPT4gKHtcbiAgICBtYXJnaW46IDAsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdJbmxpbmVTdGFydDogdHlwZSA/IDAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG5cbiAgICAnW2RhdGEtZHMtaWQ9XCJDb250ZW50TGlzdFwiXSAmJzoge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHMsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgICB9LFxuICAgIGxpc3RTdHlsZVR5cGU6IHR5cGUgPyBcIm5vbmVcIiA6IGxpc3RTdHlsZSxcblxuICAgIFwibGk6Om1hcmtlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgIH0sXG5cbiAgICAvLyBOZXN0ZWQgbGlzdHMgc2hvdWxkIGhhdmUgZGlmZmVyZW50IGRlZmF1bHQgYnVsbGV0IHN0eWxlcy5cbiAgICAvLyBFeGNsdWRlIHR5cGVkIENvbnRlbnRMaXN0cyAoY2hlY2tMaXN0L3JlZmVyZW5jZUxpc3QpIOKAlCB0aGV5IGNhcnJ5XG4gICAgLy8gdHlwZT1cIuKAplwiIGFzIGFuIEhUTUwgYXR0cmlidXRlIGFuZCBtYW5hZ2UgdGhlaXIgb3duIGxpc3RTdHlsZVR5cGUuXG4gICAgXCJ1bDpub3QoW3R5cGVdKVwiOiB7XG4gICAgICBsaXN0U3R5bGVUeXBlOiBcImNpcmNsZVwiLFxuXG4gICAgICBcImxpOjptYXJrZXJcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG5cbiAgICAgIFwidWw6bm90KFt0eXBlXSlcIjoge1xuICAgICAgICBsaXN0U3R5bGVUeXBlOiBcInNxdWFyZVwiLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgLi4uKHR5cGUgPT09IFwiY2hlY2tMaXN0XCIgJiYge1xuICAgICAgLy8gQSBsaXN0LW9ubHkgPGxpPiAoY29udGFpbmluZyBvbmx5IGEgbmVzdGVkIHR5cGVkIGxpc3QsIG5vIHRleHQpIHNraXBzIHRoZVxuICAgICAgLy8gQ2hlY2tib3ggd3JhcHBlci4gSW5kZW50IGl0IGJ5IGNoZWNrYm94LnMgKyBzcGFjaW5nLnhzIHRvIGFsaWduIHdpdGhcbiAgICAgIC8vIHNpYmxpbmcgaXRlbXMgdGhhdCBkbyBjYXJyeSBhIGNoZWNrYm94LlxuICAgICAgXCJsaTpoYXMoPiB1bFt0eXBlXSwgPiBvbFt0eXBlXSlcIjoge1xuICAgICAgICBwYWRkaW5nSW5saW5lU3RhcnQ6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmNoZWNrYm94LnN9ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSlgLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLih0eXBlID09PSBcInJlZmVyZW5jZUxpc3RcIiAmJiB7XG4gICAgICBjb3VudGVyUmVzZXQ6IFwicmVmZXJlbmNlLWxpc3RcIixcblxuICAgICAgbGk6IHtcbiAgICAgICAgY291bnRlckluY3JlbWVudDogXCJyZWZlcmVuY2UtbGlzdFwiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJiYXNlbGluZVwiLFxuICAgICAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG5cbiAgICAgICAgXCI6OmJlZm9yZVwiOiB7XG4gICAgICAgICAgY29udGVudDogXCJjb3VudGVyKHJlZmVyZW5jZS1saXN0KVwiLFxuICAgICAgICAgIC4uLmdldFJlZmVyZW5jZUxpc3RCdWxsZXRTdHlsZSh0aGVtZSksXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZnVuY3Rpb24gZmxhdHRlbkZyYWdtZW50cyhub2RlOiBSZWFjdC5SZWFjdE5vZGUpOiBSZWFjdC5SZWFjdE5vZGVbXSB7XG4gIGNvbnN0IHJlc3VsdDogUmVhY3QuUmVhY3ROb2RlW10gPSBbXTtcbiAgUmVhY3QuQ2hpbGRyZW4uZm9yRWFjaChub2RlLCAoY2hpbGQpID0+IHtcbiAgICBpZiAoUmVhY3QuaXNWYWxpZEVsZW1lbnQoY2hpbGQpICYmIGNoaWxkLnR5cGUgPT09IFJlYWN0LkZyYWdtZW50KSB7XG4gICAgICByZXN1bHQucHVzaChcbiAgICAgICAgLi4uZmxhdHRlbkZyYWdtZW50cygoY2hpbGQucHJvcHMgYXMgUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW4pLmNoaWxkcmVuKVxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmVzdWx0LnB1c2goY2hpbGQpO1xuICAgIH1cbiAgfSk7XG4gIHJldHVybiByZXN1bHQ7XG59XG5cbi8qKlxuICogUmV0dXJucyB0cnVlIGZvciBhbnkgUmVhY3QgZWxlbWVudCB0aGF0IHJlcHJlc2VudHMgYSBsaXN0IGNvbnRhaW5lciDigJRcbiAqIG5hdGl2ZSA8dWw+LzxvbD4gb3IgYSB0eXBlZCBDb250ZW50TGlzdCAoaWRlbnRpZmllZCBieSBpdHMgYHR5cGVgIHByb3ApLlxuICogQXZvaWRzIGEgZGlyZWN0IHJlZmVyZW5jZSB0byBDb250ZW50TGlzdCB0byBwcmV2ZW50IGNpcmN1bGFyIGxpbnQgZXJyb3JzLlxuICovXG5mdW5jdGlvbiBpc0xpc3RFbGVtZW50KG5vZGU6IFJlYWN0LlJlYWN0Tm9kZSk6IGJvb2xlYW4ge1xuICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KG5vZGUpKSByZXR1cm4gZmFsc2U7XG4gIGlmIChub2RlLnR5cGUgPT09IFwidWxcIiB8fCBub2RlLnR5cGUgPT09IFwib2xcIikgcmV0dXJuIHRydWU7XG4gIGNvbnN0IHsgdHlwZTogcHJvcHNUeXBlIH0gPSBub2RlLnByb3BzO1xuICByZXR1cm4gcHJvcHNUeXBlID09PSBcImNoZWNrTGlzdFwiIHx8IHByb3BzVHlwZSA9PT0gXCJyZWZlcmVuY2VMaXN0XCI7XG59XG5cbmZ1bmN0aW9uIHJlbmRlckNoZWNrbGlzdENoaWxkcmVuKFxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlLFxuICBpc1NwYWNlZE91dDogYm9vbGVhblxuKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgcmV0dXJuIFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiB7XG4gICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkgfHwgY2hpbGQudHlwZSAhPT0gXCJsaVwiKSByZXR1cm4gY2hpbGQ7XG5cbiAgICAvLyBEcm9wIGZhbHN5L2VtcHR5IGNoaWxkcmVuIChmYWxzZS9udWxsL3VuZGVmaW5lZC9cIlwiKSBzbyBhIGNvbmRpdGlvbmFsIGxpa2VcbiAgICAvLyBge3Nob3dMYWJlbCAmJiA8Q29udGVudFRleHQvPn1gIGRvZXNuJ3QgZGVmZWF0IHRoZSBsaXN0LW9ubHkgZGV0ZWN0aW9uLlxuICAgIGNvbnN0IGZsYXQgPSBmbGF0dGVuRnJhZ21lbnRzKGNoaWxkLnByb3BzLmNoaWxkcmVuKS5maWx0ZXIoXG4gICAgICAobikgPT5cbiAgICAgICAgbiAhPT0gbnVsbCAmJiBuICE9PSB1bmRlZmluZWQgJiYgbiAhPT0gZmFsc2UgJiYgbiAhPT0gdHJ1ZSAmJiBuICE9PSBcIlwiXG4gICAgKTtcbiAgICBjb25zdCBpc0xpc3RPbmx5ID0gZmxhdC5sZW5ndGggPiAwICYmIGZsYXQuZXZlcnkoaXNMaXN0RWxlbWVudCk7XG5cbiAgICAvLyBDU1MgaGFuZGxlcyB0aGUgaW5kZW50IGZvciBsaXN0LW9ubHkgaXRlbXMgdmlhIGxpOmhhcyg+IHVsW3R5cGVdKS5cbiAgICBpZiAoaXNMaXN0T25seSkgcmV0dXJuIGNoaWxkO1xuXG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChcbiAgICAgIGNoaWxkLFxuICAgICAgdW5kZWZpbmVkLFxuICAgICAgPENvbnRlbnRDaGVja2JveFxuICAgICAgICBzaXplPVwic1wiXG4gICAgICAgIGxhYmVsPXtjaGlsZC5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgaXNTcGFjZWRPdXQ9e2lzU3BhY2VkT3V0fVxuICAgICAgLz5cbiAgICApO1xuICB9KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRlbnRMaXN0KHtcbiAgY2hpbGRyZW4sXG4gIGFzID0gXCJ1bFwiLFxuICBsaXN0U3R5bGUsXG4gIHR5cGUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc1NwYWNlZE91dCA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBDb250ZW50TGlzdFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcmVzb2x2ZWRBcyA9IHR5cGUgPT09IFwicmVmZXJlbmNlTGlzdFwiID8gXCJvbFwiIDogYXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFxuICAgICAgey4uLnJlc3R9XG4gICAgICBhcz17cmVzb2x2ZWRBc31cbiAgICAgIGxpc3RTdHlsZT17bGlzdFN0eWxlfVxuICAgICAgdHlwZT17dHlwZX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGVudExpc3RcIlxuICAgID5cbiAgICAgIHt0eXBlID09PSBcImNoZWNrTGlzdFwiXG4gICAgICAgID8gcmVuZGVyQ2hlY2tsaXN0Q2hpbGRyZW4oY2hpbGRyZW4sIGlzU3BhY2VkT3V0KVxuICAgICAgICA6IGNoaWxkcmVufVxuICAgIDwvU3R5bGVkTGlzdD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q21CIn0= */");function isListElement(node){if(!React.isValidElement(node))return!1;if("ul"===node.type||"ol"===node.type)return!0;let{type:propsType}=node.props;return"checkList"===propsType||"referenceList"===propsType}export function ContentList({children,as="ul",listStyle,type,"data-e2e-test-id":dataE2eTestId,isSpacedOut=!1,...rest}){return React.createElement(StyledList,{...rest,as:"referenceList"===type?"ol":as,listStyle:listStyle,type:type,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentList"},"checkList"===type?React.Children.map(children,child=>{if(!React.isValidElement(child)||"li"!==child.type)return child;let flat=(function flattenFragments(node){let result=[];return React.Children.forEach(node,child=>{React.isValidElement(child)&&child.type===React.Fragment?result.push(...flattenFragments(child.props.children)):result.push(child)}),result})(child.props.children).filter(n=>null!=n&&!1!==n&&!0!==n&&""!==n);return flat.length>0&&flat.every(isListElement)?child:React.cloneElement(child,void 0,React.createElement(ContentCheckbox,{size:"s",label:child.props.children,isSpacedOut:isSpacedOut}))}):children)}
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{ContentCheckbox}from"../ContentCheckbox/ContentCheckbox";export function getReferenceListBulletStyle(theme){return{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:16,height:16,borderRadius:2,backgroundColor:theme.values.color.content.referenceButton.background.default,fontFamily:theme.variables.fontFamily.lato,fontSize:9,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default}}let StyledList=styled("ul",{target:"ewqdvx60",label:"StyledList"})(({theme,listStyle,type})=>({margin:0,marginTop:theme.variables.size.spacing.xxs,marginBottom:theme.variables.size.spacing.xxs,paddingInlineStart:type?0:theme.variables.size.spacing.m,listStyleType:type?"none":listStyle,"li::marker":{color:theme.values.color.text.primary.default},"ul:not([type])":{listStyleType:"circle","li::marker":{color:theme.values.color.text.tertiary.default},"ul:not([type])":{listStyleType:"square"}},..."checkList"===type&&{"li:has(> ul[type], > ol[type])":{paddingInlineStart:`calc(${theme.variables.size.dimension.checkbox.s} + ${theme.variables.size.spacing.xs})`}},..."referenceList"===type&&{counterReset:"reference-list",li:{counterIncrement:"reference-list",display:"flex",alignItems:"baseline",gap:theme.variables.size.spacing.xs,marginBottom:theme.variables.size.spacing.xxs,"::before":{content:"counter(reference-list)",...getReferenceListBulletStyle(theme)}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50TGlzdC9Db250ZW50TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRlbnQvQ29udGVudExpc3QvQ29udGVudExpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUHJvcGVydHkgfSBmcm9tIFwiY3NzdHlwZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCwgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENvbnRlbnRDaGVja2JveCB9IGZyb20gXCIuLi9Db250ZW50Q2hlY2tib3gvQ29udGVudENoZWNrYm94XCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRMaXN0VmFyaWFudCA9IFwiY2hlY2tMaXN0XCIgfCBcInJlZmVyZW5jZUxpc3RcIjtcblxuZXhwb3J0IHR5cGUgQ29udGVudExpc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlbmRlciBhcyBvcmRlcmVkIChvbCkgb3IgdW5vcmRlcmVkICh1bCkgbGlzdC4gKi9cbiAgYXM/OiBcIm9sXCIgfCBcInVsXCI7XG4gIC8qKiBDU1MgbGlzdC1zdHlsZS10eXBlIHZhbHVlLiAqL1xuICBsaXN0U3R5bGU/OiBQcm9wZXJ0eS5MaXN0U3R5bGVUeXBlO1xuICAvKiogRGlzcGxheSB0eXBlLiBgY2hlY2tMaXN0YCByZW5kZXJzIGNoZWNrYm94ZXMsIGByZWZlcmVuY2VMaXN0YCByZW5kZXJzIG51bWJlcmVkIGJhZGdlcy4gKi9cbiAgdHlwZT86IENvbnRlbnRMaXN0VmFyaWFudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBBZGRzIGV4dHJhIHNwYWNpbmcgYXJvdW5kIHRoZSBjaGVja2JveCBpbiBjaGVja2xpc3RzIHRvIGFjY29tb2RhdGUgYSBsYWJlbCB3aXRoIGxhcmdlciBsaW5lIGhlaWdodCAqL1xuICBpc1NwYWNlZE91dD86IGJvb2xlYW47XG59ICYgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ1bFwiPiwgXCJjaGlsZHJlblwiPjtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSBQaWNrPENvbnRlbnRMaXN0UHJvcHMsIFwibGlzdFN0eWxlXCIgfCBcInR5cGVcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRSZWZlcmVuY2VMaXN0QnVsbGV0U3R5bGUodGhlbWU6IFRoZW1lKTogQ1NTT2JqZWN0IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIHdpZHRoOiAxNixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJvcmRlclJhZGl1czogMixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5yZWZlcmVuY2VCdXR0b24uYmFja2dyb3VuZC5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IDksXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ub3JtYWwsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgfTtcbn1cblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcInVsXCIpPFN0eWxlZExpc3RQcm9wcz4oXG4gICh7IHRoZW1lLCBsaXN0U3R5bGUsIHR5cGUgfSkgPT4gKHtcbiAgICBtYXJnaW46IDAsXG4gICAgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdJbmxpbmVTdGFydDogdHlwZSA/IDAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgbGlzdFN0eWxlVHlwZTogdHlwZSA/IFwibm9uZVwiIDogbGlzdFN0eWxlLFxuXG4gICAgXCJsaTo6bWFya2VyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgfSxcblxuICAgIC8vIE5lc3RlZCBsaXN0cyBzaG91bGQgaGF2ZSBkaWZmZXJlbnQgZGVmYXVsdCBidWxsZXQgc3R5bGVzLlxuICAgIC8vIEV4Y2x1ZGUgdHlwZWQgQ29udGVudExpc3RzIChjaGVja0xpc3QvcmVmZXJlbmNlTGlzdCkg4oCUIHRoZXkgY2FycnlcbiAgICAvLyB0eXBlPVwi4oCmXCIgYXMgYW4gSFRNTCBhdHRyaWJ1dGUgYW5kIG1hbmFnZSB0aGVpciBvd24gbGlzdFN0eWxlVHlwZS5cbiAgICBcInVsOm5vdChbdHlwZV0pXCI6IHtcbiAgICAgIGxpc3RTdHlsZVR5cGU6IFwiY2lyY2xlXCIsXG5cbiAgICAgIFwibGk6Om1hcmtlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgfSxcblxuICAgICAgXCJ1bDpub3QoW3R5cGVdKVwiOiB7XG4gICAgICAgIGxpc3RTdHlsZVR5cGU6IFwic3F1YXJlXCIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICAuLi4odHlwZSA9PT0gXCJjaGVja0xpc3RcIiAmJiB7XG4gICAgICAvLyBBIGxpc3Qtb25seSA8bGk+IChjb250YWluaW5nIG9ubHkgYSBuZXN0ZWQgdHlwZWQgbGlzdCwgbm8gdGV4dCkgc2tpcHMgdGhlXG4gICAgICAvLyBDaGVja2JveCB3cmFwcGVyLiBJbmRlbnQgaXQgYnkgY2hlY2tib3gucyArIHNwYWNpbmcueHMgdG8gYWxpZ24gd2l0aFxuICAgICAgLy8gc2libGluZyBpdGVtcyB0aGF0IGRvIGNhcnJ5IGEgY2hlY2tib3guXG4gICAgICBcImxpOmhhcyg+IHVsW3R5cGVdLCA+IG9sW3R5cGVdKVwiOiB7XG4gICAgICAgIHBhZGRpbmdJbmxpbmVTdGFydDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uY2hlY2tib3guc30gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9KWAsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKHR5cGUgPT09IFwicmVmZXJlbmNlTGlzdFwiICYmIHtcbiAgICAgIGNvdW50ZXJSZXNldDogXCJyZWZlcmVuY2UtbGlzdFwiLFxuXG4gICAgICBsaToge1xuICAgICAgICBjb3VudGVySW5jcmVtZW50OiBcInJlZmVyZW5jZS1saXN0XCIsXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImJhc2VsaW5lXCIsXG4gICAgICAgIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICAgICAgbWFyZ2luQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcblxuICAgICAgICBcIjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBcImNvdW50ZXIocmVmZXJlbmNlLWxpc3QpXCIsXG4gICAgICAgICAgLi4uZ2V0UmVmZXJlbmNlTGlzdEJ1bGxldFN0eWxlKHRoZW1lKSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5mdW5jdGlvbiBmbGF0dGVuRnJhZ21lbnRzKG5vZGU6IFJlYWN0LlJlYWN0Tm9kZSk6IFJlYWN0LlJlYWN0Tm9kZVtdIHtcbiAgY29uc3QgcmVzdWx0OiBSZWFjdC5SZWFjdE5vZGVbXSA9IFtdO1xuICBSZWFjdC5DaGlsZHJlbi5mb3JFYWNoKG5vZGUsIChjaGlsZCkgPT4ge1xuICAgIGlmIChSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkgJiYgY2hpbGQudHlwZSA9PT0gUmVhY3QuRnJhZ21lbnQpIHtcbiAgICAgIHJlc3VsdC5wdXNoKFxuICAgICAgICAuLi5mbGF0dGVuRnJhZ21lbnRzKChjaGlsZC5wcm9wcyBhcyBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbikuY2hpbGRyZW4pXG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXN1bHQucHVzaChjaGlsZCk7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIHJlc3VsdDtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIHRydWUgZm9yIGFueSBSZWFjdCBlbGVtZW50IHRoYXQgcmVwcmVzZW50cyBhIGxpc3QgY29udGFpbmVyIOKAlFxuICogbmF0aXZlIDx1bD4vPG9sPiBvciBhIHR5cGVkIENvbnRlbnRMaXN0IChpZGVudGlmaWVkIGJ5IGl0cyBgdHlwZWAgcHJvcCkuXG4gKiBBdm9pZHMgYSBkaXJlY3QgcmVmZXJlbmNlIHRvIENvbnRlbnRMaXN0IHRvIHByZXZlbnQgY2lyY3VsYXIgbGludCBlcnJvcnMuXG4gKi9cbmZ1bmN0aW9uIGlzTGlzdEVsZW1lbnQobm9kZTogUmVhY3QuUmVhY3ROb2RlKTogYm9vbGVhbiB7XG4gIGlmICghUmVhY3QuaXNWYWxpZEVsZW1lbnQobm9kZSkpIHJldHVybiBmYWxzZTtcbiAgaWYgKG5vZGUudHlwZSA9PT0gXCJ1bFwiIHx8IG5vZGUudHlwZSA9PT0gXCJvbFwiKSByZXR1cm4gdHJ1ZTtcbiAgY29uc3QgeyB0eXBlOiBwcm9wc1R5cGUgfSA9IG5vZGUucHJvcHM7XG4gIHJldHVybiBwcm9wc1R5cGUgPT09IFwiY2hlY2tMaXN0XCIgfHwgcHJvcHNUeXBlID09PSBcInJlZmVyZW5jZUxpc3RcIjtcbn1cblxuZnVuY3Rpb24gcmVuZGVyQ2hlY2tsaXN0Q2hpbGRyZW4oXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUsXG4gIGlzU3BhY2VkT3V0OiBib29sZWFuXG4pOiBSZWFjdC5SZWFjdE5vZGUge1xuICByZXR1cm4gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSB8fCBjaGlsZC50eXBlICE9PSBcImxpXCIpIHJldHVybiBjaGlsZDtcblxuICAgIC8vIERyb3AgZmFsc3kvZW1wdHkgY2hpbGRyZW4gKGZhbHNlL251bGwvdW5kZWZpbmVkL1wiXCIpIHNvIGEgY29uZGl0aW9uYWwgbGlrZVxuICAgIC8vIGB7c2hvd0xhYmVsICYmIDxDb250ZW50VGV4dC8+fWAgZG9lc24ndCBkZWZlYXQgdGhlIGxpc3Qtb25seSBkZXRlY3Rpb24uXG4gICAgY29uc3QgZmxhdCA9IGZsYXR0ZW5GcmFnbWVudHMoY2hpbGQucHJvcHMuY2hpbGRyZW4pLmZpbHRlcihcbiAgICAgIChuKSA9PlxuICAgICAgICBuICE9PSBudWxsICYmIG4gIT09IHVuZGVmaW5lZCAmJiBuICE9PSBmYWxzZSAmJiBuICE9PSB0cnVlICYmIG4gIT09IFwiXCJcbiAgICApO1xuICAgIGNvbnN0IGlzTGlzdE9ubHkgPSBmbGF0Lmxlbmd0aCA+IDAgJiYgZmxhdC5ldmVyeShpc0xpc3RFbGVtZW50KTtcblxuICAgIC8vIENTUyBoYW5kbGVzIHRoZSBpbmRlbnQgZm9yIGxpc3Qtb25seSBpdGVtcyB2aWEgbGk6aGFzKD4gdWxbdHlwZV0pLlxuICAgIGlmIChpc0xpc3RPbmx5KSByZXR1cm4gY2hpbGQ7XG5cbiAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgY2hpbGQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICA8Q29udGVudENoZWNrYm94XG4gICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgbGFiZWw9e2NoaWxkLnByb3BzLmNoaWxkcmVufVxuICAgICAgICBpc1NwYWNlZE91dD17aXNTcGFjZWRPdXR9XG4gICAgICAvPlxuICAgICk7XG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29udGVudExpc3Qoe1xuICBjaGlsZHJlbixcbiAgYXMgPSBcInVsXCIsXG4gIGxpc3RTdHlsZSxcbiAgdHlwZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzU3BhY2VkT3V0ID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCByZXNvbHZlZEFzID0gdHlwZSA9PT0gXCJyZWZlcmVuY2VMaXN0XCIgPyBcIm9sXCIgOiBhcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFzPXtyZXNvbHZlZEFzfVxuICAgICAgbGlzdFN0eWxlPXtsaXN0U3R5bGV9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDb250ZW50TGlzdFwiXG4gICAgPlxuICAgICAge3R5cGUgPT09IFwiY2hlY2tMaXN0XCJcbiAgICAgICAgPyByZW5kZXJDaGVja2xpc3RDaGlsZHJlbihjaGlsZHJlbiwgaXNTcGFjZWRPdXQpXG4gICAgICAgIDogY2hpbGRyZW59XG4gICAgPC9TdHlsZWRMaXN0PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDbUIifQ== */");function isListElement(node){if(!React.isValidElement(node))return!1;if("ul"===node.type||"ol"===node.type)return!0;let{type:propsType}=node.props;return"checkList"===propsType||"referenceList"===propsType}export function ContentList({children,as="ul",listStyle,type,"data-e2e-test-id":dataE2eTestId,isSpacedOut=!1,...rest}){return React.createElement(StyledList,{...rest,as:"referenceList"===type?"ol":as,listStyle:listStyle,type:type,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentList"},"checkList"===type?React.Children.map(children,child=>{if(!React.isValidElement(child)||"li"!==child.type)return child;let flat=(function flattenFragments(node){let result=[];return React.Children.forEach(node,child=>{React.isValidElement(child)&&child.type===React.Fragment?result.push(...flattenFragments(child.props.children)):result.push(child)}),result})(child.props.children).filter(n=>null!=n&&!1!==n&&!0!==n&&""!==n);return flat.length>0&&flat.every(isListElement)?child:React.cloneElement(child,void 0,React.createElement(ContentCheckbox,{size:"s",label:child.props.children,isSpacedOut:isSpacedOut}))}):children)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListProps } from "./types";
|
|
3
|
-
export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
3
|
+
export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useEffect,useRef,useMemo,useCallback}from"react";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";let ITEM_ROLE_MAP={list:"listitem",listbox:"option",menu:"menuitem"};export function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ITEM_ROLE_MAP[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable||void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized,initialIndex:useMemo(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown])});useEffect(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable||!!onClick);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable||onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex||defaultTabIndex)?0:-1}return React.createElement(EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
1
|
+
import React,{useEffect,useRef,useMemo,useCallback}from"react";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";let ITEM_ROLE_MAP={list:"listitem",listbox:"option",menu:"menuitem"};export function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ITEM_ROLE_MAP[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable||void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized,initialIndex:useMemo(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown])});useEffect(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable||!!onClick);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable||onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex||defaultTabIndex)?0:-1}return React.createElement(EntityListItem,{key:item.id,"data-list-item":index,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target.closest("label")||handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListItemProps } from "./types";
|
|
3
|
-
export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, tabIndex, size, }: Partial<EntityListItemProps>): React.ReactElement;
|
|
3
|
+
export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, tabIndex, size, truncateLabel, }: Partial<EntityListItemProps>): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{cloneElement,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:"erqpiki0",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIn0= */"),StyledMinHeightCell=styled("div",{target:"erqpiki1",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuXG4gICAgICB7cmlnaHRFbGVtZW50ICYmIChcbiAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICB7aXNJbnRlcmFjdGl2ZUVsZW1lbnQocmlnaHRFbGVtZW50KVxuICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQocmlnaHRFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgdGFiSW5kZXgsXG4gICAgICAgICAgICAgICAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIC4uLihyaWdodEVsZW1lbnQucHJvcHMub25Nb3VzZURvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd246IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vblBvaW50ZXJEb3duICYmIHtcbiAgICAgICAgICAgICAgICAgIG9uUG9pbnRlckRvd246IChldmVudDogUmVhY3QuUG9pbnRlckV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24/LihldmVudCk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiByaWdodEVsZW1lbnR9XG4gICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I0QiJ9 */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>isValidElement(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));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",tabIndex});return React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?React.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},React.createElement(Inline,{noWrap:!0,space:["xs","m"]},React.createElement(CheckboxRaw,{...checkboxProps,inert:""}),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&&React.createElement(StyledMinHeightCell,{textSize:textSize},isInteractiveElement(rightElement)?cloneElement(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement))}
|
|
1
|
+
import React,{cloneElement,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:"e1l7tkuv0",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxuICB0cnVuY2F0ZUxhYmVsLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgIHNpemU9e3RleHRTaXplfVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHRydW5jYXRlTGFiZWw9e3RydW5jYXRlTGFiZWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgICAgPC9FbnRpdHlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApIDogKFxuICAgICAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgICAgICB7cmVuZGVyTGVmdCAmJiByZW5kZXJMZWZ0KHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgPEVudGl0eUxpc3RJdGVtVGV4dFxuICAgICAgICAgICAgc2l6ZT17dGV4dFNpemV9XG4gICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICB0cnVuY2F0ZUxhYmVsPXt0cnVuY2F0ZUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG5cbiAgICAgIHtyaWdodEVsZW1lbnQgJiYgKFxuICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgIHtpc0ludGVyYWN0aXZlRWxlbWVudChyaWdodEVsZW1lbnQpXG4gICAgICAgICAgICA/IGNsb25lRWxlbWVudChyaWdodEVsZW1lbnQsIHtcbiAgICAgICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgICAgICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbkNsaWNrPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93biAmJiB7XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bjogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uTW91c2VEb3duPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAuLi4ocmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Qb2ludGVyRG93bjogKGV2ZW50OiBSZWFjdC5Qb2ludGVyRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25Qb2ludGVyRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IHJpZ2h0RWxlbWVudH1cbiAgICAgICAgPC9TdHlsZWRNaW5IZWlnaHRDZWxsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),StyledMinHeightCell=styled("div",{target:"e1l7tkuv1",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94UmF3IH0gZnJvbSBcIi4uL0Zvcm0vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IEVudGl0eUxpc3RJdGVtVGV4dCB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0U2l6ZVByb3BzLCBFbnRpdHlMaXN0SXRlbVByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdHlsZWRXcmFwcGVyT2Zmc2V0IH0gZnJvbSBcIi4vc3R5bGVkLWNvbXBvbmVudHNcIjtcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoU3R5bGVkV3JhcHBlck9mZnNldCkoKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbi8vIFRoaXMgbWluSGVpZ2h0IGlzIG5lZWRlZCBmb3IgYWxpZ24gc21hbGwgaWNvbnMgaW4gdGhlIG1pZGRsZSBvZiAxIHJvdyB0ZXh0LFxuLy8gYnV0IGl0IHNob3VsZCBzdGF5IGF0IHRoZSB0b3AgaWYgdGhlcmUgaXMgbXVsdGlsaW5lIHRleHRcbmNvbnN0IFN0eWxlZE1pbkhlaWdodENlbGwgPSBzdHlsZWQuZGl2PFRleHRTaXplUHJvcHM+KFxuICAoeyB0aGVtZSwgdGV4dFNpemUgfSkgPT4gKHtcbiAgICBtaW5IZWlnaHQ6XG4gICAgICB0ZXh0U2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBoYXNJbnRlcmFjdGl2ZVByb3BzID0gKGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCk6IGJvb2xlYW4gPT5cbiAgW1wib25DbGlja1wiLCBcIm9uTW91c2VEb3duXCIsIFwib25Qb2ludGVyRG93blwiXS5zb21lKFxuICAgIChwKSA9PiB0eXBlb2YgZWxlbWVudC5wcm9wcz8uW3BdID09PSBcImZ1bmN0aW9uXCJcbiAgKTtcblxuY29uc3QgaXNJbnRlcmFjdGl2ZUVsZW1lbnQgPSAoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0Tm9kZVxuKTogZWxlbWVudCBpcyBSZWFjdC5SZWFjdEVsZW1lbnQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PiA9PlxuICBpc1ZhbGlkRWxlbWVudChlbGVtZW50KSAmJlxuICAoaGFzSW50ZXJhY3RpdmVQcm9wcyhlbGVtZW50KSB8fCBcImhyZWZcIiBpbiAoZWxlbWVudC5wcm9wcyA/PyB7fSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxuICB0cnVuY2F0ZUxhYmVsLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gcmVuZGVyUmlnaHQ/Lih7IHRleHRTaXplLCBhY3Rpb25TaXplLCB0YWJJbmRleCB9KTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9IGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSBpbmVydD1cIlwiIC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0XG4gICAgICAgICAgICAgIHNpemU9e3RleHRTaXplfVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHRydW5jYXRlTGFiZWw9e3RydW5jYXRlTGFiZWx9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgICAgPC9FbnRpdHlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApIDogKFxuICAgICAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgICAgICB7cmVuZGVyTGVmdCAmJiByZW5kZXJMZWZ0KHsgdGV4dFNpemUgfSl9XG4gICAgICAgICAgPEVudGl0eUxpc3RJdGVtVGV4dFxuICAgICAgICAgICAgc2l6ZT17dGV4dFNpemV9XG4gICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICB0cnVuY2F0ZUxhYmVsPXt0cnVuY2F0ZUxhYmVsfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtyZW5kZXJMYWJlbCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG5cbiAgICAgIHtyaWdodEVsZW1lbnQgJiYgKFxuICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgIHtpc0ludGVyYWN0aXZlRWxlbWVudChyaWdodEVsZW1lbnQpXG4gICAgICAgICAgICA/IGNsb25lRWxlbWVudChyaWdodEVsZW1lbnQsIHtcbiAgICAgICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgICAgICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgIHJpZ2h0RWxlbWVudC5wcm9wcy5vbkNsaWNrPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgLi4uKHJpZ2h0RWxlbWVudC5wcm9wcy5vbk1vdXNlRG93biAmJiB7XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bjogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgcmlnaHRFbGVtZW50LnByb3BzLm9uTW91c2VEb3duPy4oZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAuLi4ocmlnaHRFbGVtZW50LnByb3BzLm9uUG9pbnRlckRvd24gJiYge1xuICAgICAgICAgICAgICAgICAgb25Qb2ludGVyRG93bjogKGV2ZW50OiBSZWFjdC5Qb2ludGVyRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICByaWdodEVsZW1lbnQucHJvcHMub25Qb2ludGVyRG93bj8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IHJpZ2h0RWxlbWVudH1cbiAgICAgICAgPC9TdHlsZWRNaW5IZWlnaHRDZWxsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjRCIn0= */"),hasInteractiveProps=element=>["onClick","onMouseDown","onPointerDown"].some(p=>"function"==typeof element.props?.[p]),isInteractiveElement=element=>isValidElement(element)&&(hasInteractiveProps(element)||"href"in(element.props??{}));export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m",truncateLabel}){let textSize="xs"===size?"s":"m",rightElement=renderRight?.({textSize,actionSize:"l"===size?"m":"s",tabIndex});return React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?React.createElement(StyledLabel,{as:"label",size:size,"aria-hidden":"true"},React.createElement(Inline,{noWrap:!0,space:["xs","m"]},React.createElement(CheckboxRaw,{...checkboxProps,inert:""}),React.createElement(EntityListItemText,{size:textSize,description:description,truncateLabel:truncateLabel},renderLabel({textSize})))):React.createElement(Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),React.createElement(EntityListItemText,{size:textSize,description:description,truncateLabel:truncateLabel},renderLabel({textSize}))),rightElement&&React.createElement(StyledMinHeightCell,{textSize:textSize},isInteractiveElement(rightElement)?cloneElement(rightElement,{tabIndex,onClick:event=>{event.stopPropagation(),rightElement.props.onClick?.(event)},...rightElement.props.onMouseDown&&{onMouseDown:event=>{event.stopPropagation(),rightElement.props.onMouseDown?.(event)}},...rightElement.props.onPointerDown&&{onPointerDown:event=>{event.stopPropagation(),rightElement.props.onPointerDown?.(event)}}}):rightElement))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight})))});
|
|
1
|
+
import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListItemLabelProps } from "./types";
|
|
3
|
-
export declare function EntityListItemText({ children, size, description, }: EntityListItemLabelProps): React.ReactElement;
|
|
3
|
+
export declare function EntityListItemText({ children, size, description, truncateLabel, }: EntityListItemLabelProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{Text}from"../Typography/Text/Text";import{Stack}from"../Stack/Stack";export function EntityListItemText({children,size,description}){return React.createElement(Stack,{space:"xxxs"},React.createElement(Text,{size:size},children),description&&React.createElement(Text,{color:"tertiary",size:"s"},description))}
|
|
1
|
+
import React from"react";import{Text}from"../Typography/Text/Text";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{Stack}from"../Stack/Stack";export function EntityListItemText({children,size,description,truncateLabel}){return React.createElement(Stack,{space:"xxxs"},truncateLabel?React.createElement(TextClamped,{size:size},children):React.createElement(Text,{size:size},children),description&&React.createElement(Text,{color:"tertiary",size:"s"},description))}
|
|
@@ -86,6 +86,8 @@ export type BaseEntityListProps = {
|
|
|
86
86
|
"aria-label"?: string;
|
|
87
87
|
/** ARIA role for the list container. Defaults to 'listbox' when isSelectable, 'list' otherwise. */
|
|
88
88
|
role?: "list" | "listbox" | "menu";
|
|
89
|
+
/** Truncates each item's label with an ellipsis when it overflows on a single line. Description is unaffected. */
|
|
90
|
+
truncateLabels?: boolean;
|
|
89
91
|
};
|
|
90
92
|
export type EntityListProps = BaseEntityListProps & ({
|
|
91
93
|
/** Enable virtualization for large lists. When true, only visible items are rendered. */
|
|
@@ -127,6 +129,7 @@ export type EntityListItemProps = {
|
|
|
127
129
|
/** @deprecated Use slotProps.toggle['aria-label-collapse'] instead */
|
|
128
130
|
ariaLabelCollapse?: string;
|
|
129
131
|
isSelected?: boolean;
|
|
132
|
+
truncateLabel?: boolean;
|
|
130
133
|
"aria-label": string;
|
|
131
134
|
"aria-level"?: number;
|
|
132
135
|
"data-list-item"?: number;
|
|
@@ -135,6 +138,7 @@ export type EntityListItemLabelProps = {
|
|
|
135
138
|
children: React.ReactNode;
|
|
136
139
|
size: TextSize;
|
|
137
140
|
description?: string;
|
|
141
|
+
truncateLabel?: boolean;
|
|
138
142
|
};
|
|
139
143
|
export type SizesForSlots = {
|
|
140
144
|
actionSize: ActionSizeProps["actionSize"];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amboss/design-system",
|
|
3
|
-
"version": "3.46.
|
|
3
|
+
"version": "3.46.3",
|
|
4
4
|
"description": "the design system for AMBOSS products",
|
|
5
5
|
"author": "AMBOSS",
|
|
6
6
|
"license": "ISC",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"predev": "bun run tokens:web",
|
|
89
89
|
"dev": "bun run tokens:watch & bun run storybook",
|
|
90
90
|
"static": "http-server storybook-static/ -p 6006",
|
|
91
|
-
"storybook": "storybook dev -p 6006",
|
|
91
|
+
"storybook": "{ [ -d build ] || bun run build; } && storybook dev -p 6006",
|
|
92
92
|
"build-storybook": "bun run tokens:web && bun run generate-llms-txt && storybook build --stats-json",
|
|
93
93
|
"generate-llms-txt": "[ -d storybook-static ] || storybook build --stats-json && bun run generate-llms-txt:run",
|
|
94
94
|
"generate-llms-txt:run": "node scripts/generate-llms-txt.mts",
|
|
@@ -169,11 +169,12 @@
|
|
|
169
169
|
"@auto-it/npm": "^11.1.6",
|
|
170
170
|
"@auto-it/released": "^10.13.2",
|
|
171
171
|
"@emotion/jest": "^11.11.0",
|
|
172
|
-
"@storybook/addon-a11y": "10.
|
|
173
|
-
"@storybook/addon-docs": "10.
|
|
174
|
-
"@storybook/addon-links": "10.
|
|
175
|
-
"@storybook/addon-
|
|
176
|
-
"@storybook/
|
|
172
|
+
"@storybook/addon-a11y": "~10.3.6",
|
|
173
|
+
"@storybook/addon-docs": "~10.3.6",
|
|
174
|
+
"@storybook/addon-links": "~10.3.6",
|
|
175
|
+
"@storybook/addon-mcp": "^0.6.0",
|
|
176
|
+
"@storybook/addon-vitest": "~10.3.6",
|
|
177
|
+
"@storybook/react-vite": "~10.3.6",
|
|
177
178
|
"@swc/cli": "^0.1.65",
|
|
178
179
|
"@swc/core": "~1.11.31",
|
|
179
180
|
"@swc/plugin-emotion": "^9.0.0",
|
|
@@ -218,7 +219,7 @@
|
|
|
218
219
|
"prettier": "^2.2.1",
|
|
219
220
|
"react": "^18.3.1",
|
|
220
221
|
"react-dom": "^18.3.1",
|
|
221
|
-
"storybook": "10.
|
|
222
|
+
"storybook": "~10.3.6",
|
|
222
223
|
"style-dictionary": "^3.8.0",
|
|
223
224
|
"svg-to-pdfkit": "^0.1.8",
|
|
224
225
|
"svg2vectordrawable": "^2.9.1",
|