armtek-uikit-react 1.0.13 → 1.0.15
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/{cjs/assets → assets}/Adornment.scss +2 -0
- package/{esm/ui/Alert/Alert.module.scss → assets/Alert.scss} +1 -1
- package/{esm/ui/Avatar/Avatar.module.scss → assets/Avatar.scss} +1 -1
- package/{cjs/ui/Avatar/AvatarGroup.module.scss → assets/AvatarGroup.scss} +1 -1
- package/{cjs/ui/Badge/Badge.module.scss → assets/Badge.scss} +1 -1
- package/{cjs/assets → assets}/Button.scss +1 -32
- package/assets/ButtonGroup.scss +12 -0
- package/assets/ButtonIcon.scss +24 -0
- package/{cjs/ui/Card/Card.module.scss → assets/Card.scss} +1 -1
- package/{esm/ui/Form/Checkbox/Checkbox.module.scss → assets/Checkbox.scss} +1 -1
- package/{esm/ui/Chip/Chip.module.scss → assets/Chip.scss} +1 -1
- package/{cjs/ui/Form/DatePicker/DatePicker.module.scss → assets/DatePicker.scss} +1 -1
- package/{cjs/ui/HelperText/HelperText.module.scss → assets/HelperText.scss} +1 -1
- package/{esm/ui/Form/Interval/Interval.module.scss → assets/Interval.scss} +1 -1
- package/{esm/ui/List/ListItem.module.scss → assets/ListItem.scss} +1 -1
- package/{esm/ui/Loader/Loader.module.scss → assets/Loader.scss} +1 -1
- package/{esm/ui/Logo/Logo.module.scss → assets/Logo.scss} +1 -1
- package/{esm/ui/Form/Period/Period.module.scss → assets/Period.scss} +1 -1
- package/{esm/ui/Form/Rating/Rating.module.scss → assets/Rating.scss} +1 -1
- package/{cjs/ui/Form/Select/Select.module.scss → assets/Select.scss} +1 -1
- package/{esm/ui/Slider/Slider.module.scss → assets/Slider.scss} +1 -1
- package/{cjs/ui/Status/Status.module.scss → assets/Status.scss} +1 -1
- package/{esm/ui/Stepper/StepItem.module.scss → assets/StepItem.scss} +1 -1
- package/{cjs/ui/Stepper/StepItemIcon.module.scss → assets/StepItemIcon.scss} +1 -1
- package/{cjs/ui/Stepper/Stepper.module.scss → assets/Stepper.scss} +1 -1
- package/{esm/ui/Form/Switch/Switch.module.scss → assets/Switch.scss} +1 -1
- package/{cjs/ui/Form/TextArea/TextArea.module.scss → assets/TextArea.scss} +1 -1
- package/{cjs/ui/Form/TextField/TextField.module.scss → assets/TextField.scss} +1 -1
- package/{cjs/ui/Tooltip/Tooltip.module.scss → assets/Tooltip.scss} +1 -1
- package/assets/styles.scss +31 -0
- package/index.js +15 -0
- package/{esm/lib → lib}/helpers/helpers.js +7 -0
- package/package.json +25 -1
- package/{esm → types}/index.d.ts +3 -3
- package/{esm → types}/lib/helpers/helpers.d.ts +1 -0
- package/{cjs/ui/Button/Button.d.ts → types/ui/Button/index.d.ts} +3 -3
- package/{esm/ui/Button/ButtonIcon.d.ts → types/ui/ButtonIcon/index.d.ts} +1 -1
- package/types/ui/Slider/RcSlider.d.ts +0 -0
- package/{esm → types}/ui/Slider/Slider.d.ts +1 -1
- package/{esm → types}/ui/Stepper/StepItem.d.ts +1 -1
- package/{esm/ui → ui}/Adornment/Adornment.js +10 -5
- package/ui/Adornment/Adornment.module.scss +2 -0
- package/{esm/ui → ui}/Alert/Alert.js +7 -3
- package/ui/Alert/Alert.module.scss +2 -0
- package/{esm/ui → ui}/Avatar/Avatar.js +5 -1
- package/ui/Avatar/Avatar.module.scss +1 -0
- package/{esm/ui → ui}/Avatar/AvatarGroup.js +5 -1
- package/ui/Avatar/AvatarGroup.module.scss +1 -0
- package/{esm/ui → ui}/Badge/Badge.js +5 -1
- package/ui/Badge/Badge.module.scss +1 -0
- package/ui/Button/Button.module.scss +1 -0
- package/{esm/ui/Button/Button.js → ui/Button/index.js} +7 -3
- package/ui/ButtonGroup/ButtonGroup.module.scss +2 -0
- package/{esm/ui/Button/ButtonGroup.js → ui/ButtonGroup/index.js} +5 -1
- package/ui/ButtonIcon/ButtonIcon.module.scss +1 -0
- package/{esm/ui/Button/ButtonIcon.js → ui/ButtonIcon/index.js} +6 -2
- package/{esm/ui → ui}/Card/Card.js +5 -1
- package/ui/Card/Card.module.scss +1 -0
- package/{esm/ui → ui}/Chip/Chip.js +5 -1
- package/ui/Chip/Chip.module.scss +1 -0
- package/{esm/ui → ui}/Form/Checkbox/Checkbox.js +5 -1
- package/ui/Form/Checkbox/Checkbox.module.scss +1 -0
- package/{esm/ui → ui}/Form/Checkbox/Radio.js +7 -3
- package/{esm/ui → ui}/Form/DateField/DateField.js +5 -6
- package/{esm/ui → ui}/Form/DateField/TimeField.js +1 -1
- package/ui/Form/DatePicker/DatePicker.module.scss +1 -0
- package/{esm/ui → ui}/Form/DatePicker/PeriodSelect.js +1 -1
- package/{esm/ui → ui}/Form/DatePicker/TimePicker.js +1 -1
- package/{esm/ui → ui}/Form/Interval/Interval.js +7 -3
- package/ui/Form/Interval/Interval.module.scss +1 -0
- package/{esm/ui → ui}/Form/Interval/IntervalSlide.js +7 -3
- package/{esm/ui → ui}/Form/Password/Password.js +3 -3
- package/{esm/ui → ui}/Form/Period/Period.js +11 -7
- package/ui/Form/Period/Period.module.scss +2 -0
- package/{esm/ui → ui}/Form/Rating/Rating.js +5 -1
- package/ui/Form/Rating/Rating.module.scss +1 -0
- package/{esm/ui → ui}/Form/Select/Select.js +10 -6
- package/ui/Form/Select/Select.module.scss +1 -0
- package/{esm/ui → ui}/Form/Switch/Switch.js +5 -1
- package/ui/Form/Switch/Switch.module.scss +1 -0
- package/{esm/ui → ui}/Form/TextArea/TextArea.js +6 -2
- package/ui/Form/TextArea/TextArea.module.scss +1 -0
- package/{esm/ui → ui}/Form/TextField/TextField.js +6 -2
- package/ui/Form/TextField/TextField.module.scss +1 -0
- package/{esm/ui → ui}/HelperText/HelperText.js +5 -1
- package/ui/HelperText/HelperText.module.scss +1 -0
- package/{esm/ui → ui}/List/ListItem.js +7 -3
- package/ui/List/ListItem.module.scss +1 -0
- package/{esm/ui → ui}/Loader/Loader.js +5 -1
- package/ui/Loader/Loader.module.scss +1 -0
- package/{esm/ui → ui}/Logo/Logo.js +5 -1
- package/ui/Logo/Logo.module.scss +1 -0
- package/ui/Slider/RcSlider.js +0 -0
- package/{esm/ui → ui}/Slider/Slider.js +8 -5
- package/ui/Slider/Slider.module.scss +1 -0
- package/{esm/ui → ui}/Status/Status.js +5 -1
- package/ui/Status/Status.module.scss +1 -0
- package/{esm/ui → ui}/Stepper/StepItem.js +8 -4
- package/ui/Stepper/StepItem.module.scss +1 -0
- package/{esm/ui → ui}/Stepper/StepItemIcon.js +5 -1
- package/ui/Stepper/StepItemIcon.module.scss +1 -0
- package/{esm/ui → ui}/Stepper/Stepper.js +6 -2
- package/ui/Stepper/Stepper.module.scss +1 -0
- package/{esm/ui → ui}/Tooltip/Tooltip.js +5 -1
- package/ui/Tooltip/Tooltip.module.scss +1 -0
- package/Adornment/package.json +0 -7
- package/Alert/package.json +0 -7
- package/Avatar/package.json +0 -7
- package/AvatarGroup/package.json +0 -7
- package/Badge/package.json +0 -7
- package/Button/package.json +0 -7
- package/ButtonClasses/package.json +0 -7
- package/ButtonGroup/package.json +0 -7
- package/ButtonIcon/package.json +0 -7
- package/Card/package.json +0 -7
- package/Checkbox/package.json +0 -7
- package/Chip/package.json +0 -7
- package/DateField/package.json +0 -7
- package/DatePicker/package.json +0 -7
- package/DateService/package.json +0 -7
- package/HelperText/package.json +0 -7
- package/Interval/package.json +0 -7
- package/IntervalSlide/package.json +0 -7
- package/ListItem/package.json +0 -7
- package/Loader/package.json +0 -7
- package/Logo/package.json +0 -7
- package/Password/package.json +0 -7
- package/Period/package.json +0 -7
- package/PeriodSelect/package.json +0 -7
- package/Radio/package.json +0 -7
- package/Rating/package.json +0 -7
- package/RcSlider/package.json +0 -7
- package/Select/package.json +0 -7
- package/Slider/package.json +0 -7
- package/Status/package.json +0 -7
- package/StepItem/package.json +0 -7
- package/StepItemIcon/package.json +0 -7
- package/Stepper/package.json +0 -7
- package/Switch/package.json +0 -7
- package/TextArea/package.json +0 -7
- package/TextField/package.json +0 -7
- package/TimeField/package.json +0 -7
- package/TimePicker/package.json +0 -7
- package/Tooltip/package.json +0 -7
- package/cjs/assets/styles.scss +0 -6
- package/cjs/index.d.ts +0 -29
- package/cjs/index.js +0 -35
- package/cjs/lib/const/styles.js +0 -6
- package/cjs/lib/helpers/helpers.d.ts +0 -5
- package/cjs/lib/helpers/helpers.js +0 -48
- package/cjs/lib/hooks/useClickOutside.js +0 -22
- package/cjs/lib/services/DateService.js +0 -48
- package/cjs/types/theme.js +0 -3
- package/cjs/ui/Adornment/Adornment.js +0 -47
- package/cjs/ui/Adornment/Adornment.module.scss +0 -18
- package/cjs/ui/Alert/Alert.js +0 -46
- package/cjs/ui/Alert/Alert.module.scss +0 -38
- package/cjs/ui/Avatar/Avatar.js +0 -50
- package/cjs/ui/Avatar/Avatar.module.scss +0 -82
- package/cjs/ui/Avatar/AvatarGroup.js +0 -34
- package/cjs/ui/Badge/Badge.js +0 -34
- package/cjs/ui/Button/Button.css +0 -3
- package/cjs/ui/Button/Button.js +0 -43
- package/cjs/ui/Button/Button.module.scss +0 -298
- package/cjs/ui/Button/ButtonClasses.d.ts +0 -3
- package/cjs/ui/Button/ButtonClasses.js +0 -12
- package/cjs/ui/Button/ButtonGroup.js +0 -26
- package/cjs/ui/Button/ButtonIcon.d.ts +0 -3
- package/cjs/ui/Button/ButtonIcon.js +0 -21
- package/cjs/ui/Card/Card.js +0 -19
- package/cjs/ui/Chip/Chip.js +0 -41
- package/cjs/ui/Chip/Chip.module.scss +0 -96
- package/cjs/ui/Form/Checkbox/Checkbox.js +0 -53
- package/cjs/ui/Form/Checkbox/Checkbox.module.scss +0 -297
- package/cjs/ui/Form/Checkbox/Radio.js +0 -21
- package/cjs/ui/Form/DateField/DateField.js +0 -71
- package/cjs/ui/Form/DateField/TimeField.js +0 -19
- package/cjs/ui/Form/DatePicker/DatePicker.js +0 -51
- package/cjs/ui/Form/DatePicker/PeriodSelect.js +0 -29
- package/cjs/ui/Form/DatePicker/TimePicker.js +0 -28
- package/cjs/ui/Form/Interval/Interval.js +0 -98
- package/cjs/ui/Form/Interval/Interval.module.scss +0 -35
- package/cjs/ui/Form/Interval/IntervalSlide.js +0 -48
- package/cjs/ui/Form/Password/Password.js +0 -46
- package/cjs/ui/Form/Password/Password.module.scss +0 -2
- package/cjs/ui/Form/Period/Period.js +0 -69
- package/cjs/ui/Form/Period/Period.module.scss +0 -10
- package/cjs/ui/Form/Rating/Rating.js +0 -54
- package/cjs/ui/Form/Rating/Rating.module.scss +0 -19
- package/cjs/ui/Form/Select/Select.js +0 -139
- package/cjs/ui/Form/Switch/Switch.js +0 -30
- package/cjs/ui/Form/Switch/Switch.module.scss +0 -69
- package/cjs/ui/Form/TextArea/TextArea.js +0 -46
- package/cjs/ui/Form/TextField/TextField.js +0 -152
- package/cjs/ui/HelperText/HelperText.js +0 -28
- package/cjs/ui/List/ListItem.js +0 -60
- package/cjs/ui/List/ListItem.module.scss +0 -34
- package/cjs/ui/Loader/Loader.js +0 -120
- package/cjs/ui/Loader/Loader.module.scss +0 -37
- package/cjs/ui/Logo/Logo.js +0 -102
- package/cjs/ui/Logo/Logo.module.scss +0 -29
- package/cjs/ui/Slider/RcSlider.d.ts +0 -2
- package/cjs/ui/Slider/RcSlider.js +0 -9
- package/cjs/ui/Slider/Slider.d.ts +0 -8
- package/cjs/ui/Slider/Slider.js +0 -36
- package/cjs/ui/Slider/Slider.module.scss +0 -6
- package/cjs/ui/Status/Status.js +0 -31
- package/cjs/ui/Stepper/StepItem.d.ts +0 -14
- package/cjs/ui/Stepper/StepItem.js +0 -56
- package/cjs/ui/Stepper/StepItem.module.scss +0 -67
- package/cjs/ui/Stepper/StepItemIcon.js +0 -40
- package/cjs/ui/Stepper/Stepper.js +0 -45
- package/cjs/ui/Tooltip/Tooltip.js +0 -32
- package/dist/armtek-uikit-react-main.js +0 -1357
- package/dist/armtek-uikit-react-main.min.js +0 -2
- package/dist/armtek-uikit-react-main.min.js.LICENSE.txt +0 -15
- package/dist/css/main.e207d402.css +0 -18
- package/esm/assets/Adornment.scss +0 -16
- package/esm/assets/Button.scss +0 -297
- package/esm/assets/fonts.scss +0 -2
- package/esm/assets/global.css +0 -72
- package/esm/assets/styles.scss +0 -6
- package/esm/assets/variables.scss +0 -67
- package/esm/index.js +0 -15
- package/esm/lib/const/styles.d.ts +0 -1
- package/esm/lib/hooks/useClickOutside.d.ts +0 -3
- package/esm/lib/services/DateService.d.ts +0 -12
- package/esm/types/theme.d.ts +0 -10
- package/esm/ui/Adornment/Adornment.d.ts +0 -7
- package/esm/ui/Adornment/Adornment.module.scss +0 -18
- package/esm/ui/Alert/Alert.d.ts +0 -10
- package/esm/ui/Avatar/Avatar.d.ts +0 -13
- package/esm/ui/Avatar/AvatarGroup.d.ts +0 -8
- package/esm/ui/Avatar/AvatarGroup.module.scss +0 -48
- package/esm/ui/Badge/Badge.d.ts +0 -11
- package/esm/ui/Badge/Badge.module.scss +0 -83
- package/esm/ui/Button/Button.css +0 -3
- package/esm/ui/Button/Button.d.ts +0 -15
- package/esm/ui/Button/Button.module.scss +0 -298
- package/esm/ui/Button/ButtonClasses.d.ts +0 -3
- package/esm/ui/Button/ButtonClasses.js +0 -7
- package/esm/ui/Button/ButtonGroup.d.ts +0 -6
- package/esm/ui/Card/Card.d.ts +0 -4
- package/esm/ui/Card/Card.module.scss +0 -7
- package/esm/ui/Chip/Chip.d.ts +0 -13
- package/esm/ui/Form/Checkbox/Checkbox.d.ts +0 -12
- package/esm/ui/Form/Checkbox/Radio.d.ts +0 -3
- package/esm/ui/Form/DateField/DateField.d.ts +0 -26
- package/esm/ui/Form/DateField/DateField.module.scss +0 -1
- package/esm/ui/Form/DateField/TimeField.d.ts +0 -3
- package/esm/ui/Form/DatePicker/DatePicker.d.ts +0 -7
- package/esm/ui/Form/DatePicker/DatePicker.module.scss +0 -7
- package/esm/ui/Form/DatePicker/PeriodSelect.d.ts +0 -2
- package/esm/ui/Form/DatePicker/TimePicker.d.ts +0 -2
- package/esm/ui/Form/DatePicker/styles.css +0 -766
- package/esm/ui/Form/Interval/Interval.d.ts +0 -21
- package/esm/ui/Form/Interval/IntervalSlide.d.ts +0 -4
- package/esm/ui/Form/Password/Password.d.ts +0 -12
- package/esm/ui/Form/Password/Password.module.scss +0 -2
- package/esm/ui/Form/Period/Period.d.ts +0 -15
- package/esm/ui/Form/Rating/Rating.d.ts +0 -10
- package/esm/ui/Form/Select/Select.d.ts +0 -23
- package/esm/ui/Form/Select/Select.module.scss +0 -26
- package/esm/ui/Form/Switch/Switch.d.ts +0 -7
- package/esm/ui/Form/TextArea/TextArea.d.ts +0 -4
- package/esm/ui/Form/TextArea/TextArea.module.scss +0 -15
- package/esm/ui/Form/TextField/TextField.d.ts +0 -40
- package/esm/ui/Form/TextField/TextField.module.scss +0 -160
- package/esm/ui/HelperText/HelperText.d.ts +0 -6
- package/esm/ui/HelperText/HelperText.module.scss +0 -10
- package/esm/ui/List/ListItem.d.ts +0 -10
- package/esm/ui/Loader/Loader.d.ts +0 -6
- package/esm/ui/Logo/Logo.d.ts +0 -12
- package/esm/ui/Slider/RcSlider.d.ts +0 -2
- package/esm/ui/Slider/RcSlider.js +0 -2
- package/esm/ui/Slider/style.css +0 -281
- package/esm/ui/Status/Status.d.ts +0 -10
- package/esm/ui/Status/Status.module.scss +0 -45
- package/esm/ui/Stepper/StepItemIcon.d.ts +0 -11
- package/esm/ui/Stepper/StepItemIcon.module.scss +0 -47
- package/esm/ui/Stepper/Stepper.d.ts +0 -11
- package/esm/ui/Stepper/Stepper.module.scss +0 -34
- package/esm/ui/Tooltip/Tooltip.d.ts +0 -7
- package/esm/ui/Tooltip/Tooltip.module.scss +0 -18
- package/helpers/package.json +0 -7
- package/styles/package.json +0 -7
- package/theme/package.json +0 -7
- package/useClickOutside/package.json +0 -7
- /package/{cjs/assets → assets}/fonts.scss +0 -0
- /package/{cjs/assets → assets}/global.css +0 -0
- /package/{cjs/assets → assets}/variables.scss +0 -0
- /package/{esm/lib → lib}/const/styles.js +0 -0
- /package/{esm/lib → lib}/hooks/useClickOutside.js +0 -0
- /package/{esm/lib → lib}/services/DateService.js +0 -0
- /package/{cjs → types}/lib/const/styles.d.ts +0 -0
- /package/{cjs → types}/lib/hooks/useClickOutside.d.ts +0 -0
- /package/{cjs → types}/lib/services/DateService.d.ts +0 -0
- /package/{esm/types → types}/theme.js +0 -0
- /package/{cjs → types}/types/theme.d.ts +0 -0
- /package/{cjs → types}/ui/Adornment/Adornment.d.ts +0 -0
- /package/{cjs → types}/ui/Alert/Alert.d.ts +0 -0
- /package/{cjs → types}/ui/Avatar/Avatar.d.ts +0 -0
- /package/{cjs → types}/ui/Avatar/AvatarGroup.d.ts +0 -0
- /package/{cjs → types}/ui/Badge/Badge.d.ts +0 -0
- /package/{cjs/ui/Button/ButtonGroup.d.ts → types/ui/ButtonGroup/index.d.ts} +0 -0
- /package/{cjs → types}/ui/Card/Card.d.ts +0 -0
- /package/{cjs → types}/ui/Chip/Chip.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Checkbox/Checkbox.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Checkbox/Radio.d.ts +0 -0
- /package/{cjs → types}/ui/Form/DateField/DateField.d.ts +0 -0
- /package/{cjs → types}/ui/Form/DateField/TimeField.d.ts +0 -0
- /package/{cjs → types}/ui/Form/DatePicker/DatePicker.d.ts +0 -0
- /package/{cjs → types}/ui/Form/DatePicker/PeriodSelect.d.ts +0 -0
- /package/{cjs → types}/ui/Form/DatePicker/TimePicker.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Interval/Interval.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Interval/IntervalSlide.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Password/Password.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Period/Period.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Rating/Rating.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Select/Select.d.ts +0 -0
- /package/{cjs → types}/ui/Form/Switch/Switch.d.ts +0 -0
- /package/{cjs → types}/ui/Form/TextArea/TextArea.d.ts +0 -0
- /package/{cjs → types}/ui/Form/TextField/TextField.d.ts +0 -0
- /package/{cjs → types}/ui/HelperText/HelperText.d.ts +0 -0
- /package/{cjs → types}/ui/List/ListItem.d.ts +0 -0
- /package/{cjs → types}/ui/Loader/Loader.d.ts +0 -0
- /package/{cjs → types}/ui/Logo/Logo.d.ts +0 -0
- /package/{cjs → types}/ui/Status/Status.d.ts +0 -0
- /package/{cjs → types}/ui/Stepper/StepItemIcon.d.ts +0 -0
- /package/{cjs → types}/ui/Stepper/Stepper.d.ts +0 -0
- /package/{cjs → types}/ui/Tooltip/Tooltip.d.ts +0 -0
- /package/{cjs/ui → ui}/Form/DateField/DateField.module.scss +0 -0
- /package/{esm/ui → ui}/Form/DatePicker/DatePicker.js +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/styles.css +0 -0
- /package/{cjs/ui → ui}/Slider/style.css +0 -0
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _TextField = _interopRequireDefault(require("../TextField/TextField"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
|
-
var _TextAreaModule = _interopRequireDefault(require("./TextArea.module.scss"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
const TextArea = props => {
|
|
13
|
-
var _textareaRef$current, _textareaRef$current2;
|
|
14
|
-
let {
|
|
15
|
-
onChange,
|
|
16
|
-
className,
|
|
17
|
-
...restProps
|
|
18
|
-
} = props;
|
|
19
|
-
let [value, setValue] = (0, _react.useState)('');
|
|
20
|
-
let [minHeight, setMinHeight] = (0, _react.useState)(0);
|
|
21
|
-
let textareaRef = (0, _react.useRef)();
|
|
22
|
-
const handleChange = e => {
|
|
23
|
-
setValue(e.target.value);
|
|
24
|
-
if (onChange) onChange(e);
|
|
25
|
-
};
|
|
26
|
-
(0, _react.useEffect)(() => {
|
|
27
|
-
if (textareaRef.current) setMinHeight(textareaRef.current.clientHeight);
|
|
28
|
-
}, [textareaRef]);
|
|
29
|
-
let textHeight = (((_textareaRef$current = textareaRef.current) == null ? void 0 : _textareaRef$current.scrollHeight) || 0) < minHeight ? minHeight : (_textareaRef$current2 = textareaRef.current) == null ? void 0 : _textareaRef$current2.scrollHeight;
|
|
30
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
31
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
32
|
-
ref: textareaRef,
|
|
33
|
-
value: value,
|
|
34
|
-
...restProps,
|
|
35
|
-
className: (0, _clsx.default)(_TextAreaModule.default.textarea, _TextAreaModule.default['size_' + restProps.size], className),
|
|
36
|
-
onChange: handleChange,
|
|
37
|
-
multiline: true,
|
|
38
|
-
style: {
|
|
39
|
-
height: textHeight + 'px'
|
|
40
|
-
}
|
|
41
|
-
})
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
var _default = TextArea;
|
|
45
|
-
exports.default = _default;
|
|
46
|
-
module.exports = exports.default;
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = exports.TextFieldInput = exports.TextFieldContainer = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _TextFieldModule = _interopRequireDefault(require("./TextField.module.scss"));
|
|
9
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
|
-
var _HelperText = _interopRequireDefault(require("../../HelperText/HelperText"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
const TextField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
13
|
-
let {
|
|
14
|
-
error,
|
|
15
|
-
success,
|
|
16
|
-
label,
|
|
17
|
-
helperText,
|
|
18
|
-
size = 'large',
|
|
19
|
-
variant = 'solid',
|
|
20
|
-
endAdornment,
|
|
21
|
-
className,
|
|
22
|
-
multiline = false,
|
|
23
|
-
...inputProps
|
|
24
|
-
} = props;
|
|
25
|
-
let [value, setValue] = (0, _react.useState)('');
|
|
26
|
-
let [focused, setFocused] = (0, _react.useState)(false);
|
|
27
|
-
const inputRef = (0, _react.useRef)();
|
|
28
|
-
const handleFocus = e => {
|
|
29
|
-
setFocused(true);
|
|
30
|
-
if (inputProps.onFocus) inputProps.onFocus(e);
|
|
31
|
-
};
|
|
32
|
-
const handleBlur = e => {
|
|
33
|
-
setFocused(false);
|
|
34
|
-
if (inputProps.onBlur) inputProps.onBlur(e);
|
|
35
|
-
};
|
|
36
|
-
let endContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
37
|
-
className: _TextFieldModule.default.textfield__adornment,
|
|
38
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
|
-
className: _TextFieldModule.default.textfield__icon,
|
|
40
|
-
children: endAdornment
|
|
41
|
-
}), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
42
|
-
className: (0, _clsx.default)('material_icon', 'text_error', _TextFieldModule.default.textfield__icon),
|
|
43
|
-
children: "error_outline"
|
|
44
|
-
}), success && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
45
|
-
className: (0, _clsx.default)('material_icon', 'text_success', _TextFieldModule.default.textfield__icon),
|
|
46
|
-
children: "done"
|
|
47
|
-
})]
|
|
48
|
-
});
|
|
49
|
-
let endContentExists = endAdornment || error || success;
|
|
50
|
-
let Component = multiline ? 'textarea' : 'input';
|
|
51
|
-
let realRef = ref || inputRef;
|
|
52
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
53
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextFieldContainer, {
|
|
54
|
-
size: size,
|
|
55
|
-
variant: variant,
|
|
56
|
-
disabled: inputProps.disabled,
|
|
57
|
-
focused: focused,
|
|
58
|
-
onClick: () => {
|
|
59
|
-
var _realRef$current;
|
|
60
|
-
return (_realRef$current = realRef.current) == null ? void 0 : _realRef$current.focus();
|
|
61
|
-
},
|
|
62
|
-
className: className,
|
|
63
|
-
error: error,
|
|
64
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextFieldInput, {
|
|
65
|
-
Component: Component,
|
|
66
|
-
ref: realRef,
|
|
67
|
-
value: value,
|
|
68
|
-
onChange: e => setValue(e.target.value),
|
|
69
|
-
size: size,
|
|
70
|
-
variant: variant,
|
|
71
|
-
label: label,
|
|
72
|
-
focused: focused,
|
|
73
|
-
error: error,
|
|
74
|
-
multiline: multiline,
|
|
75
|
-
onFocus: handleFocus,
|
|
76
|
-
onBlur: handleBlur,
|
|
77
|
-
...inputProps
|
|
78
|
-
}), endContentExists && endContent]
|
|
79
|
-
}), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
80
|
-
className: _TextFieldModule.default.textfield__helperText,
|
|
81
|
-
error: error,
|
|
82
|
-
children: helperText
|
|
83
|
-
})]
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
const TextFieldContainer = props => {
|
|
87
|
-
let {
|
|
88
|
-
focused,
|
|
89
|
-
disabled,
|
|
90
|
-
variant,
|
|
91
|
-
size,
|
|
92
|
-
className,
|
|
93
|
-
children,
|
|
94
|
-
error,
|
|
95
|
-
...restProps
|
|
96
|
-
} = props;
|
|
97
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
98
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
99
|
-
...restProps,
|
|
100
|
-
className: (0, _clsx.default)(_TextFieldModule.default.textfield, _TextFieldModule.default['textfield_' + variant], _TextFieldModule.default['size_' + size], {
|
|
101
|
-
[_TextFieldModule.default._focused]: focused,
|
|
102
|
-
[_TextFieldModule.default._disabled]: disabled,
|
|
103
|
-
[_TextFieldModule.default._error]: error
|
|
104
|
-
}, className),
|
|
105
|
-
children: children
|
|
106
|
-
})
|
|
107
|
-
});
|
|
108
|
-
};
|
|
109
|
-
exports.TextFieldContainer = TextFieldContainer;
|
|
110
|
-
const TextFieldInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
111
|
-
let {
|
|
112
|
-
Component = 'input',
|
|
113
|
-
size,
|
|
114
|
-
variant,
|
|
115
|
-
multiline,
|
|
116
|
-
error,
|
|
117
|
-
focused,
|
|
118
|
-
label,
|
|
119
|
-
value,
|
|
120
|
-
className,
|
|
121
|
-
...inputProps
|
|
122
|
-
} = props;
|
|
123
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
124
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
125
|
-
className: (0, _clsx.default)(_TextFieldModule.default.textfield__container, _TextFieldModule.default['size_' + size], {
|
|
126
|
-
[_TextFieldModule.default._label]: !!label,
|
|
127
|
-
[_TextFieldModule.default.textfield__container_outlined]: variant === 'outlined'
|
|
128
|
-
}),
|
|
129
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
130
|
-
ref: ref,
|
|
131
|
-
value: value,
|
|
132
|
-
...inputProps,
|
|
133
|
-
className: (0, _clsx.default)(_TextFieldModule.default.textfield__input, _TextFieldModule.default['size_' + size], _TextFieldModule.default['textfield__input_' + variant], {
|
|
134
|
-
[_TextFieldModule.default._label]: !!label,
|
|
135
|
-
[_TextFieldModule.default._focused]: focused,
|
|
136
|
-
[_TextFieldModule.default._error]: !!error,
|
|
137
|
-
[_TextFieldModule.default.textarea]: multiline
|
|
138
|
-
}, className)
|
|
139
|
-
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
140
|
-
className: (0, _clsx.default)(_TextFieldModule.default.textfield__label, {
|
|
141
|
-
[_TextFieldModule.default.textfield__label_focused]: focused || !!value || !!props.value,
|
|
142
|
-
[_TextFieldModule.default.textfield__label_small]: size === 'small',
|
|
143
|
-
[_TextFieldModule.default.textfield__label_error]: error
|
|
144
|
-
}),
|
|
145
|
-
children: label
|
|
146
|
-
})]
|
|
147
|
-
})
|
|
148
|
-
});
|
|
149
|
-
});
|
|
150
|
-
exports.TextFieldInput = TextFieldInput;
|
|
151
|
-
var _default = TextField;
|
|
152
|
-
exports.default = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _HelperTextModule = _interopRequireDefault(require("./HelperText.module.scss"));
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const HelperText = props => {
|
|
10
|
-
let {
|
|
11
|
-
className,
|
|
12
|
-
error,
|
|
13
|
-
children,
|
|
14
|
-
...restProps
|
|
15
|
-
} = props;
|
|
16
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
17
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
18
|
-
...restProps,
|
|
19
|
-
className: (0, _clsx.default)(_HelperTextModule.default.helperText, {
|
|
20
|
-
[_HelperTextModule.default.helperText_error]: !!error
|
|
21
|
-
}, className),
|
|
22
|
-
children: children
|
|
23
|
-
})
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
var _default = HelperText;
|
|
27
|
-
exports.default = _default;
|
|
28
|
-
module.exports = exports.default;
|
package/cjs/ui/List/ListItem.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _ListItemModule = _interopRequireDefault(require("./ListItem.module.scss"));
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _Checkbox = _interopRequireDefault(require("../Form/Checkbox/Checkbox"));
|
|
9
|
-
var _Adornment = _interopRequireWildcard(require("../Adornment/Adornment"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
const ListItem = props => {
|
|
14
|
-
let {
|
|
15
|
-
children,
|
|
16
|
-
className,
|
|
17
|
-
active,
|
|
18
|
-
divider,
|
|
19
|
-
checked,
|
|
20
|
-
startAdornment,
|
|
21
|
-
endAdornment,
|
|
22
|
-
...restProps
|
|
23
|
-
} = props;
|
|
24
|
-
let withStartAdornment = checked !== undefined || !!startAdornment;
|
|
25
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
27
|
-
...restProps,
|
|
28
|
-
className: (0, _clsx.default)(_ListItemModule.default.listitem, className, {
|
|
29
|
-
[_ListItemModule.default.listitem_active]: !!active || !!checked,
|
|
30
|
-
[_ListItemModule.default.listitem_divider]: !!divider,
|
|
31
|
-
[_ListItemModule.default.listitem_endAdornment]: !!endAdornment,
|
|
32
|
-
[_ListItemModule.default.listitem_startAdornment]: withStartAdornment
|
|
33
|
-
}),
|
|
34
|
-
children: [withStartAdornment && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Adornment.AdornmentContainer, {
|
|
35
|
-
children: [checked !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
|
|
36
|
-
position: 'start',
|
|
37
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
|
|
38
|
-
checked: checked,
|
|
39
|
-
size: 'small'
|
|
40
|
-
})
|
|
41
|
-
}), !!startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
|
|
42
|
-
position: 'start',
|
|
43
|
-
children: startAdornment
|
|
44
|
-
})]
|
|
45
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
46
|
-
className: _ListItemModule.default.listitemText,
|
|
47
|
-
children: children
|
|
48
|
-
}), !!endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.AdornmentContainer, {
|
|
49
|
-
position: 'end',
|
|
50
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
|
|
51
|
-
position: 'end',
|
|
52
|
-
children: endAdornment
|
|
53
|
-
})
|
|
54
|
-
})]
|
|
55
|
-
})
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
var _default = ListItem;
|
|
59
|
-
exports.default = _default;
|
|
60
|
-
module.exports = exports.default;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
@import "../../assets/styles";
|
|
2
|
-
|
|
3
|
-
.listitem{
|
|
4
|
-
outline: none;
|
|
5
|
-
padding: calc($size-step * 1.5) calc($size-step * 2);
|
|
6
|
-
color: $color-neutral;
|
|
7
|
-
background: transparent;
|
|
8
|
-
@include transition(0.3s, background);
|
|
9
|
-
@include flex();
|
|
10
|
-
width: 100%;
|
|
11
|
-
border: none;
|
|
12
|
-
text-align: left;
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
&:hover{
|
|
15
|
-
background: $color-gray-50;
|
|
16
|
-
}
|
|
17
|
-
&.listitem_active,
|
|
18
|
-
&:active{
|
|
19
|
-
background: rgba($color-primary, 0.1);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.listitem_startAdornment{
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
.listitem_endAdornment{
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
.listitem_divider{
|
|
29
|
-
border-bottom: 1px solid $color-gray-200;
|
|
30
|
-
}
|
|
31
|
-
.listitemText{
|
|
32
|
-
display: block;
|
|
33
|
-
margin: 0 calc($size-step * 2);
|
|
34
|
-
}
|
package/cjs/ui/Loader/Loader.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _LoaderModule = _interopRequireDefault(require("./Loader.module.scss"));
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const Loader = props => {
|
|
10
|
-
let width = props.size === 'large' ? 25 : props.size === 'medium' ? 23 : props.size === 'small' ? 21 : 27;
|
|
11
|
-
let height = props.size === 'large' ? 24 : props.size === 'medium' ? 22 : props.size === 'small' ? 20 : 26;
|
|
12
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
13
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
14
|
-
className: (0, _clsx.default)(_LoaderModule.default.loader, 'material_icon'),
|
|
15
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
16
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
-
width: width,
|
|
18
|
-
height: height,
|
|
19
|
-
viewBox: `0 0 ${width} ${height}`,
|
|
20
|
-
fill: "none",
|
|
21
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
22
|
-
opacity: "0.3",
|
|
23
|
-
cx: "12.0003",
|
|
24
|
-
cy: "12",
|
|
25
|
-
r: "8.47059",
|
|
26
|
-
stroke: "#DFE2E6",
|
|
27
|
-
strokeWidth: "1.41176"
|
|
28
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
29
|
-
filter: "url(#filter0_f_1024_93554)",
|
|
30
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
31
|
-
fillRule: "evenodd",
|
|
32
|
-
clipRule: "evenodd",
|
|
33
|
-
d: "M19.575 12.745C20.0016 8.47797 17.0747 4.67221 12.8076 4.24564L12.9481 2.84088C17.9909 3.34501 21.8325 7.87742 21.3283 12.9203C21.2815 13.3888 20.8734 13.7602 20.364 13.7093C19.9468 13.6676 19.5194 13.3009 19.575 12.745Z",
|
|
34
|
-
fill: "url(#paint0_radial_1024_93554)"
|
|
35
|
-
})
|
|
36
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
37
|
-
fillRule: "evenodd",
|
|
38
|
-
clipRule: "evenodd",
|
|
39
|
-
d: "M12.0006 4.23529C7.71225 4.23529 4.23588 7.71167 4.23588 12H2.82411C2.82411 6.93198 6.93256 2.82353 12.0006 2.82353V4.23529Z",
|
|
40
|
-
fill: "url(#paint1_radial_1024_93554)"
|
|
41
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
42
|
-
fillRule: "evenodd",
|
|
43
|
-
clipRule: "evenodd",
|
|
44
|
-
d: "M19.5805 12.0194C19.5805 7.73103 16.2889 4.23529 12.0006 4.23529V2.82353C17.0686 2.82353 21.3426 6.95133 21.3426 12.0194C21.3426 12.4901 20.9734 12.9004 20.4616 12.9004C20.0422 12.9004 19.5805 12.578 19.5805 12.0194Z",
|
|
45
|
-
fill: "url(#paint2_radial_1024_93554)"
|
|
46
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
|
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
|
|
48
|
-
id: "filter0_f_1024_93554",
|
|
49
|
-
x: "9.9841",
|
|
50
|
-
y: "0.0173481",
|
|
51
|
-
width: "14.2122",
|
|
52
|
-
height: "16.5202",
|
|
53
|
-
filterUnits: "userSpaceOnUse",
|
|
54
|
-
colorInterpolationFilters: "sRGB",
|
|
55
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
|
|
56
|
-
floodOpacity: "0",
|
|
57
|
-
result: "BackgroundImageFix"
|
|
58
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
|
|
59
|
-
mode: "normal",
|
|
60
|
-
in: "SourceGraphic",
|
|
61
|
-
in2: "BackgroundImageFix",
|
|
62
|
-
result: "shape"
|
|
63
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
|
|
64
|
-
stdDeviation: "1.41176",
|
|
65
|
-
result: "effect1_foregroundBlur_1024_93554"
|
|
66
|
-
})]
|
|
67
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
|
|
68
|
-
id: "paint0_radial_1024_93554",
|
|
69
|
-
cx: "0",
|
|
70
|
-
cy: "0",
|
|
71
|
-
r: "1",
|
|
72
|
-
gradientUnits: "userSpaceOnUse",
|
|
73
|
-
gradientTransform: "translate(20.3817 13.7111) rotate(-126.186) scale(12.6961 11.7694)",
|
|
74
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
75
|
-
offset: "0.395833",
|
|
76
|
-
stopColor: "#98A4B0"
|
|
77
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
78
|
-
offset: "1",
|
|
79
|
-
stopColor: "#98A4B0",
|
|
80
|
-
stopOpacity: "0"
|
|
81
|
-
})]
|
|
82
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
|
|
83
|
-
id: "paint1_radial_1024_93554",
|
|
84
|
-
cx: "0",
|
|
85
|
-
cy: "0",
|
|
86
|
-
r: "1",
|
|
87
|
-
gradientUnits: "userSpaceOnUse",
|
|
88
|
-
gradientTransform: "translate(20.4793 12.9004) rotate(-145.457) scale(17.1491 15.8974)",
|
|
89
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
90
|
-
offset: "0.395833",
|
|
91
|
-
stopColor: "#98A4B0"
|
|
92
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
93
|
-
offset: "1",
|
|
94
|
-
stopColor: "#98A4B0",
|
|
95
|
-
stopOpacity: "0"
|
|
96
|
-
})]
|
|
97
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("radialGradient", {
|
|
98
|
-
id: "paint2_radial_1024_93554",
|
|
99
|
-
cx: "0",
|
|
100
|
-
cy: "0",
|
|
101
|
-
r: "1",
|
|
102
|
-
gradientUnits: "userSpaceOnUse",
|
|
103
|
-
gradientTransform: "translate(20.4793 12.9004) rotate(-145.457) scale(17.1491 15.8974)",
|
|
104
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
105
|
-
offset: "0.395833",
|
|
106
|
-
stopColor: "#98A4B0"
|
|
107
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
108
|
-
offset: "1",
|
|
109
|
-
stopColor: "#98A4B0",
|
|
110
|
-
stopOpacity: "0"
|
|
111
|
-
})]
|
|
112
|
-
})]
|
|
113
|
-
})]
|
|
114
|
-
})
|
|
115
|
-
})
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
var _default = Loader;
|
|
119
|
-
exports.default = _default;
|
|
120
|
-
module.exports = exports.default;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
@import "../../assets/styles";
|
|
2
|
-
|
|
3
|
-
.loader{
|
|
4
|
-
-webkit-animation: rotating 2s linear infinite;
|
|
5
|
-
-moz-animation: rotating 2s linear infinite;
|
|
6
|
-
-ms-animation: rotating 2s linear infinite;
|
|
7
|
-
-o-animation: rotating 2s linear infinite;
|
|
8
|
-
animation: rotating 2s linear infinite;
|
|
9
|
-
}
|
|
10
|
-
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
|
11
|
-
from {
|
|
12
|
-
-webkit-transform: rotate(0deg);
|
|
13
|
-
-o-transform: rotate(0deg);
|
|
14
|
-
transform: rotate(0deg);
|
|
15
|
-
}
|
|
16
|
-
to {
|
|
17
|
-
-webkit-transform: rotate(360deg);
|
|
18
|
-
-o-transform: rotate(360deg);
|
|
19
|
-
transform: rotate(360deg);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@keyframes rotating {
|
|
23
|
-
from {
|
|
24
|
-
-ms-transform: rotate(0deg);
|
|
25
|
-
-moz-transform: rotate(0deg);
|
|
26
|
-
-webkit-transform: rotate(0deg);
|
|
27
|
-
-o-transform: rotate(0deg);
|
|
28
|
-
transform: rotate(0deg);
|
|
29
|
-
}
|
|
30
|
-
to {
|
|
31
|
-
-ms-transform: rotate(360deg);
|
|
32
|
-
-moz-transform: rotate(360deg);
|
|
33
|
-
-webkit-transform: rotate(360deg);
|
|
34
|
-
-o-transform: rotate(360deg);
|
|
35
|
-
transform: rotate(360deg);
|
|
36
|
-
}
|
|
37
|
-
}
|
package/cjs/ui/Logo/Logo.js
DELETED
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _LogoModule = _interopRequireDefault(require("./Logo.module.scss"));
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const Logo = props => {
|
|
10
|
-
let {
|
|
11
|
-
description,
|
|
12
|
-
children,
|
|
13
|
-
black,
|
|
14
|
-
shape,
|
|
15
|
-
className,
|
|
16
|
-
href,
|
|
17
|
-
src,
|
|
18
|
-
linkProps,
|
|
19
|
-
inverse,
|
|
20
|
-
...restProps
|
|
21
|
-
} = props;
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
23
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
24
|
-
...restProps,
|
|
25
|
-
className: (0, _clsx.default)(_LogoModule.default.logo, {
|
|
26
|
-
[_LogoModule.default.logo_inverse]: inverse,
|
|
27
|
-
[_LogoModule.default.logo_shape]: shape
|
|
28
|
-
}, className),
|
|
29
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
30
|
-
className: "logo__inner",
|
|
31
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
32
|
-
className: _LogoModule.default.logo__img,
|
|
33
|
-
children: href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
34
|
-
href: href,
|
|
35
|
-
...linkProps,
|
|
36
|
-
children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
37
|
-
src: src,
|
|
38
|
-
alt: ''
|
|
39
|
-
}) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
|
|
40
|
-
black: black,
|
|
41
|
-
inverse: inverse
|
|
42
|
-
})
|
|
43
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
44
|
-
children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
45
|
-
src: src,
|
|
46
|
-
alt: ''
|
|
47
|
-
}) : children || /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoArmtek, {
|
|
48
|
-
black: black,
|
|
49
|
-
inverse: inverse
|
|
50
|
-
})
|
|
51
|
-
})
|
|
52
|
-
}), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
|
-
className: _LogoModule.default.logo__description,
|
|
54
|
-
children: description
|
|
55
|
-
})]
|
|
56
|
-
})
|
|
57
|
-
})
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
const LogoArmtek = ({
|
|
61
|
-
black,
|
|
62
|
-
inverse
|
|
63
|
-
}) => {
|
|
64
|
-
let part1Color = '#FF7F00';
|
|
65
|
-
let part2Color = inverse ? '#FFFFFF' : '#212529';
|
|
66
|
-
if (black) part1Color = part2Color;
|
|
67
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
68
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
69
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
70
|
-
width: "124",
|
|
71
|
-
height: "15",
|
|
72
|
-
viewBox: "0 0 124 15",
|
|
73
|
-
fill: "none",
|
|
74
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
75
|
-
fillRule: "evenodd",
|
|
76
|
-
clipRule: "evenodd",
|
|
77
|
-
d: "M9.56897 0L0 15H6.30094L7.2884 13.2837H13.4718L13.7304 15H20.0313L16.8574 0H9.56897ZM9.38088 9.61599L12.2257 4.53762H12.2727L12.9545 9.61599H9.38088Z",
|
|
78
|
-
fill: part1Color
|
|
79
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
80
|
-
fillRule: "evenodd",
|
|
81
|
-
clipRule: "evenodd",
|
|
82
|
-
d: "M41.1677 4.18495C41.5204 2.53918 40.9091 1.10502 39.8981 0.540752C39.1693 0.141066 38.1583 0 36.4655 0H23.9812L20.8072 15H26.732L27.7194 10.3683H31.9279C33.0094 10.3683 33.2445 11.0502 33.0799 12.1552C33.0343 12.4623 32.9923 12.7357 32.9548 12.9802C32.7797 14.1202 32.701 14.6322 32.7978 15H39.2633C38.9577 14.4592 38.8166 13.848 38.9107 13.2367L39.3574 9.96865C39.522 8.67555 38.9812 7.89969 38.1583 7.66458V7.61756C39.9687 7.10031 40.8621 5.59561 41.1677 4.18495ZM34.6552 5.19592C34.4436 6.13636 33.8793 6.60658 32.7273 6.60658H28.5188L29.1066 3.78527H33.221C34.2085 3.78527 34.8903 4.04389 34.6552 5.19592Z",
|
|
83
|
-
fill: part1Color
|
|
84
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
85
|
-
d: "M53.2053 8.72257L57.5078 0H65.8307L62.6567 15H57.2727L59.5533 4.279H59.5062L54.0752 15H49.5846L48.7147 4.279H48.6677L46.3871 15H41.0031L44.2006 0H52.547L53.1348 8.72257H53.2053Z",
|
|
86
|
-
fill: part1Color
|
|
87
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
88
|
-
d: "M84.5345 0H67.6301L66.8307 3.78527H72.3088L69.9342 15H75.8589L78.2571 3.78527H83.7351L84.5345 0Z",
|
|
89
|
-
fill: part2Color
|
|
90
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
91
|
-
d: "M99.1348 9.33386L99.9107 5.68966H90.6003L91.0235 3.66771H101.039L101.839 0H85.8981L82.7006 15H98.6411L99.4169 11.3558H89.4013L89.8245 9.33386H99.1348Z",
|
|
92
|
-
fill: part2Color
|
|
93
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
94
|
-
d: "M115.216 0H123.069L115.146 5.80721L120.459 15H112.583L109.715 9.23981L107.387 10.9561L106.517 15H100.592L103.79 0H109.715L108.586 5.28997L115.216 0Z",
|
|
95
|
-
fill: part2Color
|
|
96
|
-
})]
|
|
97
|
-
})
|
|
98
|
-
});
|
|
99
|
-
};
|
|
100
|
-
var _default = Logo;
|
|
101
|
-
exports.default = _default;
|
|
102
|
-
module.exports = exports.default;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
@import "../../assets/styles";
|
|
2
|
-
|
|
3
|
-
.logo{
|
|
4
|
-
display: inline-block;
|
|
5
|
-
}
|
|
6
|
-
.logo_shape{
|
|
7
|
-
box-shadow: $box-shadow;
|
|
8
|
-
padding: calc($size-step * 2);
|
|
9
|
-
transform: skewX(-10deg);
|
|
10
|
-
& .logo__inner{
|
|
11
|
-
transform: skewX(10deg);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
.logo__inner{
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.logo__img{
|
|
19
|
-
font-size: 0;
|
|
20
|
-
}
|
|
21
|
-
.logo__description{
|
|
22
|
-
color: $color-gray-900;
|
|
23
|
-
font-size: 14px;
|
|
24
|
-
font-style: italic;
|
|
25
|
-
margin-top: 2px;
|
|
26
|
-
}
|
|
27
|
-
.logo_inverse .logo__description{
|
|
28
|
-
color: #fff;
|
|
29
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _rcSlider = _interopRequireDefault(require("rc-slider"));
|
|
7
|
-
var _default = _rcSlider.default;
|
|
8
|
-
exports.default = _default;
|
|
9
|
-
module.exports = exports.default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import '!style-loader!css-loader!./style.css';
|
|
2
|
-
import { SliderProps as RcSliderProps } from 'rc-slider/lib/Slider';
|
|
3
|
-
import { SizeType } from 'types/theme';
|
|
4
|
-
export type SliderProps = {
|
|
5
|
-
size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
|
|
6
|
-
} & Omit<RcSliderProps, 'size'>;
|
|
7
|
-
declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export default Slider;
|
package/cjs/ui/Slider/Slider.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _rcSlider = _interopRequireDefault(require("rc-slider"));
|
|
7
|
-
require("!style-loader!css-loader!./style.css");
|
|
8
|
-
var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
|
|
9
|
-
var _SliderModule = _interopRequireDefault(require("./Slider.module.scss"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// import './style.css'
|
|
12
|
-
|
|
13
|
-
const Slider = props => {
|
|
14
|
-
let {
|
|
15
|
-
size = 'large',
|
|
16
|
-
...restProps
|
|
17
|
-
} = props;
|
|
18
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
19
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
20
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcSlider.default, {
|
|
21
|
-
...restProps,
|
|
22
|
-
className: '_' + size
|
|
23
|
-
}), restProps.min && restProps.max && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
24
|
-
className: _SliderModule.default.slider__helperText,
|
|
25
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
26
|
-
children: restProps.min
|
|
27
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
|
|
28
|
-
children: restProps.max
|
|
29
|
-
})]
|
|
30
|
-
})]
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
var _default = Slider;
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
module.exports = exports.default;
|