@elliemae/ds-legacy-pills-v2 1.0.13 → 1.0.16

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 (7) hide show
  1. package/dist/cjs/components/PillGroup.js +2 -2
  2. package/dist/cjs/components/PillGroup.js.map +2 -2
  3. package/dist/esm/components/PillGroup.js +1 -1
  4. package/dist/esm/components/PillGroup.js.map +1 -1
  5. package/dist/types/components/styled.d.ts +9 -37
  6. package/package.json +14 -14
  7. package/dist/types/react-desc-prop-types.d.ts +0 -67
package/dist/cjs/components/PillGroup.js CHANGED
@@ -40,7 +40,7 @@ var import_uid = require("uid");
40
40
  var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
41
41
  var import_styled = require("./styled.js");
42
42
  var import_DSPillDefinitions = require("../DSPillDefinitions.js");
43
- var import_lodash = require("lodash");
43
+ var import_lodash_es = require("lodash-es");
44
44
  var import_react_desc_prop_types = require("../react-desc-prop-types.js");
45
45
  const DSPillGroupV2Context = (0, import_react.createContext)({
46
46
  onKeyboardRemove: () => null,
@@ -49,7 +49,7 @@ const DSPillGroupV2Context = (0, import_react.createContext)({
49
49
  const DSPillGroupV2 = (props) => {
50
50
  const propsWithDefaults = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.DSPillGroupDefaultProps);
51
51
  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.DSPillGroupPropTypes, import_DSPillDefinitions.DSPillGroupName);
52
- const globalAttrs = (0, import_lodash.omit)((0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefaults), ["rows", "wrap"]);
52
+ const globalAttrs = (0, import_lodash_es.omit)((0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefaults), ["rows", "wrap"]);
53
53
  const pillGroupUid = (0, import_react.useMemo)(() => `ds-pill-group-${(0, import_uid.uid)()}`, []);
54
54
  const { children, width, innerRef } = propsWithDefaults;
55
55
  const onKeyboardRemove = (0, import_react.useCallback)(
package/dist/cjs/components/PillGroup.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/PillGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import 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-legacy-props-helpers';\nimport { StyledPillGroup } from './styled.js';\nimport { DSPillGroupName } from '../DSPillDefinitions.js';\nimport { omit } from 'lodash';\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 = omit(useGetGlobalAttributes(propsWithDefaults), ['rows', 'wrap']);\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 return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n <StyledPillGroup\n {...globalAttrs}\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto') as string[]}\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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6DjB;AA5DN,mBAA2D;AAC3D,iBAAoB;AACpB,qCAKO;AACP,oBAAgC;AAChC,+BAAgC;AAChC,oBAAqB;AACrB,mCAA4E;AAErE,MAAM,2BAAuB,4BAGjC;AAAA,EACD,kBAAkB,MAAM;AAAA,EACxB,sBAAsB,MAAM;AAC9B,CAAC;AAED,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,wBAAoB,6DAAyD,OAAO,oDAAuB;AACjH,qEAA+B,mBAAmB,mDAAsB,wCAAe;AAEvF,QAAM,kBAAc,wBAAK,uDAAuB,iBAAiB,GAAG,CAAC,QAAQ,MAAM,CAAC;AACpF,QAAM,mBAAe,sBAAQ,MAAM,qBAAiB,gBAAI,KAAK,CAAC,CAAC;AAC/D,QAAM,EAAE,UAAU,OAAO,SAAS,IAAI;AACtC,QAAM,uBAAmB;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,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,2BAAuB;AAAA,IAC3B,CAAC,SAAiB,MAAc,MAA2B;AACzD,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,IAAI,GAAG;AAC3B,YAAE,gBAAgB;AAClB,gBAAM,YAAY,IAAI,EAAE,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,4CAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,kBAAkB,qBAAqB,GAC7E;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,MACJ,MAAM,aAAAA,QAAM,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,8BAA0B,yCAAS,aAAa;AACtD,wBAAwB,YAAY;",
4
+ "sourcesContent": ["import 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-legacy-props-helpers';\nimport { StyledPillGroup } from './styled.js';\nimport { DSPillGroupName } from '../DSPillDefinitions.js';\nimport { omit } from 'lodash-es';\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 = omit(useGetGlobalAttributes(propsWithDefaults), ['rows', 'wrap']);\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 return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n <StyledPillGroup\n {...globalAttrs}\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto') as string[]}\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", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6DjB;AA5DN,mBAA2D;AAC3D,iBAAoB;AACpB,qCAKO;AACP,oBAAgC;AAChC,+BAAgC;AAChC,uBAAqB;AACrB,mCAA4E;AAErE,MAAM,2BAAuB,4BAGjC;AAAA,EACD,kBAAkB,MAAM;AAAA,EACxB,sBAAsB,MAAM;AAC9B,CAAC;AAED,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,wBAAoB,6DAAyD,OAAO,oDAAuB;AACjH,qEAA+B,mBAAmB,mDAAsB,wCAAe;AAEvF,QAAM,kBAAc,2BAAK,uDAAuB,iBAAiB,GAAG,CAAC,QAAQ,MAAM,CAAC;AACpF,QAAM,mBAAe,sBAAQ,MAAM,qBAAiB,gBAAI,KAAK,CAAC,CAAC;AAC/D,QAAM,EAAE,UAAU,OAAO,SAAS,IAAI;AACtC,QAAM,uBAAmB;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,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,2BAAuB;AAAA,IAC3B,CAAC,SAAiB,MAAc,MAA2B;AACzD,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,IAAI,GAAG;AAC3B,YAAE,gBAAgB;AAClB,gBAAM,YAAY,IAAI,EAAE,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,4CAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,kBAAkB,qBAAqB,GAC7E;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,MACJ,MAAM,aAAAA,QAAM,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,8BAA0B,yCAAS,aAAa;AACtD,wBAAwB,YAAY;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/components/PillGroup.js CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from "@elliemae/ds-legacy-props-helpers";
11
11
  import { StyledPillGroup } from "./styled.js";
12
12
  import { DSPillGroupName } from "../DSPillDefinitions.js";
13
- import { omit } from "lodash";
13
+ import { omit } from "lodash-es";
14
14
  import { DSPillGroupDefaultProps, DSPillGroupPropTypes } from "../react-desc-prop-types.js";
15
15
  const DSPillGroupV2Context = createContext({
16
16
  onKeyboardRemove: () => null,
package/dist/esm/components/PillGroup.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillGroup.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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-legacy-props-helpers';\nimport { StyledPillGroup } from './styled.js';\nimport { DSPillGroupName } from '../DSPillDefinitions.js';\nimport { omit } from 'lodash';\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 = omit(useGetGlobalAttributes(propsWithDefaults), ['rows', 'wrap']);\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 return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n <StyledPillGroup\n {...globalAttrs}\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto') as string[]}\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"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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-legacy-props-helpers';\nimport { StyledPillGroup } from './styled.js';\nimport { DSPillGroupName } from '../DSPillDefinitions.js';\nimport { omit } from 'lodash-es';\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 = omit(useGetGlobalAttributes(propsWithDefaults), ['rows', 'wrap']);\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 return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove, onKeyboardNavigation }}>\n <StyledPillGroup\n {...globalAttrs}\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto') as string[]}\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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;AC6DjB;AA5DN,OAAOA,UAAS,eAAe,aAAa,eAAe;AAC3D,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,YAAY;AACrB,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,KAAK,uBAAuB,iBAAiB,GAAG,CAAC,QAAQ,MAAM,CAAC;AACpF,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,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,mCAAmC,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,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;",
6
6
  "names": ["React"]
7
7
  }
package/dist/types/components/styled.d.ts CHANGED
@@ -1,37 +1,9 @@
1
- /// <reference types="react" />
2
- interface InputPillWrapperProps {
3
- value: string;
4
- inputWidth: number;
5
- inputHasFocus: boolean;
6
- hasError: boolean;
7
- pillSize: 'm' | 's';
8
- disabled?: boolean;
9
- }
10
- export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
11
- pillSize: 'm' | 's';
12
- hasIcon: boolean;
13
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
14
- export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
15
- pillSize: 'm' | 's';
16
- hasIcon: boolean;
17
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
18
- export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, InputPillWrapperProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
19
- export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
20
- pillSize: 'm' | 's';
21
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
22
- export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
23
- pillSize: 'm' | 's';
24
- hasIconRight: boolean;
25
- hasIconLeft: boolean;
26
- disabled?: boolean | undefined;
27
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
28
- export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
29
- pillSize: 'm' | 's';
30
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
31
- export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
32
- export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
33
- export declare const StyledPillButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-legacy-button-v2").DSButtonT.Props>, import("@elliemae/ds-legacy-system").Theme, {
34
- width: string;
35
- height: string;
36
- } & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
37
- export {};
1
+ export declare const StyledLabelPillWrapper: any;
2
+ export declare const StyledValuePillWrapper: any;
3
+ export declare const StyledInputPillWrapper: any;
4
+ export declare const StyledDropdownPillWrapper: any;
5
+ export declare const StyledReadonlyPillWrapper: any;
6
+ export declare const StyledRemovablePillWrapper: any;
7
+ export declare const StyledPillGroup: any;
8
+ export declare const StyledSpanWithTooltip: any;
9
+ export declare const StyledPillButton: any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-legacy-pills-v2",
3
- "version": "1.0.13",
3
+ "version": "1.0.16",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Pills V2",
6
6
  "files": [
@@ -88,24 +88,24 @@
88
88
  },
89
89
  "dependencies": {
90
90
  "uid": "~2.0.1",
91
- "@elliemae/ds-legacy-button-v2": "1.0.13",
92
- "@elliemae/ds-legacy-form": "1.0.13",
93
- "@elliemae/ds-legacy-grid": "1.0.13",
94
- "@elliemae/ds-legacy-dropdownmenu": "1.0.13",
95
- "@elliemae/ds-legacy-icons": "1.0.13",
96
- "@elliemae/ds-legacy-system": "1.0.13",
97
- "@elliemae/ds-legacy-props-helpers": "1.0.13",
98
- "@elliemae/ds-legacy-tooltip": "1.0.13",
99
- "@elliemae/ds-legacy-truncated-tooltip-text": "1.0.13",
100
- "@elliemae/ds-legacy-utilities": "1.0.13"
91
+ "@elliemae/ds-legacy-button-v2": "1.0.16",
92
+ "@elliemae/ds-legacy-form": "1.0.16",
93
+ "@elliemae/ds-legacy-icons": "1.0.16",
94
+ "@elliemae/ds-legacy-grid": "1.0.16",
95
+ "@elliemae/ds-legacy-props-helpers": "1.0.16",
96
+ "@elliemae/ds-legacy-tooltip": "1.0.16",
97
+ "@elliemae/ds-legacy-dropdownmenu": "1.0.16",
98
+ "@elliemae/ds-legacy-system": "1.0.16",
99
+ "@elliemae/ds-legacy-truncated-tooltip-text": "1.0.16",
100
+ "@elliemae/ds-legacy-utilities": "1.0.16"
101
101
  },
102
102
  "devDependencies": {
103
103
  "@elliemae/pui-cli": "9.0.0-next.50",
104
104
  "styled-components": "~5.3.9",
105
- "@elliemae/ds-legacy-monorepo-devops": "1.0.13"
105
+ "@elliemae/ds-legacy-monorepo-devops": "1.0.16"
106
106
  },
107
107
  "peerDependencies": {
108
- "lodash": "^4.17.21",
108
+ "lodash-es": "^4.17.21",
109
109
  "react": "^17.0.2",
110
110
  "react-dom": "^17.0.2",
111
111
  "styled-components": "~5.3.9"
@@ -116,7 +116,7 @@
116
116
  },
117
117
  "scripts": {
118
118
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
119
- "test": "pui-cli test --passWithNoTests",
119
+ "test": "exit 0",
120
120
  "lint": "exit 0",
121
121
  "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
122
122
  "dts": "node ../../../scripts/dts.mjs",
package/dist/types/react-desc-prop-types.d.ts DELETED
@@ -1,67 +0,0 @@
1
- import type { DSButtonT } from '@elliemae/ds-legacy-button-v2';
2
- import type { DSDropdownMenuT } from '@elliemae/ds-legacy-dropdownmenu';
3
- import type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
4
- import type { WeakValidationMap } from 'react';
5
- export declare namespace DSPillT {
6
- type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;
7
- type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;
8
- export interface DefaultProps {
9
- innerRef: AnyRef<HTMLElement>;
10
- disabled: boolean;
11
- hasError: boolean;
12
- ariaLabel: string;
13
- size: 'm' | 's';
14
- labelTruncated: boolean;
15
- tooltipValue: string;
16
- iconLeft: JSX.Element | null;
17
- iconRight: JSX.Element | null;
18
- onRemove: (e: React.KeyboardEvent | React.MouseEvent) => void;
19
- inputPlaceholder: string;
20
- onInputChange: (e: React.ChangeEvent, newValue: string) => void;
21
- onInputClear: (e: React.KeyboardEvent | React.MouseEvent) => void;
22
- inputWidth: number;
23
- inputRender: React.ComponentType<any>;
24
- dropdownProps: DSDropdownMenuT.Props;
25
- onDropdownClick: (e: React.KeyboardEvent | React.MouseEvent) => void;
26
- tabIndex: WCAGTabIndex;
27
- }
28
- export interface OptionalProps {
29
- inputId?: string;
30
- }
31
- export interface RequiredProps {
32
- label: string;
33
- type: 'label' | 'value' | 'input' | 'dropdown' | 'removable' | 'readonly';
34
- }
35
- export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
36
- export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
37
- export interface ButtonProps extends Omit<DSButtonT.Props, 'type' | 'buttonType'> {
38
- type?: 'left' | 'right' | 'only';
39
- width?: string;
40
- height?: string;
41
- }
42
- export interface InternalButtonProps extends Omit<DSButtonT.InternalProps, 'type' | 'buttonType'> {
43
- type: 'left' | 'right' | 'only';
44
- width: string;
45
- height: string;
46
- }
47
- export interface GroupProps extends GlobalAttributesT {
48
- width?: string;
49
- innerRef?: AnyRef<HTMLDivElement>;
50
- children: React.ReactNode;
51
- }
52
- export interface InternalGroupProps extends GlobalAttributesT {
53
- width: string;
54
- innerRef: AnyRef<HTMLDivElement>;
55
- children: React.ReactNode;
56
- }
57
- export {};
58
- }
59
- export declare const DSPillV2DefaultProps: DSPillT.DefaultProps;
60
- export declare const DSPillButtonDefaultProps: Omit<DSPillT.ButtonProps, 'children'>;
61
- export declare const DSPillGroupDefaultProps: Omit<DSPillT.GroupProps, 'children'>;
62
- export declare const DSPillV2PropTypes: DSPropTypesSchema<DSPillT.Props>;
63
- export declare const DSPillButtonPropTypes: DSPropTypesSchema<DSPillT.ButtonProps>;
64
- export declare const DSPillGroupPropTypes: DSPropTypesSchema<DSPillT.GroupProps>;
65
- export declare const DSPillV2PropTypesSchema: WeakValidationMap<DSPillT.Props>;
66
- export declare const DSPillButtonPropTypesSchema: WeakValidationMap<DSPillT.ButtonProps>;
67
- export declare const DSPillGroupPropTypesSchema: WeakValidationMap<DSPillT.GroupProps>;