@bigbinary/neeto-molecules 5.2.31 → 5.2.33

package/dist/{ConfigureView-Bq_aqEgi.js → ConfigureView-D-2SQf3j.js}

@@ -189,6 +189,7 @@ var ConfigureView = function ConfigureView(_ref) {
                 children: subItem.label
               })
             }), /*#__PURE__*/jsx(SidebarMenuSub, {
+              "data-testid": "sidebar-sub-link-wrapper",
               children: subItem.items.filter(filterByPermissions).map(function (nestedItem, nestedIndex) {
                 var _nestedItem$to;
                 return /*#__PURE__*/jsx(SubLinkItem, _objectSpread(_objectSpread({}, _objectSpread({}, nestedItem)), {}, {
@@ -233,4 +234,4 @@ var ConfigureView = function ConfigureView(_ref) {
 };
 
 export { ConfigureView as C, DEFAULT_HOME_PATH as D, MIN_SIDEBAR_WIDTH as M, PINNED_MORE_NAV_LINKS_KEY as P, SPECIAL_APP_NAMES as S, CheckPointNavLinks as a, SubLinkItem as b, SIDEBAR_WIDTH_KEY as c, DEFAULT_SIDEBAR_WIDTH as d, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as e, filterByPermissions as f, getSidebarStateLocalStorageKey as g, getActiveConfigurePageLink as h, MAX_SIDEBAR_WIDTH as i };
-//# sourceMappingURL=ConfigureView-Bq_aqEgi.js.map
+//# sourceMappingURL=ConfigureView-D-2SQf3j.js.map

package/dist/ConfigureView-D-2SQf3j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureView-D-2SQf3j.js","sources":["../src/v2/components/Sidebar/Components/CheckPointNavLink.jsx","../src/v2/components/Sidebar/constants.js","../src/v2/components/Sidebar/utils.js","../src/v2/components/Sidebar/Components/SubLinkItem.jsx","../src/v2/components/Sidebar/Components/ConfigureView.jsx"],"sourcesContent":["import { useNavigationCheckpoints } from \"neetocommons/v2/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n  checkpointKey,\n  to,\n  href,\n  children,\n  ...others\n}) => {\n  const { [checkpointKey]: checkpoint } =\n    useNavigationCheckpoints(checkpointKey);\n\n  const LinkElement = href ? \"a\" : NavLink;\n  const linkProps = href\n    ? { href, key: href, ...others }\n    : { to: checkpoint || to, key: to, ...others };\n\n  return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n  SYSTEM_VIEW: \"system_view\",\n  SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n\nexport const DEFAULT_HOME_PATH = \"/admin\";\n\nexport const SIDEBAR_WIDTH_KEY = \"neeto-molecules-sidebar-width\";\nexport const MIN_SIDEBAR_WIDTH = 12.5 * 16;\nexport const MAX_SIDEBAR_WIDTH = 20 * 16;\nexport const DEFAULT_SIDEBAR_WIDTH = 15 * 16;\n\nexport const PINNED_MORE_NAV_LINKS_KEY = \"pinnedMoreNavLinks\";\n\nexport const SPECIAL_APP_NAMES = { bugwatch: \"BugWatch\" };\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n  const currentBrowserUrl = new URL(\n    location.pathname + location.search + location.hash,\n    window.location.origin\n  );\n  const targetUrl = new URL(subRoute, window.location.origin);\n\n  const targetSearchParams = targetUrl.searchParams;\n  const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n  return (\n    all(\n      key =>\n        currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n      targetSearchKeys\n    ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n  );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n  const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n  return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n  if (permissions && isNotEmpty(permissions)) {\n    return is(Array, permissions)\n      ? permissions.some(includes(__, globalProps.permissions))\n      : globalProps.permissions.includes(permissions);\n  }\n\n  return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n  navLinks.find(link => {\n    const [linkPathname] = link.to?.split(\"?\") || [];\n\n    return (\n      isPresent(link.isConfigureNavLink) &&\n      link.isConfigureNavLink &&\n      location.pathname.startsWith(linkPathname)\n    );\n  });\n","import { Badge } from \"@bigbinary/neeto-atoms\";\nimport {\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters/v2\";\nimport { is } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../constants\";\nimport { isSubRouteActive } from \"../utils\";\n\nconst SubLinkItem = ({\n  to,\n  href,\n  onClick,\n  label,\n  className,\n  type = SUB_LINK_TYPES.SYSTEM_VIEW,\n  count,\n  isSectionHeader,\n  isCountsLoading,\n  \"data-testid\": dataTestid,\n  entity = \"\",\n  columns = [],\n  baseUrl,\n  isActive,\n  tag,\n}) => {\n  const location = useLocation();\n\n  if (type === SUB_LINK_TYPES.SEGMENTS) {\n    return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n  }\n\n  const dataTestidPrefix = dataTestid || hyphenate(label);\n\n  const renderCount = count => (count > 999 ? \"999+\" : count);\n\n  const isSubLinkActive = () =>\n    !isSectionHeader &&\n    (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n  return (\n    <SidebarMenuSubItem>\n      <SidebarMenuSubButton\n        asChild\n        className={classnames(\"py-1.5\", className)}\n        isActive={isSubLinkActive()}\n        size=\"md\"\n      >\n        <CheckPointNavLinks\n          {...{ href, onClick, to }}\n          activeClassName=\"active\"\n          data-testid={`${dataTestidPrefix}-sub-link`}\n          isActive={isSubLinkActive}\n        >\n          <span\n            className=\"flex min-w-0 flex-grow items-center gap-2\"\n            data-testid={`${dataTestidPrefix}-sub-link-label`}\n          >\n            <span className=\"truncate\">{label}</span>\n            {tag && <Badge {...tag} />}\n          </span>\n          <span\n            className=\"text-sidebar-foreground/70 flex-shrink-0 text-xs\"\n            data-testid={`${dataTestidPrefix}-sub-link-count`}\n          >\n            {isCountsLoading ? (\n              <div className=\"bg-sidebar-accent h-4 w-4 animate-pulse rounded\" />\n            ) : (\n              renderCount(count)\n            )}\n          </span>\n        </CheckPointNavLinks>\n      </SidebarMenuSubButton>\n    </SidebarMenuSubItem>\n  );\n};\n\nexport default SubLinkItem;\n","import { Fragment } from \"react\";\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { ChevronLeft } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/v2/utils/general\";\nimport { omit } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport SubLinkItem from \"./SubLinkItem\";\n\nimport { filterByPermissions } from \"../utils\";\n\nconst ConfigureView = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  showBackButton = true,\n  isConfigureSidebar: _isConfigureSidebar,\n}) => {\n  const { label, items, ...otherProps } = navLink;\n\n  const renderItems = itemList => (\n    <SidebarMenu className=\"gap-1\">\n      {itemList.filter(filterByPermissions).map((subItem, subIndex) => (\n        <Fragment key={subIndex}>\n          {isPresent(subItem.items) ? (\n            <SidebarMenuItem>\n              <SidebarMenuButton asChild className=\"font-medium\">\n                <CheckPointNavLinks\n                  href={subItem.href}\n                  to={subItem.to ?? subItem.path}\n                  onClick={subItem.onClick}\n                >\n                  {subItem.label}\n                </CheckPointNavLinks>\n              </SidebarMenuButton>\n              <SidebarMenuSub data-testid=\"sidebar-sub-link-wrapper\">\n                {subItem.items\n                  .filter(filterByPermissions)\n                  .map((nestedItem, nestedIndex) => (\n                    <SubLinkItem\n                      key={nestedIndex}\n                      {...{ ...nestedItem }}\n                      href={nestedItem.href}\n                      isActive={nestedItem.isActive}\n                      to={nestedItem.to ?? nestedItem.path}\n                      onClick={nestedItem.onClick}\n                    />\n                  ))}\n              </SidebarMenuSub>\n            </SidebarMenuItem>\n          ) : (\n            <SubLinkItem\n              {...{ ...subItem }}\n              href={subItem.href}\n              isActive={subItem.isActive}\n              to={subItem.to ?? subItem.path}\n              onClick={subItem.onClick}\n            />\n          )}\n        </Fragment>\n      ))}\n    </SidebarMenu>\n  );\n\n  return (\n    <SidebarGroup data-testid=\"configure-nav-container\">\n      {showBackButton ? (\n        <SidebarMenuButton\n          className=\"mb-4 text-base font-semibold [&>svg]:size-5\"\n          data-testid={`${hyphenize(label)}-go-back-button`}\n          onClick={handleGoBack}\n          {...{ ...omit([\"icon\", \"isConfigureNavLink\"], otherProps) }}\n        >\n          <ChevronLeft className=\"rtl:scale-x-[-1]\" />\n          <span>{label}</span>\n        </SidebarMenuButton>\n      ) : (\n        <div\n          className=\"mb-4 px-2 text-base font-semibold\"\n          data-testid={`${hyphenize(label)}-heading`}\n          {...{ ...omit([\"icon\", \"isConfigureNavLink\"], otherProps) }}\n        >\n          {label}\n        </div>\n      )}\n      <SidebarGroupContent>{items && renderItems(items)}</SidebarGroupContent>\n    </SidebarGroup>\n  );\n};\n\nexport default ConfigureView;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","SIDEBAR_WIDTH_KEY","MIN_SIDEBAR_WIDTH","MAX_SIDEBAR_WIDTH","DEFAULT_SIDEBAR_WIDTH","PINNED_MORE_NAV_LINKS_KEY","SPECIAL_APP_NAMES","bugwatch","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","SubLinkItem","onClick","label","className","_ref$type","type","count","isSectionHeader","isCountsLoading","dataTestid","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","tag","useLocation","Segments","isIndependent","dataTestidPrefix","hyphenate","renderCount","isSubLinkActive","Function","SidebarMenuSubItem","SidebarMenuSubButton","asChild","classnames","size","_jsxs","activeClassName","Badge","ConfigureView","_ref$navLink","navLink","items","handleGoBack","_ref$showBackButton","showBackButton","isConfigureSidebar","otherProps","renderItems","itemList","SidebarMenu","filter","map","subItem","subIndex","_subItem$to","_subItem$to2","Fragment","SidebarMenuItem","SidebarMenuButton","path","SidebarMenuSub","nestedItem","nestedIndex","_nestedItem$to","SidebarGroup","hyphenize","omit","ChevronLeft","SidebarGroupContent"],"mappings":"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"}

package/dist/cjs/{ConfigureView-Dk4x1_mS.js → ConfigureView-CNWEfiae.js}

@@ -191,6 +191,7 @@ var ConfigureView = function ConfigureView(_ref) {
                 children: subItem.label
               })
             }), /*#__PURE__*/jsxRuntime.jsx(primitives.SidebarMenuSub, {
+              "data-testid": "sidebar-sub-link-wrapper",
               children: subItem.items.filter(filterByPermissions).map(function (nestedItem, nestedIndex) {
                 var _nestedItem$to;
                 return /*#__PURE__*/jsxRuntime.jsx(SubLinkItem, _objectSpread(_objectSpread({}, _objectSpread({}, nestedItem)), {}, {
@@ -248,4 +249,4 @@ exports.SubLinkItem = SubLinkItem;
 exports.filterByPermissions = filterByPermissions;
 exports.getActiveConfigurePageLink = getActiveConfigurePageLink;
 exports.getSidebarStateLocalStorageKey = getSidebarStateLocalStorageKey;
-//# sourceMappingURL=ConfigureView-Dk4x1_mS.js.map
+//# sourceMappingURL=ConfigureView-CNWEfiae.js.map

package/dist/cjs/ConfigureView-CNWEfiae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigureView-CNWEfiae.js","sources":["../../src/v2/components/Sidebar/Components/CheckPointNavLink.jsx","../../src/v2/components/Sidebar/constants.js","../../src/v2/components/Sidebar/utils.js","../../src/v2/components/Sidebar/Components/SubLinkItem.jsx","../../src/v2/components/Sidebar/Components/ConfigureView.jsx"],"sourcesContent":["import { useNavigationCheckpoints } from \"neetocommons/v2/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n  checkpointKey,\n  to,\n  href,\n  children,\n  ...others\n}) => {\n  const { [checkpointKey]: checkpoint } =\n    useNavigationCheckpoints(checkpointKey);\n\n  const LinkElement = href ? \"a\" : NavLink;\n  const linkProps = href\n    ? { href, key: href, ...others }\n    : { to: checkpoint || to, key: to, ...others };\n\n  return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n  SYSTEM_VIEW: \"system_view\",\n  SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n\nexport const DEFAULT_HOME_PATH = \"/admin\";\n\nexport const SIDEBAR_WIDTH_KEY = \"neeto-molecules-sidebar-width\";\nexport const MIN_SIDEBAR_WIDTH = 12.5 * 16;\nexport const MAX_SIDEBAR_WIDTH = 20 * 16;\nexport const DEFAULT_SIDEBAR_WIDTH = 15 * 16;\n\nexport const PINNED_MORE_NAV_LINKS_KEY = \"pinnedMoreNavLinks\";\n\nexport const SPECIAL_APP_NAMES = { bugwatch: \"BugWatch\" };\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n  const currentBrowserUrl = new URL(\n    location.pathname + location.search + location.hash,\n    window.location.origin\n  );\n  const targetUrl = new URL(subRoute, window.location.origin);\n\n  const targetSearchParams = targetUrl.searchParams;\n  const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n  return (\n    all(\n      key =>\n        currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n      targetSearchKeys\n    ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n  );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n  const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n  return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n  if (permissions && isNotEmpty(permissions)) {\n    return is(Array, permissions)\n      ? permissions.some(includes(__, globalProps.permissions))\n      : globalProps.permissions.includes(permissions);\n  }\n\n  return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n  navLinks.find(link => {\n    const [linkPathname] = link.to?.split(\"?\") || [];\n\n    return (\n      isPresent(link.isConfigureNavLink) &&\n      link.isConfigureNavLink &&\n      location.pathname.startsWith(linkPathname)\n    );\n  });\n","import { Badge } from \"@bigbinary/neeto-atoms\";\nimport {\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters/v2\";\nimport { is } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../constants\";\nimport { isSubRouteActive } from \"../utils\";\n\nconst SubLinkItem = ({\n  to,\n  href,\n  onClick,\n  label,\n  className,\n  type = SUB_LINK_TYPES.SYSTEM_VIEW,\n  count,\n  isSectionHeader,\n  isCountsLoading,\n  \"data-testid\": dataTestid,\n  entity = \"\",\n  columns = [],\n  baseUrl,\n  isActive,\n  tag,\n}) => {\n  const location = useLocation();\n\n  if (type === SUB_LINK_TYPES.SEGMENTS) {\n    return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n  }\n\n  const dataTestidPrefix = dataTestid || hyphenate(label);\n\n  const renderCount = count => (count > 999 ? \"999+\" : count);\n\n  const isSubLinkActive = () =>\n    !isSectionHeader &&\n    (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n  return (\n    <SidebarMenuSubItem>\n      <SidebarMenuSubButton\n        asChild\n        className={classnames(\"py-1.5\", className)}\n        isActive={isSubLinkActive()}\n        size=\"md\"\n      >\n        <CheckPointNavLinks\n          {...{ href, onClick, to }}\n          activeClassName=\"active\"\n          data-testid={`${dataTestidPrefix}-sub-link`}\n          isActive={isSubLinkActive}\n        >\n          <span\n            className=\"flex min-w-0 flex-grow items-center gap-2\"\n            data-testid={`${dataTestidPrefix}-sub-link-label`}\n          >\n            <span className=\"truncate\">{label}</span>\n            {tag && <Badge {...tag} />}\n          </span>\n          <span\n            className=\"text-sidebar-foreground/70 flex-shrink-0 text-xs\"\n            data-testid={`${dataTestidPrefix}-sub-link-count`}\n          >\n            {isCountsLoading ? (\n              <div className=\"bg-sidebar-accent h-4 w-4 animate-pulse rounded\" />\n            ) : (\n              renderCount(count)\n            )}\n          </span>\n        </CheckPointNavLinks>\n      </SidebarMenuSubButton>\n    </SidebarMenuSubItem>\n  );\n};\n\nexport default SubLinkItem;\n","import { Fragment } from \"react\";\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { ChevronLeft } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/v2/utils/general\";\nimport { omit } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport SubLinkItem from \"./SubLinkItem\";\n\nimport { filterByPermissions } from \"../utils\";\n\nconst ConfigureView = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  showBackButton = true,\n  isConfigureSidebar: _isConfigureSidebar,\n}) => {\n  const { label, items, ...otherProps } = navLink;\n\n  const renderItems = itemList => (\n    <SidebarMenu className=\"gap-1\">\n      {itemList.filter(filterByPermissions).map((subItem, subIndex) => (\n        <Fragment key={subIndex}>\n          {isPresent(subItem.items) ? (\n            <SidebarMenuItem>\n              <SidebarMenuButton asChild className=\"font-medium\">\n                <CheckPointNavLinks\n                  href={subItem.href}\n                  to={subItem.to ?? subItem.path}\n                  onClick={subItem.onClick}\n                >\n                  {subItem.label}\n                </CheckPointNavLinks>\n              </SidebarMenuButton>\n              <SidebarMenuSub data-testid=\"sidebar-sub-link-wrapper\">\n                {subItem.items\n                  .filter(filterByPermissions)\n                  .map((nestedItem, nestedIndex) => (\n                    <SubLinkItem\n                      key={nestedIndex}\n                      {...{ ...nestedItem }}\n                      href={nestedItem.href}\n                      isActive={nestedItem.isActive}\n                      to={nestedItem.to ?? nestedItem.path}\n                      onClick={nestedItem.onClick}\n                    />\n                  ))}\n              </SidebarMenuSub>\n            </SidebarMenuItem>\n          ) : (\n            <SubLinkItem\n              {...{ ...subItem }}\n              href={subItem.href}\n              isActive={subItem.isActive}\n              to={subItem.to ?? subItem.path}\n              onClick={subItem.onClick}\n            />\n          )}\n        </Fragment>\n      ))}\n    </SidebarMenu>\n  );\n\n  return (\n    <SidebarGroup data-testid=\"configure-nav-container\">\n      {showBackButton ? (\n        <SidebarMenuButton\n          className=\"mb-4 text-base font-semibold [&>svg]:size-5\"\n          data-testid={`${hyphenize(label)}-go-back-button`}\n          onClick={handleGoBack}\n          {...{ ...omit([\"icon\", \"isConfigureNavLink\"], otherProps) }}\n        >\n          <ChevronLeft className=\"rtl:scale-x-[-1]\" />\n          <span>{label}</span>\n        </SidebarMenuButton>\n      ) : (\n        <div\n          className=\"mb-4 px-2 text-base font-semibold\"\n          data-testid={`${hyphenize(label)}-heading`}\n          {...{ ...omit([\"icon\", \"isConfigureNavLink\"], otherProps) }}\n        >\n          {label}\n        </div>\n      )}\n      <SidebarGroupContent>{items && renderItems(items)}</SidebarGroupContent>\n    </SidebarGroup>\n  );\n};\n\nexport default ConfigureView;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","SIDEBAR_WIDTH_KEY","MIN_SIDEBAR_WIDTH","MAX_SIDEBAR_WIDTH","DEFAULT_SIDEBAR_WIDTH","PINNED_MORE_NAV_LINKS_KEY","SPECIAL_APP_NAMES","bugwatch","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","SubLinkItem","onClick","label","className","_ref$type","type","count","isSectionHeader","isCountsLoading","dataTestid","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","tag","useLocation","Segments","isIndependent","dataTestidPrefix","hyphenate","renderCount","isSubLinkActive","Function","SidebarMenuSubItem","SidebarMenuSubButton","asChild","classnames","size","_jsxs","activeClassName","Badge","ConfigureView","_ref$navLink","navLink","items","handleGoBack","_ref$showBackButton","showBackButton","isConfigureSidebar","otherProps","renderItems","itemList","SidebarMenu","filter","map","subItem","subIndex","_subItem$to","_subItem$to2","Fragment","SidebarMenuItem","SidebarMenuButton","path","SidebarMenuSub","nestedItem","nestedIndex","_nestedItem$to","SidebarGroup","hyphenize","omit","ChevronLeft","SidebarGroupContent"],"mappings":"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"}

package/dist/cjs/v2/Builder.js

@@ -72,7 +72,7 @@ var DROPPABLE_TYPES = {
 var NoResults$1 = reactUtils.withT(function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-    className: "text-foreground flex h-full items-center justify-center text-base",
+    className: "flex h-full items-center justify-center text-base",
     weight: "bold",
     children: t("neetoMolecules.builderSidebar.noElements")
   });
@@ -124,6 +124,7 @@ var Element = function Element(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-grow items-center gap-2",
         children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+          className: "text-muted-foreground size-5",
           "data-testid": "form-icon"
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex min-w-0 flex-col",
@@ -132,7 +133,8 @@ var Element = function Element(_ref) {
             variant: "body2",
             children: label
           }), description && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-            className: "text-muted-foreground mt-0.5",
+            className: "mt-0.5",
+            color: "muted",
             "data-testid": "element-description",
             variant: "body3",
             children: description
@@ -222,7 +224,10 @@ var Section = function Section(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [title && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-      className: "mt-1 mb-3",
+      className: "mt-5 mb-2",
+      color: "muted",
+      variant: "body3",
+      weight: "semibold",
       children: title
     }), elements.map(function (element) {
       return /*#__PURE__*/React.createElement(ElementContainer, {
@@ -297,8 +302,7 @@ var TitleBar$1 = reactUtils.withT(function (_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       className: "leading-normal",
       "data-testid": "elements-list-title",
-      variant: "h3",
-      weight: "semibold",
+      variant: "h5",
       children: t("neetoMolecules.builderSidebar.addNewElement")
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
       "data-testid": "cancel-button",
@@ -367,9 +371,10 @@ var ElementList = function ElementList(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(TitleBar$1, {
       setVisiblePanel: setVisiblePanel
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-1 px-6",
+      className: "mb-3 px-6",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
         className: "mb-3",
+        color: "muted",
         variant: "body3",
         children: t("neetoMolecules.builderSidebar.addNewElementDescription")
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
@@ -440,8 +445,8 @@ var SelectedElement$1 = function SelectedElement(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     "data-testid": props["data-testid"],
     ref: rootElementRef,
-    className: classnames("border-border bg-background hover:bg-muted relative mb-2 flex h-10 cursor-pointer items-center gap-2 rounded-lg border py-3 ps-4 pe-3 transition-all duration-300 ease-in-out", {
-      "!border-primary ring-primary ring-1": isActive
+    className: classnames("border-border bg-background hover:bg-muted relative mb-2 flex h-10 cursor-pointer items-center gap-2 rounded-lg border py-3 ps-3 pe-1 transition-all duration-300 ease-in-out", {
+      "border-primary! [outline:0.5px_solid_var(--primary)]": isActive
     }, {
       "bg-destructive/10 hover:bg-destructive/10": error
     }),
@@ -458,7 +463,9 @@ var SelectedElement$1 = function SelectedElement(_ref) {
       "data-testid": "new-element-field",
       children: [Icon && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex-shrink-0",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
+          className: "text-muted-foreground size-5"
+        })
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
         className: "truncate leading-snug",
         "data-testid": "".concat(neetoCist.hyphenate(element.label, "new-element"), "-label"),
@@ -467,6 +474,9 @@ var SelectedElement$1 = function SelectedElement(_ref) {
       })]
     }), shouldShowDropdown && /*#__PURE__*/jsxRuntime.jsx(v2_MoreDropdown, {
       menuItems: menuItems,
+      dropdownProps: {
+        className: "w-max"
+      },
       isDisabled: element.isPending || isSelectedElementActionsDisabled,
       dropdownButtonProps: _objectSpread$1({
         onClick: function onClick(e) {
@@ -503,8 +513,7 @@ var TitleBar = function TitleBar(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       className: "leading-normal",
       "data-testid": "elements-title",
-      variant: "h3",
-      weight: "semibold",
+      variant: "h5",
       children: t("neetoMolecules.builderSidebar.element", constants.PLURAL)
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center justify-between gap-x-2",
@@ -591,6 +600,7 @@ var SelectedElementsList = function SelectedElementsList(_ref) {
       "data-testid": "selected-elements-container",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
         className: "mb-3",
+        color: "muted",
         variant: "body3",
         children: t("neetoMolecules.builderSidebar.elementsReorderDescription")
       }), typeof renderElementsCount === "function" && renderElementsCount(visibleCount), Array.isArray(fixedFirstElement) ? neetoCist.isNotEmpty(fixedFirstElement) && fixedFirstElement.map(renderSelectedElement) : neetoCist.isPresent(fixedFirstElement) && renderSelectedElement(fixedFirstElement), /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {