no-frills-ui 0.0.14-alpha.5 → 0.0.14-alpha.6
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.js +2365 -3152
- package/dist/index.js.map +1 -1
- package/lib-esm/components/Accordion/Accordion.d.ts +0 -1
- package/lib-esm/components/Accordion/Accordion.js +26 -26
- package/lib-esm/components/Accordion/AccordionStep.d.ts +0 -1
- package/lib-esm/components/Accordion/AccordionStep.js +98 -96
- package/lib-esm/components/Accordion/index.d.ts +0 -1
- package/lib-esm/components/Badge/Badge.d.ts +0 -1
- package/lib-esm/components/Badge/Badge.js +32 -38
- package/lib-esm/components/Badge/index.d.ts +0 -1
- package/lib-esm/components/Button/ActionButton.d.ts +0 -1
- package/lib-esm/components/Button/ActionButton.js +6 -39
- package/lib-esm/components/Button/Button.d.ts +0 -1
- package/lib-esm/components/Button/Button.js +8 -44
- package/lib-esm/components/Button/IconButton.d.ts +0 -1
- package/lib-esm/components/Button/IconButton.js +6 -43
- package/lib-esm/components/Button/LinkButton.d.ts +0 -1
- package/lib-esm/components/Button/LinkButton.js +6 -34
- package/lib-esm/components/Button/RaisedButton.d.ts +0 -1
- package/lib-esm/components/Button/RaisedButton.js +6 -47
- package/lib-esm/components/Button/index.d.ts +0 -1
- package/lib-esm/components/Card/Card.d.ts +0 -1
- package/lib-esm/components/Card/Card.js +8 -13
- package/lib-esm/components/Card/index.d.ts +0 -1
- package/lib-esm/components/Chip/Chip.d.ts +0 -1
- package/lib-esm/components/Chip/Chip.js +35 -43
- package/lib-esm/components/Chip/index.d.ts +0 -1
- package/lib-esm/components/ChipInput/ChipInput.d.ts +0 -1
- package/lib-esm/components/ChipInput/ChipInput.js +102 -162
- package/lib-esm/components/ChipInput/index.d.ts +0 -1
- package/lib-esm/components/Dialog/AlertDialog.d.ts +0 -1
- package/lib-esm/components/Dialog/AlertDialog.js +45 -26
- package/lib-esm/components/Dialog/ConfirmDialog.d.ts +0 -1
- package/lib-esm/components/Dialog/ConfirmDialog.js +49 -31
- package/lib-esm/components/Dialog/Dialog.d.ts +1 -1
- package/lib-esm/components/Dialog/Dialog.js +76 -106
- package/lib-esm/components/Dialog/PromptDialog.d.ts +0 -1
- package/lib-esm/components/Dialog/PromptDialog.js +82 -44
- package/lib-esm/components/Dialog/index.d.ts +0 -1
- package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts +0 -1
- package/lib-esm/components/DragAndDrop/DragAndDrop.js +66 -71
- package/lib-esm/components/DragAndDrop/DragItem.d.ts +0 -1
- package/lib-esm/components/DragAndDrop/DragItem.js +106 -118
- package/lib-esm/components/DragAndDrop/index.d.ts +0 -1
- package/lib-esm/components/DragAndDrop/types.d.ts +0 -1
- package/lib-esm/components/DragAndDrop/types.js +7 -5
- package/lib-esm/components/Drawer/Drawer.d.ts +0 -1
- package/lib-esm/components/Drawer/Drawer.js +143 -197
- package/lib-esm/components/Drawer/index.d.ts +0 -1
- package/lib-esm/components/Groups/Group.d.ts +0 -1
- package/lib-esm/components/Groups/Group.js +28 -86
- package/lib-esm/components/Groups/GroupLabel.d.ts +0 -1
- package/lib-esm/components/Groups/GroupLabel.js +7 -17
- package/lib-esm/components/Groups/index.d.ts +0 -1
- package/lib-esm/components/Input/Checkbox.d.ts +0 -1
- package/lib-esm/components/Input/Checkbox.js +39 -115
- package/lib-esm/components/Input/Dropdown.d.ts +0 -1
- package/lib-esm/components/Input/Dropdown.js +74 -37
- package/lib-esm/components/Input/Input.d.ts +0 -1
- package/lib-esm/components/Input/Input.js +52 -110
- package/lib-esm/components/Input/Radio.d.ts +0 -1
- package/lib-esm/components/Input/Radio.js +31 -92
- package/lib-esm/components/Input/RadioButton.d.ts +0 -1
- package/lib-esm/components/Input/RadioButton.js +30 -67
- package/lib-esm/components/Input/Select.d.ts +0 -1
- package/lib-esm/components/Input/Select.js +65 -123
- package/lib-esm/components/Input/TextArea.d.ts +0 -1
- package/lib-esm/components/Input/TextArea.js +51 -108
- package/lib-esm/components/Input/Toggle.d.ts +0 -1
- package/lib-esm/components/Input/Toggle.js +29 -80
- package/lib-esm/components/Input/index.d.ts +0 -1
- package/lib-esm/components/Menu/Menu.d.ts +0 -1
- package/lib-esm/components/Menu/Menu.js +47 -62
- package/lib-esm/components/Menu/MenuContext.d.ts +0 -1
- package/lib-esm/components/Menu/MenuContext.js +4 -2
- package/lib-esm/components/Menu/MenuItem.d.ts +0 -1
- package/lib-esm/components/Menu/MenuItem.js +34 -49
- package/lib-esm/components/Menu/index.d.ts +0 -1
- package/lib-esm/components/Modal/Modal.d.ts +0 -1
- package/lib-esm/components/Modal/Modal.js +117 -154
- package/lib-esm/components/Modal/index.d.ts +0 -1
- package/lib-esm/components/Notification/Notification.d.ts +0 -1
- package/lib-esm/components/Notification/Notification.js +54 -66
- package/lib-esm/components/Notification/NotificationManager.d.ts +4 -1
- package/lib-esm/components/Notification/NotificationManager.js +157 -100
- package/lib-esm/components/Notification/index.d.ts +0 -1
- package/lib-esm/components/Notification/style.d.ts +0 -1
- package/lib-esm/components/Notification/style.js +51 -145
- package/lib-esm/components/Notification/types.d.ts +0 -1
- package/lib-esm/components/Notification/types.js +8 -9
- package/lib-esm/components/Popover/Popover.d.ts +0 -1
- package/lib-esm/components/Popover/Popover.js +135 -115
- package/lib-esm/components/Popover/index.d.ts +0 -1
- package/lib-esm/components/Spinner/Spinner.d.ts +0 -1
- package/lib-esm/components/Spinner/Spinner.js +19 -39
- package/lib-esm/components/Spinner/index.d.ts +0 -1
- package/lib-esm/components/Stepper/Step.d.ts +0 -1
- package/lib-esm/components/Stepper/Step.js +15 -22
- package/lib-esm/components/Stepper/Stepper.d.ts +0 -1
- package/lib-esm/components/Stepper/Stepper.js +98 -119
- package/lib-esm/components/Stepper/index.d.ts +0 -1
- package/lib-esm/components/Tabs/Tab.d.ts +0 -1
- package/lib-esm/components/Tabs/Tab.js +11 -10
- package/lib-esm/components/Tabs/Tabs.d.ts +0 -1
- package/lib-esm/components/Tabs/Tabs.js +80 -75
- package/lib-esm/components/Tabs/index.d.ts +0 -1
- package/lib-esm/components/Toast/Toast.d.ts +5 -1
- package/lib-esm/components/Toast/Toast.js +127 -135
- package/lib-esm/components/Toast/ToastStory.d.ts +0 -1
- package/lib-esm/components/Toast/index.d.ts +0 -1
- package/lib-esm/components/Tooltip/Tooltip.d.ts +0 -1
- package/lib-esm/components/Tooltip/Tooltip.js +57 -69
- package/lib-esm/components/Tooltip/index.d.ts +0 -1
- package/lib-esm/components/index.d.ts +0 -1
- package/lib-esm/components/index.js +42 -21
- package/lib-esm/icons/CheckCircle.d.ts +0 -1
- package/lib-esm/icons/CheckCircle.js +21 -4
- package/lib-esm/icons/Close.d.ts +0 -1
- package/lib-esm/icons/Close.js +21 -4
- package/lib-esm/icons/DragIndicator.d.ts +0 -1
- package/lib-esm/icons/DragIndicator.js +21 -4
- package/lib-esm/icons/ErrorOutline.d.ts +0 -1
- package/lib-esm/icons/ErrorOutline.js +15 -4
- package/lib-esm/icons/ExpandMore.d.ts +0 -1
- package/lib-esm/icons/ExpandMore.js +21 -4
- package/lib-esm/icons/FiberManualRecord.d.ts +0 -1
- package/lib-esm/icons/FiberManualRecord.js +23 -4
- package/lib-esm/icons/Info.d.ts +0 -1
- package/lib-esm/icons/Info.js +21 -4
- package/lib-esm/icons/ReportProblem.d.ts +0 -1
- package/lib-esm/icons/ReportProblem.js +21 -4
- package/lib-esm/icons/index.d.ts +0 -1
- package/lib-esm/index.d.ts +0 -1
- package/lib-esm/shared/LayerManager.d.ts +3 -1
- package/lib-esm/shared/LayerManager.js +105 -96
- package/lib-esm/shared/constants.d.ts +0 -1
- package/lib-esm/shared/constants.js +33 -61
- package/lib-esm/shared/styles.d.ts +0 -1
- package/lib-esm/shared/styles.js +20 -26
- package/package.json +15 -5
- package/lib-esm/components/Accordion/Accordion.d.ts.map +0 -1
- package/lib-esm/components/Accordion/Accordion.js.map +0 -1
- package/lib-esm/components/Accordion/AccordionStep.d.ts.map +0 -1
- package/lib-esm/components/Accordion/AccordionStep.js.map +0 -1
- package/lib-esm/components/Accordion/index.d.ts.map +0 -1
- package/lib-esm/components/Accordion/index.js +0 -3
- package/lib-esm/components/Accordion/index.js.map +0 -1
- package/lib-esm/components/Badge/Badge.d.ts.map +0 -1
- package/lib-esm/components/Badge/Badge.js.map +0 -1
- package/lib-esm/components/Badge/index.d.ts.map +0 -1
- package/lib-esm/components/Badge/index.js +0 -2
- package/lib-esm/components/Badge/index.js.map +0 -1
- package/lib-esm/components/Button/ActionButton.d.ts.map +0 -1
- package/lib-esm/components/Button/ActionButton.js.map +0 -1
- package/lib-esm/components/Button/Button.d.ts.map +0 -1
- package/lib-esm/components/Button/Button.js.map +0 -1
- package/lib-esm/components/Button/IconButton.d.ts.map +0 -1
- package/lib-esm/components/Button/IconButton.js.map +0 -1
- package/lib-esm/components/Button/LinkButton.d.ts.map +0 -1
- package/lib-esm/components/Button/LinkButton.js.map +0 -1
- package/lib-esm/components/Button/RaisedButton.d.ts.map +0 -1
- package/lib-esm/components/Button/RaisedButton.js.map +0 -1
- package/lib-esm/components/Button/index.d.ts.map +0 -1
- package/lib-esm/components/Button/index.js +0 -6
- package/lib-esm/components/Button/index.js.map +0 -1
- package/lib-esm/components/Card/Card.d.ts.map +0 -1
- package/lib-esm/components/Card/Card.js.map +0 -1
- package/lib-esm/components/Card/index.d.ts.map +0 -1
- package/lib-esm/components/Card/index.js +0 -3
- package/lib-esm/components/Card/index.js.map +0 -1
- package/lib-esm/components/Chip/Chip.d.ts.map +0 -1
- package/lib-esm/components/Chip/Chip.js.map +0 -1
- package/lib-esm/components/Chip/index.d.ts.map +0 -1
- package/lib-esm/components/Chip/index.js +0 -2
- package/lib-esm/components/Chip/index.js.map +0 -1
- package/lib-esm/components/ChipInput/ChipInput.d.ts.map +0 -1
- package/lib-esm/components/ChipInput/ChipInput.js.map +0 -1
- package/lib-esm/components/ChipInput/index.d.ts.map +0 -1
- package/lib-esm/components/ChipInput/index.js +0 -2
- package/lib-esm/components/ChipInput/index.js.map +0 -1
- package/lib-esm/components/Dialog/AlertDialog.d.ts.map +0 -1
- package/lib-esm/components/Dialog/AlertDialog.js.map +0 -1
- package/lib-esm/components/Dialog/ConfirmDialog.d.ts.map +0 -1
- package/lib-esm/components/Dialog/ConfirmDialog.js.map +0 -1
- package/lib-esm/components/Dialog/Dialog.d.ts.map +0 -1
- package/lib-esm/components/Dialog/Dialog.js.map +0 -1
- package/lib-esm/components/Dialog/PromptDialog.d.ts.map +0 -1
- package/lib-esm/components/Dialog/PromptDialog.js.map +0 -1
- package/lib-esm/components/Dialog/index.d.ts.map +0 -1
- package/lib-esm/components/Dialog/index.js +0 -5
- package/lib-esm/components/Dialog/index.js.map +0 -1
- package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts.map +0 -1
- package/lib-esm/components/DragAndDrop/DragAndDrop.js.map +0 -1
- package/lib-esm/components/DragAndDrop/DragItem.d.ts.map +0 -1
- package/lib-esm/components/DragAndDrop/DragItem.js.map +0 -1
- package/lib-esm/components/DragAndDrop/index.d.ts.map +0 -1
- package/lib-esm/components/DragAndDrop/index.js +0 -3
- package/lib-esm/components/DragAndDrop/index.js.map +0 -1
- package/lib-esm/components/DragAndDrop/types.d.ts.map +0 -1
- package/lib-esm/components/DragAndDrop/types.js.map +0 -1
- package/lib-esm/components/Drawer/Drawer.d.ts.map +0 -1
- package/lib-esm/components/Drawer/Drawer.js.map +0 -1
- package/lib-esm/components/Drawer/index.d.ts.map +0 -1
- package/lib-esm/components/Drawer/index.js +0 -2
- package/lib-esm/components/Drawer/index.js.map +0 -1
- package/lib-esm/components/Groups/Group.d.ts.map +0 -1
- package/lib-esm/components/Groups/Group.js.map +0 -1
- package/lib-esm/components/Groups/GroupLabel.d.ts.map +0 -1
- package/lib-esm/components/Groups/GroupLabel.js.map +0 -1
- package/lib-esm/components/Groups/index.d.ts.map +0 -1
- package/lib-esm/components/Groups/index.js +0 -3
- package/lib-esm/components/Groups/index.js.map +0 -1
- package/lib-esm/components/Input/Checkbox.d.ts.map +0 -1
- package/lib-esm/components/Input/Checkbox.js.map +0 -1
- package/lib-esm/components/Input/Dropdown.d.ts.map +0 -1
- package/lib-esm/components/Input/Dropdown.js.map +0 -1
- package/lib-esm/components/Input/Input.d.ts.map +0 -1
- package/lib-esm/components/Input/Input.js.map +0 -1
- package/lib-esm/components/Input/Radio.d.ts.map +0 -1
- package/lib-esm/components/Input/Radio.js.map +0 -1
- package/lib-esm/components/Input/RadioButton.d.ts.map +0 -1
- package/lib-esm/components/Input/RadioButton.js.map +0 -1
- package/lib-esm/components/Input/Select.d.ts.map +0 -1
- package/lib-esm/components/Input/Select.js.map +0 -1
- package/lib-esm/components/Input/TextArea.d.ts.map +0 -1
- package/lib-esm/components/Input/TextArea.js.map +0 -1
- package/lib-esm/components/Input/Toggle.d.ts.map +0 -1
- package/lib-esm/components/Input/Toggle.js.map +0 -1
- package/lib-esm/components/Input/index.d.ts.map +0 -1
- package/lib-esm/components/Input/index.js +0 -9
- package/lib-esm/components/Input/index.js.map +0 -1
- package/lib-esm/components/Menu/Menu.d.ts.map +0 -1
- package/lib-esm/components/Menu/Menu.js.map +0 -1
- package/lib-esm/components/Menu/MenuContext.d.ts.map +0 -1
- package/lib-esm/components/Menu/MenuContext.js.map +0 -1
- package/lib-esm/components/Menu/MenuItem.d.ts.map +0 -1
- package/lib-esm/components/Menu/MenuItem.js.map +0 -1
- package/lib-esm/components/Menu/index.d.ts.map +0 -1
- package/lib-esm/components/Menu/index.js +0 -3
- package/lib-esm/components/Menu/index.js.map +0 -1
- package/lib-esm/components/Modal/Modal.d.ts.map +0 -1
- package/lib-esm/components/Modal/Modal.js.map +0 -1
- package/lib-esm/components/Modal/index.d.ts.map +0 -1
- package/lib-esm/components/Modal/index.js +0 -2
- package/lib-esm/components/Modal/index.js.map +0 -1
- package/lib-esm/components/Notification/Notification.d.ts.map +0 -1
- package/lib-esm/components/Notification/Notification.js.map +0 -1
- package/lib-esm/components/Notification/NotificationManager.d.ts.map +0 -1
- package/lib-esm/components/Notification/NotificationManager.js.map +0 -1
- package/lib-esm/components/Notification/index.d.ts.map +0 -1
- package/lib-esm/components/Notification/index.js +0 -3
- package/lib-esm/components/Notification/index.js.map +0 -1
- package/lib-esm/components/Notification/style.d.ts.map +0 -1
- package/lib-esm/components/Notification/style.js.map +0 -1
- package/lib-esm/components/Notification/types.d.ts.map +0 -1
- package/lib-esm/components/Notification/types.js.map +0 -1
- package/lib-esm/components/Popover/Popover.d.ts.map +0 -1
- package/lib-esm/components/Popover/Popover.js.map +0 -1
- package/lib-esm/components/Popover/index.d.ts.map +0 -1
- package/lib-esm/components/Popover/index.js +0 -2
- package/lib-esm/components/Popover/index.js.map +0 -1
- package/lib-esm/components/Spinner/Spinner.d.ts.map +0 -1
- package/lib-esm/components/Spinner/Spinner.js.map +0 -1
- package/lib-esm/components/Spinner/index.d.ts.map +0 -1
- package/lib-esm/components/Spinner/index.js +0 -2
- package/lib-esm/components/Spinner/index.js.map +0 -1
- package/lib-esm/components/Stepper/Step.d.ts.map +0 -1
- package/lib-esm/components/Stepper/Step.js.map +0 -1
- package/lib-esm/components/Stepper/Stepper.d.ts.map +0 -1
- package/lib-esm/components/Stepper/Stepper.js.map +0 -1
- package/lib-esm/components/Stepper/index.d.ts.map +0 -1
- package/lib-esm/components/Stepper/index.js +0 -4
- package/lib-esm/components/Stepper/index.js.map +0 -1
- package/lib-esm/components/Tabs/Tab.d.ts.map +0 -1
- package/lib-esm/components/Tabs/Tab.js.map +0 -1
- package/lib-esm/components/Tabs/Tabs.d.ts.map +0 -1
- package/lib-esm/components/Tabs/Tabs.js.map +0 -1
- package/lib-esm/components/Tabs/index.d.ts.map +0 -1
- package/lib-esm/components/Tabs/index.js +0 -3
- package/lib-esm/components/Tabs/index.js.map +0 -1
- package/lib-esm/components/Toast/Toast.d.ts.map +0 -1
- package/lib-esm/components/Toast/Toast.js.map +0 -1
- package/lib-esm/components/Toast/ToastStory.d.ts.map +0 -1
- package/lib-esm/components/Toast/ToastStory.js +0 -35
- package/lib-esm/components/Toast/ToastStory.js.map +0 -1
- package/lib-esm/components/Toast/index.d.ts.map +0 -1
- package/lib-esm/components/Toast/index.js +0 -2
- package/lib-esm/components/Toast/index.js.map +0 -1
- package/lib-esm/components/Tooltip/Tooltip.d.ts.map +0 -1
- package/lib-esm/components/Tooltip/Tooltip.js.map +0 -1
- package/lib-esm/components/Tooltip/index.d.ts.map +0 -1
- package/lib-esm/components/Tooltip/index.js +0 -2
- package/lib-esm/components/Tooltip/index.js.map +0 -1
- package/lib-esm/components/index.d.ts.map +0 -1
- package/lib-esm/components/index.js.map +0 -1
- package/lib-esm/icons/CheckCircle.d.ts.map +0 -1
- package/lib-esm/icons/CheckCircle.js.map +0 -1
- package/lib-esm/icons/Close.d.ts.map +0 -1
- package/lib-esm/icons/Close.js.map +0 -1
- package/lib-esm/icons/DragIndicator.d.ts.map +0 -1
- package/lib-esm/icons/DragIndicator.js.map +0 -1
- package/lib-esm/icons/ErrorOutline.d.ts.map +0 -1
- package/lib-esm/icons/ErrorOutline.js.map +0 -1
- package/lib-esm/icons/ExpandMore.d.ts.map +0 -1
- package/lib-esm/icons/ExpandMore.js.map +0 -1
- package/lib-esm/icons/FiberManualRecord.d.ts.map +0 -1
- package/lib-esm/icons/FiberManualRecord.js.map +0 -1
- package/lib-esm/icons/Info.d.ts.map +0 -1
- package/lib-esm/icons/Info.js.map +0 -1
- package/lib-esm/icons/ReportProblem.d.ts.map +0 -1
- package/lib-esm/icons/ReportProblem.js.map +0 -1
- package/lib-esm/icons/index.d.ts.map +0 -1
- package/lib-esm/icons/index.js +0 -9
- package/lib-esm/icons/index.js.map +0 -1
- package/lib-esm/index.d.ts.map +0 -1
- package/lib-esm/index.js +0 -2
- package/lib-esm/index.js.map +0 -1
- package/lib-esm/shared/LayerManager.d.ts.map +0 -1
- package/lib-esm/shared/LayerManager.js.map +0 -1
- package/lib-esm/shared/constants.d.ts.map +0 -1
- package/lib-esm/shared/constants.js.map +0 -1
- package/lib-esm/shared/styles.d.ts.map +0 -1
- package/lib-esm/shared/styles.js.map +0 -1
|
@@ -1,55 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useState,
|
|
1
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
+
import { useState, useId, useEffect } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import styled from '@emotion/styled';
|
|
5
|
-
import { getThemeValue, THEME_NAME } from '../../shared/constants';
|
|
6
|
-
const Label = styled.label `
|
|
7
|
-
display: inline-flex;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
position: relative;
|
|
10
|
-
margin: 10px 5px;
|
|
11
|
-
`;
|
|
12
|
-
const TextField = styled.textarea `
|
|
13
|
-
border: none;
|
|
14
|
-
color: inherit;
|
|
15
|
-
padding: 8px;
|
|
16
|
-
min-height: 150px;
|
|
17
|
-
min-width: 250px;
|
|
18
|
-
border-radius: 3px;
|
|
19
|
-
border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};
|
|
20
|
-
display: inline-block;
|
|
21
|
-
background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};
|
|
5
|
+
import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
22
6
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
&:active + span {
|
|
32
|
-
color: ${getThemeValue(THEME_NAME.PRIMARY)};
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/** Disabled */
|
|
36
|
-
&:disabled {
|
|
37
|
-
border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};
|
|
38
|
-
background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&:disabled + span {
|
|
42
|
-
color: ${getThemeValue(THEME_NAME.DISABLED)};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
/** Invalid */
|
|
46
|
-
&:focus:invalid {
|
|
47
|
-
border-color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
48
|
-
box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.ERROR_LIGHT)};
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
${(props) => props.touched
|
|
52
|
-
? `
|
|
7
|
+
const Label = /*#__PURE__*/ styled("label", {
|
|
8
|
+
target: "ee4amtm0",
|
|
9
|
+
label: "Label"
|
|
10
|
+
})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMifQ== */");
|
|
11
|
+
const TextField = /*#__PURE__*/ styled("textarea", {
|
|
12
|
+
target: "ee4amtm1",
|
|
13
|
+
label: "TextField"
|
|
14
|
+
})("border:none;color:inherit;padding:8px;min-height:150px;min-width:250px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";&:focus,&:active{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus + span,&:active + span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:disabled + span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:focus:invalid{border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
|
|
53
15
|
&:invalid {
|
|
54
16
|
border-color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
55
17
|
}
|
|
@@ -57,93 +19,74 @@ const TextField = styled.textarea `
|
|
|
57
19
|
&:invalid + span {
|
|
58
20
|
color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
59
21
|
}
|
|
60
|
-
`
|
|
61
|
-
: ''}
|
|
62
|
-
|
|
63
|
-
/** Error */
|
|
64
|
-
${(props) => props.errorText
|
|
65
|
-
? `
|
|
22
|
+
` : '', " \n ", (props)=>props.errorText ? `
|
|
66
23
|
border-color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
67
24
|
|
|
68
25
|
& + span {
|
|
69
26
|
color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
70
27
|
}
|
|
71
|
-
`
|
|
72
|
-
: ''}
|
|
73
|
-
|
|
74
|
-
/** Required */
|
|
75
|
-
&:required + span:after {
|
|
76
|
-
content: '*';
|
|
77
|
-
margin-left: 2px;
|
|
78
|
-
color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
/** Label Animation */
|
|
82
|
-
& + span {
|
|
83
|
-
position: absolute;
|
|
84
|
-
padding: 0 5px;
|
|
85
|
-
top: 0px;
|
|
86
|
-
left: 4px;
|
|
87
|
-
font-size: 14px;
|
|
88
|
-
line-height: 32px;
|
|
89
|
-
transition: all 300ms ease;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
${(props) => props.value !== ''
|
|
93
|
-
? `
|
|
28
|
+
` : '', " \n &:required + span:after{content:'*';margin-left:2px;color:", getThemeValue(THEME_NAME.ERROR), ";}& + span{position:absolute;padding:0 5px;top:0px;left:4px;font-size:14px;line-height:32px;transition:all 300ms ease;}", (props)=>props.value !== '' ? `
|
|
94
29
|
& + span {
|
|
95
30
|
top: -8px;
|
|
96
31
|
background: ${getThemeValue(THEME_NAME.BACKGROUND)};
|
|
97
32
|
font-size: 12px;
|
|
98
33
|
line-height: 14px;
|
|
99
34
|
}
|
|
100
|
-
`
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
font-size: 12px;
|
|
107
|
-
line-height: 14px;
|
|
108
|
-
}
|
|
109
|
-
`;
|
|
110
|
-
const ErrorContainer = styled.div `
|
|
111
|
-
color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
112
|
-
padding-top: 3px;
|
|
113
|
-
font-size: 12px;
|
|
114
|
-
line-height: 14px;
|
|
115
|
-
margin-left: 3px;
|
|
116
|
-
`;
|
|
117
|
-
export default function TextArea(props) {
|
|
35
|
+
` : '', " &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtCIn0= */");
|
|
36
|
+
const ErrorContainer = /*#__PURE__*/ styled("div", {
|
|
37
|
+
target: "ee4amtm2",
|
|
38
|
+
label: "ErrorContainer"
|
|
39
|
+
})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9UZXh0QXJlYS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzXG4gICAgZXh0ZW5kc1xuICAgICAgICBQcm9wVHlwZXMuSW5mZXJUeXBlPHR5cGVvZiBUZXh0QXJlYS5wcm9wVHlwZXM+LFxuICAgICAgICBSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+IHtcbiAgICB2YWx1ZT86IHN0cmluZztcbn1cblxudHlwZSBUZXh0QXJlYUludGVybmFsUHJvcHMgPSBUZXh0QXJlYVByb3BzICYge1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDEwcHggNXB4O1xuYDtcblxuY29uc3QgVGV4dEZpZWxkID0gc3R5bGVkLnRleHRhcmVhPFRleHRBcmVhSW50ZXJuYWxQcm9wcz5gXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfQ09MT1IpfTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuXG4gICAgLyoqIEZvY3VzZWQgKi9cbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sXG4gICAgJjphY3RpdmUgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiogRGlzYWJsZWQgKi9cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQkFDS0dST1VORCl9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUZXh0QXJlYShwcm9wczogVGV4dEFyZWFQcm9wcykge1xuICAgIGNvbnN0IFt0b3VjaGVkLCBzZXRUb3VjaGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlIHx8ICcnKTtcbiAgICBjb25zdCBlcnJvcklkID0gdXNlSWQoKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy52YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShwcm9wcy52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbcHJvcHMudmFsdWVdKTtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHtcbiAgICAgICAgc2V0VG91Y2hlZCh0cnVlKTtcbiAgICAgICAgaWYgKHByb3BzLm9uRm9jdXMpIHtcbiAgICAgICAgICAgIHByb3BzLm9uRm9jdXMoZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGlmIChwcm9wcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgcHJvcHMub25DaGFuZ2UoZSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExhYmVsPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICBvbkZvY3VzPXtoYW5kbGVGb2N1c31cbiAgICAgICAgICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICAgICAgICAgIGFyaWEtaW52YWxpZD17ISFwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17cHJvcHMuZXJyb3JUZXh0ID8gZXJyb3JJZCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAge3Byb3BzLmVycm9yVGV4dCAmJiA8RXJyb3JDb250YWluZXIgaWQ9e2Vycm9ySWR9Pntwcm9wcy5lcnJvclRleHR9PC9FcnJvckNvbnRhaW5lcj59XG4gICAgICAgIDwvTGFiZWw+XG4gICAgKTtcbn1cblxuVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2SHVCIn0= */");
|
|
40
|
+
function TextArea(props) {
|
|
118
41
|
const [touched, setTouched] = useState(false);
|
|
119
42
|
const [value, setValue] = useState(props.value || '');
|
|
120
43
|
const errorId = useId();
|
|
121
|
-
useEffect(()
|
|
44
|
+
useEffect(()=>{
|
|
122
45
|
if (props.value !== undefined) {
|
|
123
46
|
setValue(props.value);
|
|
124
47
|
}
|
|
125
|
-
}, [
|
|
126
|
-
|
|
48
|
+
}, [
|
|
49
|
+
props.value
|
|
50
|
+
]);
|
|
51
|
+
const handleFocus = (e)=>{
|
|
127
52
|
setTouched(true);
|
|
128
53
|
if (props.onFocus) {
|
|
129
54
|
props.onFocus(e);
|
|
130
55
|
}
|
|
131
56
|
};
|
|
132
|
-
const onChangeHandler = (e)
|
|
57
|
+
const onChangeHandler = (e)=>{
|
|
133
58
|
if (props.onChange) {
|
|
134
59
|
setValue(e.target.value);
|
|
135
60
|
props.onChange(e);
|
|
136
|
-
}
|
|
137
|
-
else {
|
|
61
|
+
} else {
|
|
138
62
|
setValue(e.target.value);
|
|
139
63
|
}
|
|
140
64
|
};
|
|
141
|
-
return (
|
|
65
|
+
return /*#__PURE__*/ jsxs(Label, {
|
|
66
|
+
children: [
|
|
67
|
+
/*#__PURE__*/ jsx(TextField, {
|
|
68
|
+
...props,
|
|
69
|
+
value: value,
|
|
70
|
+
onChange: onChangeHandler,
|
|
71
|
+
onFocus: handleFocus,
|
|
72
|
+
touched: touched,
|
|
73
|
+
"aria-invalid": !!props.errorText,
|
|
74
|
+
"aria-required": props.required,
|
|
75
|
+
"aria-describedby": props.errorText ? errorId : undefined
|
|
76
|
+
}),
|
|
77
|
+
/*#__PURE__*/ jsx("span", {
|
|
78
|
+
children: props.label
|
|
79
|
+
}),
|
|
80
|
+
props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
|
|
81
|
+
id: errorId,
|
|
82
|
+
children: props.errorText
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
});
|
|
142
86
|
}
|
|
143
87
|
TextArea.propTypes = {
|
|
144
|
-
/** Label for the field */
|
|
145
|
-
|
|
146
|
-
/** Error text to be shown below the field */
|
|
147
|
-
errorText: PropTypes.string,
|
|
88
|
+
/** Label for the field */ label: PropTypes.string,
|
|
89
|
+
/** Error text to be shown below the field */ errorText: PropTypes.string
|
|
148
90
|
};
|
|
149
|
-
|
|
91
|
+
|
|
92
|
+
export { TextArea as default };
|
|
@@ -1,86 +1,35 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
+
import 'react';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import styled from '@emotion/styled';
|
|
4
|
-
import { getThemeValue, THEME_NAME } from '../../shared/constants';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const Input = styled
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
appearance: none;
|
|
15
|
-
margin: 0;
|
|
16
|
-
|
|
17
|
-
& + span {
|
|
18
|
-
position: relative;
|
|
19
|
-
cursor: pointer;
|
|
20
|
-
width: 30px;
|
|
21
|
-
height: 18px;
|
|
22
|
-
background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};
|
|
23
|
-
transition: 0.4s;
|
|
24
|
-
border-radius: 10px;
|
|
25
|
-
padding: 0 3px;
|
|
26
|
-
margin: 0 10px 0 5px;
|
|
27
|
-
}
|
|
28
|
-
& + span:before {
|
|
29
|
-
position: absolute;
|
|
30
|
-
content: '';
|
|
31
|
-
height: 14px;
|
|
32
|
-
width: 14px;
|
|
33
|
-
left: 1px;
|
|
34
|
-
top: 1px;
|
|
35
|
-
border: 1px solid ${getThemeValue(THEME_NAME.DISABLED_BORDER)};
|
|
36
|
-
border-radius: 50%;
|
|
37
|
-
background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};
|
|
38
|
-
transition: 0.4s;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/* checked */
|
|
42
|
-
&:checked + span {
|
|
43
|
-
background-color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&:checked + span:before {
|
|
47
|
-
transform: translateX(18px);
|
|
48
|
-
border-color: ${getThemeValue(THEME_NAME.PRIMARY)};
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* focus */
|
|
52
|
-
&:enabled:focus + span:before {
|
|
53
|
-
box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};
|
|
54
|
-
border-color: ${getThemeValue(THEME_NAME.PRIMARY)};
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* hover */
|
|
58
|
-
&:enabled:hover ~ span {
|
|
59
|
-
cursor: pointer;
|
|
60
|
-
color: ${getThemeValue(THEME_NAME.PRIMARY)};
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* disabled */
|
|
64
|
-
&:disabled ~ span {
|
|
65
|
-
color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&:disabled + span {
|
|
69
|
-
background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};
|
|
70
|
-
cursor: not-allowed;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&:disabled + span:before {
|
|
74
|
-
background-color: ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};
|
|
75
|
-
border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};
|
|
76
|
-
}
|
|
77
|
-
`;
|
|
5
|
+
import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
6
|
+
|
|
7
|
+
const Switch = /*#__PURE__*/ styled("label", {
|
|
8
|
+
target: "ecfiyvb0",
|
|
9
|
+
label: "Switch"
|
|
10
|
+
})("position:relative;display:inline-flex;margin:5px 0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9Ub2dnbGUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1RvZ2dsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmNvbnN0IFN3aXRjaCA9IHN0eWxlZC5sYWJlbGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHggMDtcbmA7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB3aWR0aDogMzBweDtcbiAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIHRyYW5zaXRpb246IDAuNHM7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgM3B4O1xuICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICB9XG4gICAgJiArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgbGVmdDogMXB4O1xuICAgICAgICB0b3A6IDFweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICB0cmFuc2l0aW9uOiAwLjRzO1xuICAgIH1cblxuICAgIC8qIGNoZWNrZWQgKi9cbiAgICAmOmNoZWNrZWQgKyBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWV9MSUdIVCl9O1xuICAgIH1cblxuICAgICY6Y2hlY2tlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDE4cHgpO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiBmb2N1cyAqL1xuICAgICY6ZW5hYmxlZDpmb2N1cyArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgfiBzcGFuIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuYDtcblxudHlwZSBUb2dnbGVQcm9wcyA9IFByb3BUeXBlcy5JbmZlclByb3BzPFxuICAgIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFRvZ2dsZS5wcm9wVHlwZXNcbj47XG5cbmZ1bmN0aW9uIFRvZ2dsZShwcm9wczogVG9nZ2xlUHJvcHMpIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U3dpdGNoPlxuICAgICAgICAgICAgPElucHV0IHsuLi5wcm9wc30gdHlwZT1cImNoZWNrYm94XCIgcm9sZT1cInN3aXRjaFwiIGFyaWEtY2hlY2tlZD17cHJvcHMuY2hlY2tlZH0gLz5cbiAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIDwvU3dpdGNoPlxuICAgICk7XG59XG5cblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZSJ9 */");
|
|
11
|
+
const Input = /*#__PURE__*/ styled("input", {
|
|
12
|
+
target: "ecfiyvb1",
|
|
13
|
+
label: "Input"
|
|
14
|
+
})("position:absolute;width:0;height:0;appearance:none;margin:0;& + span{position:relative;cursor:pointer;width:30px;height:18px;background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";transition:0.4s;border-radius:10px;padding:0 3px;margin:0 10px 0 5px;}& + span:before{position:absolute;content:'';height:14px;width:14px;left:1px;top:1px;border:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";border-radius:50%;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:0.4s;}&:checked + span{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:checked + span:before{transform:translateX(18px);border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:focus + span:before{box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{cursor:pointer;color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled + span{background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";cursor:not-allowed;}&:disabled + span:before{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9Ub2dnbGUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0lucHV0L1RvZ2dsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbmNvbnN0IFN3aXRjaCA9IHN0eWxlZC5sYWJlbGBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgbWFyZ2luOiA1cHggMDtcbmA7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB3aWR0aDogMzBweDtcbiAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIHRyYW5zaXRpb246IDAuNHM7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDAgM3B4O1xuICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICB9XG4gICAgJiArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICB3aWR0aDogMTRweDtcbiAgICAgICAgbGVmdDogMXB4O1xuICAgICAgICB0b3A6IDFweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICB0cmFuc2l0aW9uOiAwLjRzO1xuICAgIH1cblxuICAgIC8qIGNoZWNrZWQgKi9cbiAgICAmOmNoZWNrZWQgKyBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWV9MSUdIVCl9O1xuICAgIH1cblxuICAgICY6Y2hlY2tlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDE4cHgpO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAvKiBmb2N1cyAqL1xuICAgICY6ZW5hYmxlZDpmb2N1cyArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgfiBzcGFuIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5MSUdIVF9HUkVZKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW46YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0xJR0hUX0NPTE9SKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuYDtcblxudHlwZSBUb2dnbGVQcm9wcyA9IFByb3BUeXBlcy5JbmZlclByb3BzPFxuICAgIFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFRvZ2dsZS5wcm9wVHlwZXNcbj47XG5cbmZ1bmN0aW9uIFRvZ2dsZShwcm9wczogVG9nZ2xlUHJvcHMpIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U3dpdGNoPlxuICAgICAgICAgICAgPElucHV0IHsuLi5wcm9wc30gdHlwZT1cImNoZWNrYm94XCIgcm9sZT1cInN3aXRjaFwiIGFyaWEtY2hlY2tlZD17cHJvcHMuY2hlY2tlZH0gLz5cbiAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntwcm9wcy5sYWJlbH08L3NwYW4+XG4gICAgICAgIDwvU3dpdGNoPlxuICAgICk7XG59XG5cblRvZ2dsZS5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIExhYmVsIGZvciB0aGUgZmllbGQgKi9cbiAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXYyJ9 */");
|
|
78
15
|
function Toggle(props) {
|
|
79
|
-
return (
|
|
16
|
+
return /*#__PURE__*/ jsxs(Switch, {
|
|
17
|
+
children: [
|
|
18
|
+
/*#__PURE__*/ jsx(Input, {
|
|
19
|
+
...props,
|
|
20
|
+
type: "checkbox",
|
|
21
|
+
role: "switch",
|
|
22
|
+
"aria-checked": props.checked
|
|
23
|
+
}),
|
|
24
|
+
/*#__PURE__*/ jsx("span", {}),
|
|
25
|
+
/*#__PURE__*/ jsx("span", {
|
|
26
|
+
children: props.label
|
|
27
|
+
})
|
|
28
|
+
]
|
|
29
|
+
});
|
|
80
30
|
}
|
|
81
31
|
Toggle.propTypes = {
|
|
82
|
-
/** Label for the field */
|
|
83
|
-
label: PropTypes.string,
|
|
32
|
+
/** Label for the field */ label: PropTypes.string
|
|
84
33
|
};
|
|
85
|
-
|
|
86
|
-
|
|
34
|
+
|
|
35
|
+
export { Toggle as default };
|
|
@@ -1,32 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
1
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
13
2
|
import React, { useState } from 'react';
|
|
14
3
|
import styled from '@emotion/styled';
|
|
15
|
-
import { getThemeValue, THEME_NAME } from '../../shared/constants';
|
|
16
|
-
import MenuContext from './MenuContext';
|
|
17
|
-
const MenuContainer = styled.div `
|
|
18
|
-
flex: 1;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
4
|
+
import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
5
|
+
import MenuContext from './MenuContext.js';
|
|
21
6
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
&:focus-within {
|
|
27
|
-
box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
7
|
+
const MenuContainer = /*#__PURE__*/ styled("div", {
|
|
8
|
+
target: "ez48lhb0",
|
|
9
|
+
label: "MenuContainer"
|
|
10
|
+
})("flex:1;display:flex;flex-direction:column;& div:last-child{border-bottom:none;}&:focus-within{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9NZW51L01lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL01lbnUvTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBSZWFjdE5vZGUsIEZvcndhcmRlZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCBNZW51Q29udGV4dCBmcm9tICcuL01lbnVDb250ZXh0Jztcbi8qKlxuICogUHJvcHMgZm9yIHRoZSBNZW51IGNvbXBvbmVudC5cbiAqIEB0ZW1wbGF0ZSBUIC0gVGhlIHR5cGUgb2YgdmFsdWUocykgaW4gdGhlIG1lbnUuXG4gKi9cbmludGVyZmFjZSBNZW51UHJvcHM8VD4ge1xuICAgIC8qKiBNdWx0aXBsZSBNZW51IEl0ZW1zIGNhbiBiZSBzZWxlY3RlZCAqL1xuICAgIG11bHRpU2VsZWN0PzogYm9vbGVhbjtcbiAgICAvKiogVmFsdWUocykgc2VsZWN0ZWQgKi9cbiAgICB2YWx1ZT86IFQgfCBUW107XG4gICAgLyoqIENhbGxiYWNrIHdoZW4gdGhlIHNlbGVjdGVkIHZhbHVlIGNoYW5nZXMgKi9cbiAgICBvbkNoYW5nZT86ICh2YWx1ZTogVCB8IFRbXSkgPT4gdm9pZDtcbiAgICAvKiogTWVudSBJdGVtcyAqL1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgICYgZGl2Omxhc3QtY2hpbGQge1xuICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5gO1xuXG4vKipcbiAqIE1lbnUgY29tcG9uZW50IHRoYXQgYWxsb3dzIHNlbGVjdGlvbiBvZiBpdGVtcyBmcm9tIGEgbGlzdC5cbiAqIFN1cHBvcnRzIHNpbmdsZSBhbmQgbXVsdGktc2VsZWN0IG1vZGVzIGFuZCBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICpcbiAqIEB0ZW1wbGF0ZSBUIC0gVGhlIHR5cGUgb2YgdmFsdWUocykgaW4gdGhlIG1lbnUuXG4gKiBAcGFyYW0ge01lbnVQcm9wczxUPiAmIE9taXQ8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCAnb25DaGFuZ2UnPn0gcHJvcHMgLSBUaGUgbWVudSBwcm9wZXJ0aWVzLlxuICogQHBhcmFtIHtGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+fSByZWYgLSBUaGUgcmVmIGZvcndhcmRlZCB0byB0aGUgbWVudSBjb250YWluZXIuXG4gKi9cbmNvbnN0IE1lbnUgPSBSZWFjdC5mb3J3YXJkUmVmKGZ1bmN0aW9uIDxUIGV4dGVuZHMgb2JqZWN0PihcbiAgICBwcm9wczogTWVudVByb3BzPFQ+ICYgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sICdvbkNoYW5nZSc+LFxuICAgIHJlZjogRm9yd2FyZGVkUmVmPEhUTUxEaXZFbGVtZW50Pixcbikge1xuICAgIGNvbnN0IHsgbXVsdGlTZWxlY3QsIG9uQ2hhbmdlLCB2YWx1ZTogcHJvcFZhbHVlLCAuLi5yZXN0IH0gPSBwcm9wcztcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BWYWx1ZSB8fCAobXVsdGlTZWxlY3QgPyBbXSA6ICcnKSk7XG5cbiAgICAvKipcbiAgICAgKiBVcGRhdGVzIHRoZSBzZWxlY3RlZCB2YWx1ZShzKS5cbiAgICAgKiBIYW5kbGVzIGJvdGggc2luZ2xlIGFuZCBtdWx0aS1zZWxlY3QgbG9naWMuXG4gICAgICpcbiAgICAgKiBAcGFyYW0ge1R9IHZhbCAtIFRoZSB2YWx1ZSB0byBzZWxlY3Qgb3IgZGVzZWxlY3QuXG4gICAgICovXG4gICAgY29uc3QgdXBkYXRlVmFsdWUgPSAodmFsOiBUKSA9PiB7XG4gICAgICAgIGxldCBuZXdWYWw7XG4gICAgICAgIGlmIChtdWx0aVNlbGVjdCkge1xuICAgICAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUpKSB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlLmluY2x1ZGVzKHZhbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgbmV3VmFsID0gdmFsdWUuZmlsdGVyKChpdGVtKSA9PiBpdGVtICE9PSB2YWwpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIG5ld1ZhbCA9IFsuLi52YWx1ZSwgdmFsXTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBuZXdWYWwgPSB2YWw7XG4gICAgICAgIH1cbiAgICAgICAgc2V0VmFsdWUobmV3VmFsKTtcbiAgICAgICAgb25DaGFuZ2U/LihuZXdWYWwpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGtleWJvYXJkIG5hdmlnYXRpb24gd2l0aGluIHRoZSBtZW51LlxuICAgICAqIFN1cHBvcnRzIEFycm93IGtleXMgZm9yIG5hdmlnYXRpb24sIGFuZCBFbnRlci9TcGFjZSBmb3Igc2VsZWN0aW9uLlxuICAgICAqXG4gICAgICogQHBhcmFtIHtSZWFjdC5LZXlib2FyZEV2ZW50fSBlIC0gVGhlIGtleWJvYXJkIGV2ZW50LlxuICAgICAqL1xuICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gZS5jdXJyZW50VGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBjb25zdCBpdGVtcyA9IEFycmF5LmZyb20oY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3JBbGwoJ1tyb2xlPVwib3B0aW9uXCJdJykpIGFzIEhUTUxFbGVtZW50W107XG4gICAgICAgIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YodGFyZ2V0IGFzIEhUTUxFbGVtZW50KTtcblxuICAgICAgICBsZXQgbmV4dEluZGV4O1xuXG4gICAgICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93RG93bic6XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIG5leHRJbmRleCA9IGN1cnJlbnRJbmRleCArIDE7XG4gICAgICAgICAgICAgICAgaWYgKG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIG5leHRJbmRleCA9IDA7XG4gICAgICAgICAgICAgICAgaXRlbXNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBuZXh0SW5kZXggPSBjdXJyZW50SW5kZXggLSAxO1xuICAgICAgICAgICAgICAgIGlmIChuZXh0SW5kZXggPCAwKSBuZXh0SW5kZXggPSBpdGVtcy5sZW5ndGggLSAxO1xuICAgICAgICAgICAgICAgIGl0ZW1zW25leHRJbmRleF0/LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdIb21lJzpcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaXRlbXNbMF0/LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdFbmQnOlxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBpdGVtc1tpdGVtcy5sZW5ndGggLSAxXT8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ0VudGVyJzpcbiAgICAgICAgICAgIGNhc2UgJyAnOiAvLyBTcGFjZVxuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB0YXJnZXQuY2xpY2soKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogSGFuZGxlcyBmb2N1cyBldmVudHMgb24gdGhlIG1lbnUgY29udGFpbmVyLlxuICAgICAqIERlbGVnYXRlcyBmb2N1cyB0byB0aGUgZmlyc3QgaXRlbSBpZiB0aGUgY29udGFpbmVyIGl0c2VsZiByZWNlaXZlcyBmb2N1cy5cbiAgICAgKlxuICAgICAqIEBwYXJhbSB7UmVhY3QuRm9jdXNFdmVudH0gZSAtIFRoZSBmb2N1cyBldmVudC5cbiAgICAgKi9cbiAgICBjb25zdCBmb2N1c0hhbmRsZXIgPSAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4ge1xuICAgICAgICAvLyBQcmV2ZW50IHRyYXA6IElmIGZvY3VzIGNhbWUgZnJvbSBpbnNpZGUgKFNoaWZ0K1RhYiksIGRvIE5PVCBhdXRvLWZvY3VzIGFnYWluLlxuICAgICAgICAvLyBUaGlzIGFsbG93cyBmb2N1cyB0byBsYW5kIG9uIHRoZSBjb250YWluZXIsIGFuZCB0aGUgbmV4dCBTaGlmdCtUYWIgd2lsbCBleGl0LlxuICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gT25seSBpZiBmb2N1cyBpcyBhY3R1YWxseSBvbiB0aGUgY29udGFpbmVyIChlLmcuIHRhYmJpbmcgaW50byBpdClcbiAgICAgICAgLy8gYW5kIG5vdCBidWJibGluZyB1cCBmcm9tIGEgY2hpbGRcbiAgICAgICAgaWYgKGUudGFyZ2V0ID09PSBlLmN1cnJlbnRUYXJnZXQpIHtcbiAgICAgICAgICAgIC8vIFByZXZlbnQgdGhlIGNvbnRhaW5lciBmcm9tIGhvbGRpbmcgZm9jdXM7IGRlbGVnYXRlIHRvIGZpcnN0IGl0ZW1cbiAgICAgICAgICAgIGNvbnN0IGZpcnN0SXRlbSA9IGUuY3VycmVudFRhcmdldC5xdWVyeVNlbGVjdG9yKCdbcm9sZT1cIm9wdGlvblwiXScpIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgZmlyc3RJdGVtPy5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxNZW51Q29udGV4dC5Qcm92aWRlclxuICAgICAgICAgICAgdmFsdWU9e1xuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAgICAgICAgIG11bHRpU2VsZWN0LFxuICAgICAgICAgICAgICAgICAgICB1cGRhdGVWYWx1ZSxcbiAgICAgICAgICAgICAgICB9IGFzIHVua25vd24gYXMgUmVhY3QuQ29udGV4dFR5cGU8dHlwZW9mIE1lbnVDb250ZXh0PlxuICAgICAgICAgICAgfVxuICAgICAgICA+XG4gICAgICAgICAgICA8TWVudUNvbnRhaW5lclxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICAgICAgICBhcmlhLW11bHRpc2VsZWN0YWJsZT17bXVsdGlTZWxlY3R9XG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgICAgIG9uRm9jdXM9e2ZvY3VzSGFuZGxlcn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L01lbnVDb250YWluZXI+XG4gICAgICAgIDwvTWVudUNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn0pO1xuXG5NZW51LmRpc3BsYXlOYW1lID0gJ01lbnUnO1xuXG5NZW51LmRlZmF1bHRQcm9wcyA9IHtcbiAgICBtdWx0aVNlbGVjdDogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZW51O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");
|
|
30
11
|
/**
|
|
31
12
|
* Menu component that allows selection of items from a list.
|
|
32
13
|
* Supports single and multi-select modes and keyboard navigation.
|
|
@@ -34,77 +15,70 @@ const MenuContainer = styled.div `
|
|
|
34
15
|
* @template T - The type of value(s) in the menu.
|
|
35
16
|
* @param {MenuProps<T> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>} props - The menu properties.
|
|
36
17
|
* @param {ForwardedRef<HTMLDivElement>} ref - The ref forwarded to the menu container.
|
|
37
|
-
*/
|
|
38
|
-
const
|
|
39
|
-
const { multiSelect, onChange, value: propValue } = props, rest = __rest(props, ["multiSelect", "onChange", "value"]);
|
|
18
|
+
*/ const Menu = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
19
|
+
const { multiSelect, onChange, value: propValue, ...rest } = props;
|
|
40
20
|
const [value, setValue] = useState(propValue || (multiSelect ? [] : ''));
|
|
41
21
|
/**
|
|
42
22
|
* Updates the selected value(s).
|
|
43
23
|
* Handles both single and multi-select logic.
|
|
44
24
|
*
|
|
45
25
|
* @param {T} val - The value to select or deselect.
|
|
46
|
-
*/
|
|
47
|
-
const updateValue = (val) => {
|
|
26
|
+
*/ const updateValue = (val)=>{
|
|
48
27
|
let newVal;
|
|
49
28
|
if (multiSelect) {
|
|
50
29
|
if (Array.isArray(value)) {
|
|
51
30
|
if (value.includes(val)) {
|
|
52
|
-
newVal = value.filter((item)
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
31
|
+
newVal = value.filter((item)=>item !== val);
|
|
32
|
+
} else {
|
|
33
|
+
newVal = [
|
|
34
|
+
...value,
|
|
35
|
+
val
|
|
36
|
+
];
|
|
56
37
|
}
|
|
57
38
|
}
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
39
|
+
} else {
|
|
60
40
|
newVal = val;
|
|
61
41
|
}
|
|
62
42
|
setValue(newVal);
|
|
63
|
-
onChange
|
|
43
|
+
onChange?.(newVal);
|
|
64
44
|
};
|
|
65
45
|
/**
|
|
66
46
|
* Handles keyboard navigation within the menu.
|
|
67
47
|
* Supports Arrow keys for navigation, and Enter/Space for selection.
|
|
68
48
|
*
|
|
69
49
|
* @param {React.KeyboardEvent} e - The keyboard event.
|
|
70
|
-
*/
|
|
71
|
-
const handleKeyDown = (e) => {
|
|
72
|
-
var _a, _b, _c, _d;
|
|
50
|
+
*/ const handleKeyDown = (e)=>{
|
|
73
51
|
const target = e.target;
|
|
74
52
|
const container = e.currentTarget;
|
|
75
53
|
const items = Array.from(container.querySelectorAll('[role="option"]'));
|
|
76
54
|
const currentIndex = items.indexOf(target);
|
|
77
55
|
let nextIndex;
|
|
78
|
-
switch
|
|
56
|
+
switch(e.key){
|
|
79
57
|
case 'ArrowDown':
|
|
80
58
|
e.preventDefault();
|
|
81
59
|
nextIndex = currentIndex + 1;
|
|
82
|
-
if (nextIndex >= items.length)
|
|
83
|
-
|
|
84
|
-
(_a = items[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
60
|
+
if (nextIndex >= items.length) nextIndex = 0;
|
|
61
|
+
items[nextIndex]?.focus();
|
|
85
62
|
break;
|
|
86
63
|
case 'ArrowUp':
|
|
87
64
|
e.preventDefault();
|
|
88
65
|
nextIndex = currentIndex - 1;
|
|
89
|
-
if (nextIndex < 0)
|
|
90
|
-
|
|
91
|
-
(_b = items[nextIndex]) === null || _b === void 0 ? void 0 : _b.focus();
|
|
66
|
+
if (nextIndex < 0) nextIndex = items.length - 1;
|
|
67
|
+
items[nextIndex]?.focus();
|
|
92
68
|
break;
|
|
93
69
|
case 'Home':
|
|
94
70
|
e.preventDefault();
|
|
95
|
-
|
|
71
|
+
items[0]?.focus();
|
|
96
72
|
break;
|
|
97
73
|
case 'End':
|
|
98
74
|
e.preventDefault();
|
|
99
|
-
|
|
75
|
+
items[items.length - 1]?.focus();
|
|
100
76
|
break;
|
|
101
77
|
case 'Enter':
|
|
102
|
-
case ' ':
|
|
78
|
+
case ' ':
|
|
103
79
|
e.preventDefault();
|
|
104
80
|
target.click();
|
|
105
81
|
break;
|
|
106
|
-
default:
|
|
107
|
-
break;
|
|
108
82
|
}
|
|
109
83
|
};
|
|
110
84
|
/**
|
|
@@ -112,8 +86,7 @@ const Menu = React.forwardRef(function (props, ref) {
|
|
|
112
86
|
* Delegates focus to the first item if the container itself receives focus.
|
|
113
87
|
*
|
|
114
88
|
* @param {React.FocusEvent} e - The focus event.
|
|
115
|
-
*/
|
|
116
|
-
const focusHandler = (e) => {
|
|
89
|
+
*/ const focusHandler = (e)=>{
|
|
117
90
|
// Prevent trap: If focus came from inside (Shift+Tab), do NOT auto-focus again.
|
|
118
91
|
// This allows focus to land on the container, and the next Shift+Tab will exit.
|
|
119
92
|
if (e.currentTarget.contains(e.relatedTarget)) {
|
|
@@ -124,18 +97,30 @@ const Menu = React.forwardRef(function (props, ref) {
|
|
|
124
97
|
if (e.target === e.currentTarget) {
|
|
125
98
|
// Prevent the container from holding focus; delegate to first item
|
|
126
99
|
const firstItem = e.currentTarget.querySelector('[role="option"]');
|
|
127
|
-
firstItem
|
|
100
|
+
firstItem?.focus();
|
|
128
101
|
}
|
|
129
102
|
};
|
|
130
|
-
return (
|
|
103
|
+
return /*#__PURE__*/ jsx(MenuContext.Provider, {
|
|
104
|
+
value: {
|
|
131
105
|
value,
|
|
132
106
|
multiSelect,
|
|
133
|
-
updateValue
|
|
134
|
-
},
|
|
107
|
+
updateValue
|
|
108
|
+
},
|
|
109
|
+
children: /*#__PURE__*/ jsx(MenuContainer, {
|
|
110
|
+
...rest,
|
|
111
|
+
ref: ref,
|
|
112
|
+
role: "listbox",
|
|
113
|
+
"aria-multiselectable": multiSelect,
|
|
114
|
+
tabIndex: 0,
|
|
115
|
+
onKeyDown: handleKeyDown,
|
|
116
|
+
onFocus: focusHandler,
|
|
117
|
+
children: props.children
|
|
118
|
+
})
|
|
119
|
+
});
|
|
135
120
|
});
|
|
136
121
|
Menu.displayName = 'Menu';
|
|
137
122
|
Menu.defaultProps = {
|
|
138
|
-
multiSelect: false
|
|
123
|
+
multiSelect: false
|
|
139
124
|
};
|
|
140
|
-
|
|
141
|
-
|
|
125
|
+
|
|
126
|
+
export { Menu as default };
|