@elliemae/ds-pills-v2 3.60.0-next.1 → 3.60.0-next.3

package/dist/esm/components/PillGroup.js

@@ -1,76 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { createContext, useCallback, useMemo } from "react";
-import { uid } from "uid";
-import {
-  describe,
-  useMemoMergePropsWithDefault,
-  useValidateTypescriptPropTypes,
-  useGetGlobalAttributes
-} from "@elliemae/ds-props-helpers";
-import { StyledPillGroup } from "./styled.js";
-import { DSPillGroupName } from "../DSPillDefinitions.js";
-import { DSPillGroupDefaultProps, DSPillGroupPropTypes } from "../react-desc-prop-types.js";
-const DSPillGroupV2Context = createContext({
-  onKeyboardRemove: () => null,
-  onKeyboardNavigation: () => null
-});
-const DSPillGroupV2 = (props) => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes, DSPillGroupName);
-  const globalAttrs = useGetGlobalAttributes(
-    propsWithDefaults
-  );
-  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);
-  const { children, width, innerRef } = propsWithDefaults;
-  const onKeyboardRemove = useCallback(
-    (pillUid) => {
-      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
-      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
-      if (pillIndex > 0) {
-        elems[pillIndex - 1].focus();
-      } else if (pillIndex + 1 < elems.length) {
-        elems[pillIndex + 1].focus();
-      }
-    },
-    [pillGroupUid]
-  );
-  const onKeyboardNavigation = useCallback(
-    (pillUid, step, e) => {
-      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
-      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
-      if (pillIndex >= 0) {
-        if (elems[pillIndex + step]) {
-          e.stopPropagation();
-          elems[pillIndex + step].focus();
-        }
-      }
-    },
-    [pillGroupUid]
-  );
-  const ctxValue = useMemo(
-    () => ({ onKeyboardRemove, onKeyboardNavigation }),
-    [onKeyboardRemove, onKeyboardNavigation]
-  );
-  return /* @__PURE__ */ jsx(DSPillGroupV2Context.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
-    StyledPillGroup,
-    {
-      ...globalAttrs,
-      width,
-      id: pillGroupUid,
-      cols: React2.Children.map(children, () => "auto"),
-      gutter: "2px",
-      innerRef,
-      children
-    }
-  ) });
-};
-DSPillGroupV2.displayName = DSPillGroupName;
-const DSPillGroupV2WithSchema = describe(DSPillGroupV2);
-DSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;
-export {
-  DSPillGroupV2,
-  DSPillGroupV2Context,
-  DSPillGroupV2WithSchema
-};
-//# sourceMappingURL=PillGroup.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, useCallback, useMemo } from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { StyledPillGroup } from './styled.js';\nimport { DSPillGroupName } from '../DSPillDefinitions.js';\nimport { DSPillGroupDefaultProps, type DSPillT, DSPillGroupPropTypes } from '../react-desc-prop-types.js';\n\nexport const DSPillGroupV2Context = createContext<{\n  onKeyboardRemove: (pillUid: string) => void;\n  onKeyboardNavigation: (pillUid: string, step: number, e: React.KeyboardEvent) => void;\n}>({\n  onKeyboardRemove: () => null,\n  onKeyboardNavigation: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillT.GroupProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSPillT.InternalGroupProps>(props, DSPillGroupDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes, DSPillGroupName);\n\n  const globalAttrs = useGetGlobalAttributes<DSPillT.InternalGroupProps, HTMLDivElement, DSGridT.Props>(\n    propsWithDefaults,\n  );\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: React.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  const ctxValue = useMemo(\n    () => ({ onKeyboardRemove, onKeyboardNavigation }),\n    [onKeyboardRemove, onKeyboardNavigation],\n  );\n\n  return (\n    <DSPillGroupV2Context.Provider value={ctxValue}>\n      <StyledPillGroup\n        {...globalAttrs}\n        width={width}\n        id={pillGroupUid}\n        cols={React.Children.map(children, () => 'auto') as string[]}\n        gutter=\"2px\"\n        innerRef={innerRef}\n      >\n        {children}\n      </StyledPillGroup>\n    </DSPillGroupV2Context.Provider>\n  );\n};\n\nDSPillGroupV2.displayName = DSPillGroupName;\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes as ValidationMap<unknown>;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoEjB;AApEN,OAAOA,UAAS,eAAe,aAAa,eAAe;AAC3D,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,yBAAuC,4BAA4B;AAErE,MAAM,uBAAuB,cAGjC;AAAA,EACD,kBAAkB,MAAM;AAAA,EACxB,sBAAsB,MAAM;AAC9B,CAAC;AAED,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,oBAAoB,6BAAyD,OAAO,uBAAuB;AACjH,iCAA+B,mBAAmB,sBAAsB,eAAe;AAEvF,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,QAAQ,MAAM,iBAAiB,IAAI,CAAC,IAAI,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,YAAY,uBAAuB,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,YAAY,GAAG;AACjB,cAAM,YAAY,CAAC,EAAE,MAAM;AAAA,MAC7B,WAAW,YAAY,IAAI,MAAM,QAAQ;AACvC,cAAM,YAAY,CAAC,EAAE,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AACA,QAAM,uBAAuB;AAAA,IAC3B,CAAC,SAAiB,MAAc,MAA2B;AACzD,YAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI,YAAY,uBAAuB,CAAC;AAEpF,YAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,OAAO;AAE/D,UAAI,aAAa,GAAG;AAClB,YAAI,MAAM,YAAY,IAAI,GAAG;AAC3B,YAAE,gBAAgB;AAClB,gBAAM,YAAY,IAAI,EAAE,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,kBAAkB,qBAAqB;AAAA,IAChD,CAAC,kBAAkB,oBAAoB;AAAA,EACzC;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,UACpC;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;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
-  "names": ["React"]
-}

package/dist/types/DSPillDefinitions.d.ts

@@ -1,3 +0,0 @@
-export declare const DSPillName = "DSPill";
-export declare const DSPillButtonName = "DSPillbutton";
-export declare const DSPillGroupName = "DSPillgroup";

package/dist/types/components/PillGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type DSPillT } from '../react-desc-prop-types.js';
-export declare const DSPillGroupV2Context: React.Context<{
-    onKeyboardRemove: (pillUid: string) => void;
-    onKeyboardNavigation: (pillUid: string, step: number, e: React.KeyboardEvent) => void;
-}>;
-declare const DSPillGroupV2: React.ComponentType<DSPillT.GroupProps>;
-declare const DSPillGroupV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSPillT.GroupProps>;
-export { DSPillGroupV2, DSPillGroupV2WithSchema };