se-design 1.0.90-dev.0 → 1.0.91-r-dev.1

package/dist/index49.js

@@ -1,152 +1,39 @@
-import t, { useState as C, useMemo as f, useEffect as D } from "react";
-import "./index3.js";
-import "./index4.js";
-import { Icon as w } from "./index6.js";
-import "./index72.js";
-import { useTabsA11y as O } from "./index73.js";
-import { MenuList as _ } from "./index18.js";
-import "./index9.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import "react-dom";
-import "./index17.js";
-import { Popover as $ } from "./index19.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import { TabButton as j } from "./index236.js";
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-/* empty css         */
-import "./index60.js";
-/* empty css         */
-/* empty css         */
-import "./index64.js";
-/* empty css         */
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(i) {
-    for (var o = 1; o < arguments.length; o++) {
-      var n = arguments[o];
-      for (var s in n) ({}).hasOwnProperty.call(n, s) && (i[s] = n[s]);
-    }
-    return i;
-  }, c.apply(null, arguments);
-}
-const Se = ({
-  defaultActiveNavigationItem: i,
-  navigationItems: o,
-  onNavigationItemChange: n,
-  isCompactView: s = !1,
-  keyboardActivationMode: x = "automatic",
-  orientation: y = "horizontal",
-  ariaLabel: E = "Sections",
-  ariaLabelledBy: P,
-  idBase: h = ""
-}) => {
-  const N = i || o[0]?.id || "", [l, m] = C(N), v = f(() => o.filter((e) => !e.disabled).map((e) => e.id), [o]), {
-    getTabProps: T,
-    setFocusedTabId: d,
-    handleKeyDown: k,
-    getPanelProps: b,
-    getTabListProps: F
-  } = O({
-    itemIds: v,
-    orientation: y,
-    activeItem: l,
-    idBase: h
-  });
-  D(() => {
-    i && (m(i), d(i));
-  }, [i, d]);
-  const u = (e) => {
-    e?.disabled || (m(e?.id), n?.(e?.id));
-  }, S = (e) => {
-    const r = o.find((a) => a.id === e);
-    !r || r.disabled || (m(e), n?.(e));
-  }, g = f(() => o.map((e) => {
-    const r = e.id === l, a = r && e.panelHasFocusableContent === !1 ? 0 : void 0;
-    return /* @__PURE__ */ t.createElement("div", c({
-      key: e.id
-    }, b(e.id), {
-      hidden: !r,
-      tabIndex: a,
-      className: `navigation-item-content ${r ? "block" : "hidden"}`
-    }), r && e?.renderNavigationItemContent?.(e));
-  }), [o, l, b]), B = o.find((e) => e.id === l);
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", c({
-    className: "se-design-navigation-bar flex items-center gap-4",
-    "data-automation-id": "navigation-bar-container"
-  }, F({
-    ariaLabel: E,
-    ariaLabelledBy: P
-  })), !s && o.map((e) => {
-    const r = l === e.id, a = e.disabled, p = T(e.id);
-    return /* @__PURE__ */ t.createElement(j, {
-      key: e.id,
-      ref: p.ref,
-      tabIndex: p.tabIndex,
-      id: p.id,
-      label: e.label,
-      isSelected: r,
-      isDisabled: a,
-      panelId: p["aria-controls"],
-      onClick: () => u(e),
-      onFocus: () => {
-        p.onFocus(), x === "automatic" && !a && S(e.id);
-      },
-      onKeyDown: k,
-      className: `text-base ${a ? "text-[var(--color-gray-400)] cursor-not-allowed" : r ? "text-[var(--color-gray-900)] font-bold hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer"} focus-outline rounded-[6px]`,
-      automationId: `navigation-item-${e.id}`
-    });
-  }), s && /* @__PURE__ */ t.createElement($, {
-    className: "navigation-bar-popover",
-    position: "bottom-left",
-    noBorder: !0,
-    renderPopoverSrcElement: ({
-      displayPopover: e
-    }) => /* @__PURE__ */ t.createElement("div", {
-      className: "navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer"
-    }, /* @__PURE__ */ t.createElement("label", {
-      className: "font-semibold cursor-pointer"
-    }, B?.label), /* @__PURE__ */ t.createElement(w, {
-      name: "chevron",
-      rotation: e ? "180" : "0"
-    })),
-    renderPopoverContents: ({
-      closePopoverCb: e
-    }) => /* @__PURE__ */ t.createElement(_, {
-      items: o.map((r) => ({
-        id: r.id,
-        label: r.label,
-        onClick: () => {
-          u(r), e();
-        }
-      }))
-    })
-  })), /* @__PURE__ */ t.createElement("div", {
-    className: "se-design-navigation-bar-content"
-  }, g));
-};
+import e from "react";
+import { NLDynamicChip as n } from "./index48.js";
+const o = /* @__PURE__ */ e.memo(({
+  chips: l,
+  onClear: r,
+  visible: i,
+  clearLabel: t = "Clear AI filters"
+}) => i ? /* @__PURE__ */ e.createElement("div", {
+  className: "nl-clear-bar",
+  role: "region",
+  "aria-label": "Active AI filters"
+}, l.map((a) => /* @__PURE__ */ e.createElement(n, {
+  key: a.id,
+  label: a.label,
+  fullValue: a.fullValue,
+  automationId: a.automationId
+})), /* @__PURE__ */ e.createElement("button", {
+  type: "button",
+  className: "nl-clear-cta",
+  onClick: r,
+  "data-automation-id": "nl-clear-ai-filters",
+  "aria-label": t
+}, /* @__PURE__ */ e.createElement("svg", {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2.2",
+  strokeLinecap: "round",
+  "aria-hidden": "true"
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M18 6 6 18M6 6l12 12"
+})), /* @__PURE__ */ e.createElement("span", null, t))) : null);
+o.displayName = "ClearAiFiltersBar";
 export {
-  Se as NavigationBar
+  o as ClearAiFiltersBar
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/NavigationBar/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState,useMemo, useEffect } from 'react';\nimport { Popover, MenuList, Icon } from 'src/components';\nimport { TabButton } from './TabButton';\nimport { useTabsA11y } from '../../utils/a11y';\n\nexport interface NavigationItemProps {\n  label: string;\n  id: string;\n  disabled?: boolean;\n  panelHasFocusableContent?: boolean; // If false, the panel itself will be tabbable when active\n  renderNavigationItemContent?: (navigationItem: NavigationItemProps) => ReactNode;\n}\n\ninterface NavigationBarProps {\n  defaultActiveNavigationItem?: string;\n  navigationItems: NavigationItemProps[];\n  isCompactView?: boolean;\n  onNavigationItemChange?: (navigationItemId: string) => void;\n  keyboardActivationMode?: 'automatic' | 'manual'; //manual: arrow keys move focus only; Enter/Space activates the focused tab\n  orientation?: 'horizontal' | 'vertical'; // required for aria and arrow shortcuts\n  ariaLabel?: string; // Used when ariaLabelledBy is not provided\n  ariaLabelledBy?: string; // ID of element that labels this tablist (preferred over ariaLabel when visible label exists)\n  idBase?: string; //optional ID namespace to avoid collisions\n}\n\nexport const NavigationBar: FC<NavigationBarProps> = ({\n  defaultActiveNavigationItem,\n  navigationItems,\n  onNavigationItemChange,\n  isCompactView = false,\n  keyboardActivationMode = 'automatic',\n  orientation = 'horizontal',\n  ariaLabel = 'Sections',\n  ariaLabelledBy,\n  idBase = ''\n}) => {\n  const defaultNavigationItemId = defaultActiveNavigationItem || navigationItems[0]?.id || '';\n  const [activeNavigationItem, setActiveNavigationItem] = useState<string>(defaultNavigationItemId);\n\n  // Exclude disabled tabs from roving focus (keeps native disabled buttons, avoids focus-on-disabled).\n  const itemIds = useMemo(\n    () => navigationItems.filter((item) => !item.disabled).map((item) => item.id),\n    [navigationItems]\n  );\n\n  // Hook for managing Tabs (NavigationBar) focus and ARIA props.\n  const { getTabProps, setFocusedTabId, handleKeyDown, getPanelProps, getTabListProps } = useTabsA11y({\n    itemIds,\n    orientation,\n    activeItem: activeNavigationItem,\n    idBase\n  });\n\n  useEffect(() => {\n    if (defaultActiveNavigationItem) {\n      setActiveNavigationItem(defaultActiveNavigationItem);\n      setFocusedTabId(defaultActiveNavigationItem);\n    }\n  }, [defaultActiveNavigationItem, setFocusedTabId]);\n\n  const handleNavigationItemClick = (navigationItem: NavigationItemProps) => {\n    if (navigationItem?.disabled) return;\n    setActiveNavigationItem(navigationItem?.id);\n    onNavigationItemChange?.(navigationItem?.id);\n  };\n\n  const activateTabById = (id: string) => {\n    const item = navigationItems.find((i) => i.id === id);\n    if (!item || item.disabled) return;\n    setActiveNavigationItem(id);\n    onNavigationItemChange?.(id);\n  };\n\n  const renderPanels = useMemo(() => {\n    return navigationItems.map((navigationItem) => {\n      const isSelected = navigationItem.id === activeNavigationItem;\n      const panelTabIndex = isSelected && navigationItem.panelHasFocusableContent === false ? 0 : undefined;\n\n      return (\n        <div\n          key={navigationItem.id}\n          {...getPanelProps(navigationItem.id)}\n          hidden={!isSelected}\n          tabIndex={panelTabIndex}\n          className={`navigation-item-content ${isSelected ? 'block' : 'hidden'}`}\n        >\n          {isSelected && navigationItem?.renderNavigationItemContent?.(navigationItem)}\n        </div>\n      );\n    });\n  }, [navigationItems, activeNavigationItem, getPanelProps]);\n\n  const activeNavigationItemData = navigationItems.find((item) => item.id === activeNavigationItem);\n\n  return (\n    <>\n      <div\n        className=\"se-design-navigation-bar flex items-center gap-4\"\n        data-automation-id=\"navigation-bar-container\"\n        {...getTabListProps({ ariaLabel, ariaLabelledBy })}\n      >\n        {!isCompactView && navigationItems.map((navigationItem) => {\n          const isSelected = activeNavigationItem === navigationItem.id;\n          const isDisabled = navigationItem.disabled;\n\n          const tabProps = getTabProps(navigationItem.id);\n\n          return (\n            <TabButton\n              key={navigationItem.id}\n              ref={tabProps.ref as (el: HTMLButtonElement | null) => void}\n              tabIndex={tabProps.tabIndex}\n              id={tabProps.id}\n              label={navigationItem.label}\n              isSelected={isSelected}\n              isDisabled={isDisabled}\n              panelId={tabProps['aria-controls']}\n              onClick={() => handleNavigationItemClick(navigationItem)}\n              onFocus={() => {\n                tabProps.onFocus();\n                if (keyboardActivationMode === 'automatic' && !isDisabled) {\n                  activateTabById(navigationItem.id);\n                }\n              }}\n              onKeyDown={handleKeyDown}\n              className={`text-base ${\n                isDisabled\n                  ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n                  : isSelected\n                  ? 'text-[var(--color-gray-900)] font-bold hover:cursor-pointer'\n                  : 'text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer'\n              } focus-outline rounded-[6px]`}\n              automationId={`navigation-item-${navigationItem.id}`}\n            />\n          );\n        })}\n        {isCompactView && (\n          <Popover\n            className=\"navigation-bar-popover\"\n            position=\"bottom-left\"\n            noBorder\n            renderPopoverSrcElement={({ displayPopover }) => (\n              <div className=\"navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer\">\n                <label className=\"font-semibold cursor-pointer\">{activeNavigationItemData?.label}</label>\n                <Icon name=\"chevron\" rotation={displayPopover ? '180' : '0'} />\n              </div>\n            )}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <MenuList items={navigationItems.map((item) => ({\n                id: item.id,\n                label: item.label,\n                onClick: () => {\n                  handleNavigationItemClick(item);\n                  closePopoverCb();\n                }\n              }))}\n              />\n            )}\n          />\n        )}\n      </div>\n\n      <div className=\"se-design-navigation-bar-content\">\n        {renderPanels}\n      </div>\n    </>\n  );\n};\n"],"names":["NavigationBar","defaultActiveNavigationItem","navigationItems","onNavigationItemChange","isCompactView","keyboardActivationMode","orientation","ariaLabel","ariaLabelledBy","idBase","defaultNavigationItemId","id","activeNavigationItem","setActiveNavigationItem","useState","itemIds","useMemo","filter","item","disabled","map","getTabProps","setFocusedTabId","handleKeyDown","getPanelProps","getTabListProps","useTabsA11y","activeItem","useEffect","handleNavigationItemClick","navigationItem","activateTabById","find","i","renderPanels","isSelected","panelTabIndex","panelHasFocusableContent","undefined","React","createElement","_extends","key","hidden","tabIndex","className","renderNavigationItemContent","activeNavigationItemData","Fragment","isDisabled","tabProps","TabButton","ref","label","panelId","onClick","onFocus","onKeyDown","automationId","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","rotation","renderPopoverContents","closePopoverCb","MenuList","items"],"mappings":"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"}
+{"version":3,"file":"index49.js","sources":["../src/components/NLSearch/ClearAiFiltersBar.tsx"],"sourcesContent":["import React from 'react';\nimport { NLDynamicChip, NLDynamicChipProps } from './NLDynamicChip';\n\nexport interface ClearAiFiltersBarProps {\n  /** Chips to render — read-only indicators for NL-derived filters that don't have a manual chip. */\n  chips: (NLDynamicChipProps & { id: string })[];\n  /** Fires the \"snapshot revert\" — caller restores all pre-NL filter state. */\n  onClear: () => void;\n  /** Show the bar only when an NL search is active. */\n  visible: boolean;\n  clearLabel?: string;\n}\n\n/**\n * Inline bar that appears under the AI search input when an NL query is\n * active. Renders any dynamic (unknown-key) chips followed by a single\n * \"Clear AI filters\" ✕ CTA. Clicking the CTA reverts the entire NL\n * state to the snapshot captured before the query — same effect as a\n * page refresh, which also wipes NL state by design.\n */\nexport const ClearAiFiltersBar: React.FC<ClearAiFiltersBarProps> = React.memo(\n  ({ chips, onClear, visible, clearLabel = 'Clear AI filters' }) => {\n    if (!visible) return null;\n    return (\n      <div className=\"nl-clear-bar\" role=\"region\" aria-label=\"Active AI filters\">\n        {chips.map((chip) => (\n          <NLDynamicChip key={chip.id} label={chip.label} fullValue={chip.fullValue} automationId={chip.automationId} />\n        ))}\n        <button\n          type=\"button\"\n          className=\"nl-clear-cta\"\n          onClick={onClear}\n          data-automation-id=\"nl-clear-ai-filters\"\n          aria-label={clearLabel}\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n          <span>{clearLabel}</span>\n        </button>\n      </div>\n    );\n  }\n);\n\nClearAiFiltersBar.displayName = 'ClearAiFiltersBar';\n"],"names":["React__default","NLDynamicChip","ClearAiFiltersBar","React","memo","chips","onClear","visible","clearLabel","createElement","className","role","map","chip","key","id","label","fullValue","automationId","type","onClick","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","d","displayName"],"mappings":"AAoBO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,MAAMC,IAAsDC,gBAAAA,EAAMC,KACvE,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAASC,SAAAA;AAAAA,EAASC,YAAAA,IAAa;AAAmB,MACrDD,IAEHJ,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKC,WAAU;AAAA,EAAeC,MAAK;AAAA,EAAS,cAAW;AAAA,GACpDN,EAAMO,IAAKC,CAAAA,MACVV,gBAAAA,EAAAM,cAACR,GAAa;AAAA,EAACa,KAAKD,EAAKE;AAAAA,EAAIC,OAAOH,EAAKG;AAAAA,EAAOC,WAAWJ,EAAKI;AAAAA,EAAWC,cAAcL,EAAKK;AAAAA,CAAe,CAC9G,GACDf,gBAAAA,EAAAM,cAAA,UAAA;AAAA,EACEU,MAAK;AAAA,EACLT,WAAU;AAAA,EACVU,SAASd;AAAAA,EACT,sBAAmB;AAAA,EACnB,cAAYE;AAAAA,GAEZL,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKY,OAAM;AAAA,EAAKC,QAAO;AAAA,EAAKC,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAOC,QAAO;AAAA,EAAeC,aAAY;AAAA,EAAMC,eAAc;AAAA,EAAQ,eAAY;AAAA,GACpIxB,gBAAAA,EAAAM,cAAA,QAAA;AAAA,EAAMmB,GAAE;AAAA,CAAwB,CAC7B,GACLzB,gBAAAA,EAAAM,cAAA,QAAA,MAAOD,CAAiB,CAClB,CACL,IAlBc,IAqBzB;AAEAN,EAAkB2B,cAAc;"}