npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.48 → 1.0.0-alpha.49 - Mend

@salt-ds/lab 1.0.0-alpha.48 → 1.0.0-alpha.49

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 (1219) hide show

package/dist-es/common-hooks/useViewportTracking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useViewportTracking.js","sources":["../src/common-hooks/useViewportTracking.ts"],"sourcesContent":["import { MutableRefObject, RefObject, useCallback, useRef } from \"react\";\nimport { CollectionItem } from \"./collectionTypes\";\nimport { ResizeHandler, useResizeObserver } from \"../responsive\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nconst HeightOnly = [\"height\"];\nconst HeightWithScroll = [\"height\", \"scrollHeight\"];\nconst EMPTY_ARRAY: any[] = [];\n\nconst ObservedDimensions = {\n containerOnly: [HeightWithScroll, EMPTY_ARRAY],\n withContent: [HeightOnly, HeightOnly],\n};\nconst getObservedDimensions = (containerOnly: boolean) =>\n containerOnly\n ? ObservedDimensions.containerOnly\n : ObservedDimensions.withContent;\n\nconst NULL_REF = { current: null };\n\nconst getItemTop = (\n element: HTMLElement,\n offsetContainer: HTMLElement \| null\n) => {\n const { transform = \"none\" } = getComputedStyle(element);\n if (transform.startsWith(\"matrix\")) {\n const pos = transform.lastIndexOf(\",\");\n return parseInt(transform.slice(pos + 1));\n } else {\n let offsetParent = element.offsetParent as HTMLElement;\n if (offsetParent === offsetContainer \|\| offsetContainer === null) {\n return element.offsetTop;\n } else {\n let top = element.offsetTop;\n while (offsetParent !== null && offsetParent !== offsetContainer) {\n top += offsetParent.offsetTop;\n offsetParent = offsetParent.offsetParent as HTMLElement;\n }\n return top;\n }\n }\n};\n\nexport interface ViewportTrackingProps<Item> {\n containerRef: RefObject<HTMLElement>;\n contentRef?: RefObject<HTMLElement>;\n highlightedIdx?: number;\n indexPositions: CollectionItem<Item>[];\n stickyHeaders?: boolean;\n}\n\nexport interface ViewportTrackingResult<Item> {\n isScrolling: MutableRefObject<boolean>;\n scrollIntoView: (item: CollectionItem<Item>) => void;\n}\n\nexport const useViewportTracking = <Item>({\n containerRef,\n contentRef = NULL_REF,\n highlightedIdx = -1,\n indexPositions,\n stickyHeaders = false,\n}: ViewportTrackingProps<Item>): ViewportTrackingResult<Item> => {\n const scrolling = useRef<boolean>(false);\n const viewport = useRef({\n height: 0,\n contentHeight: 0,\n });\n\n const scrollTo = useCallback((scrollPos: number) => {\n scrolling.current = true;\n if (containerRef.current) {\n containerRef.current.scrollTop = scrollPos;\n }\n setTimeout(() => {\n scrolling.current = false;\n });\n }, []);\n\n const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);\n\n const scrollToEnd = useCallback(() => {\n scrollTo(viewport.current.contentHeight - viewport.current.height);\n }, [scrollTo]);\n\n const scrollIntoViewIfNeeded = useCallback(\n (item: CollectionItem<Item>) => {\n const offsetContainer = contentRef.current \|\| containerRef.current;\n if (item.id) {\n const el = document.getElementById(item.id);\n if (el && containerRef.current) {\n const { height: viewportHeight } = viewport.current;\n const targetEl =\n el.ariaExpanded && el.firstChild\n ? (el.firstChild as HTMLElement)\n : el;\n const headerHeight = stickyHeaders ? 36 : 0;\n const itemTop = getItemTop(targetEl, offsetContainer);\n const itemHeight = targetEl.offsetHeight;\n const { scrollTop } = containerRef.current;\n const viewportStart = scrollTop + headerHeight;\n const viewportEnd = viewportStart + viewportHeight - headerHeight;\n\n if (itemTop + itemHeight > viewportEnd \|\| itemTop < viewportStart) {\n const newScrollTop =\n itemTop + itemHeight > viewportEnd\n ? scrollTop + (itemTop + itemHeight) - viewportEnd\n : itemTop - headerHeight;\n\n scrollTo(newScrollTop);\n }\n }\n }\n },\n [containerRef, contentRef, scrollTo, stickyHeaders]\n );\n\n useIsomorphicLayoutEffect(() => {\n const { height, contentHeight } = viewport.current;\n const item = indexPositions[highlightedIdx];\n if (contentHeight > height && item) {\n const [firstItem] = indexPositions;\n const [lastItem] = indexPositions.slice(-1);\n if (item === firstItem) {\n scrollToStart();\n } else if (item === lastItem) {\n scrollToEnd();\n } else {\n scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);\n }\n }\n }, [\n highlightedIdx,\n indexPositions,\n scrollIntoViewIfNeeded,\n scrollToEnd,\n scrollToStart,\n ]);\n\n const onContainerResize: ResizeHandler = useCallback(\n ({ height, scrollHeight }) => {\n if (typeof height === \"number\") {\n viewport.current.height = height;\n }\n if (typeof scrollHeight === \"number\") {\n viewport.current.contentHeight = scrollHeight;\n }\n },\n []\n );\n\n const onContentResize: ResizeHandler = useCallback(({ height }) => {\n if (typeof height === \"number\") {\n viewport.current.contentHeight = height;\n }\n }, []);\n\n // If we only have a container, then we will observe its height and scrollHeight,\n // contentRef will be null, so second call to observer will observe nothing.\n // If we have both container and content, then we observe the height of each.\n const [containerDimensions, contentDimensions] = getObservedDimensions(\n contentRef === NULL_REF\n );\n useResizeObserver(containerRef, containerDimensions, onContainerResize, true);\n useResizeObserver(contentRef, contentDimensions, onContentResize, true);\n\n return {\n isScrolling: scrolling,\n scrollIntoView: scrollIntoViewIfNeeded,\n };\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useViewportTracking.js","sources":["../src/common-hooks/useViewportTracking.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n type MutableRefObject,\n type RefObject,\n useCallback,\n useRef,\n} from \"react\";\nimport { type ResizeHandler, useResizeObserver } from \"../responsive\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nconst HeightOnly = [\"height\"];\nconst HeightWithScroll = [\"height\", \"scrollHeight\"];\nconst EMPTY_ARRAY: any[] = [];\n\nconst ObservedDimensions = {\n containerOnly: [HeightWithScroll, EMPTY_ARRAY],\n withContent: [HeightOnly, HeightOnly],\n};\nconst getObservedDimensions = (containerOnly: boolean) =>\n containerOnly\n ? ObservedDimensions.containerOnly\n : ObservedDimensions.withContent;\n\nconst NULL_REF = { current: null };\n\nconst getItemTop = (\n element: HTMLElement,\n offsetContainer: HTMLElement \| null,\n) => {\n const { transform = \"none\" } = getComputedStyle(element);\n if (transform.startsWith(\"matrix\")) {\n const pos = transform.lastIndexOf(\",\");\n return Number.parseInt(transform.slice(pos + 1));\n }\n let offsetParent = element.offsetParent as HTMLElement;\n if (offsetParent === offsetContainer \|\| offsetContainer === null) {\n return element.offsetTop;\n }\n let top = element.offsetTop;\n while (offsetParent !== null && offsetParent !== offsetContainer) {\n top += offsetParent.offsetTop;\n offsetParent = offsetParent.offsetParent as HTMLElement;\n }\n return top;\n};\n\nexport interface ViewportTrackingProps<Item> {\n containerRef: RefObject<HTMLElement>;\n contentRef?: RefObject<HTMLElement>;\n highlightedIdx?: number;\n indexPositions: CollectionItem<Item>[];\n stickyHeaders?: boolean;\n}\n\nexport interface ViewportTrackingResult<Item> {\n isScrolling: MutableRefObject<boolean>;\n scrollIntoView: (item: CollectionItem<Item>) => void;\n}\n\nexport const useViewportTracking = <Item>({\n containerRef,\n contentRef = NULL_REF,\n highlightedIdx = -1,\n indexPositions,\n stickyHeaders = false,\n}: ViewportTrackingProps<Item>): ViewportTrackingResult<Item> => {\n const scrolling = useRef<boolean>(false);\n const viewport = useRef({\n height: 0,\n contentHeight: 0,\n });\n\n const scrollTo = useCallback(\n (scrollPos: number) => {\n scrolling.current = true;\n if (containerRef.current) {\n containerRef.current.scrollTop = scrollPos;\n }\n setTimeout(() => {\n scrolling.current = false;\n });\n },\n [containerRef],\n );\n\n const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);\n\n const scrollToEnd = useCallback(() => {\n scrollTo(viewport.current.contentHeight - viewport.current.height);\n }, [scrollTo]);\n\n const scrollIntoViewIfNeeded = useCallback(\n (item: CollectionItem<Item>) => {\n const offsetContainer = contentRef.current \|\| containerRef.current;\n if (item.id) {\n const el = document.getElementById(item.id);\n if (el && containerRef.current) {\n const { height: viewportHeight } = viewport.current;\n const targetEl =\n el.ariaExpanded && el.firstChild\n ? (el.firstChild as HTMLElement)\n : el;\n const headerHeight = stickyHeaders ? 36 : 0;\n const itemTop = getItemTop(targetEl, offsetContainer);\n const itemHeight = targetEl.offsetHeight;\n const { scrollTop } = containerRef.current;\n const viewportStart = scrollTop + headerHeight;\n const viewportEnd = viewportStart + viewportHeight - headerHeight;\n\n if (itemTop + itemHeight > viewportEnd \|\| itemTop < viewportStart) {\n const newScrollTop =\n itemTop + itemHeight > viewportEnd\n ? scrollTop + (itemTop + itemHeight) - viewportEnd\n : itemTop - headerHeight;\n\n scrollTo(newScrollTop);\n }\n }\n }\n },\n [containerRef, contentRef, scrollTo, stickyHeaders],\n );\n\n useIsomorphicLayoutEffect(() => {\n const { height, contentHeight } = viewport.current;\n const item = indexPositions[highlightedIdx];\n if (contentHeight > height && item) {\n const [firstItem] = indexPositions;\n const [lastItem] = indexPositions.slice(-1);\n if (item === firstItem) {\n scrollToStart();\n } else if (item === lastItem) {\n scrollToEnd();\n } else {\n scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);\n }\n }\n }, [\n highlightedIdx,\n indexPositions,\n scrollIntoViewIfNeeded,\n scrollToEnd,\n scrollToStart,\n ]);\n\n const onContainerResize: ResizeHandler = useCallback(\n ({ height, scrollHeight }) => {\n if (typeof height === \"number\") {\n viewport.current.height = height;\n }\n if (typeof scrollHeight === \"number\") {\n viewport.current.contentHeight = scrollHeight;\n }\n },\n [],\n );\n\n const onContentResize: ResizeHandler = useCallback(({ height }) => {\n if (typeof height === \"number\") {\n viewport.current.contentHeight = height;\n }\n }, []);\n\n // If we only have a container, then we will observe its height and scrollHeight,\n // contentRef will be null, so second call to observer will observe nothing.\n // If we have both container and content, then we observe the height of each.\n const [containerDimensions, contentDimensions] = getObservedDimensions(\n contentRef === NULL_REF,\n );\n useResizeObserver(containerRef, containerDimensions, onContainerResize, true);\n useResizeObserver(contentRef, contentDimensions, onContentResize, true);\n\n return {\n isScrolling: scrolling,\n scrollIntoView: scrollIntoViewIfNeeded,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/common-hooks/utils/collection-item-utils.js CHANGED Viewed

@@ -32,7 +32,8 @@ const isFocusable = (item) => {
 const countChildItems = (item, items, idx) => {
   if (item.childNodes) {
     return item.childNodes.length;
-  } else if (item.header) {
+  }
+  if (item.header) {
     let i = idx + 1;
     let count = 0;
     while (i < items.length && !items[i].header) {
@@ -40,16 +41,17 @@ const countChildItems = (item, items, idx) => {
       i++;
     }
     return count;
-  } else {
-    return 0;
   }
+  return 0;
 };
 const getChildLabel = (element) => {
   if (typeof element.props.children === "string") {
     return element.props.children;
-  } else if (element.props.title) {
+  }
+  if (element.props.title) {
     return element.props.title;
-  } else if (element.props.label) {
+  }
+  if (element.props.label) {
     return element.props.label;
   }
 };
@@ -58,9 +60,8 @@ const childIsGroup = (child) => child.type === ListItemGroup || childItemHasProp
 const childIsSelectable = (child) => {
   if (childItemHasProp(child, "selectable")) {
     return child.props.selectable === true;
-  } else {
-    return !childIsGroup(child) && !childIsHeader(child);
   }
+  return !childIsGroup(child) && !childIsHeader(child);
 };
 const getChildNodes = (element) => {
   if (childIsGroup(element)) {
@@ -90,24 +91,24 @@ const sourceItems = (source, options) => {
           value: null
         }
       ];
-    } else {
-      return source.map(
-        (item, index) => {
-          var _a, _b;
-          return {
-            childNodes: sourceItems(
-              item.childNodes,
-              options
-            ),
-            description: item.description,
-            expanded: item.expanded,
-            value: item,
-            label: (_b = (_a = options == null ? void 0 : options.itemToString) == null ? void 0 : _a.call(options, item)) != null ? _b : itemToString(item)
-          };
-        }
-      );
     }
-  } else if (source) {
+    return source.map(
+      (item, index) => {
+        var _a, _b;
+        return {
+          childNodes: sourceItems(
+            item.childNodes,
+            options
+          ),
+          description: item.description,
+          expanded: item.expanded,
+          value: item,
+          label: (_b = (_a = options == null ? void 0 : options.itemToString) == null ? void 0 : _a.call(options, item)) != null ? _b : itemToString(item)
+        };
+      }
+    );
+  }
+  if (source) {
     throw Error("list-child-items expects source to be an array");
   }
 };
@@ -141,9 +142,8 @@ const PATH_SEPARATORS = /* @__PURE__ */ new Set([".", "/"]);
 function isDescendantOf(basePath, targetPath) {
   if (!targetPath.startsWith(basePath)) {
     return false;
-  } else {
-    return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));
   }
+  return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));
 }
 function replaceCollectionItem(nodes, id, props) {
   let childNodes;
@@ -153,15 +153,15 @@ function replaceCollectionItem(nodes, id, props) {
         ...node,
         ...props
       };
-    } else if (isDescendantOf(node.id, id) && node.childNodes) {
+    }
+    if (isDescendantOf(node.id, id) && node.childNodes) {
       childNodes = replaceCollectionItem(node.childNodes, id, props);
       return {
         ...node,
         childNodes
       };
-    } else {
-      return node;
     }
+    return node;
   });
   return newNodes;
 }

package/dist-es/common-hooks/utils/collection-item-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import { isValidElement, Children, ReactElement, ReactNode } from \"react\";\n\nimport {\n CollectionItem,\n CollectionOptions,\n SourceGroup,\n} from \"../collectionTypes\";\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n item: unknown,\n propertyName: string\n): boolean => {\n return (\n item !== null && Object.prototype.hasOwnProperty.call(item, propertyName)\n );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n return item && Object.prototype.hasOwnProperty.call(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n if (isValidElement(item as DisablableElement)) {\n if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n return (item as DisablableElement).props.disabled === true;\n }\n } else if (sourceItemHasProp(item, \"disabled\")) {\n return (item as { disabled: boolean }).disabled === true;\n }\n\n return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n if (isValidElement(item as NonFocusableElement)) {\n if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n return (item as NonFocusableElement).props.focusable;\n }\n }\n return true;\n};\n\nexport const countChildItems = <Item>(\n item: CollectionItem<Item>,\n items: CollectionItem<Item>[],\n idx: number\n): number => {\n if (item.childNodes) {\n return item.childNodes.length;\n } else if (item.header) {\n let i = idx + 1;\n let count = 0;\n while (i < items.length && !items[i].header) {\n count++;\n i++;\n }\n return count;\n } else {\n return 0;\n }\n};\n\nexport const getChildLabel = (\n element: ReactElement<{\n children?: ReactNode;\n label?: string;\n title?: string;\n }>\n): string \| undefined => {\n if (typeof element.props.children === \"string\") {\n return element.props.children;\n } else if (element.props.title) {\n return element.props.title;\n } else if (element.props.label) {\n return element.props.label;\n }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n child.type === ListItemHeader \|\| childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n child.type === ListItemGroup \|\| childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n if (childItemHasProp(child, \"selectable\")) {\n return (child as SelectableElement).props.selectable === true;\n } else {\n return !childIsGroup(child) && !childIsHeader(child);\n }\n};\n\nexport const getChildNodes = (\n element: ReactElement\n): CollectionItem<ReactElement>[] \| undefined => {\n if (childIsGroup(element)) {\n const {\n props: { children },\n } = element as ReactElement<{ children?: ReactNode }>;\n if (typeof children !== \"string\") {\n return childItems(children);\n }\n }\n};\n\nconst mapReactElementChildren = (\n children: ReactNode,\n fn: (el: ReactElement) => CollectionItem<ReactElement>\n): CollectionItem<ReactElement>[] => {\n const childElements: CollectionItem<ReactElement>[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childElements.push(fn(child));\n }\n });\n return childElements;\n};\n\ntype ListItemElementProps = {\n \"data-id\"?: string;\n disabled?: boolean;\n id?: string;\n \"data-expanded\"?: boolean;\n expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n source?: ReadonlyArray<T>,\n options?: CollectionOptions<T>\n): CollectionItemWithoutId<T>[] \| undefined => {\n if (Array.isArray(source)) {\n if (source.length === 0 && options?.noChildrenLabel) {\n return [\n {\n label: options.noChildrenLabel,\n value: null,\n },\n ];\n } else {\n return source.map(\n (item: { description?: string; expanded?: boolean }, index) =>\n ({\n childNodes: sourceItems(\n (item as unknown as SourceGroup<T>).childNodes,\n options\n ),\n description: item.description,\n expanded: item.expanded,\n value: item,\n label:\n options?.itemToString?.(item as T) ?? defaultItemToString(item),\n } as CollectionItemWithoutId<T>)\n );\n }\n } else if (source) {\n throw Error(\"list-child-items expects source to be an array\");\n }\n};\n\nexport const childItems = (\n children: ReactNode\n): CollectionItem<ReactElement>[] \| undefined => {\n if (children) {\n return mapReactElementChildren(children, (child) => {\n const {\n \"data-id\": dataId,\n disabled,\n id = dataId,\n \"data-expanded\": dataExpanded,\n expanded = dataExpanded,\n } = (child as ReactElement<ListItemElementProps>).props;\n return {\n childNodes: getChildNodes(child),\n disabled,\n expanded,\n header: childIsHeader(child),\n id,\n label: getChildLabel(child),\n selectable: childIsSelectable(child),\n value: child,\n } as CollectionItem<ReactElement>;\n });\n }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n childPath.startsWith(parentPath) &&\n isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n if (!targetPath.startsWith(basePath)) {\n return false;\n } else {\n return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n }\n}\n\nexport function replaceCollectionItem<Item>(\n nodes: CollectionItem<Item>[],\n id: string,\n props: Partial<CollectionItem<Item>>\n): CollectionItem<Item>[] {\n let childNodes: CollectionItem<Item>[];\n const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n if (node.id === id) {\n return {\n ...node,\n ...props,\n };\n } else if (isDescendantOf(node.id, id) && node.childNodes) {\n childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n return {\n ...node,\n childNodes,\n };\n } else {\n return node;\n }\n });\n\n return newNodes;\n}\n"],"names":["defaultItemToString"],"mappings":"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"}
1	+ {"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import {\n Children,\n type ReactElement,\n type ReactNode,\n isValidElement,\n} from \"react\";\n\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport type {\n CollectionItem,\n CollectionOptions,\n SourceGroup,\n} from \"../collectionTypes\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n item: unknown,\n propertyName: string,\n): boolean => {\n return (\n item !== null && Object.prototype.hasOwnProperty.call(item, propertyName)\n );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n return item && Object.prototype.hasOwnProperty.call(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n if (isValidElement(item as DisablableElement)) {\n if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n return (item as DisablableElement).props.disabled === true;\n }\n } else if (sourceItemHasProp(item, \"disabled\")) {\n return (item as { disabled: boolean }).disabled === true;\n }\n\n return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n if (isValidElement(item as NonFocusableElement)) {\n if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n return (item as NonFocusableElement).props.focusable;\n }\n }\n return true;\n};\n\nexport const countChildItems = <Item>(\n item: CollectionItem<Item>,\n items: CollectionItem<Item>[],\n idx: number,\n): number => {\n if (item.childNodes) {\n return item.childNodes.length;\n }\n if (item.header) {\n let i = idx + 1;\n let count = 0;\n while (i < items.length && !items[i].header) {\n count++;\n i++;\n }\n return count;\n }\n return 0;\n};\n\nexport const getChildLabel = (\n element: ReactElement<{\n children?: ReactNode;\n label?: string;\n title?: string;\n }>,\n): string \| undefined => {\n if (typeof element.props.children === \"string\") {\n return element.props.children;\n }\n if (element.props.title) {\n return element.props.title;\n }\n if (element.props.label) {\n return element.props.label;\n }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n child.type === ListItemHeader \|\| childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n child.type === ListItemGroup \|\| childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n if (childItemHasProp(child, \"selectable\")) {\n return (child as SelectableElement).props.selectable === true;\n }\n return !childIsGroup(child) && !childIsHeader(child);\n};\n\nexport const getChildNodes = (\n element: ReactElement,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (childIsGroup(element)) {\n const {\n props: { children },\n } = element as ReactElement<{ children?: ReactNode }>;\n if (typeof children !== \"string\") {\n return childItems(children);\n }\n }\n};\n\nconst mapReactElementChildren = (\n children: ReactNode,\n fn: (el: ReactElement) => CollectionItem<ReactElement>,\n): CollectionItem<ReactElement>[] => {\n const childElements: CollectionItem<ReactElement>[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement(child)) {\n childElements.push(fn(child));\n }\n });\n return childElements;\n};\n\ntype ListItemElementProps = {\n \"data-id\"?: string;\n disabled?: boolean;\n id?: string;\n \"data-expanded\"?: boolean;\n expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n source?: ReadonlyArray<T>,\n options?: CollectionOptions<T>,\n): CollectionItemWithoutId<T>[] \| undefined => {\n if (Array.isArray(source)) {\n if (source.length === 0 && options?.noChildrenLabel) {\n return [\n {\n label: options.noChildrenLabel,\n value: null,\n },\n ];\n }\n return source.map(\n (item: { description?: string; expanded?: boolean }, index) =>\n ({\n childNodes: sourceItems(\n (item as unknown as SourceGroup<T>).childNodes,\n options,\n ),\n description: item.description,\n expanded: item.expanded,\n value: item,\n label:\n options?.itemToString?.(item as T) ?? defaultItemToString(item),\n }) as CollectionItemWithoutId<T>,\n );\n }\n if (source) {\n throw Error(\"list-child-items expects source to be an array\");\n }\n};\n\nexport const childItems = (\n children: ReactNode,\n): CollectionItem<ReactElement>[] \| undefined => {\n if (children) {\n return mapReactElementChildren(children, (child) => {\n const {\n \"data-id\": dataId,\n disabled,\n id = dataId,\n \"data-expanded\": dataExpanded,\n expanded = dataExpanded,\n } = (child as ReactElement<ListItemElementProps>).props;\n return {\n childNodes: getChildNodes(child),\n disabled,\n expanded,\n header: childIsHeader(child),\n id,\n label: getChildLabel(child),\n selectable: childIsSelectable(child),\n value: child,\n } as CollectionItem<ReactElement>;\n });\n }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n childPath.startsWith(parentPath) &&\n isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n if (!targetPath.startsWith(basePath)) {\n return false;\n }\n return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n}\n\nexport function replaceCollectionItem<Item>(\n nodes: CollectionItem<Item>[],\n id: string,\n props: Partial<CollectionItem<Item>>,\n): CollectionItem<Item>[] {\n let childNodes: CollectionItem<Item>[];\n const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n if (node.id === id) {\n return {\n ...node,\n ...props,\n };\n }\n if (isDescendantOf(node.id, id) && node.childNodes) {\n childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n return {\n ...node,\n childNodes,\n };\n }\n return node;\n });\n\n return newNodes;\n}\n"],"names":["defaultItemToString"],"mappings":"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"}

package/dist-es/common-hooks/utils/isSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n selected: CollectionItem<Item> \| CollectionItem<Item>[] \| null,\n item: CollectionItem<Item>\n): boolean {\n const isSelected = Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n return isSelected;\n}\n"],"names":["isSelected"],"mappings":"AAEgB,SAAA,UAAA,CACd,UACA,IACS,EAAA;AACT,EAAMA,MAAAA,WAAAA,GAAa,MAAM,OAAQ,CAAA,QAAQ,IACrC,QAAS,CAAA,QAAA,CAAS,IAAI,CAAA,GACtB,QAAa,KAAA,IAAA,CAAA;AACjB,EAAOA,OAAAA,WAAAA,CAAAA;AACT;;;;"}
1	+ {"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import type { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n selected: CollectionItem<Item> \| CollectionItem<Item>[] \| null,\n item: CollectionItem<Item>,\n): boolean {\n const isSelected = Array.isArray(selected)\n ? selected.includes(item)\n : selected === item;\n return isSelected;\n}\n"],"names":["isSelected"],"mappings":"AAEgB,SAAA,UAAA,CACd,UACA,IACS,EAAA;AACT,EAAMA,MAAAA,WAAAA,GAAa,MAAM,OAAQ,CAAA,QAAQ,IACrC,QAAS,CAAA,QAAA,CAAS,IAAI,CAAA,GACtB,QAAa,KAAA,IAAA,CAAA;AACjB,EAAOA,OAAAA,WAAAA,CAAAA;AACT;;;;"}

package/dist-es/contact-details/ContactAction.js CHANGED Viewed

@@ -14,7 +14,7 @@ const ContactAction = forwardRef(
         variant: "secondary",
         ref,
         ...restProps,
-        children: label ? label : /* @__PURE__ */ jsx(Icon, {})
+        children: label ? label : Icon ? /* @__PURE__ */ jsx(Icon, {}) : null
       })
     });
   }

package/dist-es/contact-details/ContactAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import { Button, ButtonProps, Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n accessibleText?: string;\n tooltipProps?: TooltipProps;\n} & (\n \| {\n label: string;\n icon?: ComponentType<IconProps>;\n }\n \| {\n label?: string;\n icon: ComponentType<IconProps>;\n }\n );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n function ContactAction(props, ref) {\n const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n const Icon = icon~~!;\~~n\n return (\n <Tooltip\n placement=\"top\"\n disabled={!accessibleText}\n content={accessibleText}\n >\n <Button variant=\"secondary\" ref={ref} {...restProps}>\n {label ? label : <Icon />}\n </Button>\n </Tooltip>\n );\n }\n);\n"],"names":["ContactAction"],"mappings":";;;;~~AAkBO~~,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,KAAO,EAAA,IAAA,EAAM,cAAgB,EAAA,YAAA,EAAA,GAAiB,WAAc,GAAA,KAAA,CAAA;AAEpE,IAAA,MAAM,IAAO,GAAA,IAAA,CAAA;AAEb,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,UAAU,CAAC,cAAA;AAAA,MACX,OAAS,EAAA,cAAA;AAAA,MAET,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QAAO,OAAQ,EAAA,WAAA;AAAA,QAAY,GAAA;AAAA,QAAW,GAAG,SAAA;AAAA,QACvC,~~QAAA~~,EAAA,KAAA,GAAQ,~~KAAQ~~,mBAAA,GAAA,CAAC,~~IAAK~~,~~EAAA~~,~~EAAA~~,~~CAAA~~;AAAA,~~OACzB~~,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import {\n Button,\n type ButtonProps,\n Tooltip,\n type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n accessibleText?: string;\n tooltipProps?: TooltipProps;\n} & (\n \| {\n label: string;\n icon?: ComponentType<IconProps>;\n }\n \| {\n label?: string;\n icon: ComponentType<IconProps>;\n }\n );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n function ContactAction(props, ref) {\n const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n const Icon = icon;\n\n return (\n <Tooltip\n placement=\"top\"\n disabled={!accessibleText}\n content={accessibleText}\n >\n <Button variant=\"secondary\" ref={ref} {...restProps}>\n {label ? label : Icon ? <Icon /> : null}\n </Button>\n </Tooltip>\n );\n },\n);\n"],"names":["ContactAction"],"mappings":";;;;AAuBO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,KAAO,EAAA,IAAA,EAAM,cAAgB,EAAA,YAAA,EAAA,GAAiB,WAAc,GAAA,KAAA,CAAA;AAEpE,IAAA,MAAM,IAAO,GAAA,IAAA,CAAA;AAEb,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,UAAU,CAAC,cAAA;AAAA,MACX,OAAS,EAAA,cAAA;AAAA,MAET,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QAAO,OAAQ,EAAA,WAAA;AAAA,QAAY,GAAA;AAAA,QAAW,GAAG,SAAA;AAAA,QACvC,QAAQ,EAAA,KAAA,GAAA,KAAA,GAAQ,IAAO,mBAAA,GAAA,CAAC,QAAK,CAAK,GAAA,IAAA;AAAA,OACrC,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactActions.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 import { makePrefixer } from '@salt-ds/core';
+import { forwardRef } from 'react';
 import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
 const withBaseName = makePrefixer("saltContactActions");
 const ContactActions = forwardRef(
-  function(props, ref) {
+  (props, ref) => {
     const { children, ...restProps } = props;
     const { variant } = useContactDetailsContext();
     if (variant === "mini") {

package/dist-es/contact-details/ContactActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { ~~forwardRef,~~ ~~HTMLAttributes~~ } from \"~~react~~\";\nimport { ~~makePrefixer~~ } from \"~~@salt-ds/core~~\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n ~~function~~ (props, ref) {\n const { children, ...restProps } = props;\n const { variant } = useContactDetailsContext();\n if (variant === \"mini\") {\n return null;\n }\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {children}\n </div>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAI/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,~~SAAU~~,OAAO,~~GAAK~~,~~EAAA~~;~~AACpB~~,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACnC,IAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,wBAAyB,EAAA,CAAA;AAC7C,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAK,GAAG,SAAA;AAAA,MAAW,GAAA;AAAA,MAAU,WAAW,YAAa,EAAA;AAAA,MACnD,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n (props, ref) => {\n const { children, ...restProps } = props;\n const { variant } = useContactDetailsContext();\n if (variant === \"mini\") {\n return null;\n }\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {children}\n </div>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAI/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACnC,IAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,wBAAyB,EAAA,CAAA;AAC7C,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAK,GAAG,SAAA;AAAA,MAAW,GAAA;AAAA,MAAU,WAAW,YAAa,EAAA;AAAA,MACnD,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactAvatar.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useEffect } from 'react';
 import { makePrefixer, Avatar } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef, useEffect } from 'react';
 import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
-import { clsx } from 'clsx';
 const withBaseName = makePrefixer("saltContactAvatar");
 const ContactAvatar = forwardRef(
-  function(props, ref) {
+  (props, ref) => {
     const { className, ...restProps } = props;
     const context = useContactDetailsContext();
     const { variant, primary, isStacked, setHasAvatar } = context;

package/dist-es/contact-details/ContactAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { ~~forwardRef~~, ~~useEffect~~ } from \"~~react~~\";\nimport { ~~makePrefixer,~~ ~~Avatar, AvatarProps~~ } from \"~~@salt-ds/core~~\";\nimport { ~~useContactDetailsContext~~ } from \"~~./internal~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n ~~function~~ (props, ref) {\n const { className, ...restProps } = props;\n const context = useContactDetailsContext();\n const { variant, primary, isStacked, setHasAvatar } = context;\n\n useEffect(() => {\n setHasAvatar(true);\n return () => {\n setHasAvatar(false);\n };\n }, [setHasAvatar]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n const avatarSize = variant === \"default\" ? 3 : 2;\n return (\n <Avatar\n {...restProps}\n ref={ref}\n aria-hidden={true}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"stacked\")]: isStacked,\n },\n className\n )}\n size={avatarSize}\n >\n {primary\n ? primary\n .split(\" \")\n .map((x) => x.charAt(0))\n .slice(0, 2)\n : null}\n </Avatar>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAI9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,~~SAAU~~,OAAO,~~GAAK~~,~~EAAA~~;~~AACpB~~,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACpC,IAAA,MAAM,UAAU,wBAAyB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,SAAA,EAAW,cAAiB,GAAA,OAAA,CAAA;AAEtD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA;AAAA,KACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,UAAA,GAAa,OAAY,KAAA,SAAA,GAAY,CAAI,GAAA,CAAA,CAAA;AAC/C,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,aAAa,EAAA,IAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,SAAA;AAAA,SAC7B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEL,oBACG,OACG,CAAA,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,KAAM,CAAA,CAAA,EAAG,CAAC,CACb,GAAA,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n (props, ref) => {\n const { className, ...restProps } = props;\n const context = useContactDetailsContext();\n const { variant, primary, isStacked, setHasAvatar } = context;\n\n useEffect(() => {\n setHasAvatar(true);\n return () => {\n setHasAvatar(false);\n };\n }, [setHasAvatar]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n const avatarSize = variant === \"default\" ? 3 : 2;\n return (\n <Avatar\n {...restProps}\n ref={ref}\n aria-hidden={true}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"stacked\")]: isStacked,\n },\n className,\n )}\n size={avatarSize}\n >\n {primary\n ? primary\n .split(\" \")\n .map((x) => x.charAt(0))\n .slice(0, 2)\n : null}\n </Avatar>\n );\n },\n);\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAI9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACpC,IAAA,MAAM,UAAU,wBAAyB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,SAAA,EAAW,cAAiB,GAAA,OAAA,CAAA;AAEtD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA;AAAA,KACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,UAAA,GAAa,OAAY,KAAA,SAAA,GAAY,CAAI,GAAA,CAAA,CAAA;AAC/C,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,aAAa,EAAA,IAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,SAAA;AAAA,SAC7B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEL,oBACG,OACG,CAAA,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,KAAM,CAAA,CAAA,EAAG,CAAC,CACb,GAAA,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactDetails.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { forwardRef, useState } from 'react';
 import './internal/FavoriteToggleWithTooltip.js';
 import { ContactDetailsContext } from './internal/ContactDetailsContext.js';
 import { useComponentSize } from './internal/useComponentSize.js';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import css_248z from './ContactDetails.css.js';
 const withBaseName = makePrefixer("saltContactDetails");

package/dist-es/contact-details/ContactDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ~~forwardRef,~~ HTMLAttributes, useState } from \"react\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nimport { ~~useWindow~~ } from \"@salt-ds/~~window~~\";\nimport { ~~useComponentCssInjection~~ } from \"@salt-ds/~~styles~~\";\n\nimport contactDetailsCss from \"./ContactDetails.css\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" \| \"compact\" \| \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n variant?: ContactDetailsVariant;\n stackAtBreakpoint?: number;\n embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n function ContactDetails(props, externalRef) {\n const {\n children,\n variant = \"default\",\n className,\n stackAtBreakpoint = 300,\n embedded,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-contact-details\",\n css: contactDetailsCss,\n window: targetWindow,\n });\n\n const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n const [primary, setPrimary] = useState<string>();\n const [primaryId, setPrimaryId] = useState<string>();\n\n const [secondary, setSecondary] = useState<string>();\n const [secondaryId, setSecondaryId] = useState<string>();\n\n const [tertiary, setTertiary] = useState<string>();\n const [tertiaryId, setTertiaryId] = useState<string>();\n\n const [containerRef, componentSize] =\n useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n variant === \"compact\" &&\n isStacked &&\n console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n const ref = useForkRef(externalRef, containerRef);\n\n const contextValue = {\n variant,\n hasAvatar,\n setHasAvatar,\n isStacked,\n primary,\n setPrimary,\n primaryId,\n setPrimaryId,\n secondary,\n setSecondary,\n secondaryId,\n setSecondaryId,\n tertiary,\n setTertiary,\n tertiaryId,\n setTertiaryId,\n };\n\n const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n return (\n <ContactDetailsContext.Provider value={contextValue}>\n <div\n {...restProps}\n ref={ref}\n className={clsx(\n withBaseName(),\n getClassName(variant, isStacked),\n {\n [withBaseName(\"embedded\")]: embedded,\n [withBaseName(\"noAvatar\")]: showNoAvatar,\n },\n className\n )}\n role=\"article\"\n aria-roledescription=\"Contact Card\"\n >\n {children}\n {showNoAvatar ? (\n <div className={withBaseName(\"noAvatar-indicator\")} />\n ) : null}\n </div>\n </ContactDetailsContext.Provider>\n );\n }\n);\n"],"names":["ContactDetails","contactDetailsCss"],"mappings":"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"}
1	+ {"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useState } from \"react\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport contactDetailsCss from \"./ContactDetails.css\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" \| \"compact\" \| \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n variant?: ContactDetailsVariant;\n stackAtBreakpoint?: number;\n embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n function ContactDetails(props, externalRef) {\n const {\n children,\n variant = \"default\",\n className,\n stackAtBreakpoint = 300,\n embedded,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-contact-details\",\n css: contactDetailsCss,\n window: targetWindow,\n });\n\n const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n const [primary, setPrimary] = useState<string>();\n const [primaryId, setPrimaryId] = useState<string>();\n\n const [secondary, setSecondary] = useState<string>();\n const [secondaryId, setSecondaryId] = useState<string>();\n\n const [tertiary, setTertiary] = useState<string>();\n const [tertiaryId, setTertiaryId] = useState<string>();\n\n const [containerRef, componentSize] =\n useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n variant === \"compact\" &&\n isStacked &&\n console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n const ref = useForkRef(externalRef, containerRef);\n\n const contextValue = {\n variant,\n hasAvatar,\n setHasAvatar,\n isStacked,\n primary,\n setPrimary,\n primaryId,\n setPrimaryId,\n secondary,\n setSecondary,\n secondaryId,\n setSecondaryId,\n tertiary,\n setTertiary,\n tertiaryId,\n setTertiaryId,\n };\n\n const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n return (\n <ContactDetailsContext.Provider value={contextValue}>\n <div\n {...restProps}\n ref={ref}\n className={clsx(\n withBaseName(),\n getClassName(variant, isStacked),\n {\n [withBaseName(\"embedded\")]: embedded,\n [withBaseName(\"noAvatar\")]: showNoAvatar,\n },\n className,\n )}\n role=\"article\"\n aria-roledescription=\"Contact Card\"\n >\n {children}\n {showNoAvatar ? (\n <div className={withBaseName(\"noAvatar-indicator\")} />\n ) : null}\n </div>\n </ContactDetailsContext.Provider>\n );\n },\n);\n"],"names":["ContactDetails","contactDetailsCss"],"mappings":"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"}

package/dist-es/contact-details/ContactFavoriteToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n FavoriteToggleWithTooltip,\n FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n extends FavoriteToggleWithTooltipProps {\n isFavorite?: boolean;\n defaultIsFavorite?: boolean;\n onChange?: (isFavorite: boolean) => void;\n tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n HTMLSpanElement,\n ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n const {\n id: idProp,\n isFavorite: isFavoriteProp,\n defaultIsFavorite = false,\n onChange: onChangeProp,\n tooltipProps,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [isFavorite, setIsFavorite] = useControlled({\n controlled: isFavoriteProp,\n default: defaultIsFavorite,\n name: \"ContactDetails\",\n state: \"isFavorite\",\n });\n\n const onChange = (isSelected: boolean) => {\n setIsFavorite(isSelected);\n if (onChangeProp) {\n onChangeProp(isSelected);\n }\n };\n\n const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n return (\n <FavoriteToggleWithTooltip\n {...restProps}\n id={id}\n ref={ref}\n tooltipProps={tooltipProps}\n aria-label=\"Favorite\"\n isSelected={isFavorite}\n onChange={onChange}\n tooltipTitle={tooltipTitle}\n />\n );\n});\n"],"names":["ContactFavoriteToggle"],"mappings":";;;;;;AAeO,MAAM,qBAAwB,GAAA,UAAA,CAGnC,SAASA,sBAAAA,CAAsB,OAAO,GAAK,EAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,UAAY,EAAA,cAAA;AAAA,IACZ,iBAAoB,GAAA,KAAA;AAAA,IACpB,QAAU,EAAA,YAAA;AAAA,IACV,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAc,CAAA;AAAA,IAChD,UAAY,EAAA,cAAA;AAAA,IACZ,OAAS,EAAA,iBAAA;AAAA,IACT,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,CAAC,UAAwB,KAAA;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA,CAAA;AACxB,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAG,EAAA,UAAA,GAAa,QAAW,GAAA,MAAA,CAAA,YAAA,CAAA,CAAA;AAEhD,EAAA,uBACG,GAAA,CAAA,yBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAW,EAAA,UAAA;AAAA,IACX,UAAY,EAAA,UAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { type TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n FavoriteToggleWithTooltip,\n type FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n extends FavoriteToggleWithTooltipProps {\n isFavorite?: boolean;\n defaultIsFavorite?: boolean;\n onChange?: (isFavorite: boolean) => void;\n tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n HTMLSpanElement,\n ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n const {\n id: idProp,\n isFavorite: isFavoriteProp,\n defaultIsFavorite = false,\n onChange: onChangeProp,\n tooltipProps,\n ...restProps\n } = props;\n\n const id = useId(idProp);\n\n const [isFavorite, setIsFavorite] = useControlled({\n controlled: isFavoriteProp,\n default: defaultIsFavorite,\n name: \"ContactDetails\",\n state: \"isFavorite\",\n });\n\n const onChange = (isSelected: boolean) => {\n setIsFavorite(isSelected);\n if (onChangeProp) {\n onChangeProp(isSelected);\n }\n };\n\n const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n return (\n <FavoriteToggleWithTooltip\n {...restProps}\n id={id}\n ref={ref}\n tooltipProps={tooltipProps}\n aria-label=\"Favorite\"\n isSelected={isFavorite}\n onChange={onChange}\n tooltipTitle={tooltipTitle}\n />\n );\n});\n"],"names":["ContactFavoriteToggle"],"mappings":";;;;;;AAeO,MAAM,qBAAwB,GAAA,UAAA,CAGnC,SAASA,sBAAAA,CAAsB,OAAO,GAAK,EAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,UAAY,EAAA,cAAA;AAAA,IACZ,iBAAoB,GAAA,KAAA;AAAA,IACpB,QAAU,EAAA,YAAA;AAAA,IACV,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAc,CAAA;AAAA,IAChD,UAAY,EAAA,cAAA;AAAA,IACZ,OAAS,EAAA,iBAAA;AAAA,IACT,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,CAAC,UAAwB,KAAA;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA,CAAA;AACxB,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAG,EAAA,UAAA,GAAa,QAAW,GAAA,MAAA,CAAA,YAAA,CAAA,CAAA;AAEhD,EAAA,uBACG,GAAA,CAAA,yBAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAW,EAAA,UAAA;AAAA,IACX,UAAY,EAAA,UAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ~~forwardRef,~~ HTMLAttributes, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n const id = useId(collapseButtonId);\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n }\n);\n"],"names":["ContactMetadata"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAc,wBAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAK,MAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACE,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACd,IAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAe,GAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n const id = useId(collapseButtonId);\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n },\n);\n"],"names":["ContactMetadata"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAc,wBAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAK,MAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACE,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACd,IAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAe,GAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactMetadataItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { ~~makePrefixer~~, ~~Text~~ } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, ~~forwardRef,~~ HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACC,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAG,OAAQ,EAAA,WAAA;AAAA,QACzD,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACE,GAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7B,GAAA,CAAA,iBAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { Text, makePrefixer } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, type HTMLAttributes, forwardRef } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACC,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAG,OAAQ,EAAA,WAAA;AAAA,QACzD,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACE,GAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7B,GAAA,CAAA,iBAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactPrimaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, ~~Text~~ } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ~~forwardRef,~~ HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n HTMLDivElement,\n ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n className,\n \"aria-level\": ariaLevel = 2,\n ...restProps\n } = props;\n const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setPrimary(text \|\| \"\");\n setPrimaryId(id);\n return () => {\n setPrimary(undefined);\n setPrimaryId(undefined);\n };\n }, [setPrimary, id, text, setPrimaryId]);\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n id={id}\n ref={ref}\n styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n className={clsx(withBaseName(), className)}\n role=\"heading\"\n aria-labelledby={`${id} ${secondaryId ?? null} ${tertiaryId ?? null}`}\n aria-level={ariaLevel}\n data-testid=\"primary\"\n >\n {text}\n </Text>\n );\n});\n"],"names":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAOnD,MAAM,kBAAqB,GAAA,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAY,GAAA,CAAA;AAAA,IACvB,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,aAAa,UAAY,EAAA,OAAA,KACzD,wBAAyB,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA,CAAA;AACpB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,KACC,CAAC,UAAA,EAAY,EAAI,EAAA,IAAA,EAAM,YAAY,CAAC,CAAA,CAAA;AAEvC,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,EAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,IAAA;AAAA,IACxC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,IAAK,EAAA,SAAA;AAAA,IACL,iBAAiB,EAAA,CAAA,EAAG,EAAM,CAAA,CAAA,EAAA,WAAA,IAAA,IAAA,GAAA,WAAA,GAAe,QAAQ,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IAC/D,YAAY,EAAA,SAAA;AAAA,IACZ,aAAY,EAAA,SAAA;AAAA,IAEX,QAAA,EAAA,IAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n HTMLDivElement,\n ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n className,\n \"aria-level\": ariaLevel = 2,\n ...restProps\n } = props;\n const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setPrimary(text \|\| \"\");\n setPrimaryId(id);\n return () => {\n setPrimary(undefined);\n setPrimaryId(undefined);\n };\n }, [setPrimary, id, text, setPrimaryId]);\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n id={id}\n ref={ref}\n styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n className={clsx(withBaseName(), className)}\n role=\"heading\"\n aria-labelledby={`${id} ${secondaryId ?? null} ${tertiaryId ?? null}`}\n aria-level={ariaLevel}\n data-testid=\"primary\"\n >\n {text}\n </Text>\n );\n});\n"],"names":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAOnD,MAAM,kBAAqB,GAAA,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAY,GAAA,CAAA;AAAA,IACvB,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,aAAa,UAAY,EAAA,OAAA,KACzD,wBAAyB,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA,CAAA;AACpB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,KACC,CAAC,UAAA,EAAY,EAAI,EAAA,IAAA,EAAM,YAAY,CAAC,CAAA,CAAA;AAEvC,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,EAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,IAAA;AAAA,IACxC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,IAAK,EAAA,SAAA;AAAA,IACL,iBAAiB,EAAA,CAAA,EAAG,EAAM,CAAA,CAAA,EAAA,WAAA,IAAA,IAAA,GAAA,WAAA,GAAe,QAAQ,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IAC/D,YAAY,EAAA,SAAA;AAAA,IACZ,aAAY,EAAA,SAAA;AAAA,IAEX,QAAA,EAAA,IAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactSecondaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, ~~Text~~ } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef~~, HTMLAttributes,~~ useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n HTMLDivElement,\n ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n icon: Icon,\n className,\n ValueComponent,\n ...restProps\n } = props;\n const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setSecondary(text \|\| \"\");\n setSecondaryId(id);\n return () => {\n setSecondary(undefined);\n setSecondaryId(undefined);\n };\n }, [id, text, setSecondary, setSecondaryId]);\n\n return (\n <Text\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n maxRows={1}\n {...restProps}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"secondary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactSecondaryInfo"],"mappings":";;;;;;;~~AAOA~~,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AASrD,MAAM,oBAAuB,GAAA,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAM,EAAA,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,OAAA,KAAY,wBAAyB,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AACtB,MAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,KAC1B,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,YAAA,EAAc,cAAc,CAAC,CAAA,CAAA;AAE3C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,OAAS,EAAA,CAAA;AAAA,IACR,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,WAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n type HTMLAttributes,\n forwardRef,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n HTMLDivElement,\n ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n const {\n id: idProp,\n text,\n icon: Icon,\n className,\n ValueComponent,\n ...restProps\n } = props;\n const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setSecondary(text \|\| \"\");\n setSecondaryId(id);\n return () => {\n setSecondary(undefined);\n setSecondaryId(undefined);\n };\n }, [id, text, setSecondary, setSecondaryId]);\n\n return (\n <Text\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n maxRows={1}\n {...restProps}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"secondary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactSecondaryInfo"],"mappings":";;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AASrD,MAAM,oBAAuB,GAAA,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAM,EAAA,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,OAAA,KAAY,wBAAyB,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AACtB,MAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,KAC1B,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,YAAA,EAAc,cAAc,CAAC,CAAA,CAAA;AAE3C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,OAAS,EAAA,CAAA;AAAA,IACR,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,WAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/ContactTertiaryInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, ~~Text~~ } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef~~, HTMLAttributes,~~ useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n HTMLDivElement,\n ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setTertiary(text);\n setTertiaryId(id);\n return () => {\n setTertiary(undefined);\n setTertiaryId(undefined);\n };\n }, [id, text, setTertiary, setTertiaryId]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"tertiary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactTertiaryInfo"],"mappings":";;;;;;;~~AAMA~~,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAQpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,IAAI,MAAQ,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,aAAA,KAAkB,wBAAyB,EAAA,CAAA;AACzE,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAS,CAAA,CAAA,CAAA;AACrB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,KACzB,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,UAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentType,\n type HTMLAttributes,\n forwardRef,\n useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n icon?: ComponentType<IconProps>;\n text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n HTMLDivElement,\n ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n const id = useId(idProp);\n\n useEffect(() => {\n setTertiary(text);\n setTertiaryId(id);\n return () => {\n setTertiary(undefined);\n setTertiaryId(undefined);\n };\n }, [id, text, setTertiary, setTertiaryId]);\n\n if (variant === \"mini\") {\n return null;\n }\n\n return (\n <Text\n {...restProps}\n maxRows={1}\n styleAs={variant === \"default\" ? \"h4\" : undefined}\n id={id}\n ref={ref}\n className={clsx(withBaseName(), className)}\n data-testid=\"tertiary\"\n >\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n {text}\n </Text>\n );\n});\n"],"names":["ContactTertiaryInfo"],"mappings":";;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAQpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,IAAI,MAAQ,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,aAAA,KAAkB,wBAAyB,EAAA,CAAA;AACzE,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAS,CAAA,CAAA,CAAA;AACrB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,KACzB,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,UAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/MailLinkComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAA,mBACjB,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAEC,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}
1	+ {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport type { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAA,mBACjB,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAEC,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}

package/dist-es/contact-details/internal/ContactDetailsContext.js CHANGED Viewed

@@ -5,7 +5,7 @@ const useContactDetailsContext = () => {
   const context = useContext(ContactDetailsContext);
   if (!context && process.env.NODE_ENV !== "production") {
     console.error(
-      `useContactDetailsContext should be used inside of ContactDetails`
+      "useContactDetailsContext should be used inside of ContactDetails"
     );
   }
   return context;

package/dist-es/contact-details/internal/ContactDetailsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n variant: ContactDetailsVariant;\n\n primary?: string;\n setPrimary: (primary?: string) => void;\n primaryId?: string;\n setPrimaryId: (primaryId?: string) => void;\n\n secondary?: string;\n setSecondary: (secondary?: string) => void;\n secondaryId?: string;\n setSecondaryId: (secondaryId?: string) => void;\n\n tertiary?: string;\n setTertiary: (tertiary?: string) => void;\n tertiaryId?: string;\n setTertiaryId: (tertiaryId?: string) => void;\n\n hasAvatar?: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n\n isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n ContactDetailsContext \| undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n const context = useContext(ContactDetailsContext);\n if (!context && process.env.NODE_ENV !== \"production\") {\n console.error(\n `useContactDetailsContext should be used inside of ContactDetails`\n );\n }\n return context!;\n};\n"],"names":[],"mappings":";;AA2Ba,MAAA,qBAAA,GAAwB,cAEnC,KAAS,CAAA,EAAA;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAM,MAAA,OAAA,GAAU,WAAW,qBAAqB,CAAA,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,GAAA,CAAI,aAAa,YAAc,EAAA;AACrD,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN,~~CAAA,gEAAA,CAAA~~;AAAA,KACF,CAAA;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}
1	+ {"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n variant: ContactDetailsVariant;\n\n primary?: string;\n setPrimary: (primary?: string) => void;\n primaryId?: string;\n setPrimaryId: (primaryId?: string) => void;\n\n secondary?: string;\n setSecondary: (secondary?: string) => void;\n secondaryId?: string;\n setSecondaryId: (secondaryId?: string) => void;\n\n tertiary?: string;\n setTertiary: (tertiary?: string) => void;\n tertiaryId?: string;\n setTertiaryId: (tertiaryId?: string) => void;\n\n hasAvatar?: boolean;\n setHasAvatar: (hasAvatar: boolean) => void;\n\n isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n ContactDetailsContext \| undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n const context = useContext(ContactDetailsContext);\n if (!context && process.env.NODE_ENV !== \"production\") {\n console.error(\n \"useContactDetailsContext should be used inside of ContactDetails\",\n );\n }\n return context!;\n};\n"],"names":[],"mappings":";;AA2Ba,MAAA,qBAAA,GAAwB,cAEnC,KAAS,CAAA,EAAA;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAM,MAAA,OAAA,GAAU,WAAW,qBAAqB,CAAA,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,GAAA,CAAI,aAAa,YAAc,EAAA;AACrD,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN,kEAAA;AAAA,KACF,CAAA;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist-es/contact-details/internal/FavoriteToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport React, {\n FocusEventHandler,\n ~~forwardRef~~,\n ~~KeyboardEventHandler~~,\n ~~MouseEventHandler~~,\n useState,\n} from \"react\";\nimport { StarIconContainer, StarIconContainerProps } from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n event\n ) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n event\n ) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n }\n);\n"],"names":["FavoriteToggle"],"mappings":";;;;;~~AAqBO~~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"}
1	+ {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport type React from \"react\";\nimport {\n type FocusEventHandler,\n type KeyboardEventHandler,\n type MouseEventHandler,\n forwardRef,\n useState,\n} from \"react\";\nimport {\n StarIconContainer,\n type StarIconContainerProps,\n} from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n event,\n ) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n event,\n ) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n },\n);\n"],"names":["FavoriteToggle"],"mappings":"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"}

package/dist-es/contact-details/internal/FavoriteToggleWithTooltip.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 import { Tooltip } from '@salt-ds/core';
+import { forwardRef } from 'react';
 import { FavoriteToggle } from './FavoriteToggle.js';
 const FavoriteToggleWithTooltip = forwardRef(function FavoriteToggleWithTooltip2(props, ref) {

package/dist-es/contact-details/internal/FavoriteToggleWithTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { ~~forwardRef~~ } from \"~~react~~\";\nimport { ~~Tooltip,~~ ~~TooltipProps~~ } from \"~~@salt-ds/core~~\";\nimport { FavoriteToggle, FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n tooltipProps?: TooltipProps;\n tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n HTMLSpanElement,\n FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n const {\n tooltipTitle = \"Toggle favorite\",\n tooltipProps,\n ...restProps\n } = props;\n\n return (\n <Tooltip enterDelay={1500} placement=\"bottom\" content={tooltipTitle}>\n <FavoriteToggle ref={ref} {...restProps} />\n </Tooltip>\n );\n});\n"],"names":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,yBAA4B,GAAA,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,iBAAA;AAAA,IACf,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,UAAY,EAAA,IAAA;AAAA,IAAM,SAAU,EAAA,QAAA;AAAA,IAAS,OAAS,EAAA,YAAA;AAAA,IACrD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA;AAAA,MAAe,GAAA;AAAA,MAAW,GAAG,SAAA;AAAA,KAAW,CAAA;AAAA,GAC3C,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport { FavoriteToggle, type FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n tooltipProps?: TooltipProps;\n tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n HTMLSpanElement,\n FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n const {\n tooltipTitle = \"Toggle favorite\",\n tooltipProps,\n ...restProps\n } = props;\n\n return (\n <Tooltip enterDelay={1500} placement=\"bottom\" content={tooltipTitle}>\n <FavoriteToggle ref={ref} {...restProps} />\n </Tooltip>\n );\n});\n"],"names":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,yBAA4B,GAAA,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,iBAAA;AAAA,IACf,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,UAAY,EAAA,IAAA;AAAA,IAAM,SAAU,EAAA,QAAA;AAAA,IAAS,OAAS,EAAA,YAAA;AAAA,IACrD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA;AAAA,MAAe,GAAA;AAAA,MAAW,GAAG,SAAA;AAAA,KAAW,CAAA;AAAA,GAC3C,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/contact-details/internal/StarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nconst filledPath =\n \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n className?: string;\n selected?: boolean;\n highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n function StarIcon({ className, selected, highlighted }, ref) {\n const path = !selected && !highlighted ? hollowPath : filledPath;\n\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n ref={ref}\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <path d={path} />\n </g>\n </svg>\n );\n }\n);\n"],"names":["StarIcon"],"mappings":";;;AAEA,MAAM,UACJ,GAAA,oFAAA,CAAA;AAEF,MAAM,UACJ,GAAA,8OAAA,CAAA;AAQK,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,EAAE,WAAW,QAAU,EAAA,WAAA,IAAe,GAAK,EAAA;AAC3D,IAAA,MAAM,IAAO,GAAA,CAAC,QAAY,IAAA,CAAC,cAAc,UAAa,GAAA,UAAA,CAAA;AAEtD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MAER,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,QAAE,QAAS,EAAA,SAAA;AAAA,QACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,CAAG,EAAA,IAAA;AAAA,SAAM,CAAA;AAAA,OACjB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nconst filledPath =\n \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n className?: string;\n selected?: boolean;\n highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n function StarIcon({ className, selected, highlighted }, ref) {\n const path = !selected && !highlighted ? hollowPath : filledPath;\n\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n ref={ref}\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <path d={path} />\n </g>\n </svg>\n );\n },\n);\n"],"names":["StarIcon"],"mappings":";;;AAEA,MAAM,UACJ,GAAA,oFAAA,CAAA;AAEF,MAAM,UACJ,GAAA,8OAAA,CAAA;AAQK,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,EAAE,WAAW,QAAU,EAAA,WAAA,IAAe,GAAK,EAAA;AAC3D,IAAA,MAAM,IAAO,GAAA,CAAC,QAAY,IAAA,CAAC,cAAc,UAAa,GAAA,UAAA,CAAA;AAEtD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MAER,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,QAAE,QAAS,EAAA,SAAA;AAAA,QACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,CAAG,EAAA,IAAA;AAAA,SAAM,CAAA;AAAA,OACjB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/contact-details/internal/StarIconContainer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
 import { makePrefixer } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
 import { StarIcon } from './StarIcon.js';
 const withBaseName = makePrefixer("saltContactFavoriteToggle");

package/dist-es/contact-details/internal/StarIconContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import ~~React,~~ { ~~forwardRef,~~ ~~HTMLAttributes~~ } from \"~~react~~\";\nimport { clsx } from \"clsx\";\nimport { ~~makePrefixer~~ } from \"~~@salt-ds/core~~\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["StarIconContainer"],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,2BAA2B,CAAA,CAAA;AAWtD,MAAM,iBAAoB,GAAA,UAAA,CAG/B,SAASA,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,cAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,QACnC,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,cAAkB,IAAA,SAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,UAAU,CAAA,GAAI,cAAc,CAAC,aAAA;AAAA,QAC3C,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,CAAC,UAAc,IAAA,aAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,cAAc,CAAC,aAAA;AAAA,QAC9C,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,UAAc,IAAA,aAAA;AAAA,OAC9C,CAAA;AAAA,MACD,WAAa,EAAA,aAAA;AAAA,MACb,QAAU,EAAA,UAAA;AAAA,KACZ,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport React, { forwardRef, type HTMLAttributes } from \"react\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className,\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["StarIconContainer"],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,2BAA2B,CAAA,CAAA;AAWtD,MAAM,iBAAoB,GAAA,UAAA,CAG/B,SAASA,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,cAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,QACnC,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,cAAkB,IAAA,SAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,UAAU,CAAA,GAAI,cAAc,CAAC,aAAA;AAAA,QAC3C,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,CAAC,UAAc,IAAA,aAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,cAAc,CAAC,aAAA;AAAA,QAC9C,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,UAAc,IAAA,aAAA;AAAA,OAC9C,CAAA;AAAA,MACD,WAAa,EAAA,aAAA;AAAA,MACb,QAAU,EAAA,UAAA;AAAA,KACZ,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}