@deviceinsight/ng-ui-basic-components 3.15.0-SNAPSHOT → 4.0.0-alpha.2
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/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.js +725 -0
- package/dist/index.js.map +1 -0
- package/dist/style.css +1 -0
- package/{lib/esm → dist/types}/components/accordion/Accordion.d.ts +3 -3
- package/dist/types/components/accordion/Accordion.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/components/accordionComponents/AccordionItem.d.ts +3 -3
- package/dist/types/components/accordionComponents/AccordionItem.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/bubble/Bubble.d.ts +4 -16
- package/dist/types/components/bubble/Bubble.d.ts.map +1 -0
- package/dist/types/components/bubble/Bubble.stories.d.ts +17 -0
- package/dist/types/components/bubble/Bubble.stories.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/components/button/Button.d.ts +3 -3
- package/dist/types/components/button/Button.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/components/button/ButtonRow.d.ts +2 -2
- package/dist/types/components/button/ButtonRow.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/confirm/Confirm.d.ts +2 -2
- package/dist/types/components/confirm/Confirm.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/confirm/ConfirmProvider.d.ts +2 -2
- package/{lib/cjs → dist/types}/components/confirm/ConfirmProvider.d.ts.map +1 -1
- package/dist/types/components/confirm/useConfirm.d.ts +8 -0
- package/{lib/cjs → dist/types}/components/confirm/useConfirm.d.ts.map +1 -1
- package/{lib/cjs → dist/types}/components/confirm/withConfirm.d.ts +2 -2
- package/dist/types/components/confirm/withConfirm.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/icon/Icon.d.ts +3 -3
- package/dist/types/components/icon/Icon.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/components/input/Checkbox.d.ts +1 -1
- package/dist/types/components/input/Checkbox.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/input/SearchBox.d.ts +3 -4
- package/dist/types/components/input/SearchBox.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/label/Label.d.ts +1 -1
- package/{lib/cjs → dist/types}/components/label/Label.d.ts.map +1 -1
- package/{lib/esm → dist/types}/components/modal/Modal.d.ts +1 -2
- package/dist/types/components/modal/Modal.d.ts.map +1 -0
- package/dist/types/components/modal/Modal.stories.d.ts +18 -0
- package/dist/types/components/modal/Modal.stories.d.ts.map +1 -0
- package/dist/types/components/modalComponents/ModalContainer.d.ts +6 -0
- package/{lib/cjs → dist/types}/components/modalComponents/ModalContainer.d.ts.map +1 -1
- package/dist/types/components/modalComponents/ModalWindow.d.ts +4 -0
- package/dist/types/components/modalComponents/ModalWindow.d.ts.map +1 -0
- package/dist/types/components/popup/Popup.d.ts +30 -0
- package/dist/types/components/popup/Popup.d.ts.map +1 -0
- package/dist/types/components/popup/Popup.stories.d.ts +27 -0
- package/dist/types/components/popup/Popup.stories.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/spinner/Spinner.d.ts +2 -2
- package/dist/types/components/spinner/Spinner.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/components/spinner/SpinnerContainer.d.ts +2 -2
- package/dist/types/components/spinner/SpinnerContainer.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/tabs/Tabs.d.ts +4 -4
- package/dist/types/components/tabs/Tabs.d.ts.map +1 -0
- package/{lib/esm → dist/types}/components/tooltip/Tooltip.d.ts +4 -13
- package/dist/types/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/types/components/tooltip/Tooltip.stories.d.ts +16 -0
- package/dist/types/components/tooltip/Tooltip.stories.d.ts.map +1 -0
- package/dist/types/hooks/useOutsideClick.d.ts.map +1 -0
- package/{lib/cjs → dist/types}/index.d.ts +1 -0
- package/{lib/cjs → dist/types}/index.d.ts.map +1 -1
- package/dist/types/types/i18n.d.ts +5 -0
- package/dist/types/types/i18n.d.ts.map +1 -0
- package/package.json +55 -48
- package/lib/cjs/__mocks__/react-i18next.d.ts +0 -2
- package/lib/cjs/__mocks__/react-i18next.d.ts.map +0 -1
- package/lib/cjs/__mocks__/react-i18next.js +0 -18
- package/lib/cjs/assets/img/icon-arrow-back.png +0 -0
- package/lib/cjs/assets/img/icon_folder_closed.png +0 -0
- package/lib/cjs/assets/img/icon_folder_closed_light.png +0 -0
- package/lib/cjs/assets/img/icon_folder_open.png +0 -0
- package/lib/cjs/assets/img/icon_folder_open_light.png +0 -0
- package/lib/cjs/assets/img/icon_help_light_24.png +0 -0
- package/lib/cjs/assets/img/icon_variablenode.png +0 -0
- package/lib/cjs/assets/img/icon_variablenode_light.png +0 -0
- package/lib/cjs/assets/img/toastify_msg_error_24.png +0 -0
- package/lib/cjs/assets/img/toastify_msg_success_24.png +0 -0
- package/lib/cjs/assets/search-box.css +0 -29
- package/lib/cjs/assets/style.css +0 -219
- package/lib/cjs/assets/svg/icon_add.svg +0 -3
- package/lib/cjs/assets/svg/icon_calendar.svg +0 -50
- package/lib/cjs/assets/svg/icon_chevron_left.svg +0 -6
- package/lib/cjs/assets/svg/icon_chevron_right.svg +0 -6
- package/lib/cjs/assets/svg/icon_cross.svg +0 -3
- package/lib/cjs/assets/svg/icon_download.svg +0 -5
- package/lib/cjs/assets/svg/icon_duplicate.svg +0 -10
- package/lib/cjs/assets/svg/icon_edit.svg +0 -6
- package/lib/cjs/assets/svg/icon_folder_loading.svg +0 -21
- package/lib/cjs/assets/svg/icon_fullscreen.svg +0 -6
- package/lib/cjs/assets/svg/icon_gear.svg +0 -5
- package/lib/cjs/assets/svg/icon_help_light.svg +0 -3
- package/lib/cjs/assets/svg/icon_key.svg +0 -3
- package/lib/cjs/assets/svg/icon_lupe.svg +0 -14
- package/lib/cjs/assets/svg/icon_menu_horizontal.svg +0 -5
- package/lib/cjs/assets/svg/icon_menu_vertical.svg +0 -5
- package/lib/cjs/assets/svg/icon_reload.svg +0 -6
- package/lib/cjs/assets/svg/icon_star.svg +0 -4
- package/lib/cjs/assets/svg/icon_upload.svg +0 -7
- package/lib/cjs/assets/svg/icon_warning_triangle.svg +0 -12
- package/lib/cjs/assets/svg/triangle_down.svg +0 -3
- package/lib/cjs/assets/svg/triangle_left.svg +0 -3
- package/lib/cjs/assets/svg/triangle_right.svg +0 -3
- package/lib/cjs/assets/svg/triangle_up.svg +0 -3
- package/lib/cjs/assets/svg/triangle_up_and_down.svg +0 -4
- package/lib/cjs/components/accordion/Accordion.d.ts +0 -25
- package/lib/cjs/components/accordion/Accordion.d.ts.map +0 -1
- package/lib/cjs/components/accordion/Accordion.js +0 -60
- package/lib/cjs/components/accordionComponents/AccordionItem.d.ts.map +0 -1
- package/lib/cjs/components/accordionComponents/AccordionItem.js +0 -50
- package/lib/cjs/components/bubble/Bubble.d.ts +0 -35
- package/lib/cjs/components/bubble/Bubble.d.ts.map +0 -1
- package/lib/cjs/components/bubble/Bubble.js +0 -42
- package/lib/cjs/components/button/Button.d.ts.map +0 -1
- package/lib/cjs/components/button/Button.js +0 -22
- package/lib/cjs/components/button/ButtonRow.d.ts.map +0 -1
- package/lib/cjs/components/button/ButtonRow.js +0 -35
- package/lib/cjs/components/confirm/Confirm.d.ts +0 -19
- package/lib/cjs/components/confirm/Confirm.d.ts.map +0 -1
- package/lib/cjs/components/confirm/Confirm.js +0 -49
- package/lib/cjs/components/confirm/ConfirmProvider.d.ts +0 -14
- package/lib/cjs/components/confirm/ConfirmProvider.js +0 -63
- package/lib/cjs/components/confirm/useConfirm.d.ts +0 -9
- package/lib/cjs/components/confirm/useConfirm.js +0 -13
- package/lib/cjs/components/confirm/utils.js +0 -11
- package/lib/cjs/components/confirm/withConfirm.d.ts.map +0 -1
- package/lib/cjs/components/confirm/withConfirm.js +0 -43
- package/lib/cjs/components/icon/Icon.d.ts +0 -24
- package/lib/cjs/components/icon/Icon.d.ts.map +0 -1
- package/lib/cjs/components/icon/Icon.js +0 -116
- package/lib/cjs/components/input/Checkbox.d.ts.map +0 -1
- package/lib/cjs/components/input/Checkbox.js +0 -75
- package/lib/cjs/components/input/SearchBox.d.ts +0 -21
- package/lib/cjs/components/input/SearchBox.d.ts.map +0 -1
- package/lib/cjs/components/input/SearchBox.js +0 -90
- package/lib/cjs/components/label/Label.d.ts +0 -23
- package/lib/cjs/components/label/Label.js +0 -24
- package/lib/cjs/components/modal/Modal.d.ts +0 -29
- package/lib/cjs/components/modal/Modal.d.ts.map +0 -1
- package/lib/cjs/components/modal/Modal.js +0 -65
- package/lib/cjs/components/modalComponents/ModalContainer.d.ts +0 -6
- package/lib/cjs/components/modalComponents/ModalContainer.js +0 -12
- package/lib/cjs/components/modalComponents/ModalWindow.d.ts +0 -4
- package/lib/cjs/components/modalComponents/ModalWindow.d.ts.map +0 -1
- package/lib/cjs/components/modalComponents/ModalWindow.js +0 -50
- package/lib/cjs/components/popup/Popup.d.ts +0 -38
- package/lib/cjs/components/popup/Popup.d.ts.map +0 -1
- package/lib/cjs/components/popup/Popup.js +0 -78
- package/lib/cjs/components/popupComponents/PopupArea.d.ts +0 -18
- package/lib/cjs/components/popupComponents/PopupArea.d.ts.map +0 -1
- package/lib/cjs/components/popupComponents/PopupArea.js +0 -46
- package/lib/cjs/components/spinner/Spinner.d.ts +0 -20
- package/lib/cjs/components/spinner/Spinner.d.ts.map +0 -1
- package/lib/cjs/components/spinner/Spinner.js +0 -34
- package/lib/cjs/components/spinner/SpinnerContainer.d.ts.map +0 -1
- package/lib/cjs/components/spinner/SpinnerContainer.js +0 -24
- package/lib/cjs/components/tabs/Tabs.d.ts +0 -34
- package/lib/cjs/components/tabs/Tabs.d.ts.map +0 -1
- package/lib/cjs/components/tabs/Tabs.js +0 -75
- package/lib/cjs/components/tooltip/Tooltip.d.ts +0 -28
- package/lib/cjs/components/tooltip/Tooltip.d.ts.map +0 -1
- package/lib/cjs/components/tooltip/Tooltip.js +0 -39
- package/lib/cjs/hooks/useOutsideClick.d.ts.map +0 -1
- package/lib/cjs/hooks/useOutsideClick.js +0 -42
- package/lib/cjs/index.js +0 -46
- package/lib/cjs/types/i18n.d.ts +0 -5
- package/lib/cjs/types/i18n.d.ts.map +0 -1
- package/lib/cjs/types/i18n.js +0 -2
- package/lib/esm/__mocks__/react-i18next.d.ts +0 -2
- package/lib/esm/__mocks__/react-i18next.d.ts.map +0 -1
- package/lib/esm/__mocks__/react-i18next.js +0 -17
- package/lib/esm/assets/img/icon-arrow-back.png +0 -0
- package/lib/esm/assets/img/icon_folder_closed.png +0 -0
- package/lib/esm/assets/img/icon_folder_closed_light.png +0 -0
- package/lib/esm/assets/img/icon_folder_open.png +0 -0
- package/lib/esm/assets/img/icon_folder_open_light.png +0 -0
- package/lib/esm/assets/img/icon_help_light_24.png +0 -0
- package/lib/esm/assets/img/icon_variablenode.png +0 -0
- package/lib/esm/assets/img/icon_variablenode_light.png +0 -0
- package/lib/esm/assets/img/toastify_msg_error_24.png +0 -0
- package/lib/esm/assets/img/toastify_msg_success_24.png +0 -0
- package/lib/esm/assets/search-box.css +0 -29
- package/lib/esm/assets/style.css +0 -219
- package/lib/esm/assets/svg/icon_add.svg +0 -3
- package/lib/esm/assets/svg/icon_calendar.svg +0 -50
- package/lib/esm/assets/svg/icon_chevron_left.svg +0 -6
- package/lib/esm/assets/svg/icon_chevron_right.svg +0 -6
- package/lib/esm/assets/svg/icon_cross.svg +0 -3
- package/lib/esm/assets/svg/icon_download.svg +0 -5
- package/lib/esm/assets/svg/icon_duplicate.svg +0 -10
- package/lib/esm/assets/svg/icon_edit.svg +0 -6
- package/lib/esm/assets/svg/icon_folder_loading.svg +0 -21
- package/lib/esm/assets/svg/icon_fullscreen.svg +0 -6
- package/lib/esm/assets/svg/icon_gear.svg +0 -5
- package/lib/esm/assets/svg/icon_help_light.svg +0 -3
- package/lib/esm/assets/svg/icon_key.svg +0 -3
- package/lib/esm/assets/svg/icon_lupe.svg +0 -14
- package/lib/esm/assets/svg/icon_menu_horizontal.svg +0 -5
- package/lib/esm/assets/svg/icon_menu_vertical.svg +0 -5
- package/lib/esm/assets/svg/icon_reload.svg +0 -6
- package/lib/esm/assets/svg/icon_star.svg +0 -4
- package/lib/esm/assets/svg/icon_upload.svg +0 -7
- package/lib/esm/assets/svg/icon_warning_triangle.svg +0 -12
- package/lib/esm/assets/svg/triangle_down.svg +0 -3
- package/lib/esm/assets/svg/triangle_left.svg +0 -3
- package/lib/esm/assets/svg/triangle_right.svg +0 -3
- package/lib/esm/assets/svg/triangle_up.svg +0 -3
- package/lib/esm/assets/svg/triangle_up_and_down.svg +0 -4
- package/lib/esm/components/accordion/Accordion.d.ts.map +0 -1
- package/lib/esm/components/accordion/Accordion.js +0 -34
- package/lib/esm/components/accordionComponents/AccordionItem.d.ts +0 -32
- package/lib/esm/components/accordionComponents/AccordionItem.d.ts.map +0 -1
- package/lib/esm/components/accordionComponents/AccordionItem.js +0 -24
- package/lib/esm/components/bubble/Bubble.d.ts.map +0 -1
- package/lib/esm/components/bubble/Bubble.js +0 -36
- package/lib/esm/components/button/Button.d.ts +0 -33
- package/lib/esm/components/button/Button.d.ts.map +0 -1
- package/lib/esm/components/button/Button.js +0 -17
- package/lib/esm/components/button/ButtonRow.d.ts +0 -23
- package/lib/esm/components/button/ButtonRow.d.ts.map +0 -1
- package/lib/esm/components/button/ButtonRow.js +0 -10
- package/lib/esm/components/confirm/Confirm.d.ts.map +0 -1
- package/lib/esm/components/confirm/Confirm.js +0 -20
- package/lib/esm/components/confirm/ConfirmProvider.d.ts.map +0 -1
- package/lib/esm/components/confirm/ConfirmProvider.js +0 -34
- package/lib/esm/components/confirm/useConfirm.d.ts +0 -9
- package/lib/esm/components/confirm/useConfirm.d.ts.map +0 -1
- package/lib/esm/components/confirm/useConfirm.js +0 -10
- package/lib/esm/components/confirm/utils.d.ts +0 -4
- package/lib/esm/components/confirm/utils.d.ts.map +0 -1
- package/lib/esm/components/confirm/utils.js +0 -7
- package/lib/esm/components/confirm/withConfirm.d.ts +0 -7
- package/lib/esm/components/confirm/withConfirm.d.ts.map +0 -1
- package/lib/esm/components/confirm/withConfirm.js +0 -37
- package/lib/esm/components/icon/Icon.d.ts.map +0 -1
- package/lib/esm/components/icon/Icon.js +0 -110
- package/lib/esm/components/input/Checkbox.d.ts +0 -29
- package/lib/esm/components/input/Checkbox.d.ts.map +0 -1
- package/lib/esm/components/input/Checkbox.js +0 -50
- package/lib/esm/components/input/SearchBox.d.ts.map +0 -1
- package/lib/esm/components/input/SearchBox.js +0 -62
- package/lib/esm/components/label/Label.d.ts.map +0 -1
- package/lib/esm/components/label/Label.js +0 -18
- package/lib/esm/components/modal/Modal.d.ts.map +0 -1
- package/lib/esm/components/modal/Modal.js +0 -59
- package/lib/esm/components/modalComponents/ModalContainer.d.ts +0 -6
- package/lib/esm/components/modalComponents/ModalContainer.d.ts.map +0 -1
- package/lib/esm/components/modalComponents/ModalContainer.js +0 -6
- package/lib/esm/components/modalComponents/ModalWindow.d.ts +0 -4
- package/lib/esm/components/modalComponents/ModalWindow.d.ts.map +0 -1
- package/lib/esm/components/modalComponents/ModalWindow.js +0 -21
- package/lib/esm/components/popup/Popup.d.ts +0 -38
- package/lib/esm/components/popup/Popup.d.ts.map +0 -1
- package/lib/esm/components/popup/Popup.js +0 -49
- package/lib/esm/components/popupComponents/PopupArea.d.ts +0 -18
- package/lib/esm/components/popupComponents/PopupArea.d.ts.map +0 -1
- package/lib/esm/components/popupComponents/PopupArea.js +0 -17
- package/lib/esm/components/spinner/Spinner.d.ts.map +0 -1
- package/lib/esm/components/spinner/Spinner.js +0 -28
- package/lib/esm/components/spinner/SpinnerContainer.d.ts +0 -23
- package/lib/esm/components/spinner/SpinnerContainer.d.ts.map +0 -1
- package/lib/esm/components/spinner/SpinnerContainer.js +0 -18
- package/lib/esm/components/tabs/Tabs.d.ts.map +0 -1
- package/lib/esm/components/tabs/Tabs.js +0 -46
- package/lib/esm/components/tooltip/Tooltip.d.ts.map +0 -1
- package/lib/esm/components/tooltip/Tooltip.js +0 -33
- package/lib/esm/hooks/useOutsideClick.d.ts +0 -3
- package/lib/esm/hooks/useOutsideClick.d.ts.map +0 -1
- package/lib/esm/hooks/useOutsideClick.js +0 -40
- package/lib/esm/index.d.ts +0 -22
- package/lib/esm/index.d.ts.map +0 -1
- package/lib/esm/index.js +0 -21
- package/lib/esm/types/i18n.d.ts +0 -5
- package/lib/esm/types/i18n.d.ts.map +0 -1
- package/lib/esm/types/i18n.js +0 -1
- /package/{lib/cjs → dist/types}/components/confirm/utils.d.ts +0 -0
- /package/{lib/cjs → dist/types}/components/confirm/utils.d.ts.map +0 -0
- /package/{lib/cjs → dist/types}/hooks/useOutsideClick.d.ts +0 -0
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<g>
|
|
3
|
-
<path d="M22.1,4.91a3,3,0,0,0-3-3H6.44a2.4,2.4,0,0,1,1.34-.4h12.6A2.12,2.12,0,0,1,22.5,3.62V17.26a1.42,1.42,0,0,1-.4,1Z"/>
|
|
4
|
-
<path d="M20.38,1H7.78A3,3,0,0,0,5.26,2.4H19.09A2.51,2.51,0,0,1,21.6,4.91V19.12A1.94,1.94,0,0,0,23,17.26V3.62A2.62,2.62,0,0,0,20.38,1Z"/>
|
|
5
|
-
</g>
|
|
6
|
-
<g>
|
|
7
|
-
<path d="M4,21.5A1.5,1.5,0,0,1,2.5,20V5.8A1.5,1.5,0,0,1,4,4.3H18.2a1.5,1.5,0,0,1,1.5,1.5V20a1.5,1.5,0,0,1-1.5,1.5ZM9.5,18a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,.5-.5V14.5H16a.5.5,0,0,0,.5-.5V12a.5.5,0,0,0-.5-.5H12.5V8a.5.5,0,0,0-.5-.5H10a.5.5,0,0,0-.5.5v3.5H6a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,.5.5H9.5Z"/>
|
|
8
|
-
<path d="M18.2,4.8a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1H18.2M9,11H6a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v3a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V15h3a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H13V8a1,1,0,0,0-1-1H10A1,1,0,0,0,9,8v3m9.2-7.2H4a2,2,0,0,0-2,2V20a2,2,0,0,0,2,2H18.2a2,2,0,0,0,2-2V5.8a2,2,0,0,0-2-2ZM6,14V12h4V8h2v4h4v2H12v4H10V14Z"/>
|
|
9
|
-
</g>
|
|
10
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg id="icon-edit-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<g id="stift">
|
|
3
|
-
<path d="M7.35,12.65a.5.5,0,0,0,0,.7l3.3,3.3a.5.5,0,0,0,.7,0l8.3-8.3A1.4,1.4,0,0,0,20,7.5v-1a1.4,1.4,0,0,0-.35-.85l-1.3-1.3A1.4,1.4,0,0,0,17.5,4h-1a1.4,1.4,0,0,0-.85.35Z"/>
|
|
4
|
-
</g>
|
|
5
|
-
<path d="M5.9,14.49c.06-.27.26-.33.45-.14l3.3,3.3c.19.19.13.39-.14.45l-4,.8a.3.3,0,0,1-.39-.39Z"/>
|
|
6
|
-
</svg>
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
2
|
-
width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
|
|
3
|
-
<rect x="0" y="0" width="5" height="10" fill="#000">
|
|
4
|
-
<animateTransform attributeType="xml"
|
|
5
|
-
attributeName="transform" type="translate"
|
|
6
|
-
values="0 0; 0 14; 0 0"
|
|
7
|
-
begin="0" dur="0.6s" repeatCount="indefinite" />
|
|
8
|
-
</rect>
|
|
9
|
-
<rect x="9" y="0" width="5" height="10" fill="#000">
|
|
10
|
-
<animateTransform attributeType="xml"
|
|
11
|
-
attributeName="transform" type="translate"
|
|
12
|
-
values="0 0; 0 14; 0 0"
|
|
13
|
-
begin="0.2s" dur="0.6s" repeatCount="indefinite" />
|
|
14
|
-
</rect>
|
|
15
|
-
<rect x="19" y="0" width="5" height="10" fill="#000">
|
|
16
|
-
<animateTransform attributeType="xml"
|
|
17
|
-
attributeName="transform" type="translate"
|
|
18
|
-
values="0 0; 0 14; 0 0"
|
|
19
|
-
begin="0.4s" dur="0.6s" repeatCount="indefinite" />
|
|
20
|
-
</rect>
|
|
21
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg data-name="icon_fullscreen_sga" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
2
|
-
<polygon id="ecke" points="2 14 2 10 0 10 0 16 6 16 6 14 2 14"/>
|
|
3
|
-
<polygon id="ecke-2" data-name="ecke" points="2 2 6 2 6 0 0 0 0 6 2 6 2 2"/>
|
|
4
|
-
<polygon id="ecke-3" data-name="ecke" points="14 14 10 14 10 16 16 16 16 10 14 10 14 14"/>
|
|
5
|
-
<polygon id="ecke-4" data-name="ecke" points="10 0 10 2 14 2 14 6 16 6 16 0 10 0"/>
|
|
6
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg id="icon-gear-24_sga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<g id="icon-gear-24_sga-2" data-name="icon-gear-24_sga">
|
|
3
|
-
<path d="M22.82,14.06A1.25,1.25,0,0,0,24,13,7.66,7.66,0,0,0,24,12,7.66,7.66,0,0,0,24,11a1.25,1.25,0,0,0-1.13-1l-1.09,0A1.49,1.49,0,0,1,20.44,9c-.15-.47-.44-2-.07-2.37l.74-.81a1.16,1.16,0,0,0,0-1.5L19.7,2.87a1.16,1.16,0,0,0-1.5,0l-.81.74a1.5,1.5,0,0,1-1.54.27c-.44-.23-1.72-1.08-1.74-1.63l0-1.09A1.25,1.25,0,0,0,13,.05a7.66,7.66,0,0,0-1,0,7.66,7.66,0,0,0-1,.05,1.25,1.25,0,0,0-1,1.13l0,1.09A1.52,1.52,0,0,1,9,3.56c-.47.15-2,.44-2.37.07L5.8,2.89a1.16,1.16,0,0,0-1.5,0L2.86,4.3a1.18,1.18,0,0,0,0,1.5l.74.81A1.5,1.5,0,0,1,3.9,8.15c-.23.44-1.08,1.72-1.63,1.74l-1.09,0A1.25,1.25,0,0,0,.05,11a7.66,7.66,0,0,0,0,1,7.66,7.66,0,0,0,.05,1,1.25,1.25,0,0,0,1.13,1l1.09,0A1.47,1.47,0,0,1,3.55,15c.16.48.45,2,.08,2.37l-.74.81a1.16,1.16,0,0,0,0,1.5L4.3,21.13a1.16,1.16,0,0,0,1.5,0l.81-.74a1.5,1.5,0,0,1,1.54-.27c.44.23,1.72,1.08,1.75,1.63l0,1.09A1.25,1.25,0,0,0,11,24,7.66,7.66,0,0,0,12,24,7.66,7.66,0,0,0,13,24a1.25,1.25,0,0,0,1-1.13l0-1.09A1.49,1.49,0,0,1,15,20.44c.47-.15,2-.44,2.37-.07l.81.74a1.16,1.16,0,0,0,1.5,0l1.43-1.43a1.16,1.16,0,0,0,0-1.5l-.74-.81a1.5,1.5,0,0,1-.27-1.54c.23-.44,1.08-1.72,1.63-1.74ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/>
|
|
4
|
-
</g>
|
|
5
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg id="Icon_help" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
-
<path id="icon_help-2" data-name="icon_help" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,16H11V15h2Zm1.7-6.26a4.85,4.85,0,0,1-.49.81l-1,1.37a1.36,1.36,0,0,0-.18.34,1,1,0,0,0-.07.38L13,14H11l.1-.49a2,2,0,0,1,.13-.77,3.18,3.18,0,0,1,.4-.69l1-1.33a3.21,3.21,0,0,0,.29-.46,1.19,1.19,0,0,0,.11-.47,1.17,1.17,0,0,0-.3-.82,1.07,1.07,0,0,0-.83-.33A1,1,0,0,0,11.1,9a1.25,1.25,0,0,0-.28.83H9a2.94,2.94,0,0,1,.23-1.17,2.45,2.45,0,0,1,.63-.88,2.9,2.9,0,0,1,.93-.55A3.13,3.13,0,0,1,11.94,7a3.31,3.31,0,0,1,1.13.19,2.82,2.82,0,0,1,.94.54,2.62,2.62,0,0,1,.65.88A3,3,0,0,1,14.9,9.8,2.16,2.16,0,0,1,14.7,10.74Z" style="opacity: 0.2"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg data-name="icon_key" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.02 27">
|
|
2
|
-
<path d="M35.07,16.5a8.52,8.52,0,0,0-7.69,12L17.2,38.8a2.46,2.46,0,0,0,0,3.46,2.41,2.41,0,0,0,3.42,0l1.69-1.7,2.91,2.94L31,37.63l-2.92-3,2.44-2.46a8.31,8.31,0,0,0,4.51,1.33,8.53,8.53,0,0,0,0-17Zm0,3.91A4.62,4.62,0,1,1,30.5,25,4.6,4.6,0,0,1,35.07,20.41Z" transform="translate(-16.49 -16.5)"/>
|
|
3
|
-
</svg>
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
2
|
-
<defs>
|
|
3
|
-
<style>
|
|
4
|
-
.cls-1 {
|
|
5
|
-
fill: #fff;
|
|
6
|
-
}
|
|
7
|
-
</style>
|
|
8
|
-
</defs>
|
|
9
|
-
<g>
|
|
10
|
-
<circle class="cls-1" cx="5.5" cy="5.5" r="4.5"/>
|
|
11
|
-
<path d="M5.5,2A3.5,3.5,0,1,1,2,5.5,3.5,3.5,0,0,1,5.5,2m0-1A4.5,4.5,0,1,0,10,5.5,4.49,4.49,0,0,0,5.5,1Z"/>
|
|
12
|
-
</g>
|
|
13
|
-
<rect x="6.79" y="10.04" width="7.74" height="2.16" transform="translate(10.98 -4.28) rotate(45)"/>
|
|
14
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<g id="Pfeilende">
|
|
3
|
-
<path d="M24,10H15l9-8.93Z"/>
|
|
4
|
-
</g>
|
|
5
|
-
<path d="M18.45,18.78A9.33,9.33,0,0,1,2.62,14.86,9.8,9.8,0,0,1,8.89,2.69,9.42,9.42,0,0,1,20.72,9.14H23A11.72,11.72,0,0,0,11.68,0,11.74,11.74,0,0,0,.34,9.14,12,12,0,0,0,8.89,23.65a11.43,11.43,0,0,0,11.16-3.31Z"/>
|
|
6
|
-
</svg>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<svg id="upload_cloud_32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
|
2
|
-
<path id="wolke" d="M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z"/>
|
|
3
|
-
<g id="Pfeil">
|
|
4
|
-
<polyline points="10 20 16 14 22 20" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 2px"/>
|
|
5
|
-
<rect x="14" y="15" width="4" height="11" style="fill: #fff"/>
|
|
6
|
-
</g>
|
|
7
|
-
</svg>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
-
<defs>
|
|
3
|
-
<style>
|
|
4
|
-
.cls-1 {
|
|
5
|
-
fill: #fff;
|
|
6
|
-
}
|
|
7
|
-
</style>
|
|
8
|
-
</defs>
|
|
9
|
-
<path d="M11.22,2.93,1,20.82a1,1,0,0,0,.86,1.5H22.32a1,1,0,0,0,.87-1.5L13,2.93A1,1,0,0,0,11.22,2.93Z"/>
|
|
10
|
-
<rect class="cls-1" x="10.6" y="16.34" width="2.99" height="2.99"/>
|
|
11
|
-
<rect class="cls-1" x="10.6" y="8.88" width="2.99" height="5.98"/>
|
|
12
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
2
|
-
<polygon id="triangle_up" data-name="triangle up" points="7.5 3 4 7 11 7 7.5 3"/>
|
|
3
|
-
<polygon id="triangle_down" data-name="triangle down" points="7.5 13 4 9 11 9 7.5 13"/>
|
|
4
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,KAAK,GAAG;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAElC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,GAAG,CAAC;IAE9C,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACnE,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB;IAQjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAU5C;IAEF,MAAM;CAoBN"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Accordions are best used to display homogenous information, e.g. multiple configurations which would take up a lot of space otherwise.
|
|
4
|
-
*/
|
|
5
|
-
export default class Accordion extends React.Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.state = {
|
|
9
|
-
currentPageIndex: -1
|
|
10
|
-
};
|
|
11
|
-
this.handleAccordionToggle = (index) => {
|
|
12
|
-
const { onPageChange } = this.props;
|
|
13
|
-
const newPageIndex = this.state.currentPageIndex !== index ? index : -1;
|
|
14
|
-
this.setState({
|
|
15
|
-
currentPageIndex: newPageIndex
|
|
16
|
-
});
|
|
17
|
-
if (onPageChange) {
|
|
18
|
-
onPageChange(newPageIndex);
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
componentDidMount() {
|
|
23
|
-
const { defaultOpenPageIndex } = this.props;
|
|
24
|
-
if (defaultOpenPageIndex !== null && defaultOpenPageIndex !== undefined) {
|
|
25
|
-
this.handleAccordionToggle(defaultOpenPageIndex);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
const { children, accordionClass } = this.props;
|
|
30
|
-
const { currentPageIndex } = this.state;
|
|
31
|
-
return (React.createElement("div", { className: accordionClass ? `di accordion ${accordionClass}` : 'di accordion' }, children &&
|
|
32
|
-
children.map((child, index) => child ? (React.createElement(child.type, { key: index, index: index, isOpen: currentPageIndex === index, toggle: () => this.handleAccordionToggle(index), ...child.props })) : null)));
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare type Info = {
|
|
3
|
-
text: string;
|
|
4
|
-
cssStyle: Record<string, any>;
|
|
5
|
-
};
|
|
6
|
-
export declare type Props = {
|
|
7
|
-
/** (Optional) Displays either numeric- or text-based badge in front of the <AccordionItems/> */
|
|
8
|
-
badge?: (number | string | React.ReactNode) | null | undefined;
|
|
9
|
-
/** @ignore */
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
/** (Optional) Displays additional information, which is visible in "closed" state */
|
|
12
|
-
info1?: Info;
|
|
13
|
-
/** If true, expands <AccordionItems/> */
|
|
14
|
-
isOpen?: boolean;
|
|
15
|
-
/** (Optional) Sets additional classes for styling purposes */
|
|
16
|
-
itemClasses?: string;
|
|
17
|
-
/** Title of <AccordionItems/> */
|
|
18
|
-
title: string | React.ReactNode;
|
|
19
|
-
/** (Optional) Tooltip of <AccordionItems/> */
|
|
20
|
-
titleTooltip?: string;
|
|
21
|
-
/** Function which is called to open/close <AccordionItems/> */
|
|
22
|
-
toggle?: () => void;
|
|
23
|
-
/** (Optional) Enables additional handler, e.g., for editing or deleting <AccordionItems/> */
|
|
24
|
-
tools?: Array<React.ReactNode>;
|
|
25
|
-
/** @ignore */
|
|
26
|
-
'data-testid'?: string | undefined;
|
|
27
|
-
};
|
|
28
|
-
export default class AccordionItem extends React.PureComponent<Props> {
|
|
29
|
-
render(): JSX.Element;
|
|
30
|
-
}
|
|
31
|
-
export {};
|
|
32
|
-
//# sourceMappingURL=AccordionItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordionComponents/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/D,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpE,MAAM;CAsCN"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export default class AccordionItem extends React.PureComponent {
|
|
3
|
-
render() {
|
|
4
|
-
const { badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest } = this.props;
|
|
5
|
-
const accordionItemClasses = ['item'];
|
|
6
|
-
if (itemClasses)
|
|
7
|
-
accordionItemClasses.push(itemClasses);
|
|
8
|
-
if (isOpen)
|
|
9
|
-
accordionItemClasses.push('open');
|
|
10
|
-
return (React.createElement("div", { className: accordionItemClasses.join(' ') },
|
|
11
|
-
React.createElement("div", { className: "head" },
|
|
12
|
-
React.createElement("span", { className: "title", onClick: toggle, "data-testid": rest['data-testid'] },
|
|
13
|
-
React.createElement("h1", { title: titleTooltip }, title),
|
|
14
|
-
badge && (React.createElement("span", { className: "di label", style: {
|
|
15
|
-
margin: '0 0 0 10px',
|
|
16
|
-
backgroundColor: '#ddd',
|
|
17
|
-
borderColor: 'transparent'
|
|
18
|
-
} }, badge)),
|
|
19
|
-
info1 && React.createElement("span", { style: info1.cssStyle }, info1.text)),
|
|
20
|
-
React.createElement("span", { className: "tools" }, tools &&
|
|
21
|
-
tools.map((toolComponent, index) => (React.createElement("span", { key: index, className: "tool" }, toolComponent))))),
|
|
22
|
-
React.createElement("div", { className: "cont" }, children)));
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE;QACpB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAEC;IAEF,KAAK,EAAE,KAAK,CAEV;IAEF,gBAAgB,aAQd;IAEF,gBAAgB,aAId;IAEF,MAAM;CAmBN"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Popup from '../popup/Popup';
|
|
3
|
-
/**
|
|
4
|
-
* Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
|
|
5
|
-
*/
|
|
6
|
-
export default class Bubble extends React.Component {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
this.state = {
|
|
10
|
-
active: false
|
|
11
|
-
};
|
|
12
|
-
this.handleMouseEnter = () => {
|
|
13
|
-
const { disabled } = this.props;
|
|
14
|
-
if (!disabled) {
|
|
15
|
-
this.setState({
|
|
16
|
-
active: true
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
this.handleMouseLeave = () => {
|
|
21
|
-
this.setState({
|
|
22
|
-
active: false
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
const { content, inverted, children, style, direction, className } = this.props;
|
|
28
|
-
const { active } = this.state;
|
|
29
|
-
return (React.createElement("span", { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
|
|
30
|
-
React.createElement(Popup, { active: active, onHide: () => { }, handler: children, direction: direction ? direction : 'top', onHandlerClick: () => { }, className: `bubble ${inverted ? 'inverted' : ''} ${className ? className : ''}` },
|
|
31
|
-
React.createElement("span", { className: `bubble-content`, style: style }, content))));
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
Bubble.defaultProps = {
|
|
35
|
-
inverted: false
|
|
36
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TranslationDescriptor } from '../../types/i18n';
|
|
3
|
-
export declare type Props = {
|
|
4
|
-
/** primary style, mutually exclusive with _danger_ and _naked_ */
|
|
5
|
-
primary?: boolean;
|
|
6
|
-
/** danger style, mutually exclusive with _primary_ and _naked_ */
|
|
7
|
-
danger?: boolean;
|
|
8
|
-
/** render the button without border and background color, mutually exclusive with _primary_ and _danger_ */
|
|
9
|
-
naked?: boolean;
|
|
10
|
-
/** a title tooltip */
|
|
11
|
-
title?: (TranslationDescriptor | null | undefined) | string;
|
|
12
|
-
/** button | submit | reset */
|
|
13
|
-
type?: 'button' | 'submit' | 'reset';
|
|
14
|
-
/** a click handler */
|
|
15
|
-
onClick?: (...args: Array<any>) => any;
|
|
16
|
-
/** a smaller button */
|
|
17
|
-
small?: boolean;
|
|
18
|
-
/** disable the button */
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
/** @ignore */
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
/** @ignore */
|
|
23
|
-
className?: string;
|
|
24
|
-
/** @ignore */
|
|
25
|
-
style?: React.CSSProperties;
|
|
26
|
-
/** @ignore */
|
|
27
|
-
'data-testid'?: string;
|
|
28
|
-
/** @ignore */
|
|
29
|
-
tabIndex?: number;
|
|
30
|
-
};
|
|
31
|
-
declare const _default: React.ComponentType<Props>;
|
|
32
|
-
export default _default;
|
|
33
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE5D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;;AA6CF,wBAAiE"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cx from 'classnames';
|
|
3
|
-
import { withTranslation } from 'react-i18next';
|
|
4
|
-
/**
|
|
5
|
-
* Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.
|
|
6
|
-
* To create a standardized look and feel, different props can be passed to the Button.
|
|
7
|
-
*/
|
|
8
|
-
function Button({ children, title, type, disabled, onClick, style, tabIndex, t, primary, danger, naked, className, small, ...rest }) {
|
|
9
|
-
let btnTitle = title;
|
|
10
|
-
if (title && typeof title !== 'string') {
|
|
11
|
-
btnTitle = t(title.id, {
|
|
12
|
-
defaultValue: title.defaultValue
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
return (React.createElement("button", { "data-testid": rest['data-testid'], type: type || 'button', className: cx('di button', className, { small, primary, danger, link: naked }), title: typeof btnTitle === 'string' ? btnTitle : undefined, disabled: disabled, onClick: onClick, style: style, tabIndex: tabIndex }, children));
|
|
16
|
-
}
|
|
17
|
-
export default withTranslation()(Button);
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare type Props = {
|
|
3
|
-
/** should contain <Button /> elements */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** show a horizontal row above the buttons */
|
|
6
|
-
dividing?: boolean;
|
|
7
|
-
/** @ignore */
|
|
8
|
-
className?: string;
|
|
9
|
-
/** @ignore */
|
|
10
|
-
style?: React.CSSProperties;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
|
|
14
|
-
* To separate the ButtonRow from the content, the extra property `dividing` can be used.
|
|
15
|
-
*/
|
|
16
|
-
declare const ButtonRow: {
|
|
17
|
-
({ children, dividing, className, style }: Props): JSX.Element;
|
|
18
|
-
defaultProps: {
|
|
19
|
-
dividing: boolean;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export default ButtonRow;
|
|
23
|
-
//# sourceMappingURL=ButtonRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRow.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,KAAK,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,SAAS;+CAA4C,KAAK;;;;CAI/D,CAAC;AAMF,eAAe,SAAS,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
|
|
4
|
-
* To separate the ButtonRow from the content, the extra property `dividing` can be used.
|
|
5
|
-
*/
|
|
6
|
-
const ButtonRow = ({ children, dividing, className, style }) => (React.createElement("div", { style: style, className: `di button-row ${dividing ? 'dividing' : ''} ${className || ''}` }, children));
|
|
7
|
-
ButtonRow.defaultProps = {
|
|
8
|
-
dividing: false
|
|
9
|
-
};
|
|
10
|
-
export default ButtonRow;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Confirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/Confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,oBAAY,KAAK,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACtC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,qBAAqB,CAAC;IAE7D,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,cAAc;IACd,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACpD,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAA6B,EAC7B,EAAE,KAAK,eA6BP"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Trans } from 'react-i18next';
|
|
3
|
-
import Modal from '../modal/Modal';
|
|
4
|
-
import Button from '../button/Button';
|
|
5
|
-
import { isTranslationDescriptor } from './utils';
|
|
6
|
-
function transformTextToElement(message) {
|
|
7
|
-
if (isTranslationDescriptor(message)) {
|
|
8
|
-
return React.createElement(Trans, { i18nKey: message.id }, message.defaultValue);
|
|
9
|
-
}
|
|
10
|
-
return message;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.
|
|
14
|
-
* This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method
|
|
15
|
-
*/
|
|
16
|
-
export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle = 'primary' }) {
|
|
17
|
-
return (React.createElement(Modal, { header: transformTextToElement(title), content: transformTextToElement(message), footer: React.createElement("div", null,
|
|
18
|
-
React.createElement(Button, { primary: acceptButtonStyle === 'primary', danger: acceptButtonStyle === 'danger', onClick: onAccept }, acceptButtonLabel ? (transformTextToElement(acceptButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.accept" }, "Accept"))),
|
|
19
|
-
React.createElement(Button, { onClick: onDecline }, declineButtonLabel ? (transformTextToElement(declineButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.decline" }, "Decline")))), width: 500 }));
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/ConfirmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,aAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc;uBACP,cAAc,KAAK,QAAQ,OAAO,CAAC;EAGrD,CAAC;AAEH,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,eAgCpF;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React, { createContext, useState } from 'react';
|
|
2
|
-
import Confirm from './Confirm';
|
|
3
|
-
export const ConfirmContext = createContext({
|
|
4
|
-
confirm: () => Promise.reject(new Error('ConfirmProvider is missing!'))
|
|
5
|
-
});
|
|
6
|
-
function ConfirmProvider({ children }) {
|
|
7
|
-
const [visible, setVisible] = useState(false);
|
|
8
|
-
const [confirmProps, setConfirmProps] = useState({
|
|
9
|
-
title: '',
|
|
10
|
-
message: '',
|
|
11
|
-
onAccept: () => { },
|
|
12
|
-
onDecline: () => { }
|
|
13
|
-
});
|
|
14
|
-
async function confirm(options) {
|
|
15
|
-
return new Promise((resolve) => {
|
|
16
|
-
setVisible(true);
|
|
17
|
-
setConfirmProps({
|
|
18
|
-
...options,
|
|
19
|
-
onAccept: () => {
|
|
20
|
-
setVisible(false);
|
|
21
|
-
resolve(true);
|
|
22
|
-
},
|
|
23
|
-
onDecline: () => {
|
|
24
|
-
setVisible(false);
|
|
25
|
-
resolve(false);
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
return (React.createElement(ConfirmContext.Provider, { value: { confirm } },
|
|
31
|
-
children,
|
|
32
|
-
visible && React.createElement(Confirm, { ...confirmProps })));
|
|
33
|
-
}
|
|
34
|
-
export default ConfirmProvider;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export default function useConfirm(): (options: {
|
|
3
|
-
title: string;
|
|
4
|
-
message: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
5
|
-
acceptButtonLabel?: string | undefined;
|
|
6
|
-
declineButtonLabel?: string | undefined;
|
|
7
|
-
acceptButtonStyle?: "primary" | "danger" | undefined;
|
|
8
|
-
}) => Promise<boolean>;
|
|
9
|
-
//# sourceMappingURL=useConfirm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/useConfirm.ts"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;uBAOjC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
|
-
import { ConfirmContext } from './ConfirmProvider';
|
|
3
|
-
export default function useConfirm() {
|
|
4
|
-
const context = useContext(ConfirmContext);
|
|
5
|
-
if (!context) {
|
|
6
|
-
throw new Error('ConfirmProvider is missing');
|
|
7
|
-
}
|
|
8
|
-
const { confirm } = context;
|
|
9
|
-
return confirm;
|
|
10
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,qBAAqB,GAAG,MAAM,GAAG,KAAK,CAAC,YAAY,GACtD,GAAG,IAAI,qBAAqB,CAW9B"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export function isTranslationDescriptor(arg) {
|
|
2
|
-
const result = typeof arg === 'object' && typeof arg.id === 'string' && typeof arg.defaultValue === 'string';
|
|
3
|
-
if (result) {
|
|
4
|
-
console.warn('Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated');
|
|
5
|
-
}
|
|
6
|
-
return result;
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TranslationDescriptor } from '../../types/i18n';
|
|
3
|
-
export declare type ConfirmProps = {
|
|
4
|
-
confirm: (title: string | TranslationDescriptor, message: string | TranslationDescriptor | React.ReactElement, acceptButtonLabel?: string | TranslationDescriptor, declineButtonLabel?: string | TranslationDescriptor, resolveWithConfirmation?: boolean, acceptButtonStyle?: 'primary' | 'danger') => Promise<void | boolean>;
|
|
5
|
-
};
|
|
6
|
-
export default function withConfirm<P>(WrappedComponent: React.ComponentType<P & ConfirmProps>): (props: P) => JSX.Element;
|
|
7
|
-
//# sourceMappingURL=withConfirm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"withConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/withConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAKvD,oBAAY,YAAY,GAAG;IAC1B,OAAO,EAAE,CACR,KAAK,EAAE,MAAM,GAAG,qBAAqB,EACrC,OAAO,EAAE,MAAM,GAAG,qBAAqB,GAAG,KAAK,CAAC,YAAY,EAC5D,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EAClD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EACnD,uBAAuB,CAAC,EAAE,OAAO,EACjC,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,KACpC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,YAAY,CAAC,WAsCnD,CAAC,iBAO3C"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
3
|
-
import useConfirm from './useConfirm';
|
|
4
|
-
import ConfirmProvider from './ConfirmProvider';
|
|
5
|
-
import { isTranslationDescriptor } from './utils';
|
|
6
|
-
export default function withConfirm(WrappedComponent) {
|
|
7
|
-
function WithConfirm(props) {
|
|
8
|
-
const confirm = useConfirm();
|
|
9
|
-
const { t } = useTranslation();
|
|
10
|
-
function trans(arg) {
|
|
11
|
-
if (isTranslationDescriptor(arg)) {
|
|
12
|
-
return t(arg.id, { defaultValue: arg.defaultValue });
|
|
13
|
-
}
|
|
14
|
-
return arg;
|
|
15
|
-
}
|
|
16
|
-
async function deprecatedConfirm(title, message, acceptButtonLabel, declineButtonLabel, resolveWithConfirmation, acceptButtonStyle) {
|
|
17
|
-
const accepted = await confirm({
|
|
18
|
-
title: trans(title),
|
|
19
|
-
message: isTranslationDescriptor(message) ? trans(message) : message,
|
|
20
|
-
acceptButtonLabel: acceptButtonLabel ? trans(acceptButtonLabel) : undefined,
|
|
21
|
-
declineButtonLabel: declineButtonLabel ? trans(declineButtonLabel) : undefined,
|
|
22
|
-
acceptButtonStyle
|
|
23
|
-
});
|
|
24
|
-
if (resolveWithConfirmation) {
|
|
25
|
-
return accepted;
|
|
26
|
-
}
|
|
27
|
-
else if (!accepted) {
|
|
28
|
-
return new Promise(() => { });
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return React.createElement(WrappedComponent, { ...props, confirm: deprecatedConfirm });
|
|
32
|
-
}
|
|
33
|
-
return function WithConfirmWrapper(props) {
|
|
34
|
-
return (React.createElement(ConfirmProvider, null,
|
|
35
|
-
React.createElement(WithConfirm, { ...props })));
|
|
36
|
-
};
|
|
37
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AAeA,oBAAY,KAAK,GAAG;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,KAAK,eAYxC"}
|