@digigov/react-core 2.0.0-rc.0 → 2.0.0-rc.10

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 (176) 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/{AutoCompleteWrapper → 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/{AutoCompleteStatusWrapper → 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/{AutoCompleteWrapper/index.test → AutoCompleteStatusContainer}/package.json +1 -1
  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/DropdownContent/index.d.ts +9 -1
  44. package/DropdownContent/index.js +6 -5
  45. package/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  46. package/FooterContentLogos/index.js +1 -1
  47. package/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  48. package/Hint/index.js +1 -1
  49. package/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  50. package/ImageLogo/index.js +1 -2
  51. package/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  52. package/KitchenSinkCard/index.d.ts +1 -1
  53. package/ModalContainer/index.d.ts +8 -1
  54. package/ModalContainer/index.js +8 -6
  55. package/ModalHeading/index.js +1 -2
  56. package/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  57. package/NormalText/index.js +1 -1
  58. package/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  59. package/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  60. package/PhaseBannerHeaderContainer/index.js +1 -1
  61. package/SummaryList/index.d.ts +10 -1
  62. package/SummaryList/index.js +4 -2
  63. package/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  64. package/Unpurge/index.js +1 -1
  65. package/cjs/AdminAside/__snapshots__/index.test.tsx.snap +7 -3
  66. package/cjs/AdminAside/index.js +6 -2
  67. package/cjs/AdminContainer/__snapshots__/index.test.tsx.snap +35 -7
  68. package/cjs/AdminContainer/index.js +6 -7
  69. package/cjs/AdminContainer/index.test/index.js +6 -0
  70. package/cjs/AdminMain/__snapshots__/index.test.tsx.snap +6 -3
  71. package/cjs/AdminMain/index.js +7 -2
  72. package/{AutoCompleteWrapper → cjs/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  73. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.js +6 -6
  74. package/cjs/{AutoCompleteWrapper → AutoCompleteContainer}/index.test/index.js +2 -2
  75. package/cjs/AutoCompleteInput/__snapshots__/index.test.tsx.snap +14 -50
  76. package/cjs/AutoCompleteInput/index.js +2 -4
  77. package/cjs/AutoCompleteInput/index.test/index.js +5 -19
  78. package/cjs/AutoCompleteMultipleInput/index.js +28 -0
  79. package/cjs/AutoCompleteMultipleInputContainer/index.js +31 -0
  80. package/cjs/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -38
  81. package/cjs/AutoCompleteResultList/index.js +2 -3
  82. package/cjs/AutoCompleteResultList/index.test/index.js +0 -14
  83. package/cjs/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  84. package/cjs/AutoCompleteStatus/index.js +2 -2
  85. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/__snapshots__/index.test.tsx.snap +4 -4
  86. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.js +6 -6
  87. package/cjs/{AutoCompleteStatusWrapper → AutoCompleteStatusContainer}/index.test/index.js +2 -2
  88. package/cjs/Base/index.js +1 -1
  89. package/cjs/Card/__snapshots__/index.test.tsx.snap +42 -0
  90. package/cjs/Card/index.js +3 -2
  91. package/cjs/Card/index.test/index.js +21 -9
  92. package/cjs/DropdownContent/index.js +6 -5
  93. package/cjs/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  94. package/cjs/FooterContentLogos/index.js +1 -1
  95. package/cjs/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  96. package/cjs/Hint/index.js +1 -1
  97. package/cjs/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  98. package/cjs/ImageLogo/index.js +1 -2
  99. package/cjs/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  100. package/cjs/ModalContainer/index.js +8 -6
  101. package/cjs/ModalHeading/index.js +1 -2
  102. package/cjs/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  103. package/cjs/NormalText/index.js +1 -1
  104. package/cjs/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  105. package/cjs/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  106. package/cjs/PhaseBannerHeaderContainer/index.js +1 -1
  107. package/cjs/SummaryList/index.js +4 -2
  108. package/cjs/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  109. package/cjs/Unpurge/index.js +1 -1
  110. package/cjs/index.js +26 -4
  111. package/cjs/lazy/index.js +30 -12
  112. package/cjs/registry/index.js +8 -4
  113. package/index.d.ts +3 -1
  114. package/index.js +4 -2
  115. package/lazy/index.js +24 -10
  116. package/lazy.d.ts +12 -10
  117. package/package.json +3 -3
  118. package/registry/index.js +8 -4
  119. package/registry.d.ts +4 -2
  120. package/src/AdminAside/__snapshots__/index.test.tsx.snap +7 -3
  121. package/src/AdminAside/index.tsx +6 -2
  122. package/src/AdminContainer/__snapshots__/index.test.tsx.snap +35 -7
  123. package/src/AdminContainer/index.test.tsx +3 -0
  124. package/src/AdminContainer/index.tsx +12 -11
  125. package/src/AdminMain/__snapshots__/index.test.tsx.snap +6 -3
  126. package/src/AdminMain/index.tsx +5 -2
  127. package/{cjs/AutoCompleteWrapper → src/AutoCompleteContainer}/__snapshots__/index.test.tsx.snap +4 -4
  128. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.test.tsx +2 -2
  129. package/src/{AutoCompleteWrapper → AutoCompleteContainer}/index.tsx +8 -8
  130. package/src/AutoCompleteInput/__snapshots__/index.test.tsx.snap +14 -50
  131. package/src/AutoCompleteInput/index.test.tsx +4 -12
  132. package/src/AutoCompleteInput/index.tsx +2 -11
  133. package/src/AutoCompleteMultipleInput/index.tsx +28 -0
  134. package/src/AutoCompleteMultipleInputContainer/index.tsx +38 -0
  135. package/src/AutoCompleteResultList/__snapshots__/index.test.tsx.snap +2 -38
  136. package/src/AutoCompleteResultList/index.test.tsx +0 -20
  137. package/src/AutoCompleteResultList/index.tsx +1 -13
  138. package/src/AutoCompleteStatus/__snapshots__/index.test.tsx.snap +2 -2
  139. package/src/AutoCompleteStatus/index.tsx +2 -2
  140. package/src/AutoCompleteStatusContainer/__snapshots__/index.test.tsx.snap +16 -0
  141. package/src/AutoCompleteStatusContainer/index.test.tsx +10 -0
  142. package/src/AutoCompleteStatusContainer/index.tsx +28 -0
  143. package/src/Base/index.tsx +5 -5
  144. package/src/Card/__snapshots__/index.test.tsx.snap +42 -0
  145. package/src/Card/index.test.tsx +6 -0
  146. package/src/Card/index.tsx +9 -1
  147. package/src/DropdownContent/index.tsx +10 -1
  148. package/src/FooterContentLogos/__snapshots__/index.test.tsx.snap +2 -2
  149. package/src/FooterContentLogos/index.tsx +1 -1
  150. package/src/Hidden/__snapshots__/index.test.tsx.snap +5 -5
  151. package/src/Hint/index.tsx +2 -2
  152. package/src/ImageLogo/__snapshots__/index.test.tsx.snap +2 -2
  153. package/src/ImageLogo/index.tsx +1 -2
  154. package/src/ImageLogoSet/__snapshots__/index.test.tsx.snap +10 -10
  155. package/src/ModalContainer/index.tsx +18 -14
  156. package/src/ModalHeading/index.tsx +2 -2
  157. package/src/NormalText/__snapshots__/index.test.tsx.snap +60 -60
  158. package/src/NormalText/index.tsx +2 -2
  159. package/src/Paragraph/__snapshots__/index.test.tsx.snap +54 -54
  160. package/src/PhaseBannerHeaderContainer/__snapshots__/inde.test.tsx.snap +2 -2
  161. package/src/PhaseBannerHeaderContainer/index.tsx +1 -1
  162. package/src/SummaryList/index.tsx +12 -1
  163. package/src/TabsHeading/__snapshots__/index.test.tsx.snap +3 -3
  164. package/src/Unpurge/index.tsx +5 -2
  165. package/src/index.ts +3 -1
  166. package/src/lazy.js +4 -2
  167. package/src/registry.js +8 -4
  168. package/AutoCompleteStatusWrapper/index.d.ts +0 -10
  169. package/AutoCompleteStatusWrapper/index.test/index.js +0 -7
  170. package/AutoCompleteWrapper/index.d.ts +0 -22
  171. package/AutoCompleteWrapper/index.test/index.js +0 -7
  172. package/src/AutoCompleteStatusWrapper/__snapshots__/index.test.tsx.snap +0 -16
  173. package/src/AutoCompleteStatusWrapper/index.test.tsx +0 -10
  174. package/src/AutoCompleteStatusWrapper/index.tsx +0 -28
  175. /package/{AutoCompleteStatusWrapper → AutoCompleteContainer}/index.test.d.ts +0 -0
  176. /package/{AutoCompleteWrapper → AutoCompleteStatusContainer}/index.test.d.ts +0 -0
@@ -4,15 +4,19 @@ exports[`renders the AdminAside with no prop 1`] = `
4
4
  <ForwardRef(AdminAside)>
5
5
  <ForwardRef(Grid)
6
6
  as="aside"
7
- className="ds-admin-side-content"
7
+ className="ds-admin-aside"
8
8
  item={true}
9
+ lg={3}
10
+ md={4}
11
+ spacing={4}
12
+ xs={12}
9
13
  >
10
14
  <ForwardRef(Base)
11
15
  as="aside"
12
- className="ds-admin-side-content"
16
+ className="ds-admin-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
13
17
  >
14
18
  <aside
15
- className="ds-admin-side-content"
19
+ className="ds-admin-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
16
20
  >
17
21
  hello
18
22
  </aside>
@@ -13,9 +13,13 @@ export var AdminAside = /*#__PURE__*/React.forwardRef(function AdminAside(_ref,
13
13
  props = _objectWithoutProperties(_ref, _excluded);
14
14
  return /*#__PURE__*/React.createElement(Grid, _extends({
15
15
  as: "aside",
16
- ref: ref,
17
16
  item: true,
18
- className: clsx(className, true && 'ds-admin-side-content')
17
+ xs: 12,
18
+ md: 4,
19
+ lg: 3,
20
+ spacing: 4,
21
+ ref: ref,
22
+ className: clsx(className, true && 'ds-admin-aside')
19
23
  }, props), children);
20
24
  });
21
25
  export default AdminAside;
@@ -1,7 +1,9 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders the AdminContainer with no props 1`] = `
4
- <ForwardRef(AdminContainer)>
3
+ exports[`renders the AdminContainer with no grid 1`] = `
4
+ <ForwardRef(AdminContainer)
5
+ grid={false}
6
+ >
5
7
  <ForwardRef(Container)
6
8
  fullWidth={true}
7
9
  grid={false}
@@ -17,11 +19,37 @@ exports[`renders the AdminContainer with no props 1`] = `
17
19
  <div
18
20
  className="ds-container--full-width ds-container"
19
21
  >
20
- <div
21
- className="ds-admin-main-wrapper"
22
- >
23
- hello
24
- </div>
22
+ hello
23
+ </div>
24
+ </ForwardRef(Base)>
25
+ </ForwardRef(Grid)>
26
+ </ForwardRef(Container)>
27
+ </ForwardRef(AdminContainer)>
28
+ `;
29
+
30
+ exports[`renders the AdminContainer with no props 1`] = `
31
+ <ForwardRef(AdminContainer)>
32
+ <ForwardRef(Container)
33
+ fullWidth={true}
34
+ grid={true}
35
+ >
36
+ <ForwardRef(Grid)
37
+ className="ds-container--full-width ds-container"
38
+ container={true}
39
+ spacing={
40
+ Object {
41
+ "sm": 12,
42
+ }
43
+ }
44
+ >
45
+ <ForwardRef(Base)
46
+ as="div"
47
+ className="ds-container--full-width ds-container ds-gap-sm-12 ds-grid"
48
+ >
49
+ <div
50
+ className="ds-container--full-width ds-container ds-gap-sm-12 ds-grid"
51
+ >
52
+ hello
25
53
  </div>
26
54
  </ForwardRef(Base)>
27
55
  </ForwardRef(Grid)>
@@ -1,10 +1,17 @@
1
1
  import React from 'react';
2
2
  import { ContainerProps } from '@digigov/react-core/Container';
3
3
  export interface AdminContainerProps extends Omit<ContainerProps, 'grid'> {
4
+ /**
5
+ * grid is optional. Set to false if you don't need grid layout.
6
+ * @value true
7
+ * @value false
8
+ * @default true
9
+ */
10
+ grid?: boolean;
4
11
  }
5
12
  /**
6
13
  * AdminContainer is a wrapper for the content of the page
7
14
  * Use AdminContainer inside AdminLayout component
8
15
  */
9
- export declare const AdminContainer: React.ForwardRefExoticComponent<Pick<AdminContainerProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "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" | "inline" | "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" | "container" | "item" | "xs" | "sm" | "md" | "lg" | "xl" | "fullWidth"> & React.RefAttributes<HTMLDivElement>>;
16
+ export declare const AdminContainer: React.ForwardRefExoticComponent<Pick<AdminContainerProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "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" | "inline" | "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" | "grid" | "container" | "item" | "xs" | "sm" | "md" | "lg" | "xl" | "fullWidth"> & React.RefAttributes<HTMLDivElement>>;
10
17
  export default AdminContainer;
@@ -1,24 +1,23 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children"];
3
+ var _excluded = ["grid", "className", "children"];
4
4
  import React from 'react';
5
- import clsx from 'clsx';
6
5
  import Container from '@digigov/react-core/Container';
7
6
  /**
8
7
  * AdminContainer is a wrapper for the content of the page
9
8
  * Use AdminContainer inside AdminLayout component
10
9
  */
11
10
  export var AdminContainer = /*#__PURE__*/React.forwardRef(function AdminContainer(_ref, ref) {
12
- var className = _ref.className,
11
+ var _ref$grid = _ref.grid,
12
+ grid = _ref$grid === void 0 ? true : _ref$grid,
13
+ className = _ref.className,
13
14
  children = _ref.children,
14
15
  props = _objectWithoutProperties(_ref, _excluded);
15
16
  return /*#__PURE__*/React.createElement(Container, _extends({
16
17
  ref: ref,
17
18
  fullWidth: true,
18
- grid: false,
19
+ grid: grid,
19
20
  className: className
20
- }, props), /*#__PURE__*/React.createElement("div", {
21
- className: clsx(true && 'ds-admin-main-wrapper')
22
- }, children));
21
+ }, props), children);
23
22
  });
24
23
  export default AdminContainer;
@@ -4,4 +4,10 @@ import AdminContainer from '@digigov/react-core/AdminContainer';
4
4
  var _ref = /*#__PURE__*/React.createElement(AdminContainer, null, "hello");
5
5
  it('renders the AdminContainer with no props', function () {
6
6
  expect(mount(_ref)).toMatchSnapshot();
7
+ });
8
+ var _ref2 = /*#__PURE__*/React.createElement(AdminContainer, {
9
+ grid: false
10
+ }, "hello");
11
+ it('renders the AdminContainer with no grid', function () {
12
+ expect(mount(_ref2)).toMatchSnapshot();
7
13
  });
@@ -4,15 +4,18 @@ exports[`renders the AdminMain with no prop 1`] = `
4
4
  <ForwardRef(AdminMain)>
5
5
  <ForwardRef(Grid)
6
6
  as="main"
7
- className="ds-admin-main-content"
7
+ className="ds-admin-main"
8
8
  item={true}
9
+ lg={9}
10
+ md={8}
11
+ xs={12}
9
12
  >
10
13
  <ForwardRef(Base)
11
14
  as="main"
12
- className="ds-admin-main-content"
15
+ className="ds-admin-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
13
16
  >
14
17
  <main
15
- className="ds-admin-main-content"
18
+ className="ds-admin-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
16
19
  >
17
20
  hello
18
21
  </main>
@@ -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 = ["className", "children"];
3
+ var _excluded = ["className", "children", "id"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Grid from '@digigov/react-core/Grid';
@@ -10,12 +10,17 @@ import Grid from '@digigov/react-core/Grid';
10
10
  export var AdminMain = /*#__PURE__*/React.forwardRef(function AdminMain(_ref, ref) {
11
11
  var className = _ref.className,
12
12
  children = _ref.children,
13
+ _ref$id = _ref.id,
14
+ id = _ref$id === void 0 ? 'main-content' : _ref$id,
13
15
  props = _objectWithoutProperties(_ref, _excluded);
14
16
  return /*#__PURE__*/React.createElement(Grid, _extends({
15
17
  item: true,
16
18
  as: "main",
19
+ xs: 12,
20
+ md: 8,
21
+ lg: 9,
17
22
  ref: ref,
18
- className: clsx(className, true && 'ds-admin-main-content')
23
+ className: clsx(className, true && 'ds-admin-main')
19
24
  }, props), children);
20
25
  });
21
26
  export default AdminMain;
@@ -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(AutoCompleteWrapper)>
4
+ <ForwardRef(AutoCompleteContainer)>
5
5
  <ForwardRef(Base)
6
6
  as="div"
7
- className="ds-autocomplete__wrapper"
7
+ className="ds-autocomplete__container"
8
8
  >
9
9
  <div
10
- className="ds-autocomplete__wrapper"
10
+ className="ds-autocomplete__container"
11
11
  >
12
12
  hello
13
13
  </div>
14
14
  </ForwardRef(Base)>
15
- </ForwardRef(AutoCompleteWrapper)>
15
+ </ForwardRef(AutoCompleteContainer)>
16
16
  `;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface AutoCompleteContainerProps extends BaseProps<'div'> {
4
+ /**
5
+ * width is optional.
6
+ * Use width prop to define a custom width in your component.
7
+ * @value '25%';
8
+ * @value '33.3%';
9
+ * @value '50%';
10
+ * @value '66.6%';
11
+ * @value '75%';
12
+ * @value '100%';
13
+ * @value 'full';
14
+ */
15
+ width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
16
+ }
17
+ /**
18
+ * AutoCompleteContainer is a wrapper for autocomplete element.
19
+ * Use AutoCompleteContainer to wrap autocomplete elements.
20
+ */
21
+ export declare const AutoCompleteContainer: React.ForwardRefExoticComponent<Pick<AutoCompleteContainerProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "width" | "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>>;
22
+ export default AutoCompleteContainer;
@@ -5,10 +5,10 @@ import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
7
7
  /**
8
- * AutoCompleteWrapper is a wrapper for autocomplete element.
9
- * Use AutoCompleteWrapper to wrap autocomplete elements.
8
+ * AutoCompleteContainer is a wrapper for autocomplete element.
9
+ * Use AutoCompleteContainer to wrap autocomplete elements.
10
10
  */
11
- export var AutoCompleteWrapper = /*#__PURE__*/React.forwardRef(function AutoCompleteWrapper(_ref, ref) {
11
+ export var AutoCompleteContainer = /*#__PURE__*/React.forwardRef(function AutoCompleteContainer(_ref, ref) {
12
12
  var className = _ref.className,
13
13
  width = _ref.width,
14
14
  children = _ref.children,
@@ -16,7 +16,7 @@ export var AutoCompleteWrapper = /*#__PURE__*/React.forwardRef(function AutoComp
16
16
  return /*#__PURE__*/React.createElement(Base, _extends({
17
17
  as: "div",
18
18
  ref: ref,
19
- className: clsx(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-autocomplete__wrapper')
19
+ className: clsx(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-autocomplete__container')
20
20
  }, props), children);
21
21
  });
22
- export default AutoCompleteWrapper;
22
+ export default AutoCompleteContainer;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { mount } from 'enzyme';
3
+ import AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
4
+ var _ref = /*#__PURE__*/React.createElement(AutoCompleteContainer, null, "hello");
5
+ it('renders the AdminContainer with no props', function () {
6
+ expect(mount(_ref)).toMatchSnapshot();
7
+ });
@@ -2,5 +2,5 @@
2
2
  "sideEffects": false,
3
3
  "module": "./index.js",
4
4
  "types": "./index.d.ts",
5
- "main": "../../cjs/AutoCompleteStatusWrapper/index.test/index.js"
5
+ "main": "../../cjs/AutoCompleteContainer/index.test/index.js"
6
6
  }
@@ -2,5 +2,5 @@
2
2
  "sideEffects": false,
3
3
  "module": "./index.js",
4
4
  "types": "./index.d.ts",
5
- "main": "../cjs/AutoCompleteWrapper/index.js"
5
+ "main": "../cjs/AutoCompleteContainer/index.js"
6
6
  }
@@ -1,87 +1,51 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders the AutoCompleteInput with no props 1`] = `
4
- <ForwardRef(AutoCompleteInput)>
5
- <ForwardRef(Base)
6
- as="input"
7
- className="ds-autocomplete__input--default ds-autocomplete__input"
8
- type="text"
9
- >
10
- <input
11
- className="ds-autocomplete__input--default ds-autocomplete__input"
12
- type="text"
13
- />
14
- </ForwardRef(Base)>
15
- </ForwardRef(AutoCompleteInput)>
16
- `;
17
-
18
- exports[`renders the AutoCompleteInput with showAllValues 1`] = `
19
- <ForwardRef(AutoCompleteInput)
20
- showAllValues={true}
21
- >
22
- <ForwardRef(Base)
23
- as="input"
24
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
25
- type="text"
26
- >
27
- <input
28
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
29
- type="text"
30
- />
31
- </ForwardRef(Base)>
32
- </ForwardRef(AutoCompleteInput)>
33
- `;
34
-
35
- exports[`renders the AutoCompleteInput with showAllValues 2`] = `
3
+ exports[`renders the AutoCompleteInput with isFocused 1`] = `
36
4
  <ForwardRef(AutoCompleteInput)
37
- showAllValues={true}
5
+ isFocused={true}
38
6
  >
39
7
  <ForwardRef(Base)
40
8
  as="input"
41
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
9
+ className="ds-autocomplete__input--focused ds-autocomplete__input"
42
10
  type="text"
43
11
  >
44
12
  <input
45
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
13
+ className="ds-autocomplete__input--focused ds-autocomplete__input"
46
14
  type="text"
47
15
  />
48
16
  </ForwardRef(Base)>
49
17
  </ForwardRef(AutoCompleteInput)>
50
18
  `;
51
19
 
52
- exports[`renders the AutoCompleteInput with showAllValues isFocused 1`] = `
20
+ exports[`renders the AutoCompleteInput with isFocused and name props 1`] = `
53
21
  <ForwardRef(AutoCompleteInput)
54
22
  isFocused={true}
55
- showAllValues={true}
23
+ name="some-name"
56
24
  >
57
25
  <ForwardRef(Base)
58
26
  as="input"
59
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
27
+ className="ds-autocomplete__input--focused ds-autocomplete__input"
28
+ name="some-name"
60
29
  type="text"
61
30
  >
62
31
  <input
63
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
32
+ className="ds-autocomplete__input--focused ds-autocomplete__input"
33
+ name="some-name"
64
34
  type="text"
65
35
  />
66
36
  </ForwardRef(Base)>
67
37
  </ForwardRef(AutoCompleteInput)>
68
38
  `;
69
39
 
70
- exports[`renders the AutoCompleteInput with showAllValues isFocused name props 1`] = `
71
- <ForwardRef(AutoCompleteInput)
72
- isFocused={true}
73
- name="some-name"
74
- showAllValues={true}
75
- >
40
+ exports[`renders the AutoCompleteInput with no props 1`] = `
41
+ <ForwardRef(AutoCompleteInput)>
76
42
  <ForwardRef(Base)
77
43
  as="input"
78
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
79
- name="some-name"
44
+ className="ds-autocomplete__input"
80
45
  type="text"
81
46
  >
82
47
  <input
83
- className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
84
- name="some-name"
48
+ className="ds-autocomplete__input"
85
49
  type="text"
86
50
  />
87
51
  </ForwardRef(Base)>
@@ -8,18 +8,10 @@ export interface AutoCompleteInputProps extends BaseProps<'input'> {
8
8
  * @value false
9
9
  */
10
10
  isFocused?: boolean;
11
- /**
12
- * showAllValues is optional. The default value is false.
13
- * showAllValues prop is used to change the css input.
14
- * @value true
15
- * @value false
16
- * @default false
17
- */
18
- showAllValues?: boolean;
19
11
  }
20
12
  /**
21
13
  * AutoCompleteInput component is used to display the value that the user is typing.
22
14
  *
23
15
  */
24
- export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Pick<AutoCompleteInputProps, "form" | "p" | "slot" | "style" | "title" | "pattern" | "as" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "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" | "showAllValues"> & React.RefAttributes<HTMLInputElement>>;
16
+ export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Pick<AutoCompleteInputProps, "form" | "p" | "slot" | "style" | "title" | "pattern" | "as" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "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"> & React.RefAttributes<HTMLInputElement>>;
25
17
  export default AutoCompleteInput;
@@ -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 = ["name", "isFocused", "showAllValues", "className"];
3
+ var _excluded = ["name", "isFocused", "className"];
4
4
  import React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import Base from '@digigov/react-core/Base';
@@ -11,8 +11,6 @@ import Base from '@digigov/react-core/Base';
11
11
  export var AutoCompleteInput = /*#__PURE__*/React.forwardRef(function AutoCompleteInput(_ref, ref) {
12
12
  var name = _ref.name,
13
13
  isFocused = _ref.isFocused,
14
- _ref$showAllValues = _ref.showAllValues,
15
- showAllValues = _ref$showAllValues === void 0 ? false : _ref$showAllValues,
16
14
  className = _ref.className,
17
15
  props = _objectWithoutProperties(_ref, _excluded);
18
16
  return /*#__PURE__*/React.createElement(Base, _extends({
@@ -20,7 +18,7 @@ export var AutoCompleteInput = /*#__PURE__*/React.forwardRef(function AutoComple
20
18
  type: "text",
21
19
  name: name,
22
20
  ref: ref,
23
- className: clsx(className, showAllValues === false && 'ds-autocomplete__input--default', showAllValues && 'ds-autocomplete__input--show-all-values', isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
21
+ className: clsx(className, isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
24
22
  }, props));
25
23
  });
26
24
  export default AutoCompleteInput;
@@ -6,29 +6,15 @@ it('renders the AutoCompleteInput with no props', function () {
6
6
  expect(mount(_ref)).toMatchSnapshot();
7
7
  });
8
8
  var _ref2 = /*#__PURE__*/React.createElement(AutoCompleteInput, {
9
- showAllValues: true
9
+ isFocused: true
10
10
  });
11
- it('renders the AutoCompleteInput with showAllValues', function () {
11
+ it('renders the AutoCompleteInput with isFocused', function () {
12
12
  expect(mount(_ref2)).toMatchSnapshot();
13
13
  });
14
14
  var _ref3 = /*#__PURE__*/React.createElement(AutoCompleteInput, {
15
- showAllValues: true
16
- });
17
- it('renders the AutoCompleteInput with showAllValues', function () {
18
- expect(mount(_ref3)).toMatchSnapshot();
19
- });
20
- var _ref4 = /*#__PURE__*/React.createElement(AutoCompleteInput, {
21
- isFocused: true,
22
- showAllValues: true
23
- });
24
- it('renders the AutoCompleteInput with showAllValues isFocused', function () {
25
- expect(mount(_ref4)).toMatchSnapshot();
26
- });
27
- var _ref5 = /*#__PURE__*/React.createElement(AutoCompleteInput, {
28
15
  name: "some-name",
29
- isFocused: true,
30
- showAllValues: true
16
+ isFocused: true
31
17
  });
32
- it('renders the AutoCompleteInput with showAllValues isFocused name props', function () {
33
- expect(mount(_ref5)).toMatchSnapshot();
18
+ it('renders the AutoCompleteInput with isFocused and name props', function () {
19
+ expect(mount(_ref3)).toMatchSnapshot();
34
20
  });
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { BaseProps } from '@digigov/react-core/Base';
3
+ export interface AutoCompleteMultipleInputProps extends BaseProps<'input'> {
4
+ }
5
+ /**
6
+ * AutoCompleteMultipleInput is used inside AutoCompleteMultipleInputContainer for multiple values input.
7
+ */
8
+ export declare const AutoCompleteMultipleInput: React.ForwardRefExoticComponent<Pick<AutoCompleteMultipleInputProps, "form" | "p" | "slot" | "style" | "title" | "pattern" | "as" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "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<HTMLInputElement>>;
9
+ export default AutoCompleteMultipleInput;
@@ -0,0 +1,21 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["children", "className"];
4
+ import React from 'react';
5
+ import clsx from 'clsx';
6
+ import Base from '@digigov/react-core/Base';
7
+ /**
8
+ * AutoCompleteMultipleInput is used inside AutoCompleteMultipleInputContainer for multiple values input.
9
+ */
10
+ export var AutoCompleteMultipleInput = /*#__PURE__*/React.forwardRef(function AutoCompleteMultipleInput(_ref, ref) {
11
+ var children = _ref.children,
12
+ className = _ref.className,
13
+ props = _objectWithoutProperties(_ref, _excluded);
14
+ return /*#__PURE__*/React.createElement(Base, _extends({
15
+ as: "input",
16
+ type: "text",
17
+ ref: ref,
18
+ className: clsx(className, true && 'ds-autocomplete__multi-input')
19
+ }, props), children);
20
+ });
21
+ export default AutoCompleteMultipleInput;