@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.
- package/CHANGELOG.md +18 -1
- package/admin/AccessibilityMenu/index.d.ts +1 -1
- package/admin/AutoComplete/index.d.ts +1 -2
- package/admin/AutoComplete/index.js +3 -9
- package/admin/Chip/Chip.stories.d.ts +12 -0
- package/admin/Chip/Chip.stories.js +88 -0
- package/admin/Chip/__stories__/ClickableChip.d.ts +2 -0
- package/admin/Chip/__stories__/ClickableChip.js +24 -0
- package/admin/Chip/__stories__/ClickableDeletableChip.d.ts +2 -0
- package/admin/Chip/__stories__/ClickableDeletableChip.js +27 -0
- package/admin/Chip/__stories__/Default.d.ts +2 -0
- package/admin/Chip/__stories__/Default.js +22 -0
- package/admin/Chip/__stories__/DeletableChip.d.ts +2 -0
- package/admin/Chip/__stories__/DeletableChip.js +24 -0
- package/admin/Chip/__stories__/GroupOfChips.d.ts +2 -0
- package/admin/Chip/__stories__/GroupOfChips.js +28 -0
- package/admin/Chip/index.d.ts +0 -1
- package/admin/Chip/index.js +0 -14
- package/admin/Dropdown/index.d.ts +1 -1
- package/admin/Modal/index.d.ts +2 -2
- package/admin/Pagination/Pagination.stories.d.ts +1 -0
- package/admin/Pagination/Pagination.stories.js +14 -0
- package/admin/Pagination/__stories__/PaginationWithSmallFont.d.ts +2 -0
- package/admin/Pagination/__stories__/PaginationWithSmallFont.js +62 -0
- package/admin/Pagination/index.d.ts +1 -1
- package/admin/StepNav/__stories__/Default.js +5 -7
- package/admin/StepNav/index.d.ts +2 -4
- package/admin/StepNav/index.js +3 -19
- package/app/BottomInfoContainer/index.d.ts +1 -1
- package/app/BottomInfoContent/index.d.ts +1 -1
- package/app/Header/Header.stories.playwright.json +16 -0
- package/core/Accordion/index.d.ts +3 -3
- package/core/Button/BackButton.d.ts +1 -1
- package/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
- package/core/Checkbox/__stories__/Default.js +3 -3
- package/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
- package/core/Checkbox/__stories__/NoneAnswer.js +3 -4
- package/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
- package/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
- package/core/Checkbox/__stories__/WithHint.js +6 -6
- package/core/Divider/index.d.ts +2 -1
- package/core/Divider/index.js +16 -0
- package/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
- package/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
- package/core/Table/index.d.ts +1 -1
- package/es/admin/AutoComplete/index.js +4 -3
- package/es/admin/Chip/Chip.stories.js +12 -0
- package/es/admin/Chip/__stories__/ClickableChip.js +10 -0
- package/es/admin/Chip/__stories__/ClickableDeletableChip.js +13 -0
- package/es/admin/Chip/__stories__/Default.js +9 -0
- package/es/admin/Chip/__stories__/DeletableChip.js +10 -0
- package/es/admin/Chip/__stories__/GroupOfChips.js +9 -0
- package/es/admin/Chip/index.js +0 -1
- package/es/admin/Pagination/Pagination.stories.js +2 -1
- package/es/admin/Pagination/__stories__/PaginationWithSmallFont.js +44 -0
- package/es/admin/StepNav/__stories__/Default.js +6 -8
- package/es/admin/StepNav/index.js +2 -4
- package/es/app/Header/Header.stories.playwright.json +16 -0
- package/es/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
- package/es/core/Checkbox/__stories__/Default.js +3 -3
- package/es/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
- package/es/core/Checkbox/__stories__/NoneAnswer.js +3 -4
- package/es/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
- package/es/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
- package/es/core/Checkbox/__stories__/WithHint.js +6 -6
- package/es/core/Divider/index.js +1 -0
- package/es/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
- package/es/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
- package/es/locales/el.js +14 -0
- package/es/locales/en.js +14 -0
- package/es/registry.js +3 -0
- package/esm/admin/AutoComplete/index.js +4 -3
- package/esm/admin/Chip/Chip.stories.js +12 -0
- package/esm/admin/Chip/__stories__/ClickableChip.js +10 -0
- package/esm/admin/Chip/__stories__/ClickableDeletableChip.js +13 -0
- package/esm/admin/Chip/__stories__/Default.js +9 -0
- package/esm/admin/Chip/__stories__/DeletableChip.js +10 -0
- package/esm/admin/Chip/__stories__/GroupOfChips.js +9 -0
- package/esm/admin/Chip/index.js +0 -1
- package/esm/admin/Pagination/Pagination.stories.js +2 -1
- package/esm/admin/Pagination/__stories__/PaginationWithSmallFont.js +44 -0
- package/esm/admin/StepNav/__stories__/Default.js +6 -8
- package/esm/admin/StepNav/index.js +2 -4
- package/esm/app/Header/Header.stories.playwright.json +16 -0
- package/esm/core/Checkbox/__stories__/ConditionalReveal.js +2 -2
- package/esm/core/Checkbox/__stories__/Default.js +3 -3
- package/esm/core/Checkbox/__stories__/MultipleQuestions.js +3 -3
- package/esm/core/Checkbox/__stories__/NoneAnswer.js +3 -4
- package/esm/core/Checkbox/__stories__/NoneAnswerWithError.js +6 -7
- package/esm/core/Checkbox/__stories__/WithErrorMessage.js +4 -4
- package/esm/core/Checkbox/__stories__/WithHint.js +6 -6
- package/esm/core/Divider/index.js +1 -0
- package/esm/core/RadioContainer/__stories__/NoneAnswer.js +8 -9
- package/esm/core/RadioContainer/__stories__/WithErrorMessage.js +4 -4
- package/esm/index.js +1 -1
- package/esm/locales/el.js +14 -0
- package/esm/locales/en.js +14 -0
- package/esm/registry.js +3 -0
- package/layouts/Basic/Content/index.d.ts +1 -1
- package/layouts/Basic/Side/index.d.ts +1 -1
- package/locales/el.d.ts +14 -0
- package/locales/el.js +14 -0
- package/locales/en.d.ts +14 -0
- package/locales/en.js +14 -0
- package/package.json +3 -3
- package/registry.d.ts +2 -0
- package/registry.js +4 -0
- package/src/admin/AutoComplete/index.tsx +3 -3
- package/src/admin/Chip/Chip.stories.js +12 -0
- package/src/admin/Chip/__stories__/ClickableChip.tsx +16 -0
- package/src/admin/Chip/__stories__/ClickableDeletableChip.tsx +19 -0
- package/src/admin/Chip/__stories__/Default.tsx +10 -0
- package/src/admin/Chip/__stories__/DeletableChip.tsx +16 -0
- package/src/admin/Chip/__stories__/GroupOfChips.tsx +15 -0
- package/src/admin/Chip/index.tsx +0 -1
- package/src/admin/Pagination/Pagination.stories.js +1 -0
- package/src/admin/Pagination/__stories__/PaginationWithSmallFont.tsx +66 -0
- package/src/admin/StepNav/__stories__/Default.tsx +9 -23
- package/src/admin/StepNav/index.tsx +2 -6
- package/src/app/Header/Header.stories.playwright.json +16 -0
- package/src/core/Checkbox/__stories__/ConditionalReveal.tsx +2 -2
- package/src/core/Checkbox/__stories__/Default.tsx +3 -3
- package/src/core/Checkbox/__stories__/MultipleQuestions.tsx +3 -3
- package/src/core/Checkbox/__stories__/NoneAnswer.tsx +1 -2
- package/src/core/Checkbox/__stories__/NoneAnswerWithError.tsx +3 -4
- package/src/core/Checkbox/__stories__/WithErrorMessage.tsx +2 -2
- package/src/core/Checkbox/__stories__/WithHint.tsx +3 -3
- package/src/core/Divider/index.tsx +1 -0
- package/src/core/RadioContainer/__stories__/NoneAnswer.tsx +3 -4
- package/src/core/RadioContainer/__stories__/WithErrorMessage.tsx +2 -2
- package/src/locales/el.ts +14 -0
- package/src/locales/en.ts +14 -0
- package/src/registry.js +3 -0
- 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.
|
|
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.
|
|
24
|
-
"@digigov/react-extensions": "0.23.
|
|
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
|
-
<
|
|
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,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;
|
package/src/admin/Chip/index.tsx
CHANGED
|
@@ -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
|
-
|
|
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
|
|
52
|
-
false
|
|
53
|
-
|
|
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
|
-
<
|
|
101
|
+
<StepNavCircleNumber border={false}>
|
|
107
102
|
<VisuallyHidden>Step</VisuallyHidden>
|
|
108
103
|
and
|
|
109
|
-
</
|
|
104
|
+
</StepNavCircleNumber>
|
|
110
105
|
) : (
|
|
111
|
-
<
|
|
106
|
+
<StepNavCircleNumber>
|
|
112
107
|
<VisuallyHidden>Step</VisuallyHidden>
|
|
113
108
|
{index + 1}
|
|
114
|
-
</
|
|
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
|
|
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
|
-
|
|
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="
|
|
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="
|
|
21
|
+
<CheckboxItem name="feeling" value="cold">
|
|
22
22
|
Έχω συνάχι
|
|
23
23
|
</CheckboxItem>
|
|
24
|
-
<CheckboxItem name="
|
|
24
|
+
<CheckboxItem name="feeling" value="fever">
|
|
25
25
|
Έχω πυρετό
|
|
26
26
|
</CheckboxItem>
|
|
27
|
-
<CheckboxItem name="
|
|
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="
|
|
21
|
+
<CheckboxItem name="feeling" value="cold">
|
|
22
22
|
Έχω συνάχι
|
|
23
23
|
</CheckboxItem>
|
|
24
|
-
<CheckboxItem name="
|
|
24
|
+
<CheckboxItem name="feeling" value="fever">
|
|
25
25
|
Έχω πυρετό
|
|
26
26
|
</CheckboxItem>
|
|
27
|
-
<CheckboxItem name="
|
|
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
|
-
<
|
|
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="
|
|
30
|
+
<CheckboxItem defaultChecked name="country" value="en">
|
|
31
31
|
Αγγλία
|
|
32
32
|
</CheckboxItem>
|
|
33
|
-
<CheckboxItem name="
|
|
33
|
+
<CheckboxItem name="country" value="fr">
|
|
34
34
|
Γαλλία
|
|
35
35
|
</CheckboxItem>
|
|
36
|
-
<
|
|
37
|
-
<CheckboxItem defaultChecked name="none" value="none">
|
|
36
|
+
<CheckboxItem divider='ή' defaultChecked name="country" value="none">
|
|
38
37
|
Όχι, δεν θα ταξιδέψω σε καμία από αυτές τις χώρες
|
|
39
38
|
</CheckboxItem>
|
|
40
39
|
</Checkbox>
|