@digigov/react-core 2.0.0-rc.1 → 2.0.0-rc.11

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 (195) hide show
  1. package/AdminAside/__snapshots__/index.test.tsx.snap +7 -3
  2. package/AdminAside/index.js +6 -2
  3. package/AdminContainer/__snapshots__/index.test.tsx.snap +35 -7
  4. package/AdminContainer/index.d.ts +8 -1
  5. package/AdminContainer/index.js +6 -7
  6. package/AdminContainer/index.test/index.js +6 -0
  7. package/AdminMain/__snapshots__/index.test.tsx.snap +6 -3
  8. package/AdminMain/index.js +7 -2
  9. package/{src/AutoCompleteWrapper → AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  10. package/AutoCompleteContainer/index.d.ts +22 -0
  11. package/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +5 -5
  12. package/AutoCompleteContainer/index.test/index.js +7 -0
  13. package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test/package.json +1 -1
  14. package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/package.json +1 -1
  15. package/AutoCompleteInput/__snapshots__/index.test.tsx.snap +14 -50
  16. package/AutoCompleteInput/index.d.ts +1 -9
  17. package/AutoCompleteInput/index.js +2 -4
  18. package/AutoCompleteInput/index.test/index.js +5 -19
  19. package/AutoCompleteMultipleInput/index.d.ts +9 -0
  20. package/AutoCompleteMultipleInput/index.js +21 -0
  21. package/{AutoCompleteWrapper/index.test → AutoCompleteMultipleInput}/package.json +1 -1
  22. package/AutoCompleteMultipleInputContainer/index.d.ts +12 -0
  23. package/AutoCompleteMultipleInputContainer/index.js +24 -0
  24. package/AutoCompleteMultipleInputContainer/package.json +6 -0
  25. package/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -38
  26. package/AutoCompleteResultList/index.d.ts +1 -10
  27. package/AutoCompleteResultList/index.js +2 -3
  28. package/AutoCompleteResultList/index.test/index.js +0 -14
  29. package/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  30. package/AutoCompleteStatus/index.d.ts +1 -1
  31. package/AutoCompleteStatus/index.js +2 -2
  32. package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
  33. package/AutoCompleteStatusContainer/index.d.ts +10 -0
  34. package/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +5 -5
  35. package/AutoCompleteStatusContainer/index.test/index.js +7 -0
  36. package/AutoCompleteStatusContainer/index.test/package.json +6 -0
  37. package/AutoCompleteStatusContainer/package.json +6 -0
  38. package/Base/index.js +1 -1
  39. package/Card/__snapshots__/index.test.tsx.snap +42 -0
  40. package/Card/index.d.ts +8 -1
  41. package/Card/index.js +3 -2
  42. package/Card/index.test/index.js +21 -9
  43. package/DateInputItem/index.js +0 -2
  44. package/DropdownContent/index.d.ts +9 -1
  45. package/DropdownContent/index.js +6 -5
  46. package/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  47. package/FooterContentLogos/index.js +1 -1
  48. package/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  49. package/Hint/index.js +1 -1
  50. package/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  51. package/ImageLogo/index.js +1 -2
  52. package/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  53. package/KitchenSinkCard/index.d.ts +1 -1
  54. package/ModalContainer/index.d.ts +8 -1
  55. package/ModalContainer/index.js +8 -6
  56. package/ModalHeading/index.js +1 -2
  57. package/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  58. package/NormalText/index.js +1 -1
  59. package/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  60. package/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  61. package/PhaseBannerHeaderContainer/index.js +1 -1
  62. package/Skeleton/__snapshots__/index.test.tsx.snap +296 -0
  63. package/{AutoCompleteStatusWrapper → Skeleton}/index.d.ts +44 -5
  64. package/Skeleton/index.js +35 -0
  65. package/Skeleton/index.test/index.js +64 -0
  66. package/Skeleton/index.test/package.json +6 -0
  67. package/Skeleton/index.test.d.ts +1 -0
  68. package/{AutoCompleteWrapper → Skeleton}/package.json +1 -1
  69. package/SummaryList/index.d.ts +10 -1
  70. package/SummaryList/index.js +4 -2
  71. package/Tabs/index.d.ts +1 -2
  72. package/Tabs/index.js +3 -4
  73. package/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  74. package/Unpurge/index.js +1 -1
  75. package/cjs/AdminAside/__snapshots__/index.test.tsx.snap +7 -3
  76. package/cjs/AdminAside/index.js +6 -2
  77. package/cjs/AdminContainer/__snapshots__/index.test.tsx.snap +35 -7
  78. package/cjs/AdminContainer/index.js +6 -7
  79. package/cjs/AdminContainer/index.test/index.js +6 -0
  80. package/cjs/AdminMain/__snapshots__/index.test.tsx.snap +6 -3
  81. package/cjs/AdminMain/index.js +7 -2
  82. package/{AutoCompleteWrapper → cjs/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  83. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +6 -6
  84. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.test/index.js +2 -2
  85. package/cjs/AutoCompleteInput/__snapshots__/index.test.tsx.snap +14 -50
  86. package/cjs/AutoCompleteInput/index.js +2 -4
  87. package/cjs/AutoCompleteInput/index.test/index.js +5 -19
  88. package/cjs/AutoCompleteMultipleInput/index.js +28 -0
  89. package/cjs/AutoCompleteMultipleInputContainer/index.js +31 -0
  90. package/cjs/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -38
  91. package/cjs/AutoCompleteResultList/index.js +2 -3
  92. package/cjs/AutoCompleteResultList/index.test/index.js +0 -14
  93. package/cjs/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  94. package/cjs/AutoCompleteStatus/index.js +2 -2
  95. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
  96. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +6 -6
  97. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.test/index.js +2 -2
  98. package/cjs/Base/index.js +1 -1
  99. package/cjs/Card/__snapshots__/index.test.tsx.snap +42 -0
  100. package/cjs/Card/index.js +3 -2
  101. package/cjs/Card/index.test/index.js +21 -9
  102. package/cjs/DateInputItem/index.js +0 -2
  103. package/cjs/DropdownContent/index.js +6 -5
  104. package/cjs/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  105. package/cjs/FooterContentLogos/index.js +1 -1
  106. package/cjs/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  107. package/cjs/Hint/index.js +1 -1
  108. package/cjs/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  109. package/cjs/ImageLogo/index.js +1 -2
  110. package/cjs/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  111. package/cjs/ModalContainer/index.js +8 -6
  112. package/cjs/ModalHeading/index.js +1 -2
  113. package/cjs/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  114. package/cjs/NormalText/index.js +1 -1
  115. package/cjs/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  116. package/cjs/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  117. package/cjs/PhaseBannerHeaderContainer/index.js +1 -1
  118. package/cjs/Skeleton/__snapshots__/index.test.tsx.snap +296 -0
  119. package/cjs/Skeleton/index.js +42 -0
  120. package/cjs/Skeleton/index.test/index.js +67 -0
  121. package/cjs/SummaryList/index.js +4 -2
  122. package/cjs/Tabs/index.js +3 -4
  123. package/cjs/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  124. package/cjs/Unpurge/index.js +1 -1
  125. package/cjs/index.js +26 -4
  126. package/cjs/lazy/index.js +30 -12
  127. package/cjs/registry/index.js +10 -4
  128. package/index.d.ts +3 -1
  129. package/index.js +4 -2
  130. package/lazy/index.js +24 -10
  131. package/lazy.d.ts +13 -11
  132. package/package.json +3 -3
  133. package/registry/index.js +10 -4
  134. package/registry.d.ts +5 -2
  135. package/src/AdminAside/__snapshots__/index.test.tsx.snap +7 -3
  136. package/src/AdminAside/index.tsx +6 -2
  137. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +35 -7
  138. package/src/AdminContainer/index.test.tsx +3 -0
  139. package/src/AdminContainer/index.tsx +12 -11
  140. package/src/AdminMain/__snapshots__/index.test.tsx.snap +6 -3
  141. package/src/AdminMain/index.tsx +5 -2
  142. package/{cjs/AutoCompleteWrapper → src/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  143. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.test.tsx +2 -2
  144. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.tsx +8 -8
  145. package/src/AutoCompleteInput/__snapshots__/index.test.tsx.snap +14 -50
  146. package/src/AutoCompleteInput/index.test.tsx +4 -12
  147. package/src/AutoCompleteInput/index.tsx +2 -11
  148. package/src/AutoCompleteMultipleInput/index.tsx +28 -0
  149. package/src/AutoCompleteMultipleInputContainer/index.tsx +38 -0
  150. package/src/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -38
  151. package/src/AutoCompleteResultList/index.test.tsx +0 -20
  152. package/src/AutoCompleteResultList/index.tsx +1 -13
  153. package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  154. package/src/AutoCompleteStatus/index.tsx +2 -2
  155. package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +16 -0
  156. package/src/AutoCompleteStatusContainer/index.test.tsx +10 -0
  157. package/src/AutoCompleteStatusContainer/index.tsx +28 -0
  158. package/src/Base/index.tsx +5 -5
  159. package/src/Card/__snapshots__/index.test.tsx.snap +42 -0
  160. package/src/Card/index.test.tsx +6 -0
  161. package/src/Card/index.tsx +9 -1
  162. package/src/DateInputItem/index.tsx +0 -2
  163. package/src/DropdownContent/index.tsx +10 -1
  164. package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  165. package/src/FooterContentLogos/index.tsx +1 -1
  166. package/src/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  167. package/src/Hint/index.tsx +2 -2
  168. package/src/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  169. package/src/ImageLogo/index.tsx +1 -2
  170. package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  171. package/src/ModalContainer/index.tsx +18 -14
  172. package/src/ModalHeading/index.tsx +2 -2
  173. package/src/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  174. package/src/NormalText/index.tsx +2 -2
  175. package/src/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  176. package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  177. package/src/PhaseBannerHeaderContainer/index.tsx +1 -1
  178. package/src/Skeleton/__snapshots__/index.test.tsx.snap +296 -0
  179. package/src/Skeleton/index.test.tsx +35 -0
  180. package/src/Skeleton/index.tsx +105 -0
  181. package/src/SummaryList/index.tsx +12 -1
  182. package/src/Tabs/index.tsx +1 -3
  183. package/src/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  184. package/src/Unpurge/index.tsx +14 -2
  185. package/src/index.ts +3 -1
  186. package/src/lazy.js +4 -2
  187. package/src/registry.js +10 -4
  188. package/AutoCompleteStatusWrapper/index.test/index.js +0 -7
  189. package/AutoCompleteWrapper/index.d.ts +0 -22
  190. package/AutoCompleteWrapper/index.test/index.js +0 -7
  191. package/src/AutoCompleteStatusWrapper/__snapshots__/index.test.tsx.snap +0 -16
  192. package/src/AutoCompleteStatusWrapper/index.test.tsx +0 -10
  193. package/src/AutoCompleteStatusWrapper/index.tsx +0 -28
  194. /package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test.d.ts +0 -0
  195. /package/{AutoCompleteWrapper → AutoCompleteStatusContainer}/index.test.d.ts +0 -0
@@ -2,5 +2,5 @@
2
2
  "sideEffects": false,
3
3
  "module": "./index.js",
4
4
  "types": "./index.d.ts",
5
- "main": "../../cjs/AutoCompleteWrapper/index.test/index.js"
5
+ "main": "../cjs/AutoCompleteMultipleInput/index.js"
6
6
  }
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface AutoCompleteMultipleInputContainerProps extends BaseProps<'div'> {
4
+ open?: boolean;
5
+ isFocused?: boolean;
6
+ numberOfSelected?: 1 | 2 | 3 | 'all';
7
+ }
8
+ /**
9
+ * Use AutoCompleteMultipleInputContainer to accept multiple values input.
10
+ */
11
+ export declare const AutoCompleteMultipleInputContainer: React.ForwardRefExoticComponent<Pick<AutoCompleteMultipleInputContainerProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "isFocused" | "numberOfSelected"> & React.RefAttributes<HTMLDivElement>>;
12
+ export default AutoCompleteMultipleInputContainer;
@@ -0,0 +1,24 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["numberOfSelected", "open", "children", "isFocused", "className"];
4
+ import React from 'react';
5
+ import clsx from 'clsx';
6
+ import Base from '@digigov/react-core/Base';
7
+ /**
8
+ * Use AutoCompleteMultipleInputContainer to accept multiple values input.
9
+ */
10
+ export var AutoCompleteMultipleInputContainer = /*#__PURE__*/React.forwardRef(function AutoCompleteMultipleInputContainer(_ref, ref) {
11
+ var _ref$numberOfSelected = _ref.numberOfSelected,
12
+ numberOfSelected = _ref$numberOfSelected === void 0 ? 'all' : _ref$numberOfSelected,
13
+ open = _ref.open,
14
+ children = _ref.children,
15
+ isFocused = _ref.isFocused,
16
+ className = _ref.className,
17
+ props = _objectWithoutProperties(_ref, _excluded);
18
+ return /*#__PURE__*/React.createElement(Base, _extends({
19
+ as: "div",
20
+ ref: ref,
21
+ className: clsx(className, typeof numberOfSelected === 'number' && "ds-autocomplete__multi-input-container--".concat(numberOfSelected), isFocused && 'ds-autocomplete__multi-input-container--focused', true && 'ds-autocomplete__multi-input-container')
22
+ }, props), children);
23
+ });
24
+ export default AutoCompleteMultipleInputContainer;
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../cjs/AutoCompleteMultipleInputContainer/index.js"
6
+ }
@@ -1,51 +1,15 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders the AutoCompleteResultList with isVisible displayMenu="inline props 1`] = `
4
- <ForwardRef(List)
5
- displayMenu="inline"
6
- isVisible={true}
7
- >
8
- <ForwardRef(Base)
9
- as="ul"
10
- className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
11
- >
12
- <ul
13
- className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
14
- >
15
- Hello
16
- </ul>
17
- </ForwardRef(Base)>
18
- </ForwardRef(List)>
19
- `;
20
-
21
- exports[`renders the AutoCompleteResultList with isVisible displayMenu="overlay props 1`] = `
22
- <ForwardRef(List)
23
- displayMenu="overlay"
24
- isVisible={true}
25
- >
26
- <ForwardRef(Base)
27
- as="ul"
28
- className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
29
- >
30
- <ul
31
- className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
32
- >
33
- Hello
34
- </ul>
35
- </ForwardRef(Base)>
36
- </ForwardRef(List)>
37
- `;
38
-
39
3
  exports[`renders the AutoCompleteResultList with isVisible props 1`] = `
40
4
  <ForwardRef(List)
41
5
  isVisible={true}
42
6
  >
43
7
  <ForwardRef(Base)
44
8
  as="ul"
45
- className="ds-autocomplete__menu--visible ds-autocomplete__menu"
9
+ className="ds-autocomplete__menu"
46
10
  >
47
11
  <ul
48
- className="ds-autocomplete__menu--visible ds-autocomplete__menu"
12
+ className="ds-autocomplete__menu"
49
13
  >
50
14
  Hello
51
15
  </ul>
@@ -11,19 +11,10 @@ export interface AutoCompleteResultListProps extends BaseProps<'ul'> {
11
11
  * @default false
12
12
  */
13
13
  isVisible?: boolean;
14
- /**
15
- * displayMenu is optional.
16
- * Use displayMenu to choose the display of the manue
17
- * default value is inline.
18
- *
19
- * @value 'inline'
20
- * @value 'overlay'
21
- */
22
- displayMenu?: 'inline' | 'overlay';
23
14
  }
24
15
  /**
25
16
  * AutoCompleteResultList component is used for listing items.
26
17
  * This component must contain AutoCompleteResultListItem component.
27
18
  */
28
- export declare const AutoCompleteResultList: React.ForwardRefExoticComponent<Pick<AutoCompleteResultListProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "isVisible" | "displayMenu"> & React.RefAttributes<HTMLUListElement>>;
19
+ export declare const AutoCompleteResultList: React.ForwardRefExoticComponent<Pick<AutoCompleteResultListProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "isVisible"> & React.RefAttributes<HTMLUListElement>>;
29
20
  export default AutoCompleteResultList;
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["isVisible", "displayMenu", "className", "children"];
3
+ var _excluded = ["isVisible", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -11,14 +11,13 @@ import Base from '@digigov/react-core/Base';
11
11
  export var AutoCompleteResultList = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
12
12
  var _ref$isVisible = _ref.isVisible,
13
13
  isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
14
- displayMenu = _ref.displayMenu,
15
14
  className = _ref.className,
16
15
  children = _ref.children,
17
16
  props = _objectWithoutProperties(_ref, _excluded);
18
17
  return /*#__PURE__*/React.createElement(Base, _extends({
19
18
  as: "ul",
20
19
  ref: ref,
21
- className: clsx(className, displayMenu === 'overlay' && 'ds-autocomplete__menu--overlay', displayMenu === 'inline' && 'ds-autocomplete__menu--inline', isVisible === false && 'ds-autocomplete__menu--hidden', isVisible && 'ds-autocomplete__menu--visible', true && 'ds-autocomplete__menu')
20
+ className: clsx(className, isVisible === false && 'ds-autocomplete__menu--hidden', true && 'ds-autocomplete__menu')
22
21
  }, props), children);
23
22
  });
24
23
  export default AutoCompleteResultList;
@@ -10,18 +10,4 @@ var _ref2 = /*#__PURE__*/React.createElement(AutoCompleteResultList, {
10
10
  }, "Hello");
11
11
  it('renders the AutoCompleteResultList with isVisible props', function () {
12
12
  expect(mount(_ref2)).toMatchSnapshot();
13
- });
14
- var _ref3 = /*#__PURE__*/React.createElement(AutoCompleteResultList, {
15
- isVisible: true,
16
- displayMenu: "inline"
17
- }, "Hello");
18
- it('renders the AutoCompleteResultList with isVisible displayMenu="inline props', function () {
19
- expect(mount(_ref3)).toMatchSnapshot();
20
- });
21
- var _ref4 = /*#__PURE__*/React.createElement(AutoCompleteResultList, {
22
- isVisible: true,
23
- displayMenu: "overlay"
24
- }, "Hello");
25
- it('renders the AutoCompleteResultList with isVisible displayMenu="overlay props', function () {
26
- expect(mount(_ref4)).toMatchSnapshot();
27
13
  });
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the AdminContainer with no props 1`] = `
4
- <ForwardRef(AutoCompleteStatusWrapper)>
4
+ <ForwardRef(AutoCompleteStatusContainer)>
5
5
  <ForwardRef(Base)
6
6
  aria-atomic="true"
7
7
  aria-live="polite"
@@ -18,5 +18,5 @@ exports[`renders the AdminContainer with no props 1`] = `
18
18
  hello
19
19
  </div>
20
20
  </ForwardRef(Base)>
21
- </ForwardRef(AutoCompleteStatusWrapper)>
21
+ </ForwardRef(AutoCompleteStatusContainer)>
22
22
  `;
@@ -4,7 +4,7 @@ export interface AutoCompleteStatusProps extends BaseProps<'div'> {
4
4
  }
5
5
  /**
6
6
  * AutoCompleteStatus is a div element for displaying the autocomplete status.
7
- * Use AutoCompleteStatus inside AutoCompleteStatusWrapper wrapper.
7
+ * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
8
8
  */
9
9
  export declare const AutoCompleteStatus: React.ForwardRefExoticComponent<Pick<AutoCompleteStatusProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLDivElement>>;
10
10
  export default AutoCompleteStatus;
@@ -6,9 +6,9 @@ import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
7
7
  /**
8
8
  * AutoCompleteStatus is a div element for displaying the autocomplete status.
9
- * Use AutoCompleteStatus inside AutoCompleteStatusWrapper wrapper.
9
+ * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
10
10
  */
11
- export var AutoCompleteStatus = /*#__PURE__*/React.forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
11
+ export var AutoCompleteStatus = /*#__PURE__*/React.forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
12
12
  var className = _ref.className,
13
13
  children = _ref.children,
14
14
  props = _objectWithoutProperties(_ref, _excluded);
@@ -1,16 +1,16 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the AdminContainer with no props 1`] = `
4
- <ForwardRef(AutoCompleteStatusWrapper)>
4
+ <ForwardRef(AutoCompleteStatusContainer)>
5
5
  <ForwardRef(Base)
6
6
  as="div"
7
- className="ds-autocomplete__status__wrapper"
7
+ className="ds-autocomplete__status__container"
8
8
  >
9
9
  <div
10
- className="ds-autocomplete__status__wrapper"
10
+ className="ds-autocomplete__status__container"
11
11
  >
12
12
  hello
13
13
  </div>
14
14
  </ForwardRef(Base)>
15
- </ForwardRef(AutoCompleteStatusWrapper)>
15
+ </ForwardRef(AutoCompleteStatusContainer)>
16
16
  `;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface AutoCompleteStatusContainerProps extends BaseProps<'div'> {
4
+ }
5
+ /**
6
+ * AutoCompleteStatusContainer is a wrapper for autocomplete element.
7
+ * Use AutoCompleteStatusContainer to wrap autocomplete elements.
8
+ */
9
+ export declare const AutoCompleteStatusContainer: React.ForwardRefExoticComponent<Pick<AutoCompleteStatusContainerProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLDivElement>>;
10
+ export default AutoCompleteStatusContainer;
@@ -5,17 +5,17 @@ import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
7
7
  /**
8
- * AutoCompleteStatusWrapper is a wrapper for autocomplete element.
9
- * Use AutoCompleteStatusWrapper to wrap autocomplete elements.
8
+ * AutoCompleteStatusContainer is a wrapper for autocomplete element.
9
+ * Use AutoCompleteStatusContainer to wrap autocomplete elements.
10
10
  */
11
- export var AutoCompleteStatusWrapper = /*#__PURE__*/React.forwardRef(function AutoCompleteStatusWrapper(_ref, ref) {
11
+ export var AutoCompleteStatusContainer = /*#__PURE__*/React.forwardRef(function AutoCompleteStatusContainer(_ref, ref) {
12
12
  var className = _ref.className,
13
13
  children = _ref.children,
14
14
  props = _objectWithoutProperties(_ref, _excluded);
15
15
  return /*#__PURE__*/React.createElement(Base, _extends({
16
16
  as: "div",
17
17
  ref: ref,
18
- className: clsx(className, true && 'ds-autocomplete__status__wrapper')
18
+ className: clsx(className, true && 'ds-autocomplete__status__container')
19
19
  }, props), children);
20
20
  });
21
- export default AutoCompleteStatusWrapper;
21
+ export default AutoCompleteStatusContainer;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { mount } from 'enzyme';
3
+ import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
4
+ var _ref = /*#__PURE__*/React.createElement(AutoCompleteStatusContainer, null, "hello");
5
+ it('renders the AdminContainer with no props', function () {
6
+ expect(mount(_ref)).toMatchSnapshot();
7
+ });
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../../cjs/AutoCompleteStatusContainer/index.test/index.js"
6
+ }
@@ -0,0 +1,6 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "./index.js",
4
+ "types": "./index.d.ts",
5
+ "main": "../cjs/AutoCompleteStatusContainer/index.js"
6
+ }
package/Base/index.js CHANGED
@@ -62,7 +62,7 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
62
62
  props = _objectWithoutProperties(_ref, _excluded);
63
63
  var Component = as || 'span';
64
64
  return /*#__PURE__*/React.createElement(Component, _extends({
65
- className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs--up', !!smUpHidden && 'ds-hidden-sm--up', !!mdUpHidden && 'ds-hidden-md--up', !!lgUpHidden && 'ds-hidden-lg--up', !!xlUpHidden && 'ds-hidden-xl--up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
65
+ className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
66
66
  ref: ref
67
67
  }, props), children);
68
68
  });
@@ -42,6 +42,48 @@ exports[`renders the Card with dense props 1`] = `
42
42
  </ForwardRef(Card)>
43
43
  `;
44
44
 
45
+ exports[`renders the Card with dense" prop 1`] = `
46
+ <ForwardRef(Card)
47
+ dense={true}
48
+ >
49
+ <ForwardRef(Base)
50
+ as="div"
51
+ className="ds-card--dense ds-card"
52
+ >
53
+ <div
54
+ className="ds-card--dense ds-card"
55
+ >
56
+ <div
57
+ className="ds-card__body"
58
+ >
59
+ hello
60
+ </div>
61
+ </div>
62
+ </ForwardRef(Base)>
63
+ </ForwardRef(Card)>
64
+ `;
65
+
66
+ exports[`renders the Card with fullHeight" prop 1`] = `
67
+ <ForwardRef(Card)
68
+ fullHeight={true}
69
+ >
70
+ <ForwardRef(Base)
71
+ as="div"
72
+ className="ds-card--full-height ds-card"
73
+ >
74
+ <div
75
+ className="ds-card--full-height ds-card"
76
+ >
77
+ <div
78
+ className="ds-card__body"
79
+ >
80
+ hello
81
+ </div>
82
+ </div>
83
+ </ForwardRef(Base)>
84
+ </ForwardRef(Card)>
85
+ `;
86
+
45
87
  exports[`renders the Card with no props 1`] = `
46
88
  <ForwardRef(Card)>
47
89
  <ForwardRef(Base)
package/Card/index.d.ts CHANGED
@@ -33,11 +33,18 @@ export interface CardProps extends BaseProps<'div'> {
33
33
  * @default false
34
34
  * */
35
35
  dense?: boolean;
36
+ /**
37
+ * fullHeight is optional.
38
+ * @value true Card will be have it's full height.
39
+ * @value false
40
+ * @default false
41
+ * */
42
+ fullHeight?: boolean;
36
43
  }
37
44
  /**
38
45
  * Cards can be used to divide and organise interface content for better understandability and readability.
39
46
  * Cards can help your users to scan through vast amounts of information quicker.
40
47
  * Use Card as parent component to wrap CardHeading, CardContent and CartAction components
41
48
  */
42
- export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "variant" | "borderColor" | "callToAction"> & React.RefAttributes<HTMLDivElement>>;
49
+ export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "fullHeight" | "variant" | "borderColor" | "callToAction"> & React.RefAttributes<HTMLDivElement>>;
43
50
  export default Card;
package/Card/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
3
+ var _excluded = ["variant", "borderColor", "callToAction", "dense", "fullHeight", "className", "children"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -14,13 +14,14 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
14
14
  borderColor = _ref.borderColor,
15
15
  callToAction = _ref.callToAction,
16
16
  dense = _ref.dense,
17
+ fullHeight = _ref.fullHeight,
17
18
  className = _ref.className,
18
19
  children = _ref.children,
19
20
  props = _objectWithoutProperties(_ref, _excluded);
20
21
  return /*#__PURE__*/React.createElement(Base, _extends({
21
22
  as: "div",
22
23
  ref: ref,
23
- className: clsx(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', dense && 'ds-card--dense', true && 'ds-card')
24
+ className: clsx(className, variant === 'border-top' && 'ds-card--border-top', borderColor === 'light' && 'ds-card--border-light', borderColor === 'dark' && 'ds-card--border-dark', variant === 'divider' && 'ds-card--divider', variant === 'border' && 'ds-card--border', callToAction && 'ds-card--cta', fullHeight && 'ds-card--full-height', dense && 'ds-card--dense', true && 'ds-card')
24
25
  }, props), /*#__PURE__*/React.createElement("div", {
25
26
  className: clsx(true && 'ds-card__body')
26
27
  }, children));
@@ -36,38 +36,50 @@ it('renders the Card with variant="border-top" props', function () {
36
36
  expect(mount(_ref6)).toMatchSnapshot();
37
37
  });
38
38
  var _ref7 = /*#__PURE__*/React.createElement(Card, {
39
+ dense: true
40
+ }, "hello");
41
+ it('renders the Card with dense" prop', function () {
42
+ expect(mount(_ref7)).toMatchSnapshot();
43
+ });
44
+ var _ref8 = /*#__PURE__*/React.createElement(Card, {
45
+ fullHeight: true
46
+ }, "hello");
47
+ it('renders the Card with fullHeight" prop', function () {
48
+ expect(mount(_ref8)).toMatchSnapshot();
49
+ });
50
+ var _ref9 = /*#__PURE__*/React.createElement(Card, {
39
51
  variant: "border",
40
52
  borderColor: "dark"
41
53
  }, "hello");
42
54
  it('renders the Card with variant="border" and borderColor="dark" props', function () {
43
- expect(mount(_ref7)).toMatchSnapshot();
55
+ expect(mount(_ref9)).toMatchSnapshot();
44
56
  });
45
- var _ref8 = /*#__PURE__*/React.createElement(Card, {
57
+ var _ref10 = /*#__PURE__*/React.createElement(Card, {
46
58
  variant: "border",
47
59
  borderColor: "light"
48
60
  }, "hello");
49
61
  it('renders the Card with variant="border" and borderColor="light" props', function () {
50
- expect(mount(_ref8)).toMatchSnapshot();
62
+ expect(mount(_ref10)).toMatchSnapshot();
51
63
  });
52
- var _ref9 = /*#__PURE__*/React.createElement(Card, {
64
+ var _ref11 = /*#__PURE__*/React.createElement(Card, {
53
65
  variant: "border-top",
54
66
  borderColor: "dark"
55
67
  }, "hello");
56
68
  it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
57
- expect(mount(_ref9)).toMatchSnapshot();
69
+ expect(mount(_ref11)).toMatchSnapshot();
58
70
  });
59
- var _ref10 = /*#__PURE__*/React.createElement(Card, {
71
+ var _ref12 = /*#__PURE__*/React.createElement(Card, {
60
72
  variant: "border-top",
61
73
  borderColor: "light"
62
74
  }, "hello");
63
75
  it('renders the Card with variant="border-top" and borderColor="light" props', function () {
64
- expect(mount(_ref10)).toMatchSnapshot();
76
+ expect(mount(_ref12)).toMatchSnapshot();
65
77
  });
66
- var _ref11 = /*#__PURE__*/React.createElement(Card, {
78
+ var _ref13 = /*#__PURE__*/React.createElement(Card, {
67
79
  variant: "border-top",
68
80
  borderColor: "dark",
69
81
  callToAction: true
70
82
  }, "hello");
71
83
  it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
72
- expect(mount(_ref11)).toMatchSnapshot();
84
+ expect(mount(_ref13)).toMatchSnapshot();
73
85
  });
@@ -25,8 +25,6 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
25
25
  as: "input",
26
26
  ref: ref,
27
27
  type: "text",
28
- pattern: "[0-9]*",
29
- inputMode: "numeric",
30
28
  name: name,
31
29
  className: clsx(width === 2 && 'ds-input--width-2-char', width === 4 && 'ds-input--width-4-char', error && 'ds-input--error', true && 'ds-input')
32
30
  }, props))));