@servicetitan/anvil2 3.0.4 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @servicetitan/anvil2
 
+## 3.0.5
+
+### Patch Changes
+
+- [#2336](https://github.com/servicetitan/hammer/pull/2336) [`0277423`](https://github.com/servicetitan/hammer/commit/027742311d21866a3916d4300ece542b0285dd13) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - **BETA** [FilterBar] Update filter drawer combobox `SearchField` and `SelectTrigger` to use `medium` size instead of `small`
+
+- [#2313](https://github.com/servicetitan/hammer/pull/2313) [`13093b7`](https://github.com/servicetitan/hammer/commit/13093b77993bfaa76e5137a47686103c44923aa1) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [MultiSelectField, MultiSelectMenu, SelectField, SelectMenu] Add `addItemLabel` and `onAddNewItem` props to render a persistent "Add new item" affordance below the option list.
+
+- [#2324](https://github.com/servicetitan/hammer/pull/2324) [`e4a8d56`](https://github.com/servicetitan/hammer/commit/e4a8d560fe32621b4db8da52dddd543168013fb7) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [AnvilProvider] Fix unstyled Anvil2 components inside Anvil1 takeovers (Modal, Dialog, Drawer) by mirroring the `.anvil2` class onto `document.body`.
+
 ## 3.0.4
 
 ### Patch Changes

package/dist/{AnvilProvider-JXEbeQjR.js → AnvilProvider-J9DjoJiB.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-D4KdGCaP.js';
-import { createContext, useState, useMemo } from 'react';
+import { createContext, useEffect, useState, useMemo } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
 import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR.js';
@@ -12,6 +12,7 @@ import './AnvilProvider.css';const AnvilProviderContext = createContext(
 );
 const TooltipLegacyGroupContext = createContext(null);
 
+let bodyScopeRefcount = 0;
 const AnvilProvider = (props) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
@@ -43,6 +44,16 @@ const AnvilProvider = (props) => {
     ...layoutStyles
   };
   const breakpoint = useBreakpoint();
+  useEffect(() => {
+    bodyScopeRefcount += 1;
+    document.body.classList.add("anvil2");
+    return () => {
+      bodyScopeRefcount = Math.max(0, bodyScopeRefcount - 1);
+      if (bodyScopeRefcount === 0) {
+        document.body.classList.remove("anvil2");
+      }
+    };
+  }, []);
   const [disableDelayGroup, setDisableDelayGroup] = useState(false);
   const { translations: t } = useTranslations(translations);
   const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);
@@ -72,4 +83,4 @@ const AnvilProvider = (props) => {
 };
 
 export { AnvilProvider as A, AnvilProviderContext as a };
-//# sourceMappingURL=AnvilProvider-JXEbeQjR.js.map
+//# sourceMappingURL=AnvilProvider-J9DjoJiB.js.map

package/dist/AnvilProvider-J9DjoJiB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnvilProvider-J9DjoJiB.js","sources":["../src/providers/AnvilProvider/AnvilProviderContext.tsx","../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import { ThemeProviderProps } from \"../ThemeProvider\";\nimport {\n  ComponentPropsWithoutRef,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  createContext,\n  useContext,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { ITranslations } from \"../LocalizationProvider/LocalizationProvider\";\nimport { type BreakpointReturnProps } from \"../../hooks/useBreakpoint\";\n\nexport type AnvilProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children?: ReactNode;\n\n    themeData?: {\n      theme?: ThemeProviderProps[\"theme\"];\n      mode?: ThemeProviderProps[\"mode\"];\n    };\n\n    localizationData?: {\n      locale?: ITranslations[\"locale\"];\n      dir?: ITranslations[\"dir\"];\n      translations?: ITranslations[\"translations\"];\n    };\n  } & {\n    trackingIdData?: {\n      scope?: string;\n      optOut?: boolean;\n    };\n  };\n\nexport type AnvilProviderContextProps = {\n  breakpoint?: BreakpointReturnProps;\n};\n\nexport const AnvilProviderContext = createContext<AnvilProviderContextProps>(\n  {},\n);\n\nexport const TooltipLegacyGroupContext = createContext<{\n  disableDelayGroup: Dispatch<SetStateAction<boolean>>;\n} | null>(null);\n\nexport const useTooltipLegacyGroup = () => {\n  const context = useContext(TooltipLegacyGroupContext);\n\n  if (context == null) {\n    throw new Error(\n      \"Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />\",\n    );\n  }\n\n  return context;\n};\n","import \"@servicetitan/anvil-fonts/dist/css/anvil-fonts.css\";\nimport { ThemeProvider } from \"../ThemeProvider\";\nimport themeStyles from \"../ThemeProvider/ThemeProvider.module.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport { useTranslations } from \"../LocalizationProvider/useTranslations\";\nimport { LocalizationContext } from \"../LocalizationProvider\";\nimport TrackingProvider from \"../TrackingProvider\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderProps,\n  TooltipLegacyGroupContext,\n} from \"./AnvilProviderContext\";\n\n// Refcount of mounted AnvilProviders. Coordinates the body class so the last\n// unmount removes it, but a remount (e.g. story switch, hot reload) keeps it.\nlet bodyScopeRefcount = 0;\n\nexport const AnvilProvider = (props: AnvilProviderProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    themeData,\n    localizationData,\n    trackingIdData,\n    children,\n    className,\n    style,\n    ...rest\n  } = componentProps;\n\n  const {\n    locale = \"en\",\n    dir = \"ltr\",\n    translations = {},\n  } = localizationData ?? {};\n\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  const classNameCombined = cx(\n    className,\n    \"anvil2\",\n    [themeStyles[\"theme-core\"]],\n    {\n      [themeStyles[\"mode-dark\"]]: themeData?.mode === \"dark\",\n      [themeStyles[\"mode-light\"]]: themeData?.mode === \"light\",\n    },\n  );\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const breakpoint = useBreakpoint();\n\n  // Anvil1 takeover components (Modal/Dialog/Drawer) `createPortal` their\n  // children into `document.body`, escaping AnvilProvider's `.anvil2` scope and\n  // leaving descendant Anvil2 components without matching selectors. Mirroring\n  // the class onto body lets those selectors match for portaled content while\n  // leaving theme variables and typography resets on the local element.\n  useEffect(() => {\n    bodyScopeRefcount += 1;\n    document.body.classList.add(\"anvil2\");\n    return () => {\n      bodyScopeRefcount = Math.max(0, bodyScopeRefcount - 1);\n      if (bodyScopeRefcount === 0) {\n        document.body.classList.remove(\"anvil2\");\n      }\n    };\n  }, []);\n\n  const [disableDelayGroup, setDisableDelayGroup] = useState(false);\n\n  const { translations: t } = useTranslations(translations);\n\n  const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);\n  const tooltipLegacyGroupContextValue = useMemo(\n    () => ({ disableDelayGroup: setDisableDelayGroup }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [disableDelayGroup],\n  );\n\n  return (\n    <AnvilProviderContext.Provider value={{ breakpoint }}>\n      <ThemeProvider\n        className={classNameCombined}\n        style={styleCombined}\n        theme={themeData?.theme}\n        mode={themeData?.mode}\n        dir={dir}\n        {...rest}\n      >\n        <TooltipLegacyGroupContext.Provider\n          value={tooltipLegacyGroupContextValue}\n        >\n          <LocalizationContext.Provider value={localizationContextValue}>\n            <TrackingProvider scope={scope} optOut={optOut}>\n              {children}\n            </TrackingProvider>\n          </LocalizationContext.Provider>\n        </TooltipLegacyGroupContext.Provider>\n      </ThemeProvider>\n    </AnvilProviderContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAsCO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC;AACF;AAEO,MAAM,yBAAA,GAA4B,cAE/B,IAAI,CAAA;;AC1Bd,IAAI,iBAAA,GAAoB,CAAA;AAEjB,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,IAAA;AAAA,IACT,GAAA,GAAM,KAAA;AAAA,IACN,eAAe;AAAC,GAClB,GAAI,oBAAoB,EAAC;AAEzB,EAAA,MAAM,EAAE,KAAA,GAAQ,IAAA,EAAM,MAAA,EAAO,GAAI,kBAAkB,EAAC;AAEpD,EAAA,MAAM,iBAAA,GAAoB,EAAA;AAAA,IACxB,SAAA;AAAA,IACA,QAAA;AAAA,IACA,CAAC,WAAA,CAAY,YAAY,CAAC,CAAA;AAAA,IAC1B;AAAA,MACE,CAAC,WAAA,CAAY,WAAW,CAAC,GAAG,WAAW,IAAA,KAAS,MAAA;AAAA,MAChD,CAAC,WAAA,CAAY,YAAY,CAAC,GAAG,WAAW,IAAA,KAAS;AAAA;AACnD,GACF;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAa,aAAA,EAAc;AAOjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,IAAqB,CAAA;AACrB,IAAA,QAAA,CAAS,IAAA,CAAK,SAAA,CAAU,GAAA,CAAI,QAAQ,CAAA;AACpC,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,GAAoB,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,iBAAA,GAAoB,CAAC,CAAA;AACrD,MAAA,IAAI,sBAAsB,CAAA,EAAG;AAC3B,QAAA,QAAA,CAAS,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA;AAAA,MACzC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,EAAE,YAAA,EAAc,CAAA,EAAE,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAA,MAAM,wBAAA,GAA2B,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,GAAE,CAAA,EAAI,CAAC,MAAA,EAAQ,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAM,8BAAA,GAAiC,OAAA;AAAA,IACrC,OAAO,EAAE,iBAAA,EAAmB,oBAAA,EAAqB,CAAA;AAAA;AAAA,IAEjD,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,2BACG,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,YAAW,EACjD,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,OAAO,SAAA,EAAW,KAAA;AAAA,MAClB,MAAM,SAAA,EAAW,IAAA;AAAA,MACjB,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,yBAAA,CAA0B,QAAA;AAAA,QAA1B;AAAA,UACC,KAAA,EAAO,8BAAA;AAAA,UAEP,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,KAAA,EAAO,wBAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,MAAA,EAC7B,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

package/dist/AnvilProvider.js

@@ -1,2 +1,2 @@
-export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-JXEbeQjR.js';
+export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-J9DjoJiB.js';
 //# sourceMappingURL=AnvilProvider.js.map

package/dist/{Combobox-C9-3tlcP.js → Combobox-BXQFOwX4.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useEffect, useMemo, useState, useRef, forwardRef, useId, useLayoutEffect } from 'react';
 import { P as Popover, u as usePopoverContext } from './Popover-B3Vw4lDW.js';
-import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-CWxP7nPA.js';
+import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-4o1cqEbR.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useDownshiftEnvironment, c as useMultipleSelection, b as useSelect, a as useCombobox$1 } from './downshift.esm-xtSnQp44.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
@@ -2472,4 +2472,4 @@ const Combobox = Object.assign(
 const ComboboxElement = Combobox;
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxList as c };
-//# sourceMappingURL=Combobox-C9-3tlcP.js.map
+//# sourceMappingURL=Combobox-BXQFOwX4.js.map