npm - @bikdotai/bik-component-library - Versions diffs - 0.0.809-beta.7 → 0.0.809-beta.9 - Mend

@bikdotai/bik-component-library 0.0.809-beta.7 → 0.0.809-beta.9

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.

Files changed (99) hide show

package/dist/cjs/components/list-item/themes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.hovered,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"selected":return c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.hovered,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"selected":return c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}};
 //# sourceMappingURL=themes.js.map

package/dist/cjs/components/list-item/themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(variant: Variant) {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\tcase 'readonly':\n\t\t\treturn `${COLORS.text.primary}`;\n\t\tcase 'selected':\n\t\t\treturn `${COLORS.content.positive}`;\n\t\tcase 'inactive':\n\t\t\treturn `${COLORS.content.inactive}`;\n\t\tcase 'error':\n\t\t\treturn `${COLORS.content.negative}`;\n\t\tcase 'placeholder':\n\t\t\treturn `${COLORS.content.placeholder}`;\n\t\tdefault:\n\t\t\treturn `${COLORS.text.primary}`;\n\t}\n}\n\nexport function getTheme(variant: Variant, version?: '1.0' \| '2.0') {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\t\treturn css`\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.~~hovered~~};\n\t\t\t\t}\n\t\t\t`;\n\t\tcase 'selected':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.positive};\n\t\t\t\tbackground: ${COLORS.background.positive.light};\n\t\t\t\tbox-shadow: ${version === '2.0'\n\t\t\t\t\t? '0'\n\t\t\t\t\t: '0 2px 8px rgba(0, 0, 0, 0.12)'};\n\t\t\t`;\n\t\tcase 'inactive':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tcursor: not-allowed;\n\t\t\t`;\n\t\tcase 'readonly':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t`;\n\t\tcase 'separator':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tcursor: none;\n\t\t\t\tpadding: 8px 16px;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.~~hovered~~};\n\t\t\t\t}\n\t\t\t`;\n\t}\n}\n"],"names":["variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","version","css","surface","standard","~~hovered~~","process","env","NODE_ENV","background","light","base"],"mappings":"2JAIM,SAAmBA,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,SAAUC,EAAMA,OAACC,KAAKC,UATvB,IAAK,WACJ,SAAUF,EAAMA,OAACG,QAAQC,WAC1B,IAAK,WACJ,SAAUJ,EAAMA,OAACG,QAAQE,WAC1B,IAAK,QACJ,SAAUL,EAAMA,OAACG,QAAQG,WAC1B,IAAK,cACJ,SAAUN,EAAMA,OAACG,QAAQI,cAI5B,mBAEgB,SAASR,EAAkBS,GAC1C,OAAQT,GACP,IAAK,UACJ,OAAOU,EAAGA,IAAA,wBAEAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IAAA,SACAT,EAAMA,OAACG,QAAQC,SACVJ,eAAAA,EAAMA,OAACgB,WAAWZ,SAASa,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOU,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IACAT,SAAAA,SAAOC,KAAKC,QAAOW,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOgB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAGA,IAAA,SACAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAI/C"}
1	+ {"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(variant: Variant) {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\tcase 'readonly':\n\t\t\treturn `${COLORS.text.primary}`;\n\t\tcase 'selected':\n\t\t\treturn `${COLORS.content.positive}`;\n\t\tcase 'inactive':\n\t\t\treturn `${COLORS.content.inactive}`;\n\t\tcase 'error':\n\t\t\treturn `${COLORS.content.negative}`;\n\t\tcase 'placeholder':\n\t\t\treturn `${COLORS.content.placeholder}`;\n\t\tdefault:\n\t\t\treturn `${COLORS.text.primary}`;\n\t}\n}\n\nexport function getTheme(variant: Variant, version?: '1.0' \| '2.0') {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\t\treturn css`\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.subdued};\n\t\t\t\t}\n\t\t\t`;\n\t\tcase 'selected':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.positive};\n\t\t\t\tbackground: ${COLORS.background.positive.light};\n\t\t\t\tbox-shadow: ${version === '2.0'\n\t\t\t\t\t? '0'\n\t\t\t\t\t: '0 2px 8px rgba(0, 0, 0, 0.12)'};\n\t\t\t`;\n\t\tcase 'inactive':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tcursor: not-allowed;\n\t\t\t`;\n\t\tcase 'readonly':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t`;\n\t\tcase 'separator':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tcursor: none;\n\t\t\t\tpadding: 8px 16px;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.subdued};\n\t\t\t\t}\n\t\t\t`;\n\t}\n}\n"],"names":["variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","version","css","surface","standard","subdued","process","env","NODE_ENV","background","light","base"],"mappings":"2JAIM,SAAmBA,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,SAAUC,EAAMA,OAACC,KAAKC,UATvB,IAAK,WACJ,SAAUF,EAAMA,OAACG,QAAQC,WAC1B,IAAK,WACJ,SAAUJ,EAAMA,OAACG,QAAQE,WAC1B,IAAK,QACJ,SAAUL,EAAMA,OAACG,QAAQG,WAC1B,IAAK,cACJ,SAAUN,EAAMA,OAACG,QAAQI,cAI5B,mBAEgB,SAASR,EAAkBS,GAC1C,OAAQT,GACP,IAAK,UACJ,OAAOU,EAAGA,IAAA,wBAEAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IAAA,SACAT,EAAMA,OAACG,QAAQC,SACVJ,eAAAA,EAAMA,OAACgB,WAAWZ,SAASa,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOU,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IACAT,SAAAA,SAAOC,KAAKC,QAAOW,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOgB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAGA,IAAA,SACAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAI/C"}

package/dist/cjs/components/variable-picker-v3/Content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../assets/icons/arrow_back.svg.js"),a=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),r=require("react"),n=require("react-dom"),o=require("../../constants/Theme.js"),c=require("../accordion/Accordion.js"),d=require("../icon-button/IconButton.js"),u=require("../input/Input.js"),h=require("../list-item/ListItem.js"),b=require("../switch/Switch.js"),p=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),g=require("./context.js"),x=require("./DefaultVariableContent.js"),y=require("./highlightSearchText.js"),m=require("./model.js"),f=require("./NoResult.js"),v=require("./recommendVaribles.js"),O=require("./searchVariables.js"),S=require("./styles.js"),C=require("./SubHeaderItems.js");const V=/.*\..*/;exports.VariablePickerContent=R=>{const{data:k,onSelect:w,showHeader:T,showBackButton:q,hideHeaderCross:B,onBackButtonClick:I,isEvaluationList:L,autoOpenFirst:N,headerText:D,contentHeight:_,onDefaultVariableSelect:E,skipDefaultVariableContent:H}=R,[P,$]=r.useState(k),[F,A]=r.useState(""),[M,W]=r.useState([]),[z,K]=r.useState(""),[G,J]=r.useState(!1),[Q,U]=r.useState([]),[X,Y]=r.useState(!1),[Z,ee]=r.useState(),te=r.useRef(null),se=r.useRef([]),ae=X&&R.type===m.PickerType.EMBEDDED&&!B;r.useEffect((()=>{ie(!0)}),[]),r.useEffect((()=>{M.length>0?U([M[M.length-1]]):U(k)}),[M]);const ie=t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(J(t),t){const e=v.showOnlyRecommendedVariables(P,M);$(e)}else if(M.length>0){const e=z==M[M.length-1].displayName;if(F.length>0&&e){const e=O.searchVariables(F,Q,M);$(e)}else $([M[M.length-1].variables])}else if(F.length>0){const e=O.searchVariables(F,Q,M);$(e)}else $(k)})),le=()=>{if(_)return _;let e=131;return M.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},re=e=>{if(!R.disabled)if(L){const t=(e=>{if(e.actualValue.match(V)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const a=(e=>/\w+\[\d+\]/g.test(e))(e);if(a){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],a=t[2];s+=`['${e}'][${a}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);w(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!H)return ee(e),void Y(!0);w(e)}};return t.jsx(g.VariablePickerContext.Provider,Object.assign({value:{variables:P,searchText:F,subHeaderStack:M,showRecommended:G,setSubHeaderStack:W,setSearchText:A,setVariables:$,setShowRecommended:J,containerRef:te,scrollPositionStack:se}},{children:t.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(T||q||X)&&t.jsxs(S.HeaderWrapper,Object.assign({openDefault:X},{children:[t.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(q||X)&&t.jsx(d.IconButton,{Icon:()=>t.jsx(s.default,{width:16,height:16,style:{display:"flex",color:o.COLORS.content.primary}}),onClick:()=>{X?Y(!1):I&&I()}}),(T||X)&&t.jsx(j.TitleRegular,{children:X?"Set up":null!=D?D:"Select Variable"})]})),ae&&t.jsx(d.IconButton,{style:{color:"#212121"},Icon:a.default,onClick:()=>R.onClose&&R.onClose()})]})),X&&Z&&!H?t.jsx(x.DefaultVariableContent,{variable:Z,onInsertVariable:e=>{w(e),null==E||E(e)}}):t.jsxs(t.Fragment,{children:[t.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:o.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:t.jsx(u.Input,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:F,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||K("");const t=O.searchVariables(e,Q,M);if(G){const e=v.showOnlyRecommendedVariables(t,M);$(e)}else $(t);A(e);const s=M.length>0?M[M.length-1].displayName:"home";K(s)}})})),t.jsxs(S.RecommendWrapper,{children:[t.jsx(j.BodySecondary,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"Only Recommended"})),t.jsx(b.Switch,{value:G,onValueChange:t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield ie(t)}))})]}),M.length>0&&t.jsxs(S.BackHeader,{children:[t.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:t.jsx(d.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t.jsx(s.default,{width:12,height:12,style:{color:o.COLORS.content.secondary}}),onClick:e=>{var t;e.stopPropagation();let s=F;const a=[...M],i=a.pop();i.displayName===z&&(s="");const l=null!==(t=se.current.pop())&&void 0!==t?t:0;if(n.flushSync((()=>{if(W(a),i.displayName===z&&A(""),s.length>0){const e=a.length>0?[a[a.length-1]]:k,t=O.searchVariables(s,e,a);if(G){const e=v.showOnlyRecommendedVariables(t,a);$(e)}else $(t)}else if(a.length>0)if(G){const e=v.showOnlyRecommendedVariables([a[a.length-1].variables],a);$(e)}else $([a[a.length-1].variables]);else if(G){const e=v.showOnlyRecommendedVariables(k,M);$(e)}else $(k)})),te.current&&l>0){const e=te.current;setTimeout((()=>{e.scrollTo({top:l,behavior:"smooth"})}),300)}}})})),t.jsx(j.BodyCaption,Object.assign({style:{color:o.COLORS.content.secondary}},{children:M[M.length-1].displayName}))]}),t.jsx(t.Fragment,{children:P.length>0?t.jsx(S.Container,Object.assign({ref:te,height:le()},{children:P.map(((e,s)=>{var a,r;return e.displayName&&void 0!==e.variables?t.jsx("div",Object.assign({style:{borderBottom:`1px solid ${o.COLORS.stroke.primary}`}},{children:t.jsx(c.BikAccordion,Object.assign({arrowColor:o.COLORS.content.primary,autoOpen:N&&0===s,headerPadding:"12px 16px",header:t.jsx(j.TitleSmall,Object.assign({style:{color:o.COLORS.content.secondary}},{children:y.highlightSearchText(e.displayName,F)}))},{children:t.jsx(C.default,{parentVariable:e,disabled:null!==(a=R.disabled)&&void 0!==a&&a,searchText:F,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!H)return ee(e),void Y(!0);w(e)}})}))}),e.displayName+G):e.displayName?t.jsx(p.Tooltip,Object.assign({body:C.renderTooltipBody(e),placement:"bottom"},{children:t.jsx(h.ListItem,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?t.jsx(t.Fragment,{}):t.jsx("div",Object.assign({style:{flexShrink:0}},{children:t.jsx(i.default,{width:14,height:14})})),customListItemLabel:t.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[t.jsx(j.BodySecondary,Object.assign({style:{fontSize:"14px",color:o.COLORS.text.primary}},{children:y.highlightSearchText(e.displayName,F)})),!e.isAvailable&&t.jsx(p.Tooltip,Object.assign({body:"Not Recommended"},{children:t.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t.jsx(l.default,{width:16,height:16,color:o.COLORS.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>re(e)},s)}),s):t.jsx(C.default,{disabled:null!==(r=R.disabled)&&void 0!==r&&r,searchText:F,variable:e,onSelect:e=>re(e)},s)}))})):t.jsx(f.default,{height:le(),searchText:F})})]})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_back.svg.js"),a=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),r=require("react"),n=require("../../constants/Theme.js"),o=require("../accordion/Accordion.js"),c=require("../icon-button/IconButton.js"),d=require("../input/Input.js"),u=require("../list-item/ListItem.js"),h=require("../switch/Switch.js"),b=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),p=require("./context.js"),g=require("./DefaultVariableContent.js"),x=require("./highlightSearchText.js"),y=require("./model.js"),m=require("./NoResult.js"),f=require("./recommendVaribles.js"),v=require("./searchVariables.js"),O=require("./styles.js"),S=require("./SubHeaderItems.js");const C=/.*\..*/;exports.VariablePickerContent=V=>{const{data:w,onSelect:R,showHeader:k,showBackButton:q,hideHeaderCross:T,onBackButtonClick:B,isEvaluationList:I,autoOpenFirst:L,headerText:N,contentHeight:D,onDefaultVariableSelect:_,skipDefaultVariableContent:E}=V,[H,P]=r.useState(w),[$,F]=r.useState(""),[A,M]=r.useState([]),[W,z]=r.useState(""),[K,G]=r.useState(!1),[J,Q]=r.useState([]),[U,X]=r.useState(!1),[Y,Z]=r.useState(),ee=U&&V.type===y.PickerType.EMBEDDED&&!T;r.useEffect((()=>{se(!0)}),[]),r.useEffect((()=>{A.length>0?Q([A[A.length-1]]):Q(w)}),[A]);const se=s=>e.__awaiter(void 0,void 0,void 0,(function*(){if(G(s),s){const e=f.showOnlyRecommendedVariables(H,A);P(e)}else if(A.length>0){const e=W==A[A.length-1].displayName;if($.length>0&&e){const e=v.searchVariables($,J,A);P(e)}else P([A[A.length-1].variables])}else if($.length>0){const e=v.searchVariables($,J,A);P(e)}else P(w)})),te=()=>{if(D)return D;let e=131;return A.length>0&&(e+=32),(V.showHeader||V.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},ae=e=>{if(!V.disabled)if(I){const s=(e=>{if(e.actualValue.match(C)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const a=(e=>/\w+\[\d+\]/g.test(e))(e);if(a){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],a=s[2];t+=`['${e}'][${a}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);R(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!E)return Z(e),void X(!0);R(e)}};return s.jsx(p.VariablePickerContext.Provider,Object.assign({value:{variables:H,searchText:$,subHeaderStack:A,showRecommended:K,setSubHeaderStack:M,setSearchText:F,setVariables:P,setShowRecommended:G}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(k||q||U)&&s.jsxs(O.HeaderWrapper,Object.assign({openDefault:U},{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(q||U)&&s.jsx(c.IconButton,{Icon:()=>s.jsx(t.default,{width:16,height:16,style:{display:"flex",color:n.COLORS.content.primary}}),onClick:()=>{U?X(!1):B&&B()}}),(k||U)&&s.jsx(j.TitleRegular,{children:U?"Set up":null!=N?N:"Select Variable"})]})),ee&&s.jsx(c.IconButton,{style:{color:"#212121"},Icon:a.default,onClick:()=>V.onClose&&V.onClose()})]})),U&&Y&&!E?s.jsx(g.DefaultVariableContent,{variable:Y,onInsertVariable:e=>{R(e),null==_||_(e)}}):s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:n.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsx(d.Input,{id:"search-bar-v3-picker",onBlur:e=>{V.onSearchBlur&&V.onSearchBlur(e)},value:$,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||z("");const s=v.searchVariables(e,J,A);if(K){const e=f.showOnlyRecommendedVariables(s,A);P(e)}else P(s);F(e);const t=A.length>0?A[A.length-1].displayName:"home";z(t)}})})),s.jsxs(O.RecommendWrapper,{children:[s.jsx(j.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Only Recommended"})),s.jsx(h.Switch,{value:K,onValueChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield se(s)}))})]}),A.length>0&&s.jsxs(O.BackHeader,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(c.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t.default,{width:12,height:12,style:{color:n.COLORS.content.secondary}}),onClick:e=>{e.stopPropagation();let s=$;const t=[...A],a=t.pop();if(M(t),a.displayName===W&&(F(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:w,a=v.searchVariables(s,e,t);if(K){const e=f.showOnlyRecommendedVariables(a,t);P(e)}else P(a)}else if(t.length>0)if(K){const e=f.showOnlyRecommendedVariables([t[t.length-1].variables],t);P(e)}else P([t[t.length-1].variables]);else if(K){const e=f.showOnlyRecommendedVariables(w,A);P(e)}else P(w)}})})),s.jsx(j.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:A[A.length-1].displayName}))]}),s.jsx(s.Fragment,{children:H.length>0?s.jsx(O.Container,Object.assign({height:te()},{children:H.map(((e,t)=>{var a,r;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${n.COLORS.stroke.primary}`}},{children:s.jsx(o.BikAccordion,Object.assign({arrowColor:n.COLORS.content.primary,autoOpen:L&&0===t,headerPadding:"12px 16px",header:s.jsx(j.TitleSmall,Object.assign({style:{color:n.COLORS.content.secondary}},{children:x.highlightSearchText(e.displayName,$)}))},{children:s.jsx(S.default,{parentVariable:e,disabled:null!==(a=V.disabled)&&void 0!==a&&a,searchText:$,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!E)return Z(e),void X(!0);R(e)}})}))}),e.displayName+K):e.displayName?s.jsx(b.Tooltip,Object.assign({body:S.renderTooltipBody(e),placement:"bottom"},{children:s.jsx(u.ListItem,{variant:V.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||V.disabled?s.jsx(s.Fragment,{}):s.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsx(i.default,{width:14,height:14})})),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(j.BodySecondary,Object.assign({style:{fontSize:"14px",color:n.COLORS.text.primary}},{children:x.highlightSearchText(e.displayName,$)})),!e.isAvailable&&s.jsx(b.Tooltip,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l.default,{width:16,height:16,color:n.COLORS.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>ae(e)},t)}),t):s.jsx(S.default,{disabled:null!==(r=V.disabled)&&void 0!==r&&r,searchText:$,variable:e,onSelect:e=>ae(e)},t)}))})):s.jsx(m.default,{height:te(),searchText:$})})]})]}))}))};
 //# sourceMappingURL=Content.js.map

package/dist/cjs/components/variable-picker-v3/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/components/variable-picker-v3/Content.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport { BikAccordion } from '../accordion';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { ListItem } from '../list-item';\nimport { Switch } from '../switch';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport { VariablePickerContext } from './context';\nimport { DefaultVariableContent } from './DefaultVariableContent';\nimport { highlightSearchText } from './highlightSearchText';\nimport {\n\tPickerType,\n\tSubHeader,\n\tVariablePickerV3Props,\n\tVariableV3,\n} from './model';\nimport NoResult from './NoResult';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\nimport { searchVariables } from './searchVariables';\nimport {\n\tBackHeader,\n\tContainer,\n\tHeaderWrapper,\n\tRecommendWrapper,\n} from './styles';\nimport SubHeaderItems, { renderTooltipBody } from './SubHeaderItems';\n\ntype Props = VariablePickerV3Props;\n\nconst variableRegex = /.\\../;\nconst checkIfArray = (value: string) => {\n\tconst regex = /\\w+\\[\\d+\\]/g;\n\treturn regex.test(value);\n};\n\nconst matchVariable = (variable: VariableV3) => {\n\tif (variable.actualValue.match(variableRegex)) {\n\t\tconst path = variable.actualValue\n\t\t\t.replace('{{', '')\n\t\t\t.replace('}}', '')\n\t\t\t.split('.');\n\t\tlet evalVariableValue = path[0];\n\t\tpath.forEach((value, index) => {\n\t\t\tif (index === 0) return;\n\t\t\tconst isArray = checkIfArray(value);\n\t\t\tif (isArray) {\n\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\tif (matches) {\n\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\tevalVariableValue = evalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t}\n\t\t});\n\t\treturn evalVariableValue;\n\t} else {\n\t\tconst value = variable.actualValueEval\n\t\t\t? variable.actualValueEval\n\t\t\t: variable.actualValue;\n\t\treturn value;\n\t}\n};\n\nexport const VariablePickerContent: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst {\n\t\tdata,\n\t\tonSelect,\n\t\tshowHeader,\n\t\tshowBackButton,\n\t\thideHeaderCross,\n\t\tonBackButtonClick,\n\t\tisEvaluationList,\n\t\tautoOpenFirst,\n\t\theaderText,\n\t\tcontentHeight,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t} = props;\n\n\tconst [variables, setVariables] = useState(data); // modified data after search\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [subHeaderStack, setSubHeaderStack] = useState<any[]>([]); // push variable object after every level\n\tconst [searchedFrom, setSearchedFrom] = useState<string>(''); // from which level did the user search from\n\tconst [showRecommended, setShowRecommended] = useState<boolean>(false);\n\tconst [dataSource, setDataSource] = useState<any[]>([]); // for search, maintaining original copy\n\tconst [openDefaultVariablePanel, setOpenDefaultVariablePanel] =\n\t\tuseState(false);\n\tconst [chosenForDefault, setChosenForDefault] = useState<VariableV3 \| null>();\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst scrollPositionStack = useRef<number[]>([]);\n\tconst shouldShowHeaderInsideCross =\n\t\topenDefaultVariablePanel &&\n\t\tprops.type === PickerType.EMBEDDED &&\n\t\t!hideHeaderCross;\n\n\t// useEffect(() => {\n\t// \t// TODO: based on new data, update existing variables if available\n\t// \tsetVariables(data);\n\t// }, [data]);\n\n\tuseEffect(() => {\n\t\thandleRecommendedChange(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tsetDataSource([subHeaderStack[subHeaderStack.length - 1]]);\n\t\t} else {\n\t\t\tsetDataSource(data);\n\t\t}\n\t}, [subHeaderStack]);\n\n\tconst handleBackClick = (e: any) => {\n\t\te.stopPropagation();\n\t\tlet _searchText = searchText;\n\t\tconst newSubHeaderStack = [...subHeaderStack];\n\t\tconst poppedElement = newSubHeaderStack.pop();\n\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t_searchText = ''; // so that search is not trigerred in the below code\n\t\t}\n\t\tconst savedScrollTop = scrollPositionStack.current.pop() ?? 0;\n\n\t\t// Use flushSync to force synchronous DOM update so scroll can be\n\t\t// restored immediately after the new content is rendered\n\t\tflushSync(() => {\n\t\t\tsetSubHeaderStack(newSubHeaderStack);\n\t\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t\tsetSearchText('');\n\t\t\t}\n\t\t\tif (_searchText.length > 0) {\n\t\t\t\t// maintain the search result when going back\n\t\t\t\tconst dataSource =\n\t\t\t\t\tnewSubHeaderStack.length > 0\n\t\t\t\t\t\t? [newSubHeaderStack[newSubHeaderStack.length - 1]]\n\t\t\t\t\t\t: data;\n\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t_searchText,\n\t\t\t\t\tdataSource,\n\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t);\n\t\t\t\tif (showRecommended) {\n\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\tresult,\n\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (newSubHeaderStack.length > 0) {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t[newSubHeaderStack[newSubHeaderStack.length - 1].variables],\n\t\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables([\n\t\t\t\t\t\t\tnewSubHeaderStack[newSubHeaderStack.length - 1].variables,\n\t\t\t\t\t\t]);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\tdata,\n\t\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables(data);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Restore scroll after accordion expand animation completes.\n\t\t// The BikAccordion uses a 250ms CSS transition on max-height when\n\t\t// autoOpen fires. We must wait for that to finish so the Container\n\t\t// has enough scrollHeight to scroll to the saved position.\n\t\tif (containerRef.current && savedScrollTop > 0) {\n\t\t\tconst el = containerRef.current;\n\t\t\tsetTimeout(() => {\n\t\t\t\tel.scrollTo({ top: savedScrollTop, behavior: 'smooth' });\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst handleRecommendedChange = async (val) => {\n\t\tsetShowRecommended(val);\n\t\tif (val) {\n\t\t\tconst output = showOnlyRecommendedVariables(variables, subHeaderStack);\n\t\t\tsetVariables(output);\n\t\t} else {\n\t\t\tif (subHeaderStack.length > 0) {\n\t\t\t\t// dont apply search if not in the page where search started\n\t\t\t\tconst isInSearchStartPage =\n\t\t\t\t\tsearchedFrom == subHeaderStack[subHeaderStack.length - 1].displayName;\n\t\t\t\tif (searchText.length > 0 && isInSearchStartPage) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables([subHeaderStack[subHeaderStack.length - 1].variables]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (searchText.length > 0) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst calculateHeight = () => {\n\t\tif (contentHeight) {\n\t\t\treturn contentHeight;\n\t\t}\n\t\tlet pickerContentHeight = 131;\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tpickerContentHeight += 32;\n\t\t}\n\t\tif (props.showHeader \|\| props.showBackButton) {\n\t\t\tpickerContentHeight += 40;\n\t\t}\n\t\treturn `calc(100% - ${pickerContentHeight}px)`;\n\t};\n\n\tconst onSearch = (text: string) => {\n\t\tif (!text) {\n\t\t\tsetSearchedFrom('');\n\t\t}\n\t\tconst result = searchVariables(text, dataSource, subHeaderStack);\n\t\tif (showRecommended) {\n\t\t\tconst recommended = showOnlyRecommendedVariables(result, subHeaderStack);\n\t\t\tsetVariables(recommended);\n\t\t} else {\n\t\t\tsetVariables(result);\n\t\t}\n\t\tsetSearchText(text);\n\t\tconst latestSubHeader =\n\t\t\tsubHeaderStack.length > 0\n\t\t\t\t? subHeaderStack[subHeaderStack.length - 1].displayName\n\t\t\t\t: 'home';\n\t\tsetSearchedFrom(latestSubHeader);\n\t};\n\n\tconst HeaderBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={16}\n\t\t\t\theight={16}\n\t\t\t\tstyle={{ display: 'flex', color: COLORS.content.primary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst GoBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={12}\n\t\t\t\theight={12}\n\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst onSelectingVariable = (variable: VariableV3) => {\n\t\tif (props.disabled) return;\n\t\tif (isEvaluationList) {\n\t\t\tconst evalVariableValue = matchVariable(variable as VariableV3);\n\t\t\tonSelect({\n\t\t\t\t...variable,\n\t\t\t\tactualValue: evalVariableValue,\n\t\t\t} as VariableV3);\n\t\t} else {\n\t\t\tif (variable.isDefaultValueSupported && !skipDefaultVariableContent) {\n\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelect(variable as VariableV3);\n\t\t}\n\t};\n\n\treturn (\n\t\t<VariablePickerContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvariables,\n\t\t\t\tsearchText,\n\t\t\t\tsubHeaderStack,\n\t\t\t\tshowRecommended,\n\t\t\t\tsetSubHeaderStack,\n\t\t\t\tsetSearchText,\n\t\t\t\tsetVariables,\n\t\t\t\tsetShowRecommended,\n\t\t\t\tcontainerRef,\n\t\t\t\tscrollPositionStack,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\ttabIndex={-1}\n\t\t\t\tid=\"variable-picker-v3\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: 'white',\n\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\toutline: 'none',\n\t\t\t\t}}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{(showHeader \|\| showBackButton \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t<HeaderWrapper openDefault={openDefaultVariablePanel}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{(showBackButton \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={HeaderBackIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (openDefaultVariablePanel) {\n\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(false);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonBackButtonClick && onBackButtonClick();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{(showHeader \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t\t\t{openDefaultVariablePanel\n\t\t\t\t\t\t\t\t\t\t? 'Set up'\n\t\t\t\t\t\t\t\t\t\t: headerText ?? 'Select Variable'}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shouldShowHeaderInsideCross && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tstyle={{ color: '#212121' }}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</HeaderWrapper>\n\t\t\t\t)}\n\t\t\t\t{openDefaultVariablePanel &&\n\t\t\t\tchosenForDefault &&\n\t\t\t\t!skipDefaultVariableContent ? (\n\t\t\t\t\t<DefaultVariableContent\n\t\t\t\t\t\tvariable={chosenForDefault}\n\t\t\t\t\t\tonInsertVariable={(updated) => {\n\t\t\t\t\t\t\tonSelect(updated);\n\t\t\t\t\t\t\tonDefaultVariableSelect?.(updated);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"search-bar-v3-picker\"\n\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\tonChangeText={onSearch}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RecommendWrapper>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\tOnly Recommended\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\tvalue={showRecommended}\n\t\t\t\t\t\t\t\tonValueChange={async (val) => {\n\t\t\t\t\t\t\t\t\tawait handleRecommendedChange(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RecommendWrapper>\n\t\t\t\t\t\t{subHeaderStack.length > 0 && (\n\t\t\t\t\t\t\t<BackHeader>\n\t\t\t\t\t\t\t\t<div style={{ position: 'absolute', left: 16 }}>\n\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\tid=\"back-btn-v3\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\tIcon={GoBackIcon}\n\t\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subHeaderStack[subHeaderStack.length - 1].displayName}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</BackHeader>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{variables.length > 0 ? (\n\t\t\t\t\t\t\t\t<Container ref={containerRef} height={calculateHeight()}>\n\t\t\t\t\t\t\t\t\t{variables.map((variable, index) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariable.displayName &&\n\t\t\t\t\t\t\t\t\t\t\ttypeof variable.variables !== 'undefined'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={variable.displayName + showRecommended} // to re-render the component\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BikAccordion\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrowColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tautoOpen={autoOpenFirst && index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theaderPadding=\"12px 16px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparentVariable={variable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={variable.variables}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.isDefaultValueSupported &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!skipDefaultVariableContent\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect(variable as VariableV3);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BikAccordion>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (variable.displayName) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbody={renderTooltipBody(variable as VariableV3)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: (variable as VariableV3)?.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(variable as VariableV3)?.selected \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!variable.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', marginTop: 2 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubText={variable.description \|\| ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable as unknown as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: SubHeader \| VariableV3;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable: VariableV3) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Container>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<NoResult height={calculateHeight()} searchText={searchText} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</VariablePickerContext.Provider>\n\t);\n};\n"],"names":["variableRegex","props","data","onSelect","showHeader","showBackButton","hideHeaderCross","onBackButtonClick","isEvaluationList","autoOpenFirst","headerText","contentHeight","onDefaultVariableSelect","skipDefaultVariableContent","variables","setVariables","useState","searchText","setSearchText","subHeaderStack","setSubHeaderStack","searchedFrom","setSearchedFrom","showRecommended","setShowRecommended","dataSource","setDataSource","openDefaultVariablePanel","setOpenDefaultVariablePanel","chosenForDefault","setChosenForDefault","containerRef","useRef","scrollPositionStack","shouldShowHeaderInsideCross","type","PickerType","EMBEDDED","useEffect","handleRecommendedChange","length","val","__awaiter","output","showOnlyRecommendedVariables","isInSearchStartPage","displayName","result","searchVariables","calculateHeight","pickerContentHeight","onSelectingVariable","variable","disabled","evalVariableValue","actualValue","match","path","replace","split","forEach","value","index","isArray","test","checkIfArray","matches","arrayName","actualValueEval","matchVariable","Object","isDefaultValueSupported","_jsx","jsx","VariablePickerContext","Provider","assign","children","_jsxs","jsxs","tabIndex","id","style","backgroundColor","borderRadius","height","outline","onClick","e","stopPropagation","HeaderWrapper","openDefault","display","alignItems","gap","IconButton","Icon","HeaderBackIcon","BackIcon","width","color","COLORS","content","primary","TitleRegular","CrossIcon","onClose","DefaultVariableContent","onInsertVariable","updated","_Fragment","padding","paddingTop","surface","subdued","borderTopLeftRadius","borderTopRightRadius","Input","onBlur","onSearchBlur","noKeyDownChange","placeholder","onChangeText","text","recommended","latestSubHeader","RecommendWrapper","BodySecondary","secondary","Switch","onValueChange","BackHeader","position","left","GoBackIcon","_searchText","newSubHeaderStack","poppedElement","pop","savedScrollTop","_a","current","flushSync","el","setTimeout","scrollTo","top","behavior","BodyCaption","Container","ref","map","borderBottom","stroke","BikAccordion","arrowColor","autoOpen","headerPadding","header","TitleSmall","highlightSearchText","SubHeaderItems","parentVariable","Tooltip","body","renderTooltipBody","placement","ListItem","variant","selected","version","leadingIcon","flexShrink","AddIcon","customListItemLabel","fontSize","isAvailable","marginTop","WarnIcon","listItem","label","subText","description","_b","NoResult"],"mappings":"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"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/components/variable-picker-v3/Content.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BikAccordion } from '../accordion';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { ListItem } from '../list-item';\nimport { Switch } from '../switch';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport { VariablePickerContext } from './context';\nimport { DefaultVariableContent } from './DefaultVariableContent';\nimport { highlightSearchText } from './highlightSearchText';\nimport {\n\tPickerType,\n\tSubHeader,\n\tVariablePickerV3Props,\n\tVariableV3,\n} from './model';\nimport NoResult from './NoResult';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\nimport { searchVariables } from './searchVariables';\nimport {\n\tBackHeader,\n\tContainer,\n\tHeaderWrapper,\n\tRecommendWrapper,\n} from './styles';\nimport SubHeaderItems, { renderTooltipBody } from './SubHeaderItems';\n\ntype Props = VariablePickerV3Props;\n\nconst variableRegex = /.\\../;\nconst checkIfArray = (value: string) => {\n\tconst regex = /\\w+\\[\\d+\\]/g;\n\treturn regex.test(value);\n};\n\nconst matchVariable = (variable: VariableV3) => {\n\tif (variable.actualValue.match(variableRegex)) {\n\t\tconst path = variable.actualValue\n\t\t\t.replace('{{', '')\n\t\t\t.replace('}}', '')\n\t\t\t.split('.');\n\t\tlet evalVariableValue = path[0];\n\t\tpath.forEach((value, index) => {\n\t\t\tif (index === 0) return;\n\t\t\tconst isArray = checkIfArray(value);\n\t\t\tif (isArray) {\n\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\tif (matches) {\n\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\tevalVariableValue = evalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t}\n\t\t});\n\t\treturn evalVariableValue;\n\t} else {\n\t\tconst value = variable.actualValueEval\n\t\t\t? variable.actualValueEval\n\t\t\t: variable.actualValue;\n\t\treturn value;\n\t}\n};\n\nexport const VariablePickerContent: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst {\n\t\tdata,\n\t\tonSelect,\n\t\tshowHeader,\n\t\tshowBackButton,\n\t\thideHeaderCross,\n\t\tonBackButtonClick,\n\t\tisEvaluationList,\n\t\tautoOpenFirst,\n\t\theaderText,\n\t\tcontentHeight,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t} = props;\n\n\tconst [variables, setVariables] = useState(data); // modified data after search\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [subHeaderStack, setSubHeaderStack] = useState<any[]>([]); // push variable object after every level\n\tconst [searchedFrom, setSearchedFrom] = useState<string>(''); // from which level did the user search from\n\tconst [showRecommended, setShowRecommended] = useState<boolean>(false);\n\tconst [dataSource, setDataSource] = useState<any[]>([]); // for search, maintaining original copy\n\tconst [openDefaultVariablePanel, setOpenDefaultVariablePanel] =\n\t\tuseState(false);\n\tconst [chosenForDefault, setChosenForDefault] = useState<VariableV3 \| null>();\n\tconst shouldShowHeaderInsideCross =\n\t\topenDefaultVariablePanel &&\n\t\tprops.type === PickerType.EMBEDDED &&\n\t\t!hideHeaderCross;\n\n\t// useEffect(() => {\n\t// \t// TODO: based on new data, update existing variables if available\n\t// \tsetVariables(data);\n\t// }, [data]);\n\n\tuseEffect(() => {\n\t\thandleRecommendedChange(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tsetDataSource([subHeaderStack[subHeaderStack.length - 1]]);\n\t\t} else {\n\t\t\tsetDataSource(data);\n\t\t}\n\t}, [subHeaderStack]);\n\n\tconst handleBackClick = (e: any) => {\n\t\te.stopPropagation();\n\t\tlet _searchText = searchText;\n\t\tconst newSubHeaderStack = [...subHeaderStack];\n\t\tconst poppedElement = newSubHeaderStack.pop();\n\t\tsetSubHeaderStack(newSubHeaderStack);\n\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\tsetSearchText('');\n\t\t\t_searchText = ''; // so that search is not trigerred in the below code\n\t\t}\n\t\tif (_searchText.length > 0) {\n\t\t\t// maintain the search result when going back\n\t\t\tconst dataSource =\n\t\t\t\tnewSubHeaderStack.length > 0\n\t\t\t\t\t? [newSubHeaderStack[newSubHeaderStack.length - 1]]\n\t\t\t\t\t: data;\n\t\t\tconst result = searchVariables(\n\t\t\t\t_searchText,\n\t\t\t\tdataSource,\n\t\t\t\tnewSubHeaderStack,\n\t\t\t);\n\t\t\tif (showRecommended) {\n\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\tresult,\n\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t);\n\t\t\t\tsetVariables(recommended);\n\t\t\t} else {\n\t\t\t\tsetVariables(result);\n\t\t\t}\n\t\t} else {\n\t\t\tif (newSubHeaderStack.length > 0) {\n\t\t\t\tif (showRecommended) {\n\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t[newSubHeaderStack[newSubHeaderStack.length - 1].variables],\n\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables([\n\t\t\t\t\t\tnewSubHeaderStack[newSubHeaderStack.length - 1].variables,\n\t\t\t\t\t]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (showRecommended) {\n\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\tdata,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleRecommendedChange = async (val) => {\n\t\tsetShowRecommended(val);\n\t\tif (val) {\n\t\t\tconst output = showOnlyRecommendedVariables(variables, subHeaderStack);\n\t\t\tsetVariables(output);\n\t\t} else {\n\t\t\tif (subHeaderStack.length > 0) {\n\t\t\t\t// dont apply search if not in the page where search started\n\t\t\t\tconst isInSearchStartPage =\n\t\t\t\t\tsearchedFrom == subHeaderStack[subHeaderStack.length - 1].displayName;\n\t\t\t\tif (searchText.length > 0 && isInSearchStartPage) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables([subHeaderStack[subHeaderStack.length - 1].variables]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (searchText.length > 0) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst calculateHeight = () => {\n\t\tif (contentHeight) {\n\t\t\treturn contentHeight;\n\t\t}\n\t\tlet pickerContentHeight = 131;\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tpickerContentHeight += 32;\n\t\t}\n\t\tif (props.showHeader \|\| props.showBackButton) {\n\t\t\tpickerContentHeight += 40;\n\t\t}\n\t\treturn `calc(100% - ${pickerContentHeight}px)`;\n\t};\n\n\tconst onSearch = (text: string) => {\n\t\tif (!text) {\n\t\t\tsetSearchedFrom('');\n\t\t}\n\t\tconst result = searchVariables(text, dataSource, subHeaderStack);\n\t\tif (showRecommended) {\n\t\t\tconst recommended = showOnlyRecommendedVariables(result, subHeaderStack);\n\t\t\tsetVariables(recommended);\n\t\t} else {\n\t\t\tsetVariables(result);\n\t\t}\n\t\tsetSearchText(text);\n\t\tconst latestSubHeader =\n\t\t\tsubHeaderStack.length > 0\n\t\t\t\t? subHeaderStack[subHeaderStack.length - 1].displayName\n\t\t\t\t: 'home';\n\t\tsetSearchedFrom(latestSubHeader);\n\t};\n\n\tconst HeaderBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={16}\n\t\t\t\theight={16}\n\t\t\t\tstyle={{ display: 'flex', color: COLORS.content.primary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst GoBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={12}\n\t\t\t\theight={12}\n\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst onSelectingVariable = (variable: VariableV3) => {\n\t\tif (props.disabled) return;\n\t\tif (isEvaluationList) {\n\t\t\tconst evalVariableValue = matchVariable(variable as VariableV3);\n\t\t\tonSelect({\n\t\t\t\t...variable,\n\t\t\t\tactualValue: evalVariableValue,\n\t\t\t} as VariableV3);\n\t\t} else {\n\t\t\tif (variable.isDefaultValueSupported && !skipDefaultVariableContent) {\n\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelect(variable as VariableV3);\n\t\t}\n\t};\n\n\treturn (\n\t\t<VariablePickerContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvariables,\n\t\t\t\tsearchText,\n\t\t\t\tsubHeaderStack,\n\t\t\t\tshowRecommended,\n\t\t\t\tsetSubHeaderStack,\n\t\t\t\tsetSearchText,\n\t\t\t\tsetVariables,\n\t\t\t\tsetShowRecommended,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\ttabIndex={-1}\n\t\t\t\tid=\"variable-picker-v3\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: 'white',\n\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\toutline: 'none',\n\t\t\t\t}}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{(showHeader \|\| showBackButton \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t<HeaderWrapper openDefault={openDefaultVariablePanel}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{(showBackButton \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={HeaderBackIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (openDefaultVariablePanel) {\n\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(false);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonBackButtonClick && onBackButtonClick();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{(showHeader \|\| openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t\t\t{openDefaultVariablePanel\n\t\t\t\t\t\t\t\t\t\t? 'Set up'\n\t\t\t\t\t\t\t\t\t\t: headerText ?? 'Select Variable'}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shouldShowHeaderInsideCross && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tstyle={{ color: '#212121' }}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</HeaderWrapper>\n\t\t\t\t)}\n\t\t\t\t{openDefaultVariablePanel &&\n\t\t\t\tchosenForDefault &&\n\t\t\t\t!skipDefaultVariableContent ? (\n\t\t\t\t\t<DefaultVariableContent\n\t\t\t\t\t\tvariable={chosenForDefault}\n\t\t\t\t\t\tonInsertVariable={(updated) => {\n\t\t\t\t\t\t\tonSelect(updated);\n\t\t\t\t\t\t\tonDefaultVariableSelect?.(updated);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"search-bar-v3-picker\"\n\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\tonChangeText={onSearch}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RecommendWrapper>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\tOnly Recommended\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\tvalue={showRecommended}\n\t\t\t\t\t\t\t\tonValueChange={async (val) => {\n\t\t\t\t\t\t\t\t\tawait handleRecommendedChange(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RecommendWrapper>\n\t\t\t\t\t\t{subHeaderStack.length > 0 && (\n\t\t\t\t\t\t\t<BackHeader>\n\t\t\t\t\t\t\t\t<div style={{ position: 'absolute', left: 16 }}>\n\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\tid=\"back-btn-v3\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\tIcon={GoBackIcon}\n\t\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subHeaderStack[subHeaderStack.length - 1].displayName}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</BackHeader>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{variables.length > 0 ? (\n\t\t\t\t\t\t\t\t<Container height={calculateHeight()}>\n\t\t\t\t\t\t\t\t\t{variables.map((variable, index) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariable.displayName &&\n\t\t\t\t\t\t\t\t\t\t\ttypeof variable.variables !== 'undefined'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={variable.displayName + showRecommended} // to re-render the component\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BikAccordion\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrowColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tautoOpen={autoOpenFirst && index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theaderPadding=\"12px 16px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparentVariable={variable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={variable.variables}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.isDefaultValueSupported &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!skipDefaultVariableContent\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect(variable as VariableV3);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BikAccordion>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (variable.displayName) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbody={renderTooltipBody(variable as VariableV3)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: (variable as VariableV3)?.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(variable as VariableV3)?.selected \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!variable.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', marginTop: 2 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubText={variable.description \|\| ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable as unknown as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: SubHeader \| VariableV3;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable: VariableV3) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Container>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<NoResult height={calculateHeight()} searchText={searchText} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</VariablePickerContext.Provider>\n\t);\n};\n"],"names":["variableRegex","props","data","onSelect","showHeader","showBackButton","hideHeaderCross","onBackButtonClick","isEvaluationList","autoOpenFirst","headerText","contentHeight","onDefaultVariableSelect","skipDefaultVariableContent","variables","setVariables","useState","searchText","setSearchText","subHeaderStack","setSubHeaderStack","searchedFrom","setSearchedFrom","showRecommended","setShowRecommended","dataSource","setDataSource","openDefaultVariablePanel","setOpenDefaultVariablePanel","chosenForDefault","setChosenForDefault","shouldShowHeaderInsideCross","type","PickerType","EMBEDDED","useEffect","handleRecommendedChange","length","val","__awaiter","output","showOnlyRecommendedVariables","isInSearchStartPage","displayName","result","searchVariables","calculateHeight","pickerContentHeight","onSelectingVariable","variable","disabled","evalVariableValue","actualValue","match","path","replace","split","forEach","value","index","isArray","test","checkIfArray","matches","arrayName","actualValueEval","matchVariable","Object","isDefaultValueSupported","_jsx","jsx","VariablePickerContext","Provider","assign","children","_jsxs","jsxs","tabIndex","id","style","backgroundColor","borderRadius","height","outline","onClick","e","stopPropagation","HeaderWrapper","openDefault","display","alignItems","gap","IconButton","Icon","HeaderBackIcon","BackIcon","width","color","COLORS","content","primary","TitleRegular","CrossIcon","onClose","DefaultVariableContent","onInsertVariable","updated","_Fragment","padding","paddingTop","surface","subdued","borderTopLeftRadius","borderTopRightRadius","Input","onBlur","onSearchBlur","noKeyDownChange","placeholder","onChangeText","text","recommended","latestSubHeader","RecommendWrapper","BodySecondary","secondary","Switch","onValueChange","BackHeader","position","left","GoBackIcon","_searchText","newSubHeaderStack","poppedElement","pop","BodyCaption","Container","map","borderBottom","stroke","BikAccordion","arrowColor","autoOpen","headerPadding","header","TitleSmall","highlightSearchText","SubHeaderItems","parentVariable","_a","Tooltip","body","renderTooltipBody","placement","ListItem","variant","selected","version","leadingIcon","flexShrink","AddIcon","customListItemLabel","fontSize","isAvailable","marginTop","WarnIcon","listItem","label","subText","description","_b","NoResult"],"mappings":"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"}

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),s=require("../../assets/icons/plus.svg.js"),i=require("../../assets/icons/sub_category.svg.js"),r=require("../../assets/icons/triangle_error.svg.js"),l=require("lodash/cloneDeep"),a=require("../../constants/Theme.js"),o=require("../list-item/ListItem.js"),n=require("../tooltips/Tooltip.js"),c=require("../TypographyStyle.js"),d=require("./context.js"),u=require("./highlightSearchText.js"),h=require("./recommendVaribles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=j(l);const x=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""};exports.default=l=>{const{onSelect:j,variable:b,searchText:y,disabled:m,parentVariable:g}=l,{subHeaderStack:v,setSubHeaderStack:f,setVariables:O,showRecommended:S,containerRef:T,scrollPositionStack:q}=d.useVariablePickerContext();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(b).map(((l,d)=>{var I;if(void 0===b[l].variables||0===Object.keys((null===(I=b[l])||void 0===I?void 0:I.variables)||{}).length){const t=b[l];return e.jsx(n.Tooltip,Object.assign({body:x(t),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:m?"readonly":(null==t?void 0:t.selected)?"selected":"default",version:"2.0",leadingIcon:(null==t?void 0:t.selected)||m?e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({style:{flexShrink:0}},{children:e.jsx(s.default,{width:14,height:14})})),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:a.COLORS.text.primary}},{children:u.highlightSearchText(t.displayName,y)})),!t.isAvailable&&e.jsx(n.Tooltip,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(r.default,{width:16,height:16,color:a.COLORS.content.secondary})}))}))]})),listItem:{label:t.displayName,value:t.displayName},subText:t.description||"",onClick:()=>{j(t)}})}),d)}return e.jsx(n.Tooltip,Object.assign({body:x(b[l]),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:"default",version:"2.0",listItem:{label:b[l].displayName,value:b[l].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:a.COLORS.text.primary}},{children:u.highlightSearchText(b[l].displayName,y)}))})),leadingIcon:e.jsx(i.default,{width:14,height:14}),subText:b[l].description||"",trailingIcon:e.jsx(t.default,{width:10,height:10,color:"#212121"}),onClick:()=>{T.current&&(q.current.push(T.current.scrollTop),T.current.scrollTop=0);const e=p.default(b[l]);void 0!==g&&(e.contextQ=[g.displayName]);const t=[...v,e];if(f(t),S){const s=h.showOnlyRecommendedVariables([e.variables],t);O(s)}else O([e.variables])}})}),d)}))}))},exports.renderTooltipBody=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronRight.svg.js"),t=require("../../assets/icons/plus.svg.js"),i=require("../../assets/icons/sub_category.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),a=require("lodash/cloneDeep"),r=require("../../constants/Theme.js"),o=require("../list-item/ListItem.js"),n=require("../tooltips/Tooltip.js"),c=require("../TypographyStyle.js"),d=require("./context.js"),u=require("./highlightSearchText.js"),h=require("./recommendVaribles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=j(a);const b=e=>{var s;return(null===(s=e.contextQ)||void 0===s?void 0:s.join(" > "))||""};exports.default=a=>{const{onSelect:j,variable:p,searchText:y,disabled:m,parentVariable:g}=a,{subHeaderStack:v,setSubHeaderStack:f,setVariables:O,showRecommended:S}=d.useVariablePickerContext();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(p).map(((a,d)=>{var T;if(void 0===p[a].variables||0===Object.keys((null===(T=p[a])||void 0===T?void 0:T.variables)||{}).length){const s=p[a];return e.jsx(n.Tooltip,Object.assign({body:b(s),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:m?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||m?e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({style:{flexShrink:0}},{children:e.jsx(t.default,{width:14,height:14})})),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:r.COLORS.text.primary}},{children:u.highlightSearchText(s.displayName,y)})),!s.isAvailable&&e.jsx(n.Tooltip,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(l.default,{width:16,height:16,color:r.COLORS.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{j(s)}})}),d)}return e.jsx(n.Tooltip,Object.assign({body:b(p[a]),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:"default",version:"2.0",listItem:{label:p[a].displayName,value:p[a].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:r.COLORS.text.primary}},{children:u.highlightSearchText(p[a].displayName,y)}))})),leadingIcon:e.jsx(i.default,{width:14,height:14}),subText:p[a].description||"",trailingIcon:e.jsx(s.default,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=x.default(p[a]);void 0!==g&&(e.contextQ=[g.displayName]);const s=[...v,e];if(f(s),S){const t=h.showOnlyRecommendedVariables([e.variables],s);O(t)}else O([e.variables])}})}),d)}))}))},exports.renderTooltipBody=b;
 //# sourceMappingURL=SubHeaderItems.js.map

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader \| VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') \|\| '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst { subHeaderStack, setSubHeaderStack, setVariables, showRecommended, ~~containerRef, scrollPositionStack~~ } =\n\t\tuseVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' \|\|\n\t\t\t\t\tObject.keys(variable[key]?.variables \|\| {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected \|\| disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description \|\| ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description \|\| ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(containerRef.current.scrollTop);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","_a","contextQ","join","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","~~containerRef","scrollPositionStack","~~useVariablePickerContext","_jsx","Object","assign","style","display","flexDirection","gap","children","keys","map","key","index","variables","length","variableV3","Tooltip","body","placement","jsx","ListItem","variant","selected","version","leadingIcon","_Fragment","flexShrink","AddIcon","width","height","customListItemLabel","_jsxs","jsxs","BodySecondary","fontSize","color","COLORS","text","primary","highlightSearchText","displayName","isAvailable","marginTop","WarnIcon","content","secondary","listItem","label","value","subText","description","onClick","alignItems","SubCategoryIcon","trailingIcon","ChevronRight","~~current","push","scrollTop","~~currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"ypBAsBaA,MAAAA,EAAqBC,UACjC,OAAwB,QAAjBC,EAAAD,EAASE,gBAAQ,IAAAD,OAAA,EAAAA,EAAEE,KAAK,SAAU,EAAE,kBAGKC,IAChD,MAAMC,SAAEA,EAAQL,SAAEA,EAAQM,WAAEA,EAAUC,SAAEA,EAAQC,eAAEA,GAAmBJ,GAC/DK,eAAEA,EAAcC,kBAAEA,EAAiBC,aAAEA,EAAYC,gBAAEA,~~EAAeC~~,~~aAAEA,EAAYC,oBAAEA,GACvFC,~~EAAwBA,2BACzB,OACCC,MAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IAAG,CAAAC,SAC9DN,OAAOO,~~KAAKxB~~,~~GAAUyB~~,KAAI,CAACC,EAAKC,WAChC,QACoC,~~IAA5B3B~~,~~EAAS0B~~,GAAKE,WACkC,IAAvDX,OAAOO,MAAoB,~~QAAfvB~~,EAAAD,~~EAAS0B~~,UAAM,~~IAAAzB~~,OAAA,EAAAA,~~EAAA2B~~,YAAa,CAAE,GAAEC,OAC3C,CACD,MAAMC,~~EAAa9B~~,~~EAAS0B~~,GAC5B,OACCV,MAACe,EAAAA,QAAOd,OAAAC,OAAA,CAEPc,~~KAAMjC,EAAkB+~~B,GACxBG,UAAU,UAEV,CAAAV,SAAAP,EAAAkB,IAACC,WACA,CAAAC,~~QACC7B~~,EACG,~~YACAuB~~,aAAA,EAAAA,EAAYO,UACZ,WACA,UAEJC,QAAQ,MACRC,aACCT,eAAAA,EAAYO,~~WAAY9B~~,~~EACvBS~~,EAAAA,IAAAwB,EAAAA,SAAA,CAAA,GAEAxB,EAAAA,IAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEsB,WAAY,IACzB,CAAAlB,SAAAP,EAAAkB,IAACQ,UAAO,CAACC,MAAO,GAAIC,OAAQ,QAI/BC,oBACCC,EACCC,KAAA,MAAA9B,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTE,IAAK,IACL,CAAAC,SAAA,CAEDP,EAACkB,IAAAc,gBACA/B,OAAAC,OAAA,CAAAC,MAAO,CACN8B,SAAU,OACVC,MAAOC,EAAAA,OAAOC,KAAKC,UACnB,CAAA9B,SAEA+B,EAAmBA,oBAACxB,EAAWyB,~~YAAajD~~,~~OAE5CwB~~,EAAW0B,aACZxC,EAAAA,IAACe,EAAOA,QAACd,OAAAC,OAAA,CAAAc,KAAK,mBACb,CAAAT,SAAAP,EAAAkB,IAAA,MAAAjB,OAAAC,OAAA,CAAKC,MAAO,CAAEC,QAAS,OAAQqC,UAAW,IAAG,CAAAlC,SAC5CP,EAACkB,IAAAwB,UACA,CAAAf,MAAO,GACPC,OAAQ,GACRM,MAAOC,EAAAA,OAAOQ,QAAQC,sBAO5BC,SAAU,CACTC,MAAOhC,EAAWyB,YAClBQ,MAAOjC,EAAWyB,aAEnBS,QAASlC,EAAWmC,aAAe,GACnCC,QAASA,~~KACR7D~~,~~EAASyB~~,EAAW,MAxDjBH,EA6DP,CACD,OACCX,MAACe,EAAAA,QAAOd,OAAAC,OAAA,CAEPc,~~KAAMjC~~,EAAkBC,~~EAAS0B~~,IACjCO,UAAU,UAEV,CAAAV,SAAAP,EAAAkB,IAACC,WAAQ,CACRC,QAAS,UACTE,QAAQ,MACRuB,SAAU,CACTC,~~MAAO9D~~,~~EAAS0B~~,GAAK6B,YACrBQ,~~MAAO/D~~,~~EAAS0B~~,GAAK6B,aAEtBV,oBACC7B,EACCkB,IAAA,MAAAjB,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACT+C,WAAY,WACZ,CAAA5C,SAEDP,EAACkB,IAAAc,gBACA/B,OAAAC,OAAA,CAAAC,MAAO,CACN8B,SAAU,OACVC,MAAOC,EAAAA,OAAOC,KAAKC,UACnB,CAAA9B,SAEA+B,EAAmBA,~~oBAACtD~~,~~EAAS0B~~,GAAK6B,~~YAAajD~~,~~SAInDiC~~,YAAavB,EAACkB,IAAAkC,UAAgB,CAAAzB,MAAO,GAAIC,OAAQ,KACjDoB,~~QAAShE~~,~~EAAS0B~~,GAAKuC,aAAe,GACtCI,aACCrD,EAAAkB,IAACoC,UAAY,CAAC3B,MAAO,GAAIC,OAAQ,GAAIM,MAAM,YAE5CgB,QAASA,~~KAEJrD~~,~~EAAa0D~~,~~UAChBzD,EAAoByD,QAAQC,KAAK3D,EAAa0D,QAAQE,WACtD5D,EAAa0D,QAAQE,UAAY,GAElC,MAAMC,~~EAAkBC,EAAS,~~QAAC3E~~,~~EAAS0B~~,SACb,~~IAAnBlB~~,~~IACVkE~~,~~EAAgBxE~~,SAAW,CAACM,~~EAAe+C~~,cAE5C,~~MAAMqB~~,EAAQ,~~IAAInE~~,~~EAAgBiE~~,GAElC,~~GADAhE~~,~~EAAkBkE~~,~~GACdhE~~,EAAiB,CACpB,~~MAAMiE~~,EAAcC,EAAAA,6BACnB,CAACJ,~~EAAgB9C~~,~~WACjBgD~~,~~GAEDjE~~,~~EAAakE~~,EACb,~~MACAlE~~,EAAa,~~CAAC+D~~,~~EAAgB9C~~,WAC9B,~~MArDED~~,~~EAwDI~~,MAGP"}
1	+ {"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader \| VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') \|\| '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst { subHeaderStack, setSubHeaderStack, setVariables, showRecommended } =\n\t\tuseVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' \|\|\n\t\t\t\t\tObject.keys(variable[key]?.variables \|\| {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected \|\| disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description \|\| ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description \|\| ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","_a","contextQ","join","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","useVariablePickerContext","_jsx","Object","assign","style","display","flexDirection","gap","children","keys","map","key","index","variables","length","variableV3","Tooltip","body","placement","jsx","ListItem","variant","selected","version","leadingIcon","_Fragment","flexShrink","AddIcon","width","height","customListItemLabel","_jsxs","jsxs","BodySecondary","fontSize","color","COLORS","text","primary","highlightSearchText","displayName","isAvailable","marginTop","WarnIcon","content","secondary","listItem","label","value","subText","description","onClick","alignItems","SubCategoryIcon","trailingIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}

package/dist/cjs/components/variable-picker-v3/context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{},containerRef:{current:null},scrollPositionStack:{current:[]}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);
 //# sourceMappingURL=context.js.map

package/dist/cjs/components/variable-picker-v3/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../src/components/variable-picker-v3/context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React, { useContext } from 'react';\n\nexport const VariablePickerContext = React.createContext<{\n\tsearchText: string;\n\tsetSearchText: React.Dispatch<React.SetStateAction<string>>;\n\tsubHeaderStack: any[]; // TODO: type this\n\tsetSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;\n\tvariables: any[]; // TODO: type this\n\tsetVariables: React.Dispatch<React.SetStateAction<any[]>>;\n\tshowRecommended: boolean;\n\tsetShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;\n~~\tcontainerRef: React.RefObject<HTMLDivElement \| null>;\n\tscrollPositionStack: React.MutableRefObject<number[]>;\n~~}>({\n\tsearchText: '',\n\tsetSearchText: () => {},\n\tsubHeaderStack: [],\n\tsetSubHeaderStack: () => {},\n\tvariables: [],\n\tsetVariables: () => {},\n\tshowRecommended: false,\n\tsetShowRecommended: () => {},\n~~\tcontainerRef: { current: null~~ }~~,\n\tscrollPositionStack: { current: [] },\n}~~);\n\nexport const useVariablePickerContext = () => useContext(VariablePickerContext);\n"],"names":["VariablePickerContext","createContext","searchText","setSearchText","subHeaderStack","setSubHeaderStack","variables","setVariables","showRecommended","setShowRecommended","~~containerRef","current","scrollPositionStack","~~useVariablePickerContext","useContext"],"mappings":"yKAGaA,OAA6B,QAACC,~~cAWxC~~,CACFC,WAAY,GACZC,cAAeA,OACfC,eAAgB,GAChBC,kBAAmBA,OACnBC,UAAW,GACXC,aAAcA,OACdC,iBAAiB,EACjBC,mBAAoBA,~~OACpBC~~,~~aAAc,CAAEC,QAAS,MACzBC,oBAAqB,CAAED,QAAS,uEAGOE,~~IAAMC,EAAAA,~~WAAWd~~"}
1	+ {"version":3,"file":"context.js","sources":["../../../../src/components/variable-picker-v3/context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React, { useContext } from 'react';\n\nexport const VariablePickerContext = React.createContext<{\n\tsearchText: string;\n\tsetSearchText: React.Dispatch<React.SetStateAction<string>>;\n\tsubHeaderStack: any[]; // TODO: type this\n\tsetSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;\n\tvariables: any[]; // TODO: type this\n\tsetVariables: React.Dispatch<React.SetStateAction<any[]>>;\n\tshowRecommended: boolean;\n\tsetShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n\tsearchText: '',\n\tsetSearchText: () => {},\n\tsubHeaderStack: [],\n\tsetSubHeaderStack: () => {},\n\tvariables: [],\n\tsetVariables: () => {},\n\tshowRecommended: false,\n\tsetShowRecommended: () => {},\n});\n\nexport const useVariablePickerContext = () => useContext(VariablePickerContext);\n"],"names":["VariablePickerContext","createContext","searchText","setSearchText","subHeaderStack","setSubHeaderStack","variables","setVariables","showRecommended","setShowRecommended","useVariablePickerContext","useContext"],"mappings":"yKAGaA,OAA6B,QAACC,cASxC,CACFC,WAAY,GACZC,cAAeA,OACfC,eAAgB,GAChBC,kBAAmBA,OACnBC,UAAW,GACXC,aAAcA,OACdC,iBAAiB,EACjBC,mBAAoBA,0EAGmBC,IAAMC,EAAAA,WAAWX"}

package/dist/cjs/editor/BikEditor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../node_modules/@tiptap/core/dist/index.js"),n=require("@tiptap/react"),o=require("react"),i=require("./BikEditor.styles.js"),r=require("./BikEditor.types.js"),l=require("./BikEditor.utils.js"),s=require("./extensions/buildExtensions.js"),c=require("./floating/LinkBubbleMenu.js");function u(t){return Object.entries(t).map((t=>{let[e,n]=t;return`${e.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${n}`})).join(";")}const a=(a,d)=>{var m,g,v,h,f,C,p;const{initialContent:S,sections:x,features:k,disabled:y,maxCharacters:H,shortcuts:B,sendShortcut:b,mentions:z,slashCommands:A,link:E,onPaste:I,onReady:R,onChange:j,onSend:L,onFocus:T,onBlur:F,onSelectionChange:M,minHeight:O,maxHeight:q,style:w,className:P,editorClassName:D,editorStyle:U}=a,N=(null==x?void 0:x.length)?l.buildSectionedContent(l.normalizeHtml(null!=S?S:""),x.map((t=>Object.assign(Object.assign({},t),{content:l.normalizeHtml(t.content)})))):l.normalizeHtml(null!=S?S:""),_=o.useRef([]),$=o.useRef(!1),J=o.useRef(R);J.current=R;const V=o.useRef(j);V.current=j;const W=o.useRef(M);W.current=M;const Z=o.useRef(T);Z.current=T;const G=o.useRef(F);G.current=F;const K=o.useRef(L);K.current=L;const Q=o.useRef(null!==(m=null==z?void 0:z.agents)&&void 0!==m?m:[]);Q.current=null!==(g=null==z?void 0:z.agents)&&void 0!==g?g:[];const X=o.useRef(null!==(v=null==z?void 0:z.teams)&&void 0!==v?v:[]);X.current=null!==(h=null==z?void 0:z.teams)&&void 0!==h?h:[];const Y=o.useRef(null!==(f=null==A?void 0:A.items)&&void 0!==f?f:[]);Y.current=null!==(C=null==A?void 0:A.items)&&void 0!==C?C:[];const tt=n.useEditor({extensions:s.buildExtensions({features:k,placeholder:a.placeholder,maxCharacters:H,hasSections:(null!==(p=null==x?void 0:x.length)&&void 0!==p?p:0)>0,mentions:{agents:z?Q:void 0,teams:z?X:void 0},slashCommands:A?Y:void 0,onPaste:I,onSend:L?t=>{var e;return null===(e=K.current)||void 0===e?void 0:e.call(K,t)}:void 0,sendShortcut:b,shortcuts:B,onMentionSelected:null==z?void 0:z.onSelect,onSlashCommandSelected:null==A?void 0:A.onSelect,renderMentionItem:null==z?void 0:z.renderItem,renderMentionDropdown:null==z?void 0:z.renderDropdown,renderSlashCommandItem:null==A?void 0:A.renderItem,renderSlashCommandDropdown:null==A?void 0:A.renderDropdown}),content:N,editable:!y,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},D?{class:D}:{}),U?{style:u(U)}:{})},onUpdate:t=>{let{editor:e}=t;var n;null===(n=V.current)||void 0===n||n.call(V,l.extractContent(e))},onTransaction:t=>{let{editor:e}=t;var n;null===(n=W.current)||void 0===n||n.call(W,l.extractActiveFormats(e))},onFocus:()=>{var t;return null===(t=Z.current)||void 0===t?void 0:t.call(Z)},onBlur:()=>{var t;return null===(t=G.current)||void 0===t?void 0:t.call(G)}});function et(t){tt?t(tt):_.current.push(t)}return o.useEffect((()=>{var t;if(tt){if(_.current.length>0){_.current.splice(0).forEach((t=>t(tt)))}$.current||($.current=!0,null===(t=J.current)||void 0===t||t.call(J))}}),[tt]),o.useImperativeHandle(d,(()=>({focus:t=>et((e=>e.commands.focus(t))),blur:()=>et((t=>t.commands.blur())),clearContent:()=>et((t=>t.commands.clearContent(!0))),setContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.setContent(e,{emitUpdate:!0})))},insertContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContent(e)))},insertInlineContent:t=>{et((e=>l.insertInlineHtml(e,t)))},insertAtStart:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(1,e)))},insertBlock:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size,e)))},appendInline:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size-1,e)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>tt?l.extractContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==tt?void 0:tt.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,e=new Set;return tt?(tt.state.doc.descendants((n=>{"mentionAgent"===n.type.name&&null!=n.attrs.id?t.add(String(n.attrs.id)):"mentionTeam"===n.type.name&&null!=n.attrs.id&&e.add(String(n.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(e)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!tt)return{from:0,to:0};const{from:t,to:e}=tt.state.selection;return{from:t,to:e}},insertAtPosition:(t,e)=>{const n=l.normalizeHtml(e);et((e=>e.commands.insertContentAt(t,n)))},getSelectedText:()=>{if(!tt)return"";const{state:t}=tt,{from:n,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(n,o," ");const r=t.schema.marks.link;if(r){const o=e.getMarkRange(t.doc.resolve(n),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,e,n,o;return{count:null!==(o=null!==(n=null===(e=null===(t=null==tt?void 0:tt.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===e?void 0:e.call(t))&&void 0!==n?n:null==tt?void 0:tt.getText().length)&&void 0!==o?o:0,limit:null!=H?H:null}},getSectionContent:t=>tt?l.extractSectionContent(tt,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,e)=>{const n=l.normalizeHtml(e);et((e=>l.setSectionContentInEditor(e,t,n)))},focusSection:t=>{et((e=>{if("body"===t){let t=e.state.doc.content.size-1;return e.state.doc.descendants(((n,o)=>("sectionDivider"===n.type.name&&t===e.state.doc.content.size-1&&(t=o-1),t===e.state.doc.content.size-1))),t<1&&(t=1),void e.chain().focus().setTextSelection(t).run()}let n=-1;e.state.doc.descendants(((e,o)=>{if(-1!==n)return!1;"sectionDivider"===e.type.name&&e.attrs.sectionId===t&&(n=o+e.nodeSize+1)})),-1!==n&&e.chain().focus().setTextSelection(n).run()}))},clearSection:t=>{et((e=>l.setSectionContentInEditor(e,t,"<p></p>")))},getBodyContent:()=>tt?l.extractBodyContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>l.setSectionContentInEditor(t,"body",e)))},setBodyAndSections:(t,e)=>{const n=l.buildSectionedContent(l.normalizeHtml(t),e.map((t=>({id:t.id,content:l.normalizeHtml(t.content)}))));et((t=>t.commands.setContent(n,{emitUpdate:!0})))},appendBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>{const n=l.findSectionEndPos(t,"body");t.commands.insertContentAt(n-1,e)}))},insertAtSectionStart:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionStartPos(e,t);-1!==o&&e.commands.insertContentAt(o,n)}))},insertAtSectionEnd:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionEndPos(e,t);e.commands.insertContentAt(o,n)}))},getActiveFormats:()=>tt?l.extractActiveFormats(tt):r.DEFAULT_FORMAT_STATE,actions:{toggleBold:()=>null==tt?void 0:tt.chain().focus().toggleBold().run(),toggleItalic:()=>null==tt?void 0:tt.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==tt?void 0:tt.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==tt?void 0:tt.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==tt?void 0:tt.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==tt?void 0:tt.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==tt?void 0:tt.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==tt?void 0:tt.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==tt?void 0:tt.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==tt?void 0:tt.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==tt?void 0:tt.chain().focus().setFontSize(t).run(),setColor:t=>null==tt?void 0:tt.chain().focus().setColor(t).run(),setHighlight:t=>null==tt?void 0:tt.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==tt?void 0:tt.chain().focus().unsetColor().run(),unsetHighlight:()=>null==tt?void 0:tt.chain().focus().unsetHighlight().run(),setLink:(t,e)=>{tt&&(void 0!==e?tt.chain().focus().extendMarkRange("link").command((n=>{let{tr:o,state:i}=n;const{from:r,to:l}=o.selection,s=i.schema.marks.link;if(!s)return!1;const c=i.schema.text(e,[s.create({href:t})]),u=i.schema.text(" ");return o.replaceWith(r,l,[c,u]),!0})).run():tt.chain().focus().extendMarkRange("link").setLink({href:t}).insertContent(" ").run())},updateLink:t=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==tt?void 0:tt.chain().focus().insertContent(t).run(),insertVariable:t=>null==tt?void 0:tt.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==tt?void 0:tt.commands.insertContent(l.normalizeHtml(t)),undo:()=>null==tt?void 0:tt.chain().focus().undo().run(),redo:()=>null==tt?void 0:tt.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==tt?void 0:tt.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==tt?void 0:tt.chain().focus().toggleSubscript().run(),insertImage:t=>null==tt?void 0:tt.chain().focus().setImage({src:t}).run()}})),[tt]),tt?t.jsxs(i.BikEditorShell,Object.assign({minHeight:O,maxHeight:q,style:w,className:P},{children:[t.jsx(n.EditorContent,{editor:tt}),t.jsx(c.LinkBubbleMenu,{editor:tt,renderLinkTooltip:null==E?void 0:E.renderTooltip})]})):null},d=o.forwardRef(a);d.displayName="BikEditor",exports.BikEditor=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../node_modules/@tiptap/core/dist/index.js"),n=require("@tiptap/react"),o=require("react"),i=require("./BikEditor.styles.js"),r=require("./BikEditor.types.js"),l=require("./BikEditor.utils.js"),s=require("./extensions/buildExtensions.js"),c=require("./floating/LinkBubbleMenu.js");function a(t){return Object.entries(t).map((t=>{let[e,n]=t;return`${e.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${n}`})).join(";")}const u=(u,d)=>{var m,g,v,h,f,C,p;const{initialContent:S,sections:x,features:k,disabled:y,maxCharacters:H,shortcuts:B,sendShortcut:b,mentions:z,slashCommands:A,link:E,onPaste:I,onReady:R,onChange:j,onSend:L,onFocus:T,onBlur:F,onSelectionChange:M,minHeight:O,maxHeight:q,paragraphGap:w,style:P,className:D,editorClassName:U,editorStyle:N}=u,_=(null==x?void 0:x.length)?l.buildSectionedContent(l.normalizeHtml(null!=S?S:""),x.map((t=>Object.assign(Object.assign({},t),{content:l.normalizeHtml(t.content)})))):l.normalizeHtml(null!=S?S:""),$=o.useRef([]),G=o.useRef(!1),J=o.useRef(R);J.current=R;const V=o.useRef(j);V.current=j;const W=o.useRef(M);W.current=M;const Z=o.useRef(T);Z.current=T;const K=o.useRef(F);K.current=F;const Q=o.useRef(L);Q.current=L;const X=o.useRef(null!==(m=null==z?void 0:z.agents)&&void 0!==m?m:[]);X.current=null!==(g=null==z?void 0:z.agents)&&void 0!==g?g:[];const Y=o.useRef(null!==(v=null==z?void 0:z.teams)&&void 0!==v?v:[]);Y.current=null!==(h=null==z?void 0:z.teams)&&void 0!==h?h:[];const tt=o.useRef(null!==(f=null==A?void 0:A.items)&&void 0!==f?f:[]);tt.current=null!==(C=null==A?void 0:A.items)&&void 0!==C?C:[];const et=n.useEditor({extensions:s.buildExtensions({features:k,placeholder:u.placeholder,maxCharacters:H,hasSections:(null!==(p=null==x?void 0:x.length)&&void 0!==p?p:0)>0,mentions:{agents:z?X:void 0,teams:z?Y:void 0},slashCommands:A?tt:void 0,onPaste:I,onSend:L?t=>{var e;return null===(e=Q.current)||void 0===e?void 0:e.call(Q,t)}:void 0,sendShortcut:b,shortcuts:B,onMentionSelected:null==z?void 0:z.onSelect,onSlashCommandSelected:null==A?void 0:A.onSelect,renderMentionItem:null==z?void 0:z.renderItem,renderMentionDropdown:null==z?void 0:z.renderDropdown,renderSlashCommandItem:null==A?void 0:A.renderItem,renderSlashCommandDropdown:null==A?void 0:A.renderDropdown}),content:_,editable:!y,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},U?{class:U}:{}),N?{style:a(N)}:{})},onUpdate:t=>{let{editor:e}=t;var n;null===(n=V.current)||void 0===n||n.call(V,l.extractContent(e))},onTransaction:t=>{let{editor:e}=t;var n;null===(n=W.current)||void 0===n||n.call(W,l.extractActiveFormats(e))},onFocus:()=>{var t;return null===(t=Z.current)||void 0===t?void 0:t.call(Z)},onBlur:()=>{var t;return null===(t=K.current)||void 0===t?void 0:t.call(K)}});function nt(t){et?t(et):$.current.push(t)}return o.useEffect((()=>{var t;if(et){if($.current.length>0){$.current.splice(0).forEach((t=>t(et)))}G.current||(G.current=!0,null===(t=J.current)||void 0===t||t.call(J))}}),[et]),o.useImperativeHandle(d,(()=>({focus:t=>nt((e=>e.commands.focus(t))),blur:()=>nt((t=>t.commands.blur())),clearContent:()=>nt((t=>t.commands.clearContent(!0))),setContent:t=>{const e=l.normalizeHtml(t);nt((t=>t.commands.setContent(e,{emitUpdate:!0})))},insertContent:t=>{const e=l.normalizeHtml(t);nt((t=>t.commands.insertContent(e)))},insertInlineContent:t=>{nt((e=>l.insertInlineHtml(e,t)))},insertAtStart:t=>{const e=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(1,e)))},insertBlock:t=>{const e=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(t.state.doc.content.size,e)))},appendInline:t=>{const e=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(t.state.doc.content.size-1,e)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>et?l.extractContent(et):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==et?void 0:et.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,e=new Set;return et?(et.state.doc.descendants((n=>{"mentionAgent"===n.type.name&&null!=n.attrs.id?t.add(String(n.attrs.id)):"mentionTeam"===n.type.name&&null!=n.attrs.id&&e.add(String(n.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(e)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!et)return{from:0,to:0};const{from:t,to:e}=et.state.selection;return{from:t,to:e}},insertAtPosition:(t,e)=>{const n=l.normalizeHtml(e);nt((e=>e.commands.insertContentAt(t,n)))},getSelectedText:()=>{if(!et)return"";const{state:t}=et,{from:n,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(n,o," ");const r=t.schema.marks.link;if(r){const o=e.getMarkRange(t.doc.resolve(n),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,e,n,o;return{count:null!==(o=null!==(n=null===(e=null===(t=null==et?void 0:et.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===e?void 0:e.call(t))&&void 0!==n?n:null==et?void 0:et.getText().length)&&void 0!==o?o:0,limit:null!=H?H:null}},getSectionContent:t=>et?l.extractSectionContent(et,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,e)=>{const n=l.normalizeHtml(e);nt((e=>l.setSectionContentInEditor(e,t,n)))},focusSection:t=>{nt((e=>{if("body"===t){let t=e.state.doc.content.size-1;return e.state.doc.descendants(((n,o)=>("sectionDivider"===n.type.name&&t===e.state.doc.content.size-1&&(t=o-1),t===e.state.doc.content.size-1))),t<1&&(t=1),void e.chain().focus().setTextSelection(t).run()}let n=-1;e.state.doc.descendants(((e,o)=>{if(-1!==n)return!1;"sectionDivider"===e.type.name&&e.attrs.sectionId===t&&(n=o+e.nodeSize+1)})),-1!==n&&e.chain().focus().setTextSelection(n).run()}))},clearSection:t=>{nt((e=>l.setSectionContentInEditor(e,t,"<p></p>")))},getBodyContent:()=>et?l.extractBodyContent(et):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const e=l.normalizeHtml(t);nt((t=>l.setSectionContentInEditor(t,"body",e)))},setBodyAndSections:(t,e)=>{const n=l.buildSectionedContent(l.normalizeHtml(t),e.map((t=>({id:t.id,content:l.normalizeHtml(t.content)}))));nt((t=>t.commands.setContent(n,{emitUpdate:!0})))},appendBodyContent:t=>{const e=l.normalizeHtml(t);nt((t=>{const n=l.findSectionEndPos(t,"body");t.commands.insertContentAt(n-1,e)}))},insertAtSectionStart:(t,e)=>{const n=l.normalizeHtml(e);nt((e=>{const o=l.findSectionStartPos(e,t);-1!==o&&e.commands.insertContentAt(o,n)}))},insertAtSectionEnd:(t,e)=>{const n=l.normalizeHtml(e);nt((e=>{const o=l.findSectionEndPos(e,t);e.commands.insertContentAt(o,n)}))},getActiveFormats:()=>et?l.extractActiveFormats(et):r.DEFAULT_FORMAT_STATE,actions:{toggleBold:()=>null==et?void 0:et.chain().focus().toggleBold().run(),toggleItalic:()=>null==et?void 0:et.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==et?void 0:et.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==et?void 0:et.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==et?void 0:et.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==et?void 0:et.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==et?void 0:et.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==et?void 0:et.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==et?void 0:et.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==et?void 0:et.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==et?void 0:et.chain().focus().setFontSize(t).run(),setColor:t=>null==et?void 0:et.chain().focus().setColor(t).run(),setHighlight:t=>null==et?void 0:et.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==et?void 0:et.chain().focus().unsetColor().run(),unsetHighlight:()=>null==et?void 0:et.chain().focus().unsetHighlight().run(),setLink:(t,e)=>{et&&(void 0!==e?et.chain().focus().extendMarkRange("link").command((n=>{let{tr:o,state:i}=n;const{from:r,to:l}=o.selection,s=i.schema.marks.link;if(!s)return!1;const c=i.schema.text(e,[s.create({href:t})]),a=i.schema.text(" ");return o.replaceWith(r,l,[c,a]),!0})).run():et.chain().focus().extendMarkRange("link").setLink({href:t}).insertContent(" ").run())},updateLink:t=>null==et?void 0:et.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==et?void 0:et.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==et?void 0:et.chain().focus().insertContent(t).run(),insertVariable:t=>null==et?void 0:et.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==et?void 0:et.commands.insertContent(l.normalizeHtml(t)),undo:()=>null==et?void 0:et.chain().focus().undo().run(),redo:()=>null==et?void 0:et.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==et?void 0:et.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==et?void 0:et.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==et?void 0:et.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==et?void 0:et.chain().focus().toggleSubscript().run(),insertImage:t=>null==et?void 0:et.chain().focus().setImage({src:t}).run()}})),[et]),et?t.jsxs(i.BikEditorShell,Object.assign({minHeight:O,maxHeight:q,paragraphGap:w,style:P,className:D},{children:[t.jsx(n.EditorContent,{editor:et}),t.jsx(c.LinkBubbleMenu,{editor:et,renderLinkTooltip:null==E?void 0:E.renderTooltip})]})):null},d=o.forwardRef(u);d.displayName="BikEditor",exports.BikEditor=d;
 //# sourceMappingURL=BikEditor.js.map