@digigov/ui 0.35.2 → 0.35.4

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 (134) hide show
  1. package/CHANGELOG.md +18 -1
  2. package/admin/AccessibilityMenu/index.d.ts +1 -1
  3. package/admin/AutoComplete/index.d.ts +1 -2
  4. package/admin/AutoComplete/index.js +3 -9
  5. package/admin/Chip/Chip.stories.d.ts +12 -0
  6. package/admin/Chip/Chip.stories.js +88 -0
  7. package/admin/Chip/__stories__/ClickableChip.d.ts +2 -0
  8. package/admin/Chip/__stories__/ClickableChip.js +24 -0
  9. package/admin/Chip/__stories__/ClickableDeletableChip.d.ts +2 -0
  10. package/admin/Chip/__stories__/ClickableDeletableChip.js +27 -0
  11. package/admin/Chip/__stories__/Default.d.ts +2 -0
  12. package/admin/Chip/__stories__/Default.js +22 -0
  13. package/admin/Chip/__stories__/DeletableChip.d.ts +2 -0
  14. package/admin/Chip/__stories__/DeletableChip.js +24 -0
  15. package/admin/Chip/__stories__/GroupOfChips.d.ts +2 -0
  16. package/admin/Chip/__stories__/GroupOfChips.js +28 -0
  17. package/admin/Chip/index.d.ts +0 -1
  18. package/admin/Chip/index.js +0 -14
  19. package/admin/Dropdown/index.d.ts +1 -1
  20. package/admin/Modal/index.d.ts +2 -2
  21. package/admin/Pagination/Pagination.stories.d.ts +1 -0
  22. package/admin/Pagination/Pagination.stories.js +14 -0
  23. package/admin/Pagination/__stories__/PaginationWithSmallFont.d.ts +2 -0
  24. package/admin/Pagination/__stories__/PaginationWithSmallFont.js +62 -0
  25. package/admin/Pagination/index.d.ts +1 -1
  26. package/admin/StepNav/__stories__/Default.js +5 -7
  27. package/admin/StepNav/index.d.ts +2 -4
  28. package/admin/StepNav/index.js +3 -19
  29. package/app/BottomInfoContainer/index.d.ts +1 -1
  30. package/app/BottomInfoContent/index.d.ts +1 -1
  31. package/app/Header/Header.stories.playwright.json +16 -0
  32. package/core/Accordion/index.d.ts +3 -3
  33. package/core/Button/BackButton.d.ts +1 -1
  34. package/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
  35. package/core/Checkbox/__stories__/Default.js +3 -3
  36. package/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
  37. package/core/Checkbox/__stories__/NoneAnswer.js +3 -4
  38. package/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
  39. package/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
  40. package/core/Checkbox/__stories__/WithHint.js +6 -6
  41. package/core/Divider/index.d.ts +2 -1
  42. package/core/Divider/index.js +16 -0
  43. package/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
  44. package/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
  45. package/core/Table/index.d.ts +1 -1
  46. package/es/admin/AutoComplete/index.js +4 -3
  47. package/es/admin/Chip/Chip.stories.js +12 -0
  48. package/es/admin/Chip/__stories__/ClickableChip.js +10 -0
  49. package/es/admin/Chip/__stories__/ClickableDeletableChip.js +13 -0
  50. package/es/admin/Chip/__stories__/Default.js +9 -0
  51. package/es/admin/Chip/__stories__/DeletableChip.js +10 -0
  52. package/es/admin/Chip/__stories__/GroupOfChips.js +9 -0
  53. package/es/admin/Chip/index.js +0 -1
  54. package/es/admin/Pagination/Pagination.stories.js +2 -1
  55. package/es/admin/Pagination/__stories__/PaginationWithSmallFont.js +44 -0
  56. package/es/admin/StepNav/__stories__/Default.js +6 -8
  57. package/es/admin/StepNav/index.js +2 -4
  58. package/es/app/Header/Header.stories.playwright.json +16 -0
  59. package/es/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
  60. package/es/core/Checkbox/__stories__/Default.js +3 -3
  61. package/es/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
  62. package/es/core/Checkbox/__stories__/NoneAnswer.js +3 -4
  63. package/es/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
  64. package/es/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
  65. package/es/core/Checkbox/__stories__/WithHint.js +6 -6
  66. package/es/core/Divider/index.js +1 -0
  67. package/es/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
  68. package/es/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
  69. package/es/locales/el.js +14 -0
  70. package/es/locales/en.js +14 -0
  71. package/es/registry.js +3 -0
  72. package/esm/admin/AutoComplete/index.js +4 -3
  73. package/esm/admin/Chip/Chip.stories.js +12 -0
  74. package/esm/admin/Chip/__stories__/ClickableChip.js +10 -0
  75. package/esm/admin/Chip/__stories__/ClickableDeletableChip.js +13 -0
  76. package/esm/admin/Chip/__stories__/Default.js +9 -0
  77. package/esm/admin/Chip/__stories__/DeletableChip.js +10 -0
  78. package/esm/admin/Chip/__stories__/GroupOfChips.js +9 -0
  79. package/esm/admin/Chip/index.js +0 -1
  80. package/esm/admin/Pagination/Pagination.stories.js +2 -1
  81. package/esm/admin/Pagination/__stories__/PaginationWithSmallFont.js +44 -0
  82. package/esm/admin/StepNav/__stories__/Default.js +6 -8
  83. package/esm/admin/StepNav/index.js +2 -4
  84. package/esm/app/Header/Header.stories.playwright.json +16 -0
  85. package/esm/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
  86. package/esm/core/Checkbox/__stories__/Default.js +3 -3
  87. package/esm/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
  88. package/esm/core/Checkbox/__stories__/NoneAnswer.js +3 -4
  89. package/esm/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
  90. package/esm/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
  91. package/esm/core/Checkbox/__stories__/WithHint.js +6 -6
  92. package/esm/core/Divider/index.js +1 -0
  93. package/esm/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
  94. package/esm/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
  95. package/esm/index.js +1 -1
  96. package/esm/locales/el.js +14 -0
  97. package/esm/locales/en.js +14 -0
  98. package/esm/registry.js +3 -0
  99. package/layouts/Basic/Content/index.d.ts +1 -1
  100. package/layouts/Basic/Side/index.d.ts +1 -1
  101. package/locales/el.d.ts +14 -0
  102. package/locales/el.js +14 -0
  103. package/locales/en.d.ts +14 -0
  104. package/locales/en.js +14 -0
  105. package/package.json +3 -3
  106. package/registry.d.ts +2 -0
  107. package/registry.js +4 -0
  108. package/src/admin/AutoComplete/index.tsx +3 -3
  109. package/src/admin/Chip/Chip.stories.js +12 -0
  110. package/src/admin/Chip/__stories__/ClickableChip.tsx +16 -0
  111. package/src/admin/Chip/__stories__/ClickableDeletableChip.tsx +19 -0
  112. package/src/admin/Chip/__stories__/Default.tsx +10 -0
  113. package/src/admin/Chip/__stories__/DeletableChip.tsx +16 -0
  114. package/src/admin/Chip/__stories__/GroupOfChips.tsx +15 -0
  115. package/src/admin/Chip/index.tsx +0 -1
  116. package/src/admin/Pagination/Pagination.stories.js +1 -0
  117. package/src/admin/Pagination/__stories__/PaginationWithSmallFont.tsx +66 -0
  118. package/src/admin/StepNav/__stories__/Default.tsx +9 -23
  119. package/src/admin/StepNav/index.tsx +2 -6
  120. package/src/app/Header/Header.stories.playwright.json +16 -0
  121. package/src/core/Checkbox/__stories__/ConditionalReveal.tsx +2 -2
  122. package/src/core/Checkbox/__stories__/Default.tsx +3 -3
  123. package/src/core/Checkbox/__stories__/MultipleQuestions.tsx +3 -3
  124. package/src/core/Checkbox/__stories__/NoneAnswer.tsx +1 -2
  125. package/src/core/Checkbox/__stories__/NoneAnswerWithError.tsx +3 -4
  126. package/src/core/Checkbox/__stories__/WithErrorMessage.tsx +2 -2
  127. package/src/core/Checkbox/__stories__/WithHint.tsx +3 -3
  128. package/src/core/Divider/index.tsx +1 -0
  129. package/src/core/RadioContainer/__stories__/NoneAnswer.tsx +3 -4
  130. package/src/core/RadioContainer/__stories__/WithErrorMessage.tsx +2 -2
  131. package/src/locales/el.ts +14 -0
  132. package/src/locales/en.ts +14 -0
  133. package/src/registry.js +3 -0
  134. package/typography/Caption/index.d.ts +1 -1
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import Container from '@digigov/react-core/Container';
3
- export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "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" | "cols" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "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" | "cols" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export default Content;
5
5
  export { Container };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import Aside from '@digigov/react-core/Aside';
3
- export declare const Side: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Aside").AsideProps, "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & import("react").RefAttributes<HTMLElement>>;
3
+ export declare const Side: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Aside").AsideProps, "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & import("react").RefAttributes<HTMLElement>>;
4
4
  export default Side;
5
5
  export { Aside };
package/locales/el.d.ts CHANGED
@@ -34,6 +34,20 @@ declare const _default: {
34
34
  invalid: string;
35
35
  less_than: string;
36
36
  };
37
+ text: {
38
+ more_than: string;
39
+ less_than: string;
40
+ };
41
+ };
42
+ info: {
43
+ text: {
44
+ you_have: string;
45
+ need_at_least: string;
46
+ characters: string;
47
+ character: string;
48
+ remaining: string;
49
+ too_many: string;
50
+ };
37
51
  };
38
52
  };
39
53
  button: {
package/locales/el.js CHANGED
@@ -39,6 +39,20 @@ var _default = {
39
39
  otp: {
40
40
  invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
41
41
  less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.'
42
+ },
43
+ text: {
44
+ more_than: 'Έχετε υπερβεί το όριο των {{max}} χαρακτήρων.',
45
+ less_than: 'Χρειάζονται τουλάχιστον {{min}} χαρακτήρες.'
46
+ }
47
+ },
48
+ info: {
49
+ text: {
50
+ you_have: 'Έχετε',
51
+ need_at_least: 'Χρειάζεστε τουλάχιστον',
52
+ characters: 'χαρακτήρες',
53
+ character: 'χαρακτήρα',
54
+ remaining: 'υπόλοιπο',
55
+ too_many: 'παραπάνω'
42
56
  }
43
57
  }
44
58
  },
package/locales/en.d.ts CHANGED
@@ -29,6 +29,20 @@ declare const _default: {
29
29
  earlier_than: string;
30
30
  later_than: string;
31
31
  };
32
+ text: {
33
+ more_than: string;
34
+ less_than: string;
35
+ };
36
+ };
37
+ info: {
38
+ text: {
39
+ you_have: string;
40
+ need_at_least: string;
41
+ characters: string;
42
+ character: string;
43
+ remaining: string;
44
+ too_many: string;
45
+ };
32
46
  };
33
47
  };
34
48
  button: {
package/locales/en.js CHANGED
@@ -34,6 +34,20 @@ var _default = {
34
34
  invalid: 'Date must be a real date.',
35
35
  earlier_than: 'The date must be earlier than {{maxDate}}.',
36
36
  later_than: 'The date must be later than {{minDate}}'
37
+ },
38
+ text: {
39
+ more_than: 'You have surpass the {{max}} characters limit.',
40
+ less_than: 'You need at least {{min}} characters.'
41
+ }
42
+ },
43
+ info: {
44
+ text: {
45
+ you_have: 'You have',
46
+ need_at_least: 'You need at least',
47
+ characters: 'characters',
48
+ character: 'character',
49
+ remaining: 'remaining',
50
+ too_many: 'too many'
37
51
  }
38
52
  }
39
53
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digigov/ui",
3
- "version": "0.35.2",
3
+ "version": "0.35.4",
4
4
  "description": "@digigov reusable components toolkit",
5
5
  "main": "./index.js",
6
6
  "module": "./esm/index.js",
@@ -20,8 +20,8 @@
20
20
  "clsx": "1.1.1",
21
21
  "react": "^16.8.0 || ^17.0.0",
22
22
  "react-dom": "^16.8.0 || ^17.0.0",
23
- "@digigov/react-core": "0.25.3",
24
- "@digigov/react-extensions": "0.23.2"
23
+ "@digigov/react-core": "0.26.0",
24
+ "@digigov/react-extensions": "0.23.4"
25
25
  },
26
26
  "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
27
27
  "private": false,
package/registry.d.ts CHANGED
@@ -201,6 +201,7 @@ declare var _default: {
201
201
  export default _default;
202
202
  export const stories: {
203
203
  '@digigov/ui/admin/AutoComplete/AutoComplete.stories': typeof _digigov_ui_admin_AutoComplete_AutoComplete_stories;
204
+ '@digigov/ui/admin/Chip/Chip.stories': typeof _digigov_ui_admin_Chip_Chip_stories;
204
205
  '@digigov/ui/admin/CircularProgress/CircularProgress.stories': typeof _digigov_ui_admin_CircularProgress_CircularProgress_stories;
205
206
  '@digigov/ui/admin/CopyToClipboard/CopyToClipboard.stories': typeof _digigov_ui_admin_CopyToClipboard_CopyToClipboard_stories;
206
207
  '@digigov/ui/admin/Drawer/Drawer.stories': typeof _digigov_ui_admin_Drawer_Drawer_stories;
@@ -255,6 +256,7 @@ export const stories: {
255
256
  '@digigov/ui/typography/Paragraph/Paragraph.stories': typeof _digigov_ui_typography_Paragraph_Paragraph_stories;
256
257
  };
257
258
  import * as _digigov_ui_admin_AutoComplete_AutoComplete_stories from "@digigov/ui/admin/AutoComplete/AutoComplete.stories";
259
+ import * as _digigov_ui_admin_Chip_Chip_stories from "@digigov/ui/admin/Chip/Chip.stories";
258
260
  import * as _digigov_ui_admin_CircularProgress_CircularProgress_stories from "@digigov/ui/admin/CircularProgress/CircularProgress.stories";
259
261
  import * as _digigov_ui_admin_CopyToClipboard_CopyToClipboard_stories from "@digigov/ui/admin/CopyToClipboard/CopyToClipboard.stories";
260
262
  import * as _digigov_ui_admin_Drawer_Drawer_stories from "@digigov/ui/admin/Drawer/Drawer.stories";
package/registry.js CHANGED
@@ -405,6 +405,8 @@ var _digigov_ui_utils_withDeprecation = _interopRequireWildcard(require("@digigo
405
405
 
406
406
  var _digigov_ui_admin_AutoComplete_AutoComplete_stories = _interopRequireWildcard(require("@digigov/ui/admin/AutoComplete/AutoComplete.stories"));
407
407
 
408
+ var _digigov_ui_admin_Chip_Chip_stories = _interopRequireWildcard(require("@digigov/ui/admin/Chip/Chip.stories"));
409
+
408
410
  var _digigov_ui_admin_CircularProgress_CircularProgress_stories = _interopRequireWildcard(require("@digigov/ui/admin/CircularProgress/CircularProgress.stories"));
409
411
 
410
412
  var _digigov_ui_admin_CopyToClipboard_CopyToClipboard_stories = _interopRequireWildcard(require("@digigov/ui/admin/CopyToClipboard/CopyToClipboard.stories"));
@@ -514,6 +516,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
514
516
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
515
517
 
516
518
  function lazyImport(pkgImport) {
519
+ // eslint-disable-next-line no-undef
517
520
  return new Proxy({}, {
518
521
  get: function get(_target, name) {
519
522
  if (name === '__esModule' || name === 'default') {
@@ -730,6 +733,7 @@ var _default = {
730
733
  exports["default"] = _default;
731
734
  var stories = {
732
735
  '@digigov/ui/admin/AutoComplete/AutoComplete.stories': _digigov_ui_admin_AutoComplete_AutoComplete_stories,
736
+ '@digigov/ui/admin/Chip/Chip.stories': _digigov_ui_admin_Chip_Chip_stories,
733
737
  '@digigov/ui/admin/CircularProgress/CircularProgress.stories': _digigov_ui_admin_CircularProgress_CircularProgress_stories,
734
738
  '@digigov/ui/admin/CopyToClipboard/CopyToClipboard.stories': _digigov_ui_admin_CopyToClipboard_CopyToClipboard_stories,
735
739
  '@digigov/ui/admin/Drawer/Drawer.stories': _digigov_ui_admin_Drawer_Drawer_stories,
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import AutoCompleteInput from '@digigov/react-extensions/admin/AutoCompleteInput';
3
3
  import AutoCompleteInputTypeahead from '@digigov/react-extensions/admin/AutoCompleteInputTypeahead';
4
- import AutoCompleteNoResult from '@digigov/react-extensions/admin/AutoCompleteNoResult';
5
4
  import AutoCompleteResultList from '@digigov/react-extensions/admin/AutoCompleteResultList';
6
5
  import AutoCompleteResultListItem from '@digigov/react-extensions/admin/AutoCompleteResultListItem';
7
6
  import AutoCompleteWrapper from '@digigov/react-extensions/admin/AutoCompleteWrapper';
@@ -632,7 +631,9 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
632
631
  );
633
632
  })}
634
633
  {showNoOptionsFound && (
635
- <AutoCompleteNoResult>{tNoResults?.()}</AutoCompleteNoResult>
634
+ <AutoCompleteResultListItem empty>
635
+ {tNoResults?.()}
636
+ </AutoCompleteResultListItem>
636
637
  )}
637
638
  </AutoCompleteResultList>
638
639
 
@@ -648,7 +649,6 @@ export {
648
649
  AutoComplete,
649
650
  AutoCompleteInput,
650
651
  AutoCompleteInputTypeahead,
651
- AutoCompleteNoResult,
652
652
  AutoCompleteResultList,
653
653
  AutoCompleteResultListItem,
654
654
  AutoCompleteWrapper,
@@ -0,0 +1,12 @@
1
+ import Chip from '@digigov/ui/admin/Chip';
2
+ export default {
3
+ title: 'Digigov UI/admin/Chip',
4
+ component: Chip,
5
+ displayName: 'Chip',
6
+ };
7
+ // eslint-disable-next-line digigov/no-relative-import
8
+ export * from '@digigov/ui/admin/Chip/__stories__/Default';
9
+ export * from '@digigov/ui/admin/Chip/__stories__/ClickableChip';
10
+ export * from '@digigov/ui/admin/Chip/__stories__/DeletableChip';
11
+ export * from '@digigov/ui/admin/Chip/__stories__/ClickableDeletableChip';
12
+ export * from '@digigov/ui/admin/Chip/__stories__/GroupOfChips';
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import Chip from '@digigov/ui/admin/Chip';
3
+
4
+ export const ClickableChip = () => (
5
+ <>
6
+ <Chip
7
+ onClick={() => {
8
+ console.log('clicked');
9
+ }}
10
+ >
11
+ Αθήνα
12
+ </Chip>
13
+ </>
14
+ );
15
+
16
+ export default ClickableChip;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import Chip from '@digigov/ui/admin/Chip';
3
+
4
+ export const ClickableDeletableChip = () => (
5
+ <>
6
+ <Chip
7
+ onClick={() => {
8
+ console.log('clicked');
9
+ }}
10
+ onDelete={() => {
11
+ console.log('remove chip');
12
+ }}
13
+ >
14
+ Αθήνα
15
+ </Chip>
16
+ </>
17
+ );
18
+
19
+ export default ClickableDeletableChip;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import Chip from '@digigov/ui/admin/Chip';
3
+
4
+ export const Default = () => (
5
+ <>
6
+ <Chip>Αθήνα</Chip>
7
+ </>
8
+ );
9
+
10
+ export default Default;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import Chip from '@digigov/ui/admin/Chip';
3
+
4
+ export const DeletableChip = () => (
5
+ <>
6
+ <Chip
7
+ onDelete={() => {
8
+ console.log('remove chip');
9
+ }}
10
+ >
11
+ Αθήνα
12
+ </Chip>
13
+ </>
14
+ );
15
+
16
+ export default DeletableChip;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import Chip, { ChipSection } from '@digigov/ui/admin/Chip';
3
+
4
+ export const GroupOfChips = () => (
5
+ <>
6
+ <ChipSection>
7
+ <Chip>Αθήνα</Chip>
8
+ <Chip>Θεσσαλονίκη</Chip>
9
+ <Chip>Κρήτη</Chip>
10
+ <Chip>Πάτρα</Chip>
11
+ </ChipSection>
12
+ </>
13
+ );
14
+
15
+ export default GroupOfChips;
@@ -1,7 +1,6 @@
1
1
  export * from '@digigov/react-extensions/admin/Chip';
2
2
  export * from '@digigov/react-extensions/admin/ChipHeading';
3
3
  export * from '@digigov/react-extensions/admin/ChipSection';
4
- export * from '@digigov/react-extensions/admin/ChipSectionHorizontal';
5
4
  export * from '@digigov/react-extensions/admin/ChipSectionWrapper';
6
5
  export * from '@digigov/react-extensions/admin/ChipKeyValue';
7
6
 
@@ -12,3 +12,4 @@ export * from '@digigov/ui/admin/Pagination/__stories__/Default';
12
12
  export * from '@digigov/ui/admin/Pagination/__stories__/WithInactiveValues';
13
13
  export * from '@digigov/ui/admin/Pagination/__stories__/WithResultsPerPage';
14
14
  export * from '@digigov/ui/admin/Pagination/__stories__/PaginationSmall';
15
+ export * from '@digigov/ui/admin/Pagination/__stories__/PaginationWithSmallFont';
@@ -0,0 +1,66 @@
1
+ import React from 'react';
2
+
3
+ import {
4
+ Pagination,
5
+ PaginationList,
6
+ PaginationListItem,
7
+ PaginationLabel,
8
+ } from '@digigov/ui/admin/Pagination';
9
+ import {
10
+ SelectContainer,
11
+ SelectOption,
12
+ } from '@digigov/ui/core/SelectContainer';
13
+
14
+ import { ArrowIcon } from '@digigov/ui/core/SvgIcon';
15
+ import { Link } from '@digigov/ui/core/Link';
16
+ import { I18NProvider } from '@digigov/ui/app/i18n';
17
+ import { LabelContainer } from '@digigov/react-core';
18
+
19
+ export const PaginationWithSmallFont = () => (
20
+ <div className="example">
21
+ <I18NProvider t={(str: string) => str}>
22
+ <Pagination fontSize="sm">
23
+ <PaginationLabel start={1} end={10} total={15}></PaginationLabel>
24
+ <LabelContainer>
25
+ Αποτελέσματα ανά σελίδα
26
+ <SelectContainer>
27
+ <SelectOption>5</SelectOption>
28
+ <SelectOption>10</SelectOption>
29
+ <SelectOption>15</SelectOption>
30
+ </SelectContainer>
31
+ </LabelContainer>
32
+ <PaginationList>
33
+ <PaginationListItem>
34
+ <Link>
35
+ <ArrowIcon direction="left" />
36
+ Προηγούμενο
37
+ </Link>
38
+ </PaginationListItem>
39
+ <PaginationListItem>
40
+ <Link href="#page1">1</Link>
41
+ </PaginationListItem>
42
+ <PaginationListItem variant="dots"></PaginationListItem>
43
+ <PaginationListItem>
44
+ <Link href="#page2">2</Link>
45
+ </PaginationListItem>
46
+ <PaginationListItem currentPage>8</PaginationListItem>
47
+ <PaginationListItem>
48
+ <Link href="#page9">9</Link>
49
+ </PaginationListItem>
50
+ <PaginationListItem variant="dots"></PaginationListItem>
51
+ <PaginationListItem>
52
+ <Link href="#page20">20</Link>
53
+ </PaginationListItem>
54
+ <PaginationListItem>
55
+ <Link>
56
+ Επόμενο
57
+ <ArrowIcon direction="right" />
58
+ </Link>
59
+ </PaginationListItem>
60
+ </PaginationList>
61
+ </Pagination>
62
+ </I18NProvider>
63
+ </div>
64
+ );
65
+
66
+ export default PaginationWithSmallFont;
@@ -2,12 +2,10 @@ import React, { useState, useEffect } from 'react';
2
2
 
3
3
  import {
4
4
  StepNav,
5
- StepNavCircleΝumber,
5
+ StepNavCircleNumber,
6
6
  StepNavControls,
7
7
  StepNavList,
8
8
  StepNavListItem,
9
- StepNavAccordionOpened,
10
- StepNavAccordionClosed,
11
9
  StepNavAccordion,
12
10
  StepNavAccordionContent,
13
11
  StepNavAccordionSummary,
@@ -48,12 +46,9 @@ const data = [
48
46
 
49
47
  export const Default = () => {
50
48
  const [open, SetOpen] = useState<boolean>(false);
51
- const [openItem, setOpenItem] = useState<boolean[]>([
52
- false,
53
- false,
54
- false,
55
- false,
56
- ]);
49
+ const [openItem, setOpenItem] = useState(
50
+ Array<boolean>(data.length).fill(false)
51
+ );
57
52
  useEffect(() => {
58
53
  const stateArray: boolean[] = [];
59
54
  if (open === false) {
@@ -103,29 +98,20 @@ export const Default = () => {
103
98
  >
104
99
  <StepNavAccordionSummaryHeading aria-controls="content1">
105
100
  {index === 2 ? (
106
- <StepNavCircleΝumber border={false}>
101
+ <StepNavCircleNumber border={false}>
107
102
  <VisuallyHidden>Step</VisuallyHidden>
108
103
  and
109
- </StepNavCircleΝumber>
104
+ </StepNavCircleNumber>
110
105
  ) : (
111
- <StepNavCircleΝumber>
106
+ <StepNavCircleNumber>
112
107
  <VisuallyHidden>Step</VisuallyHidden>
113
108
  {index + 1}
114
- </StepNavCircleΝumber>
109
+ </StepNavCircleNumber>
115
110
  )}
116
111
  <StepNavAccordionHeadingTitle>
117
- <StepNavAccordionHeadingText>
112
+ <StepNavAccordionHeadingText open={openItem[index]}>
118
113
  {dt.title}
119
114
  </StepNavAccordionHeadingText>
120
- {openItem[index] === true ? (
121
- <StepNavAccordionOpened>
122
- Απόκρυψη
123
- </StepNavAccordionOpened>
124
- ) : (
125
- <StepNavAccordionClosed>
126
- Εμφάνιση
127
- </StepNavAccordionClosed>
128
- )}
129
115
  </StepNavAccordionHeadingTitle>
130
116
  </StepNavAccordionSummaryHeading>
131
117
  </StepNavAccordionSummary>
@@ -1,4 +1,4 @@
1
- import StepNavCircleΝumber from '@digigov/react-extensions/admin/StepNavCircleΝumber';
1
+ import StepNavCircleNumber from '@digigov/react-extensions/admin/StepNavCircleNumber';
2
2
  import StepNav from '@digigov/react-extensions/admin/StepNav';
3
3
  import StepNavControls from '@digigov/react-extensions/admin/StepNavControls';
4
4
  import StepNavList from '@digigov/react-extensions/admin/StepNavList';
@@ -6,8 +6,6 @@ import StepNavListItem from '@digigov/react-extensions/admin/StepNavListItem';
6
6
  import StepNavAccordion from '@digigov/react-extensions/admin/StepNavAccordion';
7
7
  import StepNavAccordionContent from '@digigov/react-extensions/admin/StepNavAccordionContent';
8
8
  import StepNavAccordionSummary from '@digigov/react-extensions/admin/StepNavAccordionSummary';
9
- import StepNavAccordionOpened from '@digigov/react-extensions/admin/StepNavAccordionOpened';
10
- import StepNavAccordionClosed from '@digigov/react-extensions/admin/StepNavAccordionClosed';
11
9
  import StepNavAccordionSummaryHeading from '@digigov/react-extensions/admin/StepNavAccordionSummaryHeading';
12
10
  import StepNavAccordionHeadingTitle from '@digigov/react-extensions/admin/StepNavAccordionHeadingTitle';
13
11
  import StepNavAccordionHeadingText from '@digigov/react-extensions/admin/StepNavAccordionHeadingText';
@@ -18,9 +16,7 @@ export {
18
16
  StepNavAccordionSummaryHeading,
19
17
  StepNavAccordionHeadingTitle,
20
18
  StepNavAccordionHeadingText,
21
- StepNavCircleΝumber,
22
- StepNavAccordionOpened,
23
- StepNavAccordionClosed,
19
+ StepNavCircleNumber,
24
20
  StepNav,
25
21
  StepNavControls,
26
22
  StepNavList,
@@ -28,6 +28,22 @@
28
28
  "title": "Keyboard navigation"
29
29
  }
30
30
  ]
31
+ },
32
+ "digigov-ui-app-header--with-header-navigation": {
33
+ "actionSets": [
34
+ {
35
+ "actions": [
36
+ {
37
+ "name": "hover",
38
+ "args": {
39
+ "selector": "html>body>div:nth-child(5)>div>header>div>div:nth-child(2)>details>summary"
40
+ }
41
+ }
42
+ ],
43
+ "id": "CweCKhM6Ql7t",
44
+ "title": "Hover on dropdown"
45
+ }
46
+ ]
31
47
  }
32
48
  }
33
49
  }
@@ -27,9 +27,9 @@ export const ConditionalReveal = () => (
27
27
  </CheckboxItem>
28
28
  <CheckboxConditional>
29
29
  Email address
30
- <TextInput name="email" cellWidth="one-third" />
30
+ <TextInput name="email-address" cellWidth="one-third" />
31
31
  </CheckboxConditional>
32
- <CheckboxItem name="phone" value="phone">
32
+ <CheckboxItem name="email" value="phone">
33
33
  Τηλέφωνο
34
34
  </CheckboxItem>
35
35
  </Checkbox>
@@ -18,13 +18,13 @@ export const Default = () => (
18
18
  Πείτε μας σχετικά με πρόσφατες αλλαγές. Επιλέξτε ό,τι ισχύει.
19
19
  </Hint>
20
20
  <Checkbox>
21
- <CheckboxItem name="cold" value="cold">
21
+ <CheckboxItem name="feeling" value="cold">
22
22
  Έχω συνάχι
23
23
  </CheckboxItem>
24
- <CheckboxItem name="fever" value="fever">
24
+ <CheckboxItem name="feeling" value="fever">
25
25
  Έχω πυρετό
26
26
  </CheckboxItem>
27
- <CheckboxItem name="fatigue" value="fatigue">
27
+ <CheckboxItem name="feeling" value="fatigue">
28
28
  Αισθάνομαι κούραση
29
29
  </CheckboxItem>
30
30
  </Checkbox>
@@ -18,13 +18,13 @@ export const MultipleQuestions = () => (
18
18
  Πείτε μας σχετικά με πρόσφατες αλλαγές. Επιλέξτε ό,τι ισχύει.
19
19
  </Hint>
20
20
  <Checkbox>
21
- <CheckboxItem name="cold" value="cold">
21
+ <CheckboxItem name="feeling" value="cold">
22
22
  Έχω συνάχι
23
23
  </CheckboxItem>
24
- <CheckboxItem name="fever" value="fever">
24
+ <CheckboxItem name="feeling" value="fever">
25
25
  Έχω πυρετό
26
26
  </CheckboxItem>
27
- <CheckboxItem name="fatigue" value="fatigue">
27
+ <CheckboxItem name="feeling" value="fatigue">
28
28
  Αισθάνομαι κούραση
29
29
  </CheckboxItem>
30
30
  </Checkbox>
@@ -26,8 +26,7 @@ export const NoneAnswer = () => (
26
26
  <CheckboxItem name="fever" value="fever">
27
27
  Γαλλία
28
28
  </CheckboxItem>
29
- <div className="govgr-checkboxes__divider">ή</div>
30
- <CheckboxItem name="fatigue" value="fatigue">
29
+ <CheckboxItem name="fatigue" value="fatigue" divider="ή">
31
30
  Όχι, δεν θα ταξιδέψω σε καμία από αυτές τις χώρες
32
31
  </CheckboxItem>
33
32
  </Checkbox>
@@ -27,14 +27,13 @@ export const NoneAnswerWithError = () => (
27
27
  ταξιδέψω σε καμία από αυτές τις χώρες».
28
28
  </ErrorMessage>
29
29
  <Checkbox>
30
- <CheckboxItem defaultChecked name="en" value="en">
30
+ <CheckboxItem defaultChecked name="country" value="en">
31
31
  Αγγλία
32
32
  </CheckboxItem>
33
- <CheckboxItem name="fr" value="fever">
33
+ <CheckboxItem name="country" value="fr">
34
34
  Γαλλία
35
35
  </CheckboxItem>
36
- <div className="govgr-checkboxes__divider">ή</div>
37
- <CheckboxItem defaultChecked name="none" value="none">
36
+ <CheckboxItem divider='ή' defaultChecked name="country" value="none">
38
37
  Όχι, δεν θα ταξιδέψω σε καμία από αυτές τις χώρες
39
38
  </CheckboxItem>
40
39
  </Checkbox>