@elliemae/ds-pills-v2 3.62.1 → 3.70.0-alpha.9

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 (95) hide show
  1. package/dist/cjs/TruncatedTooltipText.js +112 -0
  2. package/dist/cjs/TruncatedTooltipText.js.map +7 -0
  3. package/dist/cjs/components/Pill.js +2 -1
  4. package/dist/cjs/components/Pill.js.map +2 -2
  5. package/dist/cjs/components/TextComponent.js +2 -2
  6. package/dist/cjs/components/TextComponent.js.map +2 -2
  7. package/dist/cjs/components/styled.js +62 -20
  8. package/dist/cjs/components/styled.js.map +2 -2
  9. package/dist/cjs/components/types/DropdownPill.js +55 -53
  10. package/dist/cjs/components/types/DropdownPill.js.map +2 -2
  11. package/dist/cjs/components/types/InputPill.js +91 -61
  12. package/dist/cjs/components/types/InputPill.js.map +2 -2
  13. package/dist/cjs/components/types/LabelOnlyPill.js +22 -2
  14. package/dist/cjs/components/types/LabelOnlyPill.js.map +2 -2
  15. package/dist/cjs/components/types/LabelPill.js +11 -2
  16. package/dist/cjs/components/types/LabelPill.js.map +2 -2
  17. package/dist/cjs/components/types/MenuButtonPill.js +11 -2
  18. package/dist/cjs/components/types/MenuButtonPill.js.map +2 -2
  19. package/dist/cjs/components/types/ReadOnlyPill.js +11 -2
  20. package/dist/cjs/components/types/ReadOnlyPill.js.map +2 -2
  21. package/dist/cjs/components/types/RemovablePill.js +15 -5
  22. package/dist/cjs/components/types/RemovablePill.js.map +2 -2
  23. package/dist/cjs/components/types/ValuePill.js +22 -1
  24. package/dist/cjs/components/types/ValuePill.js.map +2 -2
  25. package/dist/cjs/config/useValidateProps.js +63 -0
  26. package/dist/cjs/config/useValidateProps.js.map +7 -0
  27. package/dist/cjs/constants/index.js +3 -1
  28. package/dist/cjs/constants/index.js.map +2 -2
  29. package/dist/cjs/parts/DSPillButton/react-desc-prop-types.js +8 -2
  30. package/dist/cjs/parts/DSPillButton/react-desc-prop-types.js.map +2 -2
  31. package/dist/cjs/parts/DSPillGroup/react-desc-prop-types.js.map +2 -2
  32. package/dist/cjs/react-desc-prop-types.js +19 -9
  33. package/dist/cjs/react-desc-prop-types.js.map +2 -2
  34. package/dist/cjs/typescript-testing/slot-props.js +42 -0
  35. package/dist/cjs/typescript-testing/slot-props.js.map +7 -0
  36. package/dist/cjs/typescript-testing/typescript-pills-v2-valid.js +1 -1
  37. package/dist/cjs/typescript-testing/typescript-pills-v2-valid.js.map +2 -2
  38. package/dist/esm/TruncatedTooltipText.js +86 -0
  39. package/dist/esm/TruncatedTooltipText.js.map +7 -0
  40. package/dist/esm/components/Pill.js +3 -2
  41. package/dist/esm/components/Pill.js.map +2 -2
  42. package/dist/esm/components/TextComponent.js +2 -2
  43. package/dist/esm/components/TextComponent.js.map +2 -2
  44. package/dist/esm/components/styled.js +62 -20
  45. package/dist/esm/components/styled.js.map +2 -2
  46. package/dist/esm/components/types/DropdownPill.js +55 -53
  47. package/dist/esm/components/types/DropdownPill.js.map +2 -2
  48. package/dist/esm/components/types/InputPill.js +92 -62
  49. package/dist/esm/components/types/InputPill.js.map +2 -2
  50. package/dist/esm/components/types/LabelOnlyPill.js +22 -2
  51. package/dist/esm/components/types/LabelOnlyPill.js.map +2 -2
  52. package/dist/esm/components/types/LabelPill.js +11 -2
  53. package/dist/esm/components/types/LabelPill.js.map +2 -2
  54. package/dist/esm/components/types/MenuButtonPill.js +11 -2
  55. package/dist/esm/components/types/MenuButtonPill.js.map +2 -2
  56. package/dist/esm/components/types/ReadOnlyPill.js +11 -2
  57. package/dist/esm/components/types/ReadOnlyPill.js.map +2 -2
  58. package/dist/esm/components/types/RemovablePill.js +15 -5
  59. package/dist/esm/components/types/RemovablePill.js.map +2 -2
  60. package/dist/esm/components/types/ValuePill.js +22 -1
  61. package/dist/esm/components/types/ValuePill.js.map +2 -2
  62. package/dist/esm/config/useValidateProps.js +33 -0
  63. package/dist/esm/config/useValidateProps.js.map +7 -0
  64. package/dist/esm/constants/index.js +3 -1
  65. package/dist/esm/constants/index.js.map +2 -2
  66. package/dist/esm/parts/DSPillButton/react-desc-prop-types.js +8 -2
  67. package/dist/esm/parts/DSPillButton/react-desc-prop-types.js.map +2 -2
  68. package/dist/esm/parts/DSPillGroup/react-desc-prop-types.js.map +2 -2
  69. package/dist/esm/react-desc-prop-types.js +20 -10
  70. package/dist/esm/react-desc-prop-types.js.map +2 -2
  71. package/dist/esm/typescript-testing/slot-props.js +19 -0
  72. package/dist/esm/typescript-testing/slot-props.js.map +7 -0
  73. package/dist/esm/typescript-testing/typescript-pills-v2-valid.js +1 -1
  74. package/dist/esm/typescript-testing/typescript-pills-v2-valid.js.map +2 -2
  75. package/dist/types/TruncatedTooltipText.d.ts +10 -0
  76. package/dist/types/components/TextComponent.d.ts +2 -0
  77. package/dist/types/components/styled.d.ts +5 -4
  78. package/dist/types/config/useValidateProps.d.ts +3 -0
  79. package/dist/types/constants/index.d.ts +3 -0
  80. package/dist/types/parts/DSPillGroup/config/usePillGroup.d.ts +91 -91
  81. package/dist/types/parts/DSPillGroup/react-desc-prop-types.d.ts +1 -1
  82. package/dist/types/react-desc-prop-types.d.ts +11 -2
  83. package/package.json +20 -18
  84. package/dist/types/parts/DSPillButton/tests/DSPillButton.test.d.ts +0 -1
  85. package/dist/types/parts/DSPillGroup/tests/DSPillGroup.test.d.ts +0 -1
  86. package/dist/types/tests/DSPill.a11y.test.d.ts +0 -1
  87. package/dist/types/tests/DSPill.exports.test.d.ts +0 -1
  88. package/dist/types/tests/DSPill.get-owner-props.test.d.ts +0 -1
  89. package/dist/types/tests/DSPill.test.d.ts +0 -1
  90. package/dist/types/tests/DSPillGroup.test.d.ts +0 -1
  91. package/dist/types/tests/events/DSPill.events.keyboard.test.d.ts +0 -1
  92. package/dist/types/tests/events/DSPill.events.test.d.ts +0 -1
  93. package/dist/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +0 -1
  94. package/dist/types/tests/events/DSPillGroup.events.test.d.ts +0 -1
  95. package/dist/types/typescript-testing/typescript-pills-v2-valid.d.ts +0 -1
@@ -9,14 +9,35 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
9
9
  propsWithDefault: DSPillGroupT.InternalProps;
10
10
  xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
11
11
  pillGroupUid: string;
12
- globalAttributes: Partial<Pick<DSGridT.Props, "children" | "size" | "type" | "onClick" | "shape" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
13
- children?: React.ReactNode;
14
- size?: number | undefined | undefined;
15
- type?: string | undefined | undefined;
16
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
17
- shape?: string | undefined | undefined;
12
+ globalAttributes: Partial<Pick<DSGridT.Props, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "type" | "name" | "suppressHydrationWarning" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "target" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "download" | "hrefLang" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "async" | "defer" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "default" | "kind" | "srcLang" | "poster"> & Omit<{
13
+ cite?: string | undefined | undefined;
14
+ data?: string | undefined | undefined;
18
15
  form?: string | undefined | undefined;
19
- list?: string | undefined | undefined;
16
+ label?: string | undefined | undefined;
17
+ slot?: string | undefined | undefined;
18
+ span?: number | undefined | undefined;
19
+ style?: React.CSSProperties | undefined;
20
+ summary?: string | undefined | undefined;
21
+ title?: string | undefined | undefined;
22
+ pattern?: string | undefined | undefined;
23
+ type?: string | undefined | undefined;
24
+ name?: string | undefined | undefined;
25
+ suppressHydrationWarning?: boolean | undefined | undefined;
26
+ className?: string | undefined | undefined;
27
+ color?: string | undefined | undefined;
28
+ height?: number | string | undefined | undefined;
29
+ id?: string | undefined | undefined;
30
+ lang?: string | undefined | undefined;
31
+ max?: number | string | undefined | undefined;
32
+ media?: string | undefined | undefined;
33
+ method?: string | undefined | undefined;
34
+ min?: number | string | undefined | undefined;
35
+ target?: string | undefined | undefined;
36
+ width?: number | string | undefined | undefined;
37
+ role?: React.AriaRole | undefined;
38
+ tabIndex?: 0 | -1 | undefined;
39
+ crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
40
+ href?: string | undefined | undefined;
20
41
  "aria-activedescendant"?: string | undefined | undefined;
21
42
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
22
43
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -70,6 +91,7 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
70
91
  "aria-valuemin"?: number | undefined | undefined;
71
92
  "aria-valuenow"?: number | undefined | undefined;
72
93
  "aria-valuetext"?: string | undefined | undefined;
94
+ children?: React.ReactNode;
73
95
  onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
74
96
  onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
75
97
  onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -154,6 +176,7 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
154
176
  onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
155
177
  onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
156
178
  onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
179
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
157
180
  onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
158
181
  onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
159
182
  onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -227,31 +250,25 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
227
250
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
228
251
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
229
252
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
253
+ classID?: string | undefined | undefined;
254
+ useMap?: string | undefined | undefined;
255
+ wmode?: string | undefined | undefined;
230
256
  defaultChecked?: boolean | undefined | undefined;
231
257
  defaultValue?: string | number | readonly string[] | undefined;
232
258
  suppressContentEditableWarning?: boolean | undefined | undefined;
233
- suppressHydrationWarning?: boolean | undefined | undefined;
234
259
  accessKey?: string | undefined | undefined;
235
260
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
236
261
  autoFocus?: boolean | undefined | undefined;
237
- className?: string | undefined | undefined;
238
262
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
239
263
  contextMenu?: string | undefined | undefined;
240
264
  dir?: string | undefined | undefined;
241
265
  draggable?: (boolean | "true" | "false") | undefined;
242
266
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
243
267
  hidden?: boolean | undefined | undefined;
244
- id?: string | undefined | undefined;
245
- lang?: string | undefined | undefined;
246
268
  nonce?: string | undefined | undefined;
247
- slot?: string | undefined | undefined;
248
269
  spellCheck?: (boolean | "true" | "false") | undefined;
249
- style?: React.CSSProperties | undefined;
250
- tabIndex?: 0 | -1 | undefined;
251
- title?: string | undefined | undefined;
252
270
  translate?: "yes" | "no" | undefined | undefined;
253
271
  radioGroup?: string | undefined | undefined;
254
- role?: React.AriaRole | undefined;
255
272
  about?: string | undefined | undefined;
256
273
  content?: string | undefined | undefined;
257
274
  datatype?: string | undefined | undefined;
@@ -265,7 +282,6 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
265
282
  vocab?: string | undefined | undefined;
266
283
  autoCorrect?: string | undefined | undefined;
267
284
  autoSave?: string | undefined | undefined;
268
- color?: string | undefined | undefined;
269
285
  itemProp?: string | undefined | undefined;
270
286
  itemScope?: boolean | undefined | undefined;
271
287
  itemType?: string | undefined | undefined;
@@ -278,102 +294,86 @@ export declare const usePillGroup: (propsFromUser: DSPillGroupT.Props) => {
278
294
  is?: string | undefined | undefined;
279
295
  exportparts?: string | undefined | undefined;
280
296
  part?: string | undefined | undefined;
281
- accept?: string | undefined | undefined;
282
- acceptCharset?: string | undefined | undefined;
283
- action?: string | undefined;
284
- allowFullScreen?: boolean | undefined | undefined;
285
- allowTransparency?: boolean | undefined | undefined;
297
+ download?: any;
298
+ hrefLang?: string | undefined | undefined;
286
299
  alt?: string | undefined | undefined;
287
- async?: boolean | undefined | undefined;
288
- autoComplete?: string | undefined | undefined;
300
+ coords?: string | undefined | undefined;
301
+ shape?: string | undefined | undefined;
289
302
  autoPlay?: boolean | undefined | undefined;
290
- capture?: boolean | "user" | "environment" | undefined | undefined;
291
- cellPadding?: number | string | undefined | undefined;
292
- cellSpacing?: number | string | undefined | undefined;
293
- charSet?: string | undefined | undefined;
294
- challenge?: string | undefined | undefined;
295
- checked?: boolean | undefined | undefined;
296
- cite?: string | undefined | undefined;
297
- classID?: string | undefined | undefined;
298
- cols?: number | undefined | undefined;
299
- colSpan?: number | undefined | undefined;
300
303
  controls?: boolean | undefined | undefined;
301
- coords?: string | undefined | undefined;
302
- crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
303
- data?: string | undefined | undefined;
304
- dateTime?: string | undefined | undefined;
305
- default?: boolean | undefined | undefined;
306
- defer?: boolean | undefined | undefined;
304
+ loop?: boolean | undefined | undefined;
305
+ mediaGroup?: string | undefined | undefined;
306
+ muted?: boolean | undefined | undefined;
307
+ playsInline?: boolean | undefined | undefined;
308
+ preload?: string | undefined | undefined;
309
+ src?: string | undefined | undefined;
307
310
  disabled?: boolean | undefined | undefined;
308
- download?: any;
309
- encType?: string | undefined | undefined;
310
311
  formAction?: string | undefined;
311
312
  formEncType?: string | undefined | undefined;
312
313
  formMethod?: string | undefined | undefined;
313
314
  formNoValidate?: boolean | undefined | undefined;
314
315
  formTarget?: string | undefined | undefined;
315
- frameBorder?: number | string | undefined | undefined;
316
- headers?: string | undefined | undefined;
317
- height?: number | string | undefined | undefined;
318
- high?: number | undefined | undefined;
319
- href?: string | undefined | undefined;
320
- hrefLang?: string | undefined | undefined;
321
- htmlFor?: string | undefined | undefined;
322
- httpEquiv?: string | undefined | undefined;
323
- integrity?: string | undefined | undefined;
324
- keyParams?: string | undefined | undefined;
325
- keyType?: string | undefined | undefined;
326
- kind?: string | undefined | undefined;
327
- label?: string | undefined | undefined;
328
- loop?: boolean | undefined | undefined;
329
- low?: number | undefined | undefined;
316
+ value?: string | number | readonly string[] | undefined;
317
+ dateTime?: string | undefined | undefined;
318
+ open?: boolean | undefined | undefined;
319
+ acceptCharset?: string | undefined | undefined;
320
+ action?: string | undefined;
321
+ autoComplete?: string | undefined | undefined;
322
+ encType?: string | undefined | undefined;
323
+ noValidate?: boolean | undefined | undefined;
330
324
  manifest?: string | undefined | undefined;
325
+ allowFullScreen?: boolean | undefined | undefined;
326
+ allowTransparency?: boolean | undefined | undefined;
327
+ frameBorder?: number | string | undefined | undefined;
331
328
  marginHeight?: number | undefined | undefined;
332
329
  marginWidth?: number | undefined | undefined;
333
- max?: number | string | undefined | undefined;
330
+ sandbox?: string | undefined | undefined;
331
+ scrolling?: string | undefined | undefined;
332
+ seamless?: boolean | undefined | undefined;
333
+ srcDoc?: string | undefined | undefined;
334
+ sizes?: string | undefined | undefined;
335
+ srcSet?: string | undefined | undefined;
336
+ accept?: string | undefined | undefined;
337
+ capture?: boolean | "user" | "environment" | undefined | undefined;
338
+ checked?: boolean | undefined | undefined;
339
+ list?: string | undefined | undefined;
334
340
  maxLength?: number | undefined | undefined;
335
- media?: string | undefined | undefined;
336
- mediaGroup?: string | undefined | undefined;
337
- method?: string | undefined | undefined;
338
- min?: number | string | undefined | undefined;
339
341
  minLength?: number | undefined | undefined;
340
342
  multiple?: boolean | undefined | undefined;
341
- muted?: boolean | undefined | undefined;
342
- name?: string | undefined | undefined;
343
- noValidate?: boolean | undefined | undefined;
344
- open?: boolean | undefined | undefined;
345
- optimum?: number | undefined | undefined;
346
- pattern?: string | undefined | undefined;
347
343
  placeholder?: string | undefined | undefined;
348
- playsInline?: boolean | undefined | undefined;
349
- poster?: string | undefined | undefined;
350
- preload?: string | undefined | undefined;
351
344
  readOnly?: boolean | undefined | undefined;
352
345
  required?: boolean | undefined | undefined;
346
+ size?: number | undefined | undefined;
347
+ step?: number | string | undefined | undefined;
348
+ challenge?: string | undefined | undefined;
349
+ keyType?: string | undefined | undefined;
350
+ keyParams?: string | undefined | undefined;
351
+ htmlFor?: string | undefined | undefined;
352
+ integrity?: string | undefined | undefined;
353
+ charSet?: string | undefined | undefined;
354
+ httpEquiv?: string | undefined | undefined;
355
+ high?: number | undefined | undefined;
356
+ low?: number | undefined | undefined;
357
+ optimum?: number | undefined | undefined;
353
358
  reversed?: boolean | undefined | undefined;
354
- rows?: number | undefined | undefined;
359
+ start?: number | undefined | undefined;
360
+ selected?: boolean | undefined | undefined;
361
+ async?: boolean | undefined | undefined;
362
+ defer?: boolean | undefined | undefined;
363
+ scoped?: boolean | undefined | undefined;
364
+ cellPadding?: number | string | undefined | undefined;
365
+ cellSpacing?: number | string | undefined | undefined;
366
+ colSpan?: number | undefined | undefined;
367
+ headers?: string | undefined | undefined;
355
368
  rowSpan?: number | undefined | undefined;
356
- sandbox?: string | undefined | undefined;
357
369
  scope?: string | undefined | undefined;
358
- scoped?: boolean | undefined | undefined;
359
- scrolling?: string | undefined | undefined;
360
- seamless?: boolean | undefined | undefined;
361
- selected?: boolean | undefined | undefined;
362
- sizes?: string | undefined | undefined;
363
- span?: number | undefined | undefined;
364
- src?: string | undefined | undefined;
365
- srcDoc?: string | undefined | undefined;
366
- srcLang?: string | undefined | undefined;
367
- srcSet?: string | undefined | undefined;
368
- start?: number | undefined | undefined;
369
- step?: number | string | undefined | undefined;
370
- summary?: string | undefined | undefined;
371
- target?: string | undefined | undefined;
372
- useMap?: string | undefined | undefined;
373
- value?: string | number | readonly string[] | undefined;
374
- width?: number | string | undefined | undefined;
375
- wmode?: string | undefined | undefined;
370
+ cols?: number | undefined | undefined;
371
+ rows?: number | undefined | undefined;
376
372
  wrap?: string | undefined | undefined;
373
+ default?: boolean | undefined | undefined;
374
+ kind?: string | undefined | undefined;
375
+ srcLang?: string | undefined | undefined;
376
+ poster?: string | undefined | undefined;
377
377
  }, keyof DSGridT.Props>>;
378
378
  ctxValue: {
379
379
  onKeyboardRemove: (pillUid: string) => void;
@@ -1,4 +1,4 @@
1
- import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
1
+ import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
2
2
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
3
3
  import { DSPillV2Name, PILL_GROUP_SLOTS } from './constants/index.js';
4
4
  export declare namespace DSPillGroupT {
@@ -2,7 +2,7 @@ import type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';
2
2
  import { type DSMenuButtonT } from '@elliemae/ds-menu-button';
3
3
  import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
4
4
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
5
- import { PILL_V2_SLOTS, DSPillV2Name } from './constants/index.js';
5
+ import { DSPillV2Name, PILL_V2_SLOTS } from './constants/index.js';
6
6
  export declare namespace DSPillT {
7
7
  interface DefaultProps {
8
8
  innerRef: TypescriptHelpersT.AnyRef<HTMLElement>;
@@ -14,6 +14,7 @@ export declare namespace DSPillT {
14
14
  ariaLabel: string;
15
15
  size: 'm' | 's';
16
16
  labelTruncated: boolean;
17
+ disableTruncationTooltip: boolean;
17
18
  tooltipValue: string;
18
19
  iconLeft: JSX.Element | null;
19
20
  IconLeft: React.ComponentType<{
@@ -28,13 +29,21 @@ export declare namespace DSPillT {
28
29
  onInputChange: (e: React.ChangeEvent<HTMLInputElement>, newValue: string) => void;
29
30
  onInputClear: (e: React.KeyboardEvent | React.MouseEvent) => void;
30
31
  inputWidth: number;
31
- inputRender: React.ComponentType<any>;
32
32
  dropdownProps: DSDropdownMenuT.Props;
33
33
  onDropdownClick: (e: React.KeyboardEvent | React.MouseEvent) => void;
34
34
  tabIndex: TypescriptHelpersT.WCAGTabIndex;
35
35
  }
36
+ type SlotFunctionArguments = {
37
+ dsPillWrapper: () => object;
38
+ dsPillLabel: () => object;
39
+ dsPillPillGroup: () => object;
40
+ dsPillPillButton: () => object;
41
+ dsPillMenuButtonChevron: () => object;
42
+ dsPillInput: () => object;
43
+ };
36
44
  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSPillV2Name, typeof PILL_V2_SLOTS> {
37
45
  inputId?: string;
46
+ inputRender?: React.ComponentType<any>;
38
47
  menuButtonProps?: Omit<DSMenuButtonT.Props, 'children'>;
39
48
  trailingComma?: boolean;
40
49
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-pills-v2",
3
- "version": "3.62.1",
3
+ "version": "3.70.0-alpha.9",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Pills V2",
6
6
  "files": [
@@ -22,7 +22,7 @@
22
22
  ],
23
23
  "repository": {
24
24
  "type": "git",
25
- "url": "https://git.elliemae.io/platform-ui/dimsum.git"
25
+ "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
26
26
  },
27
27
  "engines": {
28
28
  "pnpm": ">=9",
@@ -36,30 +36,32 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-legacy-form": "1.0.16",
40
39
  "uid": "^2.0.2",
41
- "@elliemae/ds-dropdownmenu-v2": "3.62.1",
42
- "@elliemae/ds-grid": "3.62.1",
43
- "@elliemae/ds-menu-button": "3.62.1",
44
- "@elliemae/ds-props-helpers": "3.62.1",
45
- "@elliemae/ds-button-v2": "3.62.1",
46
- "@elliemae/ds-system": "3.62.1",
47
- "@elliemae/ds-tooltip-v3": "3.62.1",
48
- "@elliemae/ds-icons": "3.62.1",
49
- "@elliemae/ds-truncated-tooltip-text": "3.62.1",
50
- "@elliemae/ds-typescript-helpers": "3.62.1"
40
+ "@elliemae/ds-button-v2": "3.70.0-alpha.9",
41
+ "@elliemae/ds-floating-context": "3.70.0-alpha.9",
42
+ "@elliemae/ds-form-input-text": "3.70.0-alpha.9",
43
+ "@elliemae/ds-dropdownmenu-v2": "3.70.0-alpha.9",
44
+ "@elliemae/ds-grid": "3.70.0-alpha.9",
45
+ "@elliemae/ds-icons": "3.70.0-alpha.9",
46
+ "@elliemae/ds-menu-button": "3.70.0-alpha.9",
47
+ "@elliemae/ds-props-helpers": "3.70.0-alpha.9",
48
+ "@elliemae/ds-system": "3.70.0-alpha.9",
49
+ "@elliemae/ds-typescript-helpers": "3.70.0-alpha.9",
50
+ "@elliemae/ds-tooltip-v3": "3.70.0-alpha.9",
51
+ "@elliemae/ds-typography": "3.70.0-alpha.9"
51
52
  },
52
53
  "devDependencies": {
54
+ "@playwright/experimental-ct-react": "1.61.1",
53
55
  "jest": "^30.0.0",
54
- "styled-components": "~5.3.9",
55
- "@elliemae/ds-monorepo-devops": "3.62.1",
56
- "@elliemae/ds-test-utils": "3.62.1"
56
+ "styled-components": "~5.3.11",
57
+ "@elliemae/ds-monorepo-devops": "3.70.0-alpha.9",
58
+ "@elliemae/ds-test-utils": "3.70.0-alpha.9"
57
59
  },
58
60
  "peerDependencies": {
59
61
  "lodash-es": "^4.18.1",
60
62
  "react": "^18.3.1",
61
63
  "react-dom": "^18.3.1",
62
- "styled-components": "~5.3.9"
64
+ "styled-components": "~5.3.11"
63
65
  },
64
66
  "publishConfig": {
65
67
  "access": "public",
@@ -67,7 +69,7 @@
67
69
  },
68
70
  "scripts": {
69
71
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
70
- "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
72
+ "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
71
73
  "lint": "node ../../../scripts/lint.mjs --fix",
72
74
  "lint:strict": "node ../../../scripts/lint-strict.mjs",
73
75
  "dts": "node ../../../scripts/dts.mjs",
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};