npm - @elliemae/ds-pills - Versions diffs - 3.12.0-rc.2 → 3.12.0-rc.21 - Mend

@elliemae/ds-pills 3.12.0-rc.2 → 3.12.0-rc.21

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

package/dist/esm/components/PillGroup.js CHANGED Viewed

@@ -10,13 +10,14 @@ import {
 } from "@elliemae/ds-utilities";
 import { DSPillGroupDefaultProps, DSPillGroupPropTypes } from "../props";
 import { StyledPillGroup } from "./styled";
+import { DSPillGroupName } from "../DSPillDefinitions";
 const DSPillGroupV2Context = createContext({
   onKeyboardRemove: () => null,
   onKeyboardNavigation: () => null
 });
 const DSPillGroupV2 = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);
+  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes, DSPillGroupName);
   const globalAttrs = useGetGlobalAttributes(propsWithDefaults);
   const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);
   const { children, width, innerRef } = propsWithDefaults;
@@ -45,9 +46,9 @@ const DSPillGroupV2 = (props) => {
     },
     [pillGroupUid]
   );
-  return /* @__PURE__ */ jsx(DSPillGroupV2Context.Provider, {
-    value: { onKeyboardRemove, onKeyboardNavigation },
-    children: /* @__PURE__ */ jsx(StyledPillGroup, {
+  return /* @__PURE__ */ jsx(DSPillGroupV2Context.Provider, { value: { onKeyboardRemove, onKeyboardNavigation }, children: /* @__PURE__ */ jsx(
+    StyledPillGroup,
+    {
       ...globalAttrs,
       width,
       id: pillGroupUid,
@@ -55,11 +56,11 @@ const DSPillGroupV2 = (props) => {
       gutter: "2px",
       ref: innerRef,
       children
-    })
-  });
+    }
+  ) });
 };
 DSPillGroupV2.propTypes = DSPillGroupPropTypes;
-DSPillGroupV2.displayName = "DSPillGroupV2";
+DSPillGroupV2.displayName = DSPillGroupName;
 const DSPillGroupV2WithSchema = describe(DSPillGroupV2);
 DSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;
 export {

package/dist/esm/components/PillGroup.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport type { WeakValidationMap } from 'react';\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSPillGroupProps } from '../index.d';\nimport { DSPillGroupDefaultProps, DSPillGroupPropTypes } from '../props';\nimport { StyledPillGroup } from './styled';\n\nexport const DSPillGroupV2Context = createContext<{\n  onKeyboardRemove: (pillUid: string) => void;\n  onKeyboardNavigation: (pillUid: string, step: number, e: KeyboardEvent) => void;\n}>({\n  onKeyboardRemove: () => null,\n  onKeyboardNavigation: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillGroupProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults);\n  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);\n  const { children, width, innerRef } = propsWithDefaults;\n  const onKeyboardRemove = useCallback(\n    (pillUid: string) => {\n      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n      if (pillIndex > 0) {\n        elems[pillIndex - 1].focus();\n      } else if (pillIndex + 1 < elems.length) {\n        elems[pillIndex + 1].focus();\n      }\n    },\n    [pillGroupUid],\n  );\n  const onKeyboardNavigation = useCallback(\n    (pillUid: string, step: number, e: KeyboardEvent) => {\n      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n      if (pillIndex >= 0) {\n        if (elems[pillIndex + step]) {\n          e.stopPropagation();\n          elems[pillIndex + step].focus();\n        }\n      }\n    },\n    [pillGroupUid],\n  );\n\n  return (\n    <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n      <StyledPillGroup\n        {...globalAttrs}\n        width={width}\n        id={pillGroupUid}\n        cols={React.Children.map(children, () => 'auto')}\n        gutter=\"2px\"\n        ref={innerRef}\n      >\n        {children}\n      </StyledPillGroup>\n    </DSPillGroupV2Context.Provider>\n  );\n};\n\nDSPillGroupV2.propTypes = DSPillGroupPropTypes as WeakValidationMap<unknown>;\nDSPillGroupV2.displayName = 'DSPillGroupV2';\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes as WeakValidationMap<unknown>;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6DjB;AA3DN,OAAOA,UAAS,eAAe,aAAa,eAAe;AAC3D,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB,4BAA4B;AAC9D,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,cAGjC;AAAA,EACD,kBAAkB,MAAM;AAAA,EACxB,sBAAsB,MAAM;AAC9B,CAAC;AAED,MAAM,gBAAuD,CAAC,UAAU;AACtE,QAAM,oBAAoB,6BAA6B,OAAO,uBAAuB;AACrF,iCAA+B,mBAAmB,oBAAoB;AAEtE,QAAM,cAAc,uBAAuB,iBAAiB;AAC5D,QAAM,eAAe,QAAQ,MAAM,iBAAiB,IAAI,KAAK,CAAC,CAAC;AAC/D,QAAM,EAAE,UAAU,OAAO,SAAS,IAAI;AACtC,QAAM,mBAAmB;AAAA,IACvB,CAAC,YAAoB;AACnB,YAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI,mCAAmC,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,YAAY,GAAG;AACjB,cAAM,YAAY,GAAG,MAAM;AAAA,MAC7B,WAAW,YAAY,IAAI,MAAM,QAAQ;AACvC,cAAM,YAAY,GAAG,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AACA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAiB,MAAc,MAAqB;AACnD,YAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI,mCAAmC,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,aAAa,GAAG;AAClB,YAAI,MAAM,YAAY,OAAO;AAC3B,YAAE,gBAAgB;AAClB,gBAAM,YAAY,MAAM,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,oBAAC,qBAAqB,UAArB;AAAA,IAA8B,OAAO,EAAE,kBAAkB,qBAAqB;AAAA,IAC7E,8BAAC;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,MACJ,MAAMA,OAAM,SAAS,IAAI,UAAU,MAAM,MAAM;AAAA,MAC/C,QAAO;AAAA,MACP,KAAK;AAAA,MAEJ;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport type { WeakValidationMap } from 'react';\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSPillGroupProps } from '../index.d';\nimport { DSPillGroupDefaultProps, DSPillGroupPropTypes } from '../props';\nimport { StyledPillGroup } from './styled';\nimport { DSPillGroupName } from '../DSPillDefinitions';\n\nexport const DSPillGroupV2Context = createContext<{\n  onKeyboardRemove: (pillUid: string) => void;\n  onKeyboardNavigation: (pillUid: string, step: number, e: KeyboardEvent) => void;\n}>({\n  onKeyboardRemove: () => null,\n  onKeyboardNavigation: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillGroupProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes, DSPillGroupName);\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults);\n  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);\n  const { children, width, innerRef } = propsWithDefaults;\n  const onKeyboardRemove = useCallback(\n    (pillUid: string) => {\n      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n      if (pillIndex > 0) {\n        elems[pillIndex - 1].focus();\n      } else if (pillIndex + 1 < elems.length) {\n        elems[pillIndex + 1].focus();\n      }\n    },\n    [pillGroupUid],\n  );\n  const onKeyboardNavigation = useCallback(\n    (pillUid: string, step: number, e: KeyboardEvent) => {\n      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n      if (pillIndex >= 0) {\n        if (elems[pillIndex + step]) {\n          e.stopPropagation();\n          elems[pillIndex + step].focus();\n        }\n      }\n    },\n    [pillGroupUid],\n  );\n\n  return (\n    <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n      <StyledPillGroup\n        {...globalAttrs}\n        width={width}\n        id={pillGroupUid}\n        cols={React.Children.map(children, () => 'auto')}\n        gutter=\"2px\"\n        ref={innerRef}\n      >\n        {children}\n      </StyledPillGroup>\n    </DSPillGroupV2Context.Provider>\n  );\n};\n\nDSPillGroupV2.propTypes = DSPillGroupPropTypes as WeakValidationMap<unknown>;\nDSPillGroupV2.displayName = DSPillGroupName;\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes as WeakValidationMap<unknown>;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8DjB;AA5DN,OAAOA,UAAS,eAAe,aAAa,eAAe;AAC3D,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB,4BAA4B;AAC9D,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,cAGjC;AAAA,EACD,kBAAkB,MAAM;AAAA,EACxB,sBAAsB,MAAM;AAC9B,CAAC;AAED,MAAM,gBAAuD,CAAC,UAAU;AACtE,QAAM,oBAAoB,6BAA6B,OAAO,uBAAuB;AACrF,iCAA+B,mBAAmB,sBAAsB,eAAe;AAEvF,QAAM,cAAc,uBAAuB,iBAAiB;AAC5D,QAAM,eAAe,QAAQ,MAAM,iBAAiB,IAAI,KAAK,CAAC,CAAC;AAC/D,QAAM,EAAE,UAAU,OAAO,SAAS,IAAI;AACtC,QAAM,mBAAmB;AAAA,IACvB,CAAC,YAAoB;AACnB,YAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI,mCAAmC,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,YAAY,GAAG;AACjB,cAAM,YAAY,GAAG,MAAM;AAAA,MAC7B,WAAW,YAAY,IAAI,MAAM,QAAQ;AACvC,cAAM,YAAY,GAAG,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AACA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAiB,MAAc,MAAqB;AACnD,YAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI,mCAAmC,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,aAAa,GAAG;AAClB,YAAI,MAAM,YAAY,OAAO;AAC3B,YAAE,gBAAgB;AAClB,gBAAM,YAAY,MAAM,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,kBAAkB,qBAAqB,GAC7E;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,MACJ,MAAMA,OAAM,SAAS,IAAI,UAAU,MAAM,MAAM;AAAA,MAC/C,QAAO;AAAA,MACP,KAAK;AAAA,MAEJ;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React"]
 }

package/dist/esm/components/types/DropdownPill.js CHANGED Viewed

@@ -12,56 +12,57 @@ const DropdownPill = React2.memo(
   ({ label, size, labelTruncated, dropdownProps, innerRef, ariaLabel, onDropdownClick }) => {
     const chevronRef = useRef(null);
     const pillUid = useMemo(() => `ds-pill-${uid()}`, []);
-    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
-      value: children
-    }) : React2.Fragment;
-    return /* @__PURE__ */ jsxs(StyledDropdownPillWrapper, {
-      size,
-      id: pillUid,
-      className: "ds-pill-wrapper ds-pill-wrapper-dropdown",
-      "data-testid": "ds-pill-wrapper",
-      cols: ["auto", "24px"],
-      gutter: "2px",
-      alignItems: "center",
-      justifyItems: "center",
-      children: [
-        /* @__PURE__ */ jsx(TextComponent, {
-          children: label
-        }),
-        /* @__PURE__ */ jsx(DSDropdownMenuV2, {
-          placementOrderPreference: [
-            "bottom-start",
-            "bottom",
-            "bottom-end",
-            "right-end",
-            "top-start",
-            "top",
-            "top-end"
-          ],
-          ...dropdownProps,
-          onClickOutside: (e) => {
-            if (e.code === "Escape")
-              chevronRef.current.focus();
-            if (dropdownProps.onClickOutside)
-              dropdownProps.onClickOutside(e);
-          },
-          wrapperStyles: { w: "100%", h: "100%" },
-          children: /* @__PURE__ */ jsx(DSPillButton, {
-            className: "ds-pill-focus-point",
-            "data-testid": "ds-pill-dropdown-chevron",
-            innerRef: setMultipleRefs(chevronRef, innerRef),
-            "aria-label": ariaLabel || label,
-            type: "right",
-            onClick: onDropdownClick,
-            children: /* @__PURE__ */ jsx(ChevronSmallDown, {
-              color: ["brand-primary", "800"],
-              width: 20,
-              height: 20
-            })
-          })
-        })
-      ]
-    });
+    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: children }) : React2.Fragment;
+    return /* @__PURE__ */ jsxs(
+      StyledDropdownPillWrapper,
+      {
+        size,
+        id: pillUid,
+        className: "ds-pill-wrapper ds-pill-wrapper-dropdown",
+        "data-testid": "ds-pill-wrapper",
+        cols: ["auto", "24px"],
+        gutter: "2px",
+        alignItems: "center",
+        justifyItems: "center",
+        children: [
+          /* @__PURE__ */ jsx(TextComponent, { children: label }),
+          /* @__PURE__ */ jsx(
+            DSDropdownMenuV2,
+            {
+              placementOrderPreference: [
+                "bottom-start",
+                "bottom",
+                "bottom-end",
+                "right-end",
+                "top-start",
+                "top",
+                "top-end"
+              ],
+              ...dropdownProps,
+              onClickOutside: (e) => {
+                if (e.code === "Escape")
+                  chevronRef.current.focus();
+                if (dropdownProps.onClickOutside)
+                  dropdownProps.onClickOutside(e);
+              },
+              wrapperStyles: { w: "100%", h: "100%" },
+              children: /* @__PURE__ */ jsx(
+                DSPillButton,
+                {
+                  className: "ds-pill-focus-point",
+                  "data-testid": "ds-pill-dropdown-chevron",
+                  innerRef: setMultipleRefs(chevronRef, innerRef),
+                  "aria-label": ariaLabel || label,
+                  type: "right",
+                  onClick: onDropdownClick,
+                  children: /* @__PURE__ */ jsx(ChevronSmallDown, { color: ["brand-primary", "800"], width: 20, height: 20 })
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {

package/dist/esm/components/types/DropdownPill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/DropdownPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef, useCallback } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { uid } from 'uid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledDropdownPillWrapper } from '../styled';\nimport type { DSPillProps } from '../../index.d';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const DropdownPill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, dropdownProps, innerRef, ariaLabel, onDropdownClick }) => {\n    const chevronRef = useRef(null);\n\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledDropdownPillWrapper\n        size={size}\n        id={pillUid}\n        className=\"ds-pill-wrapper ds-pill-wrapper-dropdown\"\n        data-testid=\"ds-pill-wrapper\"\n        cols={['auto', '24px']}\n        gutter=\"2px\"\n        alignItems=\"center\"\n        justifyItems=\"center\"\n      >\n        <TextComponent>{label}</TextComponent>\n        <DSDropdownMenuV2\n          placementOrderPreference={[\n            'bottom-start',\n            'bottom',\n            'bottom-end',\n            'right-end',\n            'top-start',\n            'top',\n            'top-end',\n          ]}\n          {...dropdownProps}\n          onClickOutside={(e) => {\n            if (e.code === 'Escape') chevronRef.current.focus();\n            if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);\n          }}\n          wrapperStyles={{ w: '100%', h: '100%' }}\n        >\n          <DSPillButton\n            className=\"ds-pill-focus-point\"\n            data-testid=\"ds-pill-dropdown-chevron\"\n            innerRef={setMultipleRefs(chevronRef, innerRef)}\n            aria-label={ariaLabel || label}\n            type=\"right\"\n            onClick={onDropdownClick}\n          >\n            <ChevronSmallDown color={['brand-primary', '800']} width={20} height={20} />\n          </DSPillButton>\n        </DSDropdownMenuV2>\n      </StyledDropdownPillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBG,cAIpB,YAJoB;AAjB1B,OAAOA,UAAS,SAAS,cAA2B;AACpD,SAAS,wBAAwB;AACjC,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAE1C,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAEtB,MAAM,eAAeA,OAAM;AAAA,EAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,eAAe,UAAU,WAAW,gBAAgB,MAAM;AACxF,UAAM,aAAa,OAAO,IAAI;AAE9B,UAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,KAAK,CAAC,CAAC;AAEpD,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,MAA2B,OAAO;AAAA,KAAU,IAC/DA,OAAM;AAEV,WACE,qBAAC;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,YAAW;AAAA,MACX,cAAa;AAAA,MAEb;AAAA,4BAAC;AAAA,UAAe;AAAA,SAAM;AAAA,QACtB,oBAAC;AAAA,UACC,0BAA0B;AAAA,YACxB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UACJ,gBAAgB,CAAC,MAAM;AACrB,gBAAI,EAAE,SAAS;AAAU,yBAAW,QAAQ,MAAM;AAClD,gBAAI,cAAc;AAAgB,4BAAc,eAAe,CAAC;AAAA,UAClE;AAAA,UACA,eAAe,EAAE,GAAG,QAAQ,GAAG,OAAO;AAAA,UAEtC,8BAAC;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,UAAU,gBAAgB,YAAY,QAAQ;AAAA,YAC9C,cAAY,aAAa;AAAA,YACzB,MAAK;AAAA,YACL,SAAS;AAAA,YAET,8BAAC;AAAA,cAAiB,OAAO,CAAC,iBAAiB,KAAK;AAAA,cAAG,OAAO;AAAA,cAAI,QAAQ;AAAA,aAAI;AAAA,WAC5E;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACkBG,cAIpB,YAJoB;AAjB1B,OAAOA,UAAS,SAAS,cAA2B;AACpD,SAAS,wBAAwB;AACjC,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAE1C,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAEtB,MAAM,eAAeA,OAAM;AAAA,EAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,eAAe,UAAU,WAAW,gBAAgB,MAAM;AACxF,UAAM,aAAa,OAAO,IAAI;AAE9B,UAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,KAAK,CAAC,CAAC;AAEpD,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC,8BAA2B,OAAO,UAAU,IAC/DA,OAAM;AAEV,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,QACrB,QAAO;AAAA,QACP,YAAW;AAAA,QACX,cAAa;AAAA,QAEb;AAAA,8BAAC,iBAAe,iBAAM;AAAA,UACtB;AAAA,YAAC;AAAA;AAAA,cACC,0BAA0B;AAAA,gBACxB;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cACC,GAAG;AAAA,cACJ,gBAAgB,CAAC,MAAM;AACrB,oBAAI,EAAE,SAAS;AAAU,6BAAW,QAAQ,MAAM;AAClD,oBAAI,cAAc;AAAgB,gCAAc,eAAe,CAAC;AAAA,cAClE;AAAA,cACA,eAAe,EAAE,GAAG,QAAQ,GAAG,OAAO;AAAA,cAEtC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,eAAY;AAAA,kBACZ,UAAU,gBAAgB,YAAY,QAAQ;AAAA,kBAC9C,cAAY,aAAa;AAAA,kBACzB,MAAK;AAAA,kBACL,SAAS;AAAA,kBAET,8BAAC,oBAAiB,OAAO,CAAC,iBAAiB,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,cAC5E;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/components/types/InputPill.js CHANGED Viewed

@@ -33,42 +33,48 @@ const InputPill = React2.memo(
       [onInputClear]
     );
     const [inputHasFocus, setInputHasFocus] = useState(false);
-    return /* @__PURE__ */ jsxs(StyledInputPillWrapper, {
-      size,
-      className: "ds-pill-wrapper",
-      "data-testid": "ds-pill-wrapper",
-      cols: label === "" ? ["auto"] : ["auto", "24px"],
-      inputWidth,
-      value: label,
-      inputHasFocus,
-      hasError,
-      children: [
-        /* @__PURE__ */ jsx(InputComponent, {
-          id: pillUid,
-          className: "ds-pill-focus-point",
-          "data-testid": "ds-pill-input",
-          innerRef: setMultipleRefs(ref, innerRef),
-          value: label,
-          onChange: onInputChange,
-          placeholder: inputPlaceholder,
-          onFocus: () => setInputHasFocus(true),
-          onBlur: () => setInputHasFocus(false),
-          disableTooltip: false
-        }),
-        label !== "" && /* @__PURE__ */ jsx(DSPillButton, {
-          id: pillUid,
-          "data-testid": "ds-pill-clear-icon",
-          innerRef,
-          onClick: onCloseIconClick,
-          "aria-label": "Clear input",
-          type: "right",
-          children: /* @__PURE__ */ jsx(CloseXsmall, {
-            size: "s",
-            color: ["brand-primary", "700"]
-          })
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      StyledInputPillWrapper,
+      {
+        size,
+        className: "ds-pill-wrapper",
+        "data-testid": "ds-pill-wrapper",
+        cols: label === "" ? ["auto"] : ["auto", "24px"],
+        inputWidth,
+        value: label,
+        inputHasFocus,
+        hasError,
+        children: [
+          /* @__PURE__ */ jsx(
+            InputComponent,
+            {
+              id: pillUid,
+              className: "ds-pill-focus-point",
+              "data-testid": "ds-pill-input",
+              innerRef: setMultipleRefs(ref, innerRef),
+              value: label,
+              onChange: onInputChange,
+              placeholder: inputPlaceholder,
+              onFocus: () => setInputHasFocus(true),
+              onBlur: () => setInputHasFocus(false),
+              disableTooltip: false
+            }
+          ),
+          label !== "" && /* @__PURE__ */ jsx(
+            DSPillButton,
+            {
+              id: pillUid,
+              "data-testid": "ds-pill-clear-icon",
+              innerRef,
+              onClick: onCloseIconClick,
+              "aria-label": "Clear input",
+              type: "right",
+              children: /* @__PURE__ */ jsx(CloseXsmall, { size: "s", color: ["brand-primary", "700"] })
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {

package/dist/esm/components/types/InputPill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/InputPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n  ({\n    label,\n    size,\n    inputPlaceholder,\n    inputWidth,\n    inputRender,\n    onInputChange,\n    onInputClear,\n    innerRef,\n    hasError,\n    inputId,\n  }) => {\n    const ref = useRef<HTMLElement>(null);\n\n    const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n    const pillUid = useMemo(() => inputId ?? `ds-pill-${uid()}`, []);\n\n    const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n      (e) => {\n        if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          onInputClear(e);\n          ref.current.focus();\n        }\n      },\n      [onInputClear],\n    );\n\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n\n    return (\n      <StyledInputPillWrapper\n        size={size}\n        className=\"ds-pill-wrapper\"\n        data-testid=\"ds-pill-wrapper\"\n        cols={label === '' ? ['auto'] : ['auto', '24px']}\n        inputWidth={inputWidth}\n        value={label}\n        inputHasFocus={inputHasFocus}\n        hasError={hasError}\n      >\n        <InputComponent\n          id={pillUid}\n          className=\"ds-pill-focus-point\"\n          data-testid=\"ds-pill-input\"\n          innerRef={setMultipleRefs(ref, innerRef)}\n          value={label}\n          onChange={onInputChange}\n          placeholder={inputPlaceholder}\n          onFocus={() => setInputHasFocus(true)}\n          onBlur={() => setInputHasFocus(false)}\n          disableTooltip={false}\n        />\n        {label !== '' && (\n          <DSPillButton\n            id={pillUid}\n            data-testid=\"ds-pill-clear-icon\"\n            innerRef={innerRef}\n            onClick={onCloseIconClick}\n            // onKeyDown={onCloseIconClick} // button v2 now triggers click on key down already\n            aria-label=\"Clear input\"\n            type=\"right\"\n          >\n            <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n          </DSPillButton>\n        )}\n      </StyledInputPillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0CjB,SAUE,KAVF;AAzCN,OAAOA,UAAS,aAAa,SAAS,QAAQ,gBAAgB;AAC9D,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAE5B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAEtB,MAAM,YAAYA,OAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,MAAM,OAAoB,IAAI;AAEpC,UAAM,iBAAiB,QAAQ,MAAM,aAAa,CAAC,WAAW,CAAC;AAE/D,UAAM,UAAU,QAAQ,MAAM,WAAW,WAAW,IAAI,KAAK,CAAC,CAAC;AAE/D,UAAM,mBAAyE;AAAA,MAC7E,CAAC,MAAM;AACL,YAAI,CAAC,QAAW,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAClD,YAAE,eAAe;AACjB,uBAAa,CAAC;AACd,cAAI,QAAQ,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAAC,YAAY;AAAA,IACf;AAEA,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,WACE,qBAAC;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAM,UAAU,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,MAAM;AAAA,MAC/C;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,UAAU,gBAAgB,KAAK,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,aAAa;AAAA,UACb,SAAS,MAAM,iBAAiB,IAAI;AAAA,UACpC,QAAQ,MAAM,iBAAiB,KAAK;AAAA,UACpC,gBAAgB;AAAA,SAClB;AAAA,QACC,UAAU,MACT,oBAAC;AAAA,UACC,IAAI;AAAA,UACJ,eAAY;AAAA,UACZ;AAAA,UACA,SAAS;AAAA,UAET,cAAW;AAAA,UACX,MAAK;AAAA,UAEL,8BAAC;AAAA,YAAY,MAAK;AAAA,YAAI,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA,SACzD;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;AC0CjB,SAUE,KAVF;AAzCN,OAAOA,UAAS,aAAa,SAAS,QAAQ,gBAAgB;AAC9D,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAE5B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAEtB,MAAM,YAAYA,OAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,MAAM,OAAoB,IAAI;AAEpC,UAAM,iBAAiB,QAAQ,MAAM,aAAa,CAAC,WAAW,CAAC;AAE/D,UAAM,UAAU,QAAQ,MAAM,WAAW,WAAW,IAAI,KAAK,CAAC,CAAC;AAE/D,UAAM,mBAAyE;AAAA,MAC7E,CAAC,MAAM;AACL,YAAI,CAAC,QAAW,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAClD,YAAE,eAAe;AACjB,uBAAa,CAAC;AACd,cAAI,QAAQ,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,CAAC,YAAY;AAAA,IACf;AAEA,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAM,UAAU,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,MAAM;AAAA,QAC/C;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,UAAU,gBAAgB,KAAK,QAAQ;AAAA,cACvC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,aAAa;AAAA,cACb,SAAS,MAAM,iBAAiB,IAAI;AAAA,cACpC,QAAQ,MAAM,iBAAiB,KAAK;AAAA,cACpC,gBAAgB;AAAA;AAAA,UAClB;AAAA,UACC,UAAU,MACT;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAY;AAAA,cACZ;AAAA,cACA,SAAS;AAAA,cAET,cAAW;AAAA,cACX,MAAK;AAAA,cAEL,8BAAC,eAAY,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA,UACzD;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/components/types/LabelPill.js CHANGED Viewed

@@ -4,25 +4,24 @@ import React2 from "react";
 import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 import { StyledLabelPillWrapper } from "../styled";
 const LabelPill = React2.memo(({ label, size, labelTruncated, iconLeft, ariaLabel }) => {
-  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
-    value: children
-  }) : React2.Fragment;
-  return /* @__PURE__ */ jsxs(StyledLabelPillWrapper, {
-    size,
-    alignItems: "center",
-    className: "ds-pill-wrapper ds-pill-wrapper-label",
-    "data-testid": "ds-pill-wrapper",
-    "aria-label": ariaLabel || label,
-    cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
-    gutter: "xxxs",
-    hasIcon: iconLeft !== null,
-    children: [
-      iconLeft,
-      /* @__PURE__ */ jsx(TextComponent, {
-        children: label
-      })
-    ]
-  });
+  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: children }) : React2.Fragment;
+  return /* @__PURE__ */ jsxs(
+    StyledLabelPillWrapper,
+    {
+      size,
+      alignItems: "center",
+      className: "ds-pill-wrapper ds-pill-wrapper-label",
+      "data-testid": "ds-pill-wrapper",
+      "aria-label": ariaLabel || label,
+      cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
+      gutter: "xxxs",
+      hasIcon: iconLeft !== null,
+      children: [
+        iconLeft,
+        /* @__PURE__ */ jsx(TextComponent, { children: label })
+      ]
+    }
+  );
 });
 export {
   LabelPill

package/dist/esm/components/types/LabelPill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/LabelPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledLabelPillWrapper } from '../styled';\n\nexport const LabelPill = React.memo<DSPillProps>(({ label, size, labelTruncated, iconLeft, ariaLabel }) => {\n  const TextComponent = labelTruncated\n    ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n    : React.Fragment;\n  return (\n    <StyledLabelPillWrapper\n      size={size}\n      alignItems=\"center\"\n      className=\"ds-pill-wrapper ds-pill-wrapper-label\"\n      data-testid=\"ds-pill-wrapper\"\n      aria-label={ariaLabel || label}\n      cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n      gutter=\"xxxs\"\n      hasIcon={iconLeft !== null}\n    >\n      {iconLeft}\n      <TextComponent>{label}</TextComponent>\n    </StyledLabelPillWrapper>\n  );\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQC,cAGpB,YAHoB;AAPxB,OAAOA,YAAW;AAClB,SAAS,kCAAkC;AAE3C,SAAS,8BAA8B;AAEhC,MAAM,YAAYA,OAAM,KAAkB,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,UAAU,MAAM;AACzG,QAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,IAA2B,OAAO;AAAA,GAAU,IAC/DA,OAAM;AACV,SACE,qBAAC;AAAA,IACC;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,MAAM,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,IACvE,QAAO;AAAA,IACP,SAAS,aAAa;AAAA,IAErB;AAAA;AAAA,MACD,oBAAC;AAAA,QAAe;AAAA,OAAM;AAAA;AAAA,GACxB;AAEJ,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACQC,cAGpB,YAHoB;AAPxB,OAAOA,YAAW;AAClB,SAAS,kCAAkC;AAE3C,SAAS,8BAA8B;AAEhC,MAAM,YAAYA,OAAM,KAAkB,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,UAAU,MAAM;AACzG,QAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC,8BAA2B,OAAO,UAAU,IAC/DA,OAAM;AACV,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MACzB,MAAM,CAAC,YAAY,eAAe,MAAM,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,MACvE,QAAO;AAAA,MACP,SAAS,aAAa;AAAA,MAErB;AAAA;AAAA,QACD,oBAAC,iBAAe,iBAAM;AAAA;AAAA;AAAA,EACxB;AAEJ,CAAC;",
   "names": ["React"]
 }

package/dist/esm/components/types/ReadOnlyPill.js CHANGED Viewed

@@ -7,27 +7,26 @@ const ReadOnlyPill = React2.memo(
   ({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {
     const hasIconLeft = iconLeft !== null || iconRight !== null && label === "";
     const hasIconRight = iconRight !== null || iconLeft !== null && label === "";
-    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
-      value: children
-    }) : React2.Fragment;
-    return /* @__PURE__ */ jsxs(StyledReadonlyPillWrapper, {
-      size,
-      alignItems: "center",
-      className: "ds-pill-wrapper ds-pill-wrapper-readonly",
-      "data-testid": "ds-pill-wrapper",
-      "aria-label": ariaLabel || label,
-      cols: [iconLeft && "min-content", label && "auto", iconRight && "min-content"].filter((notFalse) => notFalse),
-      gutter: "xxxs",
-      hasIconRight,
-      hasIconLeft,
-      children: [
-        iconLeft,
-        label ? /* @__PURE__ */ jsx(TextComponent, {
-          children: label
-        }) : null,
-        iconRight
-      ]
-    });
+    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: children }) : React2.Fragment;
+    return /* @__PURE__ */ jsxs(
+      StyledReadonlyPillWrapper,
+      {
+        size,
+        alignItems: "center",
+        className: "ds-pill-wrapper ds-pill-wrapper-readonly",
+        "data-testid": "ds-pill-wrapper",
+        "aria-label": ariaLabel || label,
+        cols: [iconLeft && "min-content", label && "auto", iconRight && "min-content"].filter((notFalse) => notFalse),
+        gutter: "xxxs",
+        hasIconRight,
+        hasIconLeft,
+        children: [
+          iconLeft,
+          label ? /* @__PURE__ */ jsx(TextComponent, { children: label }) : null,
+          iconRight
+        ]
+      }
+    );
   }
 );
 export {

package/dist/esm/components/types/ReadOnlyPill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/ReadOnlyPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n    const hasIconLeft = iconLeft !== null || (iconRight !== null && label === '');\n    const hasIconRight = iconRight !== null || (iconLeft !== null && label === '');\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledReadonlyPillWrapper\n        size={size}\n        alignItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n        cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n        gutter=\"xxxs\"\n        hasIconRight={hasIconRight}\n        hasIconLeft={hasIconLeft}\n      >\n        {iconLeft}\n        {label ? <TextComponent>{label}</TextComponent> : null}\n        {iconRight}\n      </StyledReadonlyPillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACaG,cAIpB,YAJoB;AAX1B,OAAOA,YAAW;AAClB,SAAS,kCAAkC;AAE3C,SAAS,iCAAiC;AAEnC,MAAM,eAAeA,OAAM;AAAA,EAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAW,UAAU,MAAM;AACnE,UAAM,cAAc,aAAa,QAAS,cAAc,QAAQ,UAAU;AAC1E,UAAM,eAAe,cAAc,QAAS,aAAa,QAAQ,UAAU;AAE3E,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,MAA2B,OAAO;AAAA,KAAU,IAC/DA,OAAM;AAEV,WACE,qBAAC;AAAA,MACC;AAAA,MACA,YAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MACzB,MAAM,CAAC,YAAY,eAAe,SAAS,QAAQ,aAAa,aAAa,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,MAC5G,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA,QAAQ,oBAAC;AAAA,UAAe;AAAA,SAAM,IAAmB;AAAA,QACjD;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACaG,cAIpB,YAJoB;AAX1B,OAAOA,YAAW;AAClB,SAAS,kCAAkC;AAE3C,SAAS,iCAAiC;AAEnC,MAAM,eAAeA,OAAM;AAAA,EAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAW,UAAU,MAAM;AACnE,UAAM,cAAc,aAAa,QAAS,cAAc,QAAQ,UAAU;AAC1E,UAAM,eAAe,cAAc,QAAS,aAAa,QAAQ,UAAU;AAE3E,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC,8BAA2B,OAAO,UAAU,IAC/DA,OAAM;AAEV,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,YAAW;AAAA,QACX,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAY,aAAa;AAAA,QACzB,MAAM,CAAC,YAAY,eAAe,SAAS,QAAQ,aAAa,aAAa,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,QAC5G,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,UACA,QAAQ,oBAAC,iBAAe,iBAAM,IAAmB;AAAA,UACjD;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/components/types/RemovablePill.js CHANGED Viewed

@@ -11,9 +11,7 @@ const RemovablePill = React2.memo(
   ({ label, size, disabled, labelTruncated, onRemove, innerRef, ariaLabel, tabIndex }) => {
     const { onKeyboardRemove, onKeyboardNavigation } = useContext(DSPillGroupV2Context);
     const pillUid = useMemo(() => `ds-pill-${uid()}`, []);
-    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
-      value: children
-    }) : React2.Fragment;
+    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: children }) : React2.Fragment;
     const onKeyDown = useCallback(
       (e) => {
         if (["Enter", "Space"].includes(e.code)) {
@@ -34,39 +32,44 @@ const RemovablePill = React2.memo(
       },
       [onKeyboardRemove, onRemove, onKeyboardNavigation, pillUid]
     );
-    return /* @__PURE__ */ jsxs(StyledRemovablePillWrapper, {
-      size,
-      cols: ["auto", "24px"],
-      gutter: "2px",
-      alignItems: "center",
-      justifyItems: "center",
-      className: "ds-pill-wrapper ds-pill-wrapper-removable",
-      "data-testid": "ds-pill-wrapper",
-      "aria-label": ariaLabel || label,
-      children: [
-        /* @__PURE__ */ jsx(TextComponent, {
-          children: label
-        }),
-        /* @__PURE__ */ jsx(Fragment, {
-          children: !disabled ? /* @__PURE__ */ jsx(DSPillButton, {
-            className: "ds-pill-focus-point",
-            id: pillUid,
-            "data-testid": "ds-pill-close-icon",
-            innerRef,
-            onClick: onRemove,
-            onKeyDown,
-            "aria-label": `Remove ${label}`,
-            type: "right",
-            tabIndex,
-            children: /* @__PURE__ */ jsx(CloseXsmall, {
-              width: size === "s" ? 18 : 22.65,
-              height: size === "s" ? 18 : 22.65,
-              color: ["brand-primary", "700"]
-            })
-          }) : null
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      StyledRemovablePillWrapper,
+      {
+        size,
+        cols: ["auto", "24px"],
+        gutter: "2px",
+        alignItems: "center",
+        justifyItems: "center",
+        className: "ds-pill-wrapper ds-pill-wrapper-removable",
+        "data-testid": "ds-pill-wrapper",
+        "aria-label": ariaLabel || label,
+        children: [
+          /* @__PURE__ */ jsx(TextComponent, { children: label }),
+          /* @__PURE__ */ jsx(Fragment, { children: !disabled ? /* @__PURE__ */ jsx(
+            DSPillButton,
+            {
+              className: "ds-pill-focus-point",
+              id: pillUid,
+              "data-testid": "ds-pill-close-icon",
+              innerRef,
+              onClick: onRemove,
+              onKeyDown,
+              "aria-label": `Remove ${label}`,
+              type: "right",
+              tabIndex,
+              children: /* @__PURE__ */ jsx(
+                CloseXsmall,
+                {
+                  width: size === "s" ? 18 : 22.65,
+                  height: size === "s" ? 18 : 22.65,
+                  color: ["brand-primary", "700"]
+                }
+              )
+            }
+          ) : null })
+        ]
+      }
+    );
   }
 );
 export {

package/dist/esm/components/types/RemovablePill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/RemovablePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(\n  ({ label, size, disabled, labelTruncated, onRemove, innerRef, ariaLabel, tabIndex }) => {\n    const { onKeyboardRemove, onKeyboardNavigation } = useContext(DSPillGroupV2Context);\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        if (['Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          if (onKeyboardRemove) onKeyboardRemove(pillUid);\n        }\n        if (e.code === 'ArrowLeft') {\n          e.preventDefault();\n          if (onKeyboardNavigation) onKeyboardNavigation(pillUid, -1, e);\n        }\n        if (e.code === 'ArrowRight') {\n          e.preventDefault();\n          if (onKeyboardNavigation) onKeyboardNavigation(pillUid, 1, e);\n        }\n      },\n      [onKeyboardRemove, onRemove, onKeyboardNavigation, pillUid],\n    );\n\n    return (\n      <StyledRemovablePillWrapper\n        size={size}\n        cols={['auto', '24px']}\n        gutter=\"2px\"\n        alignItems=\"center\"\n        justifyItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n      >\n        <TextComponent>{label}</TextComponent>\n        <>\n          {!disabled ? (\n            <DSPillButton\n              className=\"ds-pill-focus-point\"\n              id={pillUid}\n              data-testid=\"ds-pill-close-icon\"\n              innerRef={innerRef}\n              onClick={onRemove}\n              onKeyDown={onKeyDown}\n              aria-label={`Remove ${label}`}\n              type=\"right\"\n              tabIndex={tabIndex}\n            >\n              <CloseXsmall\n                width={size === 's' ? 18 : 22.65}\n                height={size === 's' ? 18 : 22.65}\n                color={['brand-primary', '700']}\n              />\n            </DSPillButton>\n          ) : null}\n        </>\n      </StyledRemovablePillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBG,SAiClB,UAjCkB,KAsBpB,YAtBoB;AAf1B,OAAOA,UAAS,aAAa,YAAY,eAAe;AACxD,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAC5B,SAAS,kCAAkC;AAE3C,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAEtB,MAAM,gBAAgBA,OAAM;AAAA,EACjC,CAAC,EAAE,OAAO,MAAM,UAAU,gBAAgB,UAAU,UAAU,WAAW,SAAS,MAAM;AACtF,UAAM,EAAE,kBAAkB,qBAAqB,IAAI,WAAW,oBAAoB;AAClF,UAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,KAAK,CAAC,CAAC;AAEpD,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,MAA2B,OAAO;AAAA,KAAU,IAC/DA,OAAM;AAEV,UAAM,YAAY;AAAA,MAChB,CAAC,MAAqB;AACpB,YAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,YAAE,eAAe;AACjB,cAAI;AAAkB,6BAAiB,OAAO;AAAA,QAChD;AACA,YAAI,EAAE,SAAS,aAAa;AAC1B,YAAE,eAAe;AACjB,cAAI;AAAsB,iCAAqB,SAAS,IAAI,CAAC;AAAA,QAC/D;AACA,YAAI,EAAE,SAAS,cAAc;AAC3B,YAAE,eAAe;AACjB,cAAI;AAAsB,iCAAqB,SAAS,GAAG,CAAC;AAAA,QAC9D;AAAA,MACF;AAAA,MACA,CAAC,kBAAkB,UAAU,sBAAsB,OAAO;AAAA,IAC5D;AAEA,WACE,qBAAC;AAAA,MACC;AAAA,MACA,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,YAAW;AAAA,MACX,cAAa;AAAA,MACb,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MAEzB;AAAA,4BAAC;AAAA,UAAe;AAAA,SAAM;AAAA,QACtB;AAAA,UACG,WAAC,WACA,oBAAC;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,YACJ,eAAY;AAAA,YACZ;AAAA,YACA,SAAS;AAAA,YACT;AAAA,YACA,cAAY,UAAU;AAAA,YACtB,MAAK;AAAA,YACL;AAAA,YAEA,8BAAC;AAAA,cACC,OAAO,SAAS,MAAM,KAAK;AAAA,cAC3B,QAAQ,SAAS,MAAM,KAAK;AAAA,cAC5B,OAAO,CAAC,iBAAiB,KAAK;AAAA,aAChC;AAAA,WACF,IACE;AAAA,SACN;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACgBG,SAiClB,UAjCkB,KAsBpB,YAtBoB;AAf1B,OAAOA,UAAS,aAAa,YAAY,eAAe;AACxD,SAAS,WAAW;AACpB,SAAS,mBAAmB;AAC5B,SAAS,kCAAkC;AAE3C,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAEtB,MAAM,gBAAgBA,OAAM;AAAA,EACjC,CAAC,EAAE,OAAO,MAAM,UAAU,gBAAgB,UAAU,UAAU,WAAW,SAAS,MAAM;AACtF,UAAM,EAAE,kBAAkB,qBAAqB,IAAI,WAAW,oBAAoB;AAClF,UAAM,UAAU,QAAQ,MAAM,WAAW,IAAI,KAAK,CAAC,CAAC;AAEpD,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC,8BAA2B,OAAO,UAAU,IAC/DA,OAAM;AAEV,UAAM,YAAY;AAAA,MAChB,CAAC,MAAqB;AACpB,YAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,YAAE,eAAe;AACjB,cAAI;AAAkB,6BAAiB,OAAO;AAAA,QAChD;AACA,YAAI,EAAE,SAAS,aAAa;AAC1B,YAAE,eAAe;AACjB,cAAI;AAAsB,iCAAqB,SAAS,IAAI,CAAC;AAAA,QAC/D;AACA,YAAI,EAAE,SAAS,cAAc;AAC3B,YAAE,eAAe;AACjB,cAAI;AAAsB,iCAAqB,SAAS,GAAG,CAAC;AAAA,QAC9D;AAAA,MACF;AAAA,MACA,CAAC,kBAAkB,UAAU,sBAAsB,OAAO;AAAA,IAC5D;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,CAAC,QAAQ,MAAM;AAAA,QACrB,QAAO;AAAA,QACP,YAAW;AAAA,QACX,cAAa;AAAA,QACb,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAY,aAAa;AAAA,QAEzB;AAAA,8BAAC,iBAAe,iBAAM;AAAA,UACtB,gCACG,WAAC,WACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,IAAI;AAAA,cACJ,eAAY;AAAA,cACZ;AAAA,cACA,SAAS;AAAA,cACT;AAAA,cACA,cAAY,UAAU;AAAA,cACtB,MAAK;AAAA,cACL;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,SAAS,MAAM,KAAK;AAAA,kBAC3B,QAAQ,SAAS,MAAM,KAAK;AAAA,kBAC5B,OAAO,CAAC,iBAAiB,KAAK;AAAA;AAAA,cAChC;AAAA;AAAA,UACF,IACE,MACN;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/components/types/ValuePill.js CHANGED Viewed

@@ -6,33 +6,25 @@ import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text"
 import { StyledSpanWithTooltip, StyledValuePillWrapper } from "../styled";
 const ValuePill = React2.memo(
   ({ label, size, labelTruncated, disabled, tooltipValue, iconLeft, ariaLabel }) => {
-    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
-      value: children
-    }) : React2.Fragment;
-    return /* @__PURE__ */ jsxs(StyledValuePillWrapper, {
-      disabled,
-      size,
-      alignItems: "center",
-      className: "ds-pill-wrapper ds-pill-wrapper-value",
-      "data-testid": "ds-pill-wrapper",
-      "aria-label": ariaLabel || label,
-      cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
-      gutter: "xxxs",
-      hasIcon: iconLeft !== null,
-      children: [
-        iconLeft,
-        tooltipValue !== "" ? /* @__PURE__ */ jsx(DSTooltipV3, {
-          text: tooltipValue,
-          children: /* @__PURE__ */ jsx(StyledSpanWithTooltip, {
-            className: "ds-pill-tooltip-value",
-            tabIndex: 0,
-            children: label
-          })
-        }) : /* @__PURE__ */ jsx(TextComponent, {
-          children: label
-        })
-      ]
-    });
+    const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: children }) : React2.Fragment;
+    return /* @__PURE__ */ jsxs(
+      StyledValuePillWrapper,
+      {
+        disabled,
+        size,
+        alignItems: "center",
+        className: "ds-pill-wrapper ds-pill-wrapper-value",
+        "data-testid": "ds-pill-wrapper",
+        "aria-label": ariaLabel || label,
+        cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
+        gutter: "xxxs",
+        hasIcon: iconLeft !== null,
+        children: [
+          iconLeft,
+          tooltipValue !== "" ? /* @__PURE__ */ jsx(DSTooltipV3, { text: tooltipValue, children: /* @__PURE__ */ jsx(StyledSpanWithTooltip, { className: "ds-pill-tooltip-value", tabIndex: 0, children: label }) }) : /* @__PURE__ */ jsx(TextComponent, { children: label })
+        ]
+      }
+    );
   }
 );
 export {

package/dist/esm/components/types/ValuePill.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/ValuePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledSpanWithTooltip, StyledValuePillWrapper } from '../styled';\n\nexport const ValuePill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, disabled, tooltipValue, iconLeft, ariaLabel }) => {\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledValuePillWrapper\n        disabled={disabled}\n        size={size}\n        alignItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-value\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n        cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n        gutter=\"xxxs\"\n        hasIcon={iconLeft !== null}\n      >\n        {iconLeft}\n        {tooltipValue !== '' ? (\n          <DSTooltipV3 text={tooltipValue}>\n            <StyledSpanWithTooltip className=\"ds-pill-tooltip-value\" tabIndex={0}>\n              {label}\n            </StyledSpanWithTooltip>\n          </DSTooltipV3>\n        ) : (\n          <TextComponent>{label}</TextComponent>\n        )}\n      </StyledValuePillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACUG,cAIpB,YAJoB;AAT1B,OAAOA,YAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,kCAAkC;AAE3C,SAAS,uBAAuB,8BAA8B;AAEvD,MAAM,YAAYA,OAAM;AAAA,EAC7B,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,cAAc,UAAU,UAAU,MAAM;AAChF,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,MAA2B,OAAO;AAAA,KAAU,IAC/DA,OAAM;AAEV,WACE,qBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MACzB,MAAM,CAAC,YAAY,eAAe,MAAM,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,MACvE,QAAO;AAAA,MACP,SAAS,aAAa;AAAA,MAErB;AAAA;AAAA,QACA,iBAAiB,KAChB,oBAAC;AAAA,UAAY,MAAM;AAAA,UACjB,8BAAC;AAAA,YAAsB,WAAU;AAAA,YAAwB,UAAU;AAAA,YAChE;AAAA,WACH;AAAA,SACF,IAEA,oBAAC;AAAA,UAAe;AAAA,SAAM;AAAA;AAAA,KAE1B;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACUG,cAIpB,YAJoB;AAT1B,OAAOA,YAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,kCAAkC;AAE3C,SAAS,uBAAuB,8BAA8B;AAEvD,MAAM,YAAYA,OAAM;AAAA,EAC7B,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,cAAc,UAAU,UAAU,MAAM;AAChF,UAAM,gBAAgB,iBAClB,CAAC,EAAE,SAAS,MAAM,oBAAC,8BAA2B,OAAO,UAAU,IAC/DA,OAAM;AAEV,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAW;AAAA,QACX,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAY,aAAa;AAAA,QACzB,MAAM,CAAC,YAAY,eAAe,MAAM,EAAE,OAAO,CAAC,aAAa,QAAQ;AAAA,QACvE,QAAO;AAAA,QACP,SAAS,aAAa;AAAA,QAErB;AAAA;AAAA,UACA,iBAAiB,KAChB,oBAAC,eAAY,MAAM,cACjB,8BAAC,yBAAsB,WAAU,yBAAwB,UAAU,GAChE,iBACH,GACF,IAEA,oBAAC,iBAAe,iBAAM;AAAA;AAAA;AAAA,IAE1B;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }