armtek-uikit-react 1.0.16 → 1.0.17
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/package.json +1 -1
- package/cjs/index.js +0 -35
- package/cjs/lib/const/styles.js +0 -6
- package/cjs/lib/helpers/helpers.js +0 -56
- 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 -51
- package/cjs/ui/Alert/Alert.js +0 -50
- package/cjs/ui/Avatar/Avatar.js +0 -54
- package/cjs/ui/Avatar/AvatarGroup.js +0 -38
- package/cjs/ui/Badge/Badge.js +0 -38
- package/cjs/ui/Button/index.js +0 -47
- package/cjs/ui/ButtonGroup/index.js +0 -30
- package/cjs/ui/ButtonIcon/index.js +0 -25
- package/cjs/ui/Card/Card.js +0 -23
- package/cjs/ui/Chip/Chip.js +0 -45
- package/cjs/ui/Form/Checkbox/Checkbox.js +0 -57
- package/cjs/ui/Form/Checkbox/Radio.js +0 -25
- package/cjs/ui/Form/DateField/DateField.js +0 -70
- 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 -102
- package/cjs/ui/Form/Interval/IntervalSlide.js +0 -52
- package/cjs/ui/Form/Password/Password.js +0 -46
- package/cjs/ui/Form/Period/Period.js +0 -73
- package/cjs/ui/Form/Rating/Rating.js +0 -58
- package/cjs/ui/Form/Select/Select.js +0 -143
- package/cjs/ui/Form/Switch/Switch.js +0 -34
- package/cjs/ui/Form/TextArea/TextArea.js +0 -50
- package/cjs/ui/Form/TextField/TextField.js +0 -156
- package/cjs/ui/HelperText/HelperText.js +0 -32
- package/cjs/ui/List/ListItem.js +0 -64
- package/cjs/ui/Loader/Loader.js +0 -124
- package/cjs/ui/Logo/Logo.js +0 -106
- package/cjs/ui/Slider/RcSlider.js +0 -1
- package/cjs/ui/Slider/Slider.js +0 -39
- package/cjs/ui/Status/Status.js +0 -35
- package/cjs/ui/Stepper/StepItem.js +0 -60
- package/cjs/ui/Stepper/StepItemIcon.js +0 -44
- package/cjs/ui/Stepper/Stepper.js +0 -49
- package/cjs/ui/Tooltip/Tooltip.js +0 -36
- 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.css +0 -19
- package/esm/assets/Adornment.scss +0 -18
- package/esm/assets/Alert.scss +0 -38
- package/esm/assets/Avatar.scss +0 -82
- package/esm/assets/AvatarGroup.scss +0 -48
- package/esm/assets/Badge.scss +0 -83
- package/esm/assets/Button.scss +0 -266
- package/esm/assets/ButtonGroup.scss +0 -12
- package/esm/assets/ButtonIcon.scss +0 -24
- package/esm/assets/Card.scss +0 -7
- package/esm/assets/Checkbox.scss +0 -297
- package/esm/assets/Chip.scss +0 -96
- package/esm/assets/DatePicker.scss +0 -7
- package/esm/assets/HelperText.scss +0 -10
- package/esm/assets/Interval.scss +0 -35
- package/esm/assets/ListItem.scss +0 -34
- package/esm/assets/Loader.scss +0 -37
- package/esm/assets/Logo.scss +0 -29
- package/esm/assets/Period.scss +0 -10
- package/esm/assets/Rating.scss +0 -19
- package/esm/assets/Select.scss +0 -26
- package/esm/assets/Slider.scss +0 -6
- package/esm/assets/Status.scss +0 -45
- package/esm/assets/StepItem.scss +0 -67
- package/esm/assets/StepItemIcon.scss +0 -47
- package/esm/assets/Stepper.scss +0 -34
- package/esm/assets/Switch.scss +0 -69
- package/esm/assets/TextArea.scss +0 -15
- package/esm/assets/TextField.scss +0 -160
- package/esm/assets/Tooltip.scss +0 -18
- package/esm/assets/fonts.scss +0 -2
- package/esm/assets/global.css +0 -72
- package/esm/assets/styles.scss +0 -31
- package/esm/assets/variables.scss +0 -67
- package/esm/index.d.ts +0 -29
- package/esm/lib/const/styles.d.ts +0 -1
- package/esm/lib/helpers/helpers.d.ts +0 -6
- 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 -2
- package/esm/ui/Alert/Alert.d.ts +0 -10
- package/esm/ui/Alert/Alert.module.scss +0 -2
- package/esm/ui/Avatar/Avatar.d.ts +0 -13
- package/esm/ui/Avatar/Avatar.module.scss +0 -1
- package/esm/ui/Avatar/AvatarGroup.d.ts +0 -8
- package/esm/ui/Avatar/AvatarGroup.module.scss +0 -1
- package/esm/ui/Badge/Badge.d.ts +0 -11
- package/esm/ui/Badge/Badge.module.scss +0 -1
- package/esm/ui/Button/Button.module.scss +0 -1
- package/esm/ui/Button/index.d.ts +0 -15
- package/esm/ui/ButtonGroup/ButtonGroup.module.scss +0 -2
- package/esm/ui/ButtonGroup/index.d.ts +0 -6
- package/esm/ui/ButtonIcon/ButtonIcon.module.scss +0 -1
- package/esm/ui/ButtonIcon/index.d.ts +0 -3
- package/esm/ui/Card/Card.d.ts +0 -4
- package/esm/ui/Card/Card.module.scss +0 -1
- package/esm/ui/Chip/Chip.d.ts +0 -13
- package/esm/ui/Chip/Chip.module.scss +0 -1
- package/esm/ui/Form/Checkbox/Checkbox.d.ts +0 -12
- package/esm/ui/Form/Checkbox/Checkbox.module.scss +0 -1
- 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 -1
- 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/Interval.module.scss +0 -1
- package/esm/ui/Form/Interval/IntervalSlide.d.ts +0 -4
- package/esm/ui/Form/Password/Password.d.ts +0 -12
- package/esm/ui/Form/Period/Period.d.ts +0 -15
- package/esm/ui/Form/Period/Period.module.scss +0 -2
- package/esm/ui/Form/Rating/Rating.d.ts +0 -10
- package/esm/ui/Form/Rating/Rating.module.scss +0 -1
- package/esm/ui/Form/Select/Select.d.ts +0 -23
- package/esm/ui/Form/Select/Select.module.scss +0 -1
- package/esm/ui/Form/Switch/Switch.d.ts +0 -7
- package/esm/ui/Form/Switch/Switch.module.scss +0 -1
- package/esm/ui/Form/TextArea/TextArea.d.ts +0 -4
- package/esm/ui/Form/TextArea/TextArea.module.scss +0 -1
- package/esm/ui/Form/TextField/TextField.d.ts +0 -40
- package/esm/ui/Form/TextField/TextField.module.scss +0 -1
- package/esm/ui/HelperText/HelperText.d.ts +0 -6
- package/esm/ui/HelperText/HelperText.module.scss +0 -1
- package/esm/ui/List/ListItem.d.ts +0 -10
- package/esm/ui/List/ListItem.module.scss +0 -1
- package/esm/ui/Loader/Loader.d.ts +0 -6
- package/esm/ui/Loader/Loader.module.scss +0 -1
- package/esm/ui/Logo/Logo.d.ts +0 -12
- package/esm/ui/Logo/Logo.module.scss +0 -1
- package/esm/ui/Slider/RcSlider.d.ts +0 -0
- package/esm/ui/Slider/Slider.d.ts +0 -8
- package/esm/ui/Slider/Slider.module.scss +0 -1
- 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 -1
- package/esm/ui/Stepper/StepItem.d.ts +0 -14
- package/esm/ui/Stepper/StepItem.module.scss +0 -1
- package/esm/ui/Stepper/StepItemIcon.d.ts +0 -11
- package/esm/ui/Stepper/StepItemIcon.module.scss +0 -1
- package/esm/ui/Stepper/Stepper.d.ts +0 -11
- package/esm/ui/Stepper/Stepper.module.scss +0 -1
- package/esm/ui/Tooltip/Tooltip.d.ts +0 -7
- package/esm/ui/Tooltip/Tooltip.module.scss +0 -1
- /package/{cjs/assets → assets}/Adornment.scss +0 -0
- /package/{cjs/assets → assets}/Alert.scss +0 -0
- /package/{cjs/assets → assets}/Avatar.scss +0 -0
- /package/{cjs/assets → assets}/AvatarGroup.scss +0 -0
- /package/{cjs/assets → assets}/Badge.scss +0 -0
- /package/{cjs/assets → assets}/Button.scss +0 -0
- /package/{cjs/assets → assets}/ButtonGroup.scss +0 -0
- /package/{cjs/assets → assets}/ButtonIcon.scss +0 -0
- /package/{cjs/assets → assets}/Card.scss +0 -0
- /package/{cjs/assets → assets}/Checkbox.scss +0 -0
- /package/{cjs/assets → assets}/Chip.scss +0 -0
- /package/{cjs/assets → assets}/DatePicker.scss +0 -0
- /package/{cjs/assets → assets}/HelperText.scss +0 -0
- /package/{cjs/assets → assets}/Interval.scss +0 -0
- /package/{cjs/assets → assets}/ListItem.scss +0 -0
- /package/{cjs/assets → assets}/Loader.scss +0 -0
- /package/{cjs/assets → assets}/Logo.scss +0 -0
- /package/{cjs/assets → assets}/Period.scss +0 -0
- /package/{cjs/assets → assets}/Rating.scss +0 -0
- /package/{cjs/assets → assets}/Select.scss +0 -0
- /package/{cjs/assets → assets}/Slider.scss +0 -0
- /package/{cjs/assets → assets}/Status.scss +0 -0
- /package/{cjs/assets → assets}/StepItem.scss +0 -0
- /package/{cjs/assets → assets}/StepItemIcon.scss +0 -0
- /package/{cjs/assets → assets}/Stepper.scss +0 -0
- /package/{cjs/assets → assets}/Switch.scss +0 -0
- /package/{cjs/assets → assets}/TextArea.scss +0 -0
- /package/{cjs/assets → assets}/TextField.scss +0 -0
- /package/{cjs/assets → assets}/Tooltip.scss +0 -0
- /package/{cjs/assets → assets}/fonts.scss +0 -0
- /package/{cjs/assets → assets}/global.css +0 -0
- /package/{cjs/assets → assets}/styles.scss +0 -0
- /package/{cjs/assets → assets}/variables.scss +0 -0
- /package/{cjs/index.d.ts → index.d.ts} +0 -0
- /package/{esm/index.js → index.js} +0 -0
- /package/{cjs/lib → lib}/const/styles.d.ts +0 -0
- /package/{esm/lib → lib}/const/styles.js +0 -0
- /package/{cjs/lib → lib}/helpers/helpers.d.ts +0 -0
- /package/{esm/lib → lib}/helpers/helpers.js +0 -0
- /package/{cjs/lib → lib}/hooks/useClickOutside.d.ts +0 -0
- /package/{esm/lib → lib}/hooks/useClickOutside.js +0 -0
- /package/{cjs/lib → lib}/services/DateService.d.ts +0 -0
- /package/{esm/lib → lib}/services/DateService.js +0 -0
- /package/{cjs/types → types}/theme.d.ts +0 -0
- /package/{esm/types → types}/theme.js +0 -0
- /package/{cjs/ui → ui}/Adornment/Adornment.d.ts +0 -0
- /package/{esm/ui → ui}/Adornment/Adornment.js +0 -0
- /package/{cjs/ui → ui}/Adornment/Adornment.module.scss +0 -0
- /package/{cjs/ui → ui}/Alert/Alert.d.ts +0 -0
- /package/{esm/ui → ui}/Alert/Alert.js +0 -0
- /package/{cjs/ui → ui}/Alert/Alert.module.scss +0 -0
- /package/{cjs/ui → ui}/Avatar/Avatar.d.ts +0 -0
- /package/{esm/ui → ui}/Avatar/Avatar.js +0 -0
- /package/{cjs/ui → ui}/Avatar/Avatar.module.scss +0 -0
- /package/{cjs/ui → ui}/Avatar/AvatarGroup.d.ts +0 -0
- /package/{esm/ui → ui}/Avatar/AvatarGroup.js +0 -0
- /package/{cjs/ui → ui}/Avatar/AvatarGroup.module.scss +0 -0
- /package/{cjs/ui → ui}/Badge/Badge.d.ts +0 -0
- /package/{esm/ui → ui}/Badge/Badge.js +0 -0
- /package/{cjs/ui → ui}/Badge/Badge.module.scss +0 -0
- /package/{cjs/ui → ui}/Button/Button.module.scss +0 -0
- /package/{cjs/ui → ui}/Button/index.d.ts +0 -0
- /package/{esm/ui → ui}/Button/index.js +0 -0
- /package/{cjs/ui → ui}/ButtonGroup/ButtonGroup.module.scss +0 -0
- /package/{cjs/ui → ui}/ButtonGroup/index.d.ts +0 -0
- /package/{esm/ui → ui}/ButtonGroup/index.js +0 -0
- /package/{cjs/ui → ui}/ButtonIcon/ButtonIcon.module.scss +0 -0
- /package/{cjs/ui → ui}/ButtonIcon/index.d.ts +0 -0
- /package/{esm/ui → ui}/ButtonIcon/index.js +0 -0
- /package/{cjs/ui → ui}/Card/Card.d.ts +0 -0
- /package/{esm/ui → ui}/Card/Card.js +0 -0
- /package/{cjs/ui → ui}/Card/Card.module.scss +0 -0
- /package/{cjs/ui → ui}/Chip/Chip.d.ts +0 -0
- /package/{esm/ui → ui}/Chip/Chip.js +0 -0
- /package/{cjs/ui → ui}/Chip/Chip.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Checkbox/Checkbox.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Checkbox/Checkbox.js +0 -0
- /package/{cjs/ui → ui}/Form/Checkbox/Checkbox.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Checkbox/Radio.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Checkbox/Radio.js +0 -0
- /package/{cjs/ui → ui}/Form/DateField/DateField.d.ts +0 -0
- /package/{esm/ui → ui}/Form/DateField/DateField.js +0 -0
- /package/{cjs/ui → ui}/Form/DateField/DateField.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/DateField/TimeField.d.ts +0 -0
- /package/{esm/ui → ui}/Form/DateField/TimeField.js +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/DatePicker.d.ts +0 -0
- /package/{esm/ui → ui}/Form/DatePicker/DatePicker.js +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/DatePicker.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/PeriodSelect.d.ts +0 -0
- /package/{esm/ui → ui}/Form/DatePicker/PeriodSelect.js +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/TimePicker.d.ts +0 -0
- /package/{esm/ui → ui}/Form/DatePicker/TimePicker.js +0 -0
- /package/{cjs/ui → ui}/Form/DatePicker/styles.css +0 -0
- /package/{cjs/ui → ui}/Form/Interval/Interval.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Interval/Interval.js +0 -0
- /package/{cjs/ui → ui}/Form/Interval/Interval.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Interval/IntervalSlide.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Interval/IntervalSlide.js +0 -0
- /package/{cjs/ui → ui}/Form/Password/Password.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Password/Password.js +0 -0
- /package/{cjs/ui → ui}/Form/Period/Period.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Period/Period.js +0 -0
- /package/{cjs/ui → ui}/Form/Period/Period.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Rating/Rating.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Rating/Rating.js +0 -0
- /package/{cjs/ui → ui}/Form/Rating/Rating.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Select/Select.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Select/Select.js +0 -0
- /package/{cjs/ui → ui}/Form/Select/Select.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/Switch/Switch.d.ts +0 -0
- /package/{esm/ui → ui}/Form/Switch/Switch.js +0 -0
- /package/{cjs/ui → ui}/Form/Switch/Switch.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/TextArea/TextArea.d.ts +0 -0
- /package/{esm/ui → ui}/Form/TextArea/TextArea.js +0 -0
- /package/{cjs/ui → ui}/Form/TextArea/TextArea.module.scss +0 -0
- /package/{cjs/ui → ui}/Form/TextField/TextField.d.ts +0 -0
- /package/{esm/ui → ui}/Form/TextField/TextField.js +0 -0
- /package/{cjs/ui → ui}/Form/TextField/TextField.module.scss +0 -0
- /package/{cjs/ui → ui}/HelperText/HelperText.d.ts +0 -0
- /package/{esm/ui → ui}/HelperText/HelperText.js +0 -0
- /package/{cjs/ui → ui}/HelperText/HelperText.module.scss +0 -0
- /package/{cjs/ui → ui}/List/ListItem.d.ts +0 -0
- /package/{esm/ui → ui}/List/ListItem.js +0 -0
- /package/{cjs/ui → ui}/List/ListItem.module.scss +0 -0
- /package/{cjs/ui → ui}/Loader/Loader.d.ts +0 -0
- /package/{esm/ui → ui}/Loader/Loader.js +0 -0
- /package/{cjs/ui → ui}/Loader/Loader.module.scss +0 -0
- /package/{cjs/ui → ui}/Logo/Logo.d.ts +0 -0
- /package/{esm/ui → ui}/Logo/Logo.js +0 -0
- /package/{cjs/ui → ui}/Logo/Logo.module.scss +0 -0
- /package/{cjs/ui → ui}/Slider/RcSlider.d.ts +0 -0
- /package/{esm/ui → ui}/Slider/RcSlider.js +0 -0
- /package/{cjs/ui → ui}/Slider/Slider.d.ts +0 -0
- /package/{esm/ui → ui}/Slider/Slider.js +0 -0
- /package/{cjs/ui → ui}/Slider/Slider.module.scss +0 -0
- /package/{cjs/ui → ui}/Slider/style.css +0 -0
- /package/{cjs/ui → ui}/Status/Status.d.ts +0 -0
- /package/{esm/ui → ui}/Status/Status.js +0 -0
- /package/{cjs/ui → ui}/Status/Status.module.scss +0 -0
- /package/{cjs/ui → ui}/Stepper/StepItem.d.ts +0 -0
- /package/{esm/ui → ui}/Stepper/StepItem.js +0 -0
- /package/{cjs/ui → ui}/Stepper/StepItem.module.scss +0 -0
- /package/{cjs/ui → ui}/Stepper/StepItemIcon.d.ts +0 -0
- /package/{esm/ui → ui}/Stepper/StepItemIcon.js +0 -0
- /package/{cjs/ui → ui}/Stepper/StepItemIcon.module.scss +0 -0
- /package/{cjs/ui → ui}/Stepper/Stepper.d.ts +0 -0
- /package/{esm/ui → ui}/Stepper/Stepper.js +0 -0
- /package/{cjs/ui → ui}/Stepper/Stepper.module.scss +0 -0
- /package/{cjs/ui → ui}/Tooltip/Tooltip.d.ts +0 -0
- /package/{esm/ui → ui}/Tooltip/Tooltip.js +0 -0
- /package/{cjs/ui → ui}/Tooltip/Tooltip.module.scss +0 -0
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"armtek-uikit-react","version":"1.0.
|
|
1
|
+
{"name":"armtek-uikit-react","version":"1.0.17","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
|
package/cjs/index.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.Tooltip = exports.Stepper = exports.Status = exports.Slider = exports.Logo = exports.Loader = exports.ListItem = exports.Chip = exports.Card = exports.ButtonIcon = exports.Button = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.Alert = void 0;
|
|
6
|
-
var _Button = _interopRequireDefault(require("./ui/Button"));
|
|
7
|
-
exports.Button = _Button.default;
|
|
8
|
-
var _ButtonIcon = _interopRequireDefault(require("./ui/ButtonIcon"));
|
|
9
|
-
exports.ButtonIcon = _ButtonIcon.default;
|
|
10
|
-
var _Alert = _interopRequireDefault(require("./ui/Alert/Alert"));
|
|
11
|
-
exports.Alert = _Alert.default;
|
|
12
|
-
var _Avatar = _interopRequireDefault(require("./ui/Avatar/Avatar"));
|
|
13
|
-
exports.Avatar = _Avatar.default;
|
|
14
|
-
var _AvatarGroup = _interopRequireDefault(require("./ui/Avatar/AvatarGroup"));
|
|
15
|
-
exports.AvatarGroup = _AvatarGroup.default;
|
|
16
|
-
var _Badge = _interopRequireDefault(require("./ui/Badge/Badge"));
|
|
17
|
-
exports.Badge = _Badge.default;
|
|
18
|
-
var _Card = _interopRequireDefault(require("./ui/Card/Card"));
|
|
19
|
-
exports.Card = _Card.default;
|
|
20
|
-
var _Chip = _interopRequireDefault(require("./ui/Chip/Chip"));
|
|
21
|
-
exports.Chip = _Chip.default;
|
|
22
|
-
var _ListItem = _interopRequireDefault(require("./ui/List/ListItem"));
|
|
23
|
-
exports.ListItem = _ListItem.default;
|
|
24
|
-
var _Loader = _interopRequireDefault(require("./ui/Loader/Loader"));
|
|
25
|
-
exports.Loader = _Loader.default;
|
|
26
|
-
var _Logo = _interopRequireDefault(require("./ui/Logo/Logo"));
|
|
27
|
-
exports.Logo = _Logo.default;
|
|
28
|
-
var _Slider = _interopRequireDefault(require("./ui/Slider/Slider"));
|
|
29
|
-
exports.Slider = _Slider.default;
|
|
30
|
-
var _Status = _interopRequireDefault(require("./ui/Status/Status"));
|
|
31
|
-
exports.Status = _Status.default;
|
|
32
|
-
var _Stepper = _interopRequireDefault(require("./ui/Stepper/Stepper"));
|
|
33
|
-
exports.Stepper = _Stepper.default;
|
|
34
|
-
var _Tooltip = _interopRequireDefault(require("./ui/Tooltip/Tooltip"));
|
|
35
|
-
exports.Tooltip = _Tooltip.default;
|
package/cjs/lib/const/styles.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.getVariants = exports.getStatusColors = exports.getSizes = exports.getCssPrefix = exports.getColors = void 0;
|
|
5
|
-
var _styles = require("../const/styles");
|
|
6
|
-
const getVariants = except => {
|
|
7
|
-
let variants = {
|
|
8
|
-
contained: 'Заливка',
|
|
9
|
-
outlined: 'С границами',
|
|
10
|
-
transparent: 'Прозрачный'
|
|
11
|
-
};
|
|
12
|
-
if (except) variants = filter(variants, except);
|
|
13
|
-
return variants;
|
|
14
|
-
};
|
|
15
|
-
exports.getVariants = getVariants;
|
|
16
|
-
const getColors = () => {
|
|
17
|
-
return {
|
|
18
|
-
primary: 'Основной',
|
|
19
|
-
secondary: 'Второстепенный',
|
|
20
|
-
neutral: 'Нейтральный'
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
exports.getColors = getColors;
|
|
24
|
-
const getStatusColors = () => {
|
|
25
|
-
return {
|
|
26
|
-
info: 'Инфо',
|
|
27
|
-
error: 'Ошибка',
|
|
28
|
-
success: 'Успех',
|
|
29
|
-
warning: 'Уведомление'
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
exports.getStatusColors = getStatusColors;
|
|
33
|
-
const getSizes = except => {
|
|
34
|
-
let sizes = {
|
|
35
|
-
small: 'Маленький',
|
|
36
|
-
medium: 'Средний',
|
|
37
|
-
large: 'Большой',
|
|
38
|
-
extraLarge: 'Огромный'
|
|
39
|
-
};
|
|
40
|
-
if (except) sizes = filter(sizes, except);
|
|
41
|
-
return sizes;
|
|
42
|
-
};
|
|
43
|
-
exports.getSizes = getSizes;
|
|
44
|
-
const filter = (obj, arr) => {
|
|
45
|
-
return Object.entries(obj).filter(item => !arr.includes(item[0])).reduce((prev, current) => {
|
|
46
|
-
prev[current[0]] = current[1];
|
|
47
|
-
return prev;
|
|
48
|
-
}, {});
|
|
49
|
-
};
|
|
50
|
-
const getCssPrefix = classes => {
|
|
51
|
-
return classes.reduce((prev, current) => {
|
|
52
|
-
prev[current] = _styles.CSS_PREFIX + current;
|
|
53
|
-
return prev;
|
|
54
|
-
}, {});
|
|
55
|
-
};
|
|
56
|
-
exports.getCssPrefix = getCssPrefix;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
const useClickOutside = callback => {
|
|
8
|
-
const ref = (0, _react.useRef)(null);
|
|
9
|
-
(0, _react.useEffect)(() => {
|
|
10
|
-
function handleClickOutside(event) {
|
|
11
|
-
if (ref.current && !ref.current.contains(event.target)) callback();
|
|
12
|
-
}
|
|
13
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
14
|
-
return () => {
|
|
15
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
16
|
-
};
|
|
17
|
-
}, [ref]);
|
|
18
|
-
return ref;
|
|
19
|
-
};
|
|
20
|
-
var _default = useClickOutside;
|
|
21
|
-
exports.default = _default;
|
|
22
|
-
module.exports = exports.default;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = exports.DateService = void 0;
|
|
5
|
-
class DateClass {
|
|
6
|
-
constructor(date) {
|
|
7
|
-
this.date = date;
|
|
8
|
-
}
|
|
9
|
-
format(form) {
|
|
10
|
-
let strDate = form;
|
|
11
|
-
if (strDate.includes('DD')) strDate = strDate.replace('dd', DateClass.getDisplayValue(this.date.getDate()));
|
|
12
|
-
if (strDate.includes('MM')) strDate = strDate.replace('MM', this.getStrMonth());
|
|
13
|
-
if (strDate.includes('YYYY')) strDate = strDate.replace('yyyy', String(this.date.getFullYear()));
|
|
14
|
-
if (strDate.includes('HH')) strDate = strDate.replace('HH', DateClass.getDisplayValue(this.date.getHours()));
|
|
15
|
-
if (strDate.includes('mm')) strDate = strDate.replace('mm', DateClass.getDisplayValue(this.date.getMinutes()));
|
|
16
|
-
return strDate;
|
|
17
|
-
}
|
|
18
|
-
static isValid(dateStr, format) {
|
|
19
|
-
return !!this.parseDate(dateStr, format);
|
|
20
|
-
}
|
|
21
|
-
static parseDate(dateStr, format) {
|
|
22
|
-
let match = dateStr.match(/(\d{2})[.-/](\d{2})[.-/](\d{4})/);
|
|
23
|
-
if (match && match[1] && match[2] && match[3]) {
|
|
24
|
-
if (new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime() === new Date(`${match[3]}-${match[2]}-${match[1]}`).getTime()) {
|
|
25
|
-
let result = new Date(`${match[3]}-${match[2]}-${match[1]}`);
|
|
26
|
-
result.setHours(1, 0, 0, 0);
|
|
27
|
-
return result;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return null;
|
|
31
|
-
}
|
|
32
|
-
static toDate(dateStr) {
|
|
33
|
-
return this.parseDate(dateStr);
|
|
34
|
-
}
|
|
35
|
-
static getDisplayValue(value) {
|
|
36
|
-
return value < 10 ? '0' + String(value) : String(value);
|
|
37
|
-
}
|
|
38
|
-
getStrMonth() {
|
|
39
|
-
let m = this.date.getMonth() + 1;
|
|
40
|
-
return DateClass.getDisplayValue(m);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
const DateService = date => {
|
|
44
|
-
return new DateClass(date);
|
|
45
|
-
};
|
|
46
|
-
exports.DateService = DateService;
|
|
47
|
-
var _default = DateClass;
|
|
48
|
-
exports.default = _default;
|
package/cjs/types/theme.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.default = exports.AdornmentContainer = void 0;
|
|
6
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _AdornmentModule = _interopRequireDefault(require("./Adornment.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
// import { getCssPrefix } from 'lib/helpers/helpers'
|
|
10
|
-
const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
|
|
11
|
-
|
|
12
|
-
// const css = getCssPrefix(AdornmentClasses)
|
|
13
|
-
|
|
14
|
-
const Adornment = props => {
|
|
15
|
-
let {
|
|
16
|
-
children,
|
|
17
|
-
position = 'end',
|
|
18
|
-
className,
|
|
19
|
-
...spanProps
|
|
20
|
-
} = props;
|
|
21
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
22
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
23
|
-
...spanProps,
|
|
24
|
-
className: (0, _clsx.default)(className, {
|
|
25
|
-
[_AdornmentModule.default['adornment_start']]: position === 'start',
|
|
26
|
-
[_AdornmentModule.default['adornment_end']]: position !== 'start'
|
|
27
|
-
}),
|
|
28
|
-
children: children
|
|
29
|
-
})
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
const AdornmentContainer = props => {
|
|
33
|
-
let {
|
|
34
|
-
position = 'start',
|
|
35
|
-
className,
|
|
36
|
-
children,
|
|
37
|
-
...inputProps
|
|
38
|
-
} = props;
|
|
39
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
40
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
41
|
-
...inputProps,
|
|
42
|
-
className: (0, _clsx.default)(_AdornmentModule.default.adornmentContainer, {
|
|
43
|
-
[_AdornmentModule.default['adornmentContainer_end']]: position !== 'start'
|
|
44
|
-
}, className),
|
|
45
|
-
children: children
|
|
46
|
-
})
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
exports.AdornmentContainer = AdornmentContainer;
|
|
50
|
-
var _default = Adornment;
|
|
51
|
-
exports.default = _default;
|
package/cjs/ui/Alert/Alert.js
DELETED
|
@@ -1,50 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
|
|
8
|
-
var _AlertModule = _interopRequireDefault(require("./Alert.module.scss"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
const AlertClasses = ['alert', 'alert__title', 'alert__close', 'alert__icon', 'alert_success', 'alert_warning', 'alert_info', 'alert_error'];
|
|
11
|
-
|
|
12
|
-
// const css = getCssPrefix(AlertClasses)
|
|
13
|
-
|
|
14
|
-
const Alert = props => {
|
|
15
|
-
let {
|
|
16
|
-
title,
|
|
17
|
-
children,
|
|
18
|
-
status = 'info',
|
|
19
|
-
onClose,
|
|
20
|
-
className,
|
|
21
|
-
...restProps
|
|
22
|
-
} = props;
|
|
23
|
-
let icon = 'info';
|
|
24
|
-
if (status === 'error') icon = 'bolt';else if (status === 'warning') icon = 'warning';else if (status === 'success') icon = 'task_alt';
|
|
25
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
27
|
-
...restProps,
|
|
28
|
-
className: (0, _clsx.default)(_AlertModule.default.alert, _AlertModule.default['alert_' + status], className),
|
|
29
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
30
|
-
className: (0, _clsx.default)(_AlertModule.default.alert__icon, 'material_icon'),
|
|
31
|
-
children: icon
|
|
32
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
33
|
-
className: _AlertModule.default.alert__title,
|
|
34
|
-
children: props.title
|
|
35
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
|
-
children: props.children
|
|
37
|
-
}), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
38
|
-
onClick: onClose,
|
|
39
|
-
size: 'small',
|
|
40
|
-
color: 'neutral',
|
|
41
|
-
variant: 'transparent',
|
|
42
|
-
className: (0, _clsx.default)(_AlertModule.default.alert__close, 'material_icon'),
|
|
43
|
-
children: "close"
|
|
44
|
-
})]
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
var _default = Alert;
|
|
49
|
-
exports.default = _default;
|
|
50
|
-
module.exports = exports.default;
|
package/cjs/ui/Avatar/Avatar.js
DELETED
|
@@ -1,54 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _AvatarModule = _interopRequireDefault(require("./Avatar.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const AvatarClasses = ['avatar', 'avatar__inner', 'avatar_small', 'avatar_medium', 'avatar__name', 'avatar__icon', 'avatar__status', 'avatar__img', 'avatar__status_success', 'avatar__status_error', 'avatar__status_warning'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(AvatarClasses)
|
|
12
|
-
|
|
13
|
-
const getLetters = name => {
|
|
14
|
-
let nameParts = name.split(' ');
|
|
15
|
-
return nameParts[0].split('')[0] + (nameParts[1] ? nameParts[1].split('')[0] : '');
|
|
16
|
-
};
|
|
17
|
-
const Avatar = props => {
|
|
18
|
-
let icon = props.icon;
|
|
19
|
-
if (!props.icon && !props.name && !props.photo) icon = 'person';
|
|
20
|
-
let content = props.photo ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
21
|
-
src: props.photo,
|
|
22
|
-
className: _AvatarModule.default.avatar__img,
|
|
23
|
-
alt: props.name,
|
|
24
|
-
title: props.name
|
|
25
|
-
}) : props.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
26
|
-
className: _AvatarModule.default.avatar__name,
|
|
27
|
-
children: getLetters(props.name)
|
|
28
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
29
|
-
className: (0, _clsx.default)(_AvatarModule.default.avatar__icon, 'material_icon_solid'),
|
|
30
|
-
children: icon
|
|
31
|
-
});
|
|
32
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
33
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
34
|
-
className: (0, _clsx.default)(_AvatarModule.default.avatar, _AvatarModule.default['avatar_' + props.size]),
|
|
35
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
|
-
className: _AvatarModule.default.avatar__inner,
|
|
37
|
-
children: props.href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
38
|
-
href: props.href,
|
|
39
|
-
...props.linkProps,
|
|
40
|
-
className: _AvatarModule.default.avatar__inner,
|
|
41
|
-
children: content
|
|
42
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
43
|
-
className: _AvatarModule.default.avatar__inner,
|
|
44
|
-
children: content
|
|
45
|
-
})
|
|
46
|
-
}), props.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
47
|
-
className: (0, _clsx.default)(_AvatarModule.default.avatar__status, _AvatarModule.default['avatar__status_' + props.status])
|
|
48
|
-
})]
|
|
49
|
-
})
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
var _default = Avatar;
|
|
53
|
-
exports.default = _default;
|
|
54
|
-
module.exports = exports.default;
|
|
@@ -1,38 +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 _react = require("react");
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _AvatarGroupModule = _interopRequireDefault(require("./AvatarGroup.module.scss"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
const AvatarGroupClasses = ['avatarGroup', 'avatarGroup_medium', 'avatarGroup__item', 'avatarGroup__remains', 'avatarGroup__remains_medium', 'avatarGroup__remains_small'];
|
|
11
|
-
|
|
12
|
-
// const css = getCssPrefix(AvatarGroupClasses)
|
|
13
|
-
|
|
14
|
-
const AvatarGroup = props => {
|
|
15
|
-
let arrChildren = _react.Children.toArray(props.children);
|
|
16
|
-
let visiblePart = arrChildren.slice(0, props.limit || 3);
|
|
17
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
18
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
19
|
-
className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup, _AvatarGroupModule.default['avatarGroup_' + props.size]),
|
|
20
|
-
children: [visiblePart.length < arrChildren.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
21
|
-
className: (0, _clsx.default)(_AvatarGroupModule.default.avatarGroup__item, _AvatarGroupModule.default.avatarGroup__remains, _AvatarGroupModule.default['avatarGroup__remains_' + props.size]),
|
|
22
|
-
children: ["+", arrChildren.length - visiblePart.length]
|
|
23
|
-
}), visiblePart.map((item, index) => {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
25
|
-
className: _AvatarGroupModule.default.avatarGroup__item,
|
|
26
|
-
children: /*#__PURE__*/(0, _react.isValidElement)(item) && /*#__PURE__*/(0, _react.cloneElement)(item, {
|
|
27
|
-
...item.props,
|
|
28
|
-
size: props.size,
|
|
29
|
-
key: index
|
|
30
|
-
})
|
|
31
|
-
}, index);
|
|
32
|
-
})]
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
var _default = AvatarGroup;
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
module.exports = exports.default;
|
package/cjs/ui/Badge/Badge.js
DELETED
|
@@ -1,38 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _BadgeModule = _interopRequireDefault(require("./Badge.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const BadgeClasses = ['badge', 'badge__item_primary', 'badge__item_secondary', 'badge__item_neutral', 'badge__item_error', 'badge__item_info', 'badge__item_warning', 'badge__item_success', 'badge__item_content', 'badge__item_content_circle', 'badge__item_content_square', 'badge__item_content_circle', 'badge__item_top-right', 'badge__item_top-left', 'badge__item_bottom-right', 'badge__item_bottom-left'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(BadgeClasses)
|
|
12
|
-
|
|
13
|
-
function Badge(props) {
|
|
14
|
-
let {
|
|
15
|
-
color,
|
|
16
|
-
shape,
|
|
17
|
-
position
|
|
18
|
-
} = props;
|
|
19
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
20
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
21
|
-
className: _BadgeModule.default.badge,
|
|
22
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
23
|
-
className: _BadgeModule.default.badge__content,
|
|
24
|
-
children: props.children
|
|
25
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
26
|
-
className: (0, _clsx.default)(_BadgeModule.default.badge__item, _BadgeModule.default['badge__item_' + color], _BadgeModule.default['badge__item_' + shape], _BadgeModule.default['badge__item_' + position], {
|
|
27
|
-
[_BadgeModule.default.badge__item_content]: !!props.badgeText && !shape,
|
|
28
|
-
[_BadgeModule.default.badge__item_content_circle]: !!props.badgeText && shape === 'circle',
|
|
29
|
-
[_BadgeModule.default.badge__item_content_square]: !!props.badgeText && shape === 'square'
|
|
30
|
-
}),
|
|
31
|
-
children: props.badgeText
|
|
32
|
-
})]
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
var _default = Badge;
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
module.exports = exports.default;
|
package/cjs/ui/Button/index.js
DELETED
|
@@ -1,47 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const ButtonClasses = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(ButtonClasses)
|
|
12
|
-
|
|
13
|
-
const Index = props => {
|
|
14
|
-
let {
|
|
15
|
-
size = 'extraLarge',
|
|
16
|
-
color = 'primary',
|
|
17
|
-
variant = 'contained',
|
|
18
|
-
endAdornment,
|
|
19
|
-
startAdornment,
|
|
20
|
-
children,
|
|
21
|
-
className,
|
|
22
|
-
group,
|
|
23
|
-
as,
|
|
24
|
-
...restProps
|
|
25
|
-
} = props;
|
|
26
|
-
let Component = as || 'button';
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
28
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
|
|
29
|
-
...restProps,
|
|
30
|
-
className: (0, _clsx.default)(_ButtonModule.default.button, _ButtonModule.default['button_' + size], _ButtonModule.default['button_' + variant], _ButtonModule.default['button_' + color], className, {
|
|
31
|
-
[_ButtonModule.default['button_grouped_' + group]]: group
|
|
32
|
-
}),
|
|
33
|
-
children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
|
-
className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_start),
|
|
35
|
-
children: startAdornment
|
|
36
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
37
|
-
children: children
|
|
38
|
-
}), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
|
-
className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_end),
|
|
40
|
-
children: endAdornment
|
|
41
|
-
})]
|
|
42
|
-
})
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
var _default = Index;
|
|
46
|
-
exports.default = _default;
|
|
47
|
-
module.exports = exports.default;
|
|
@@ -1,30 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _ButtonModule = _interopRequireDefault(require("../Button/Button.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const ButtonGroupClasses = ['button_group', 'button_group_inline', 'button_group_column'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(ButtonGroupClasses)
|
|
12
|
-
|
|
13
|
-
const ButtonGroup = props => {
|
|
14
|
-
let {
|
|
15
|
-
orientation = 'inline',
|
|
16
|
-
className,
|
|
17
|
-
children,
|
|
18
|
-
...restProps
|
|
19
|
-
} = props;
|
|
20
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
21
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22
|
-
...restProps,
|
|
23
|
-
className: (0, _clsx.default)(_ButtonModule.default.button_group, _ButtonModule.default['button_group_' + orientation], className),
|
|
24
|
-
children: children
|
|
25
|
-
})
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
var _default = ButtonGroup;
|
|
29
|
-
exports.default = _default;
|
|
30
|
-
module.exports = exports.default;
|
|
@@ -1,25 +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 _Button = _interopRequireDefault(require("../Button"));
|
|
7
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _ButtonModule = _interopRequireDefault(require("../Button/Button.module.scss"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
const ButtonIconClasses = ['button_icon'];
|
|
11
|
-
|
|
12
|
-
// const css = getCssPrefix(ButtonIconClasses)
|
|
13
|
-
|
|
14
|
-
const ButtonIcon = props => {
|
|
15
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
16
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
17
|
-
...props,
|
|
18
|
-
className: (0, _clsx.default)(_ButtonModule.default.button_icon, props.className),
|
|
19
|
-
children: props.children
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
var _default = ButtonIcon;
|
|
24
|
-
exports.default = _default;
|
|
25
|
-
module.exports = exports.default;
|
package/cjs/ui/Card/Card.js
DELETED
|
@@ -1,23 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _CardModule = _interopRequireDefault(require("./Card.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const CssClasses = ['card'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(CssClasses)
|
|
12
|
-
|
|
13
|
-
const Card = props => {
|
|
14
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
15
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
16
|
-
...props,
|
|
17
|
-
className: (0, _clsx.default)(_CardModule.default.card, props.className)
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var _default = Card;
|
|
22
|
-
exports.default = _default;
|
|
23
|
-
module.exports = exports.default;
|
package/cjs/ui/Chip/Chip.js
DELETED
|
@@ -1,45 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
-
var _ChipModule = _interopRequireDefault(require("./Chip.module.scss"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
const CssClasses = ['chip', 'chip__inner', 'chip__icon', 'chip__close', 'chip__close_primary', 'chip__close_secondary', 'chip_small', 'chip__icon_small', 'chip__close_small', 'chip_outlined', 'chip_secondary', 'chip_primary'];
|
|
10
|
-
|
|
11
|
-
// const css = getCssPrefix(CssClasses)
|
|
12
|
-
|
|
13
|
-
function Chip(props) {
|
|
14
|
-
let {
|
|
15
|
-
size,
|
|
16
|
-
text,
|
|
17
|
-
icon,
|
|
18
|
-
onClose,
|
|
19
|
-
as,
|
|
20
|
-
variant,
|
|
21
|
-
color,
|
|
22
|
-
children
|
|
23
|
-
} = props;
|
|
24
|
-
let Component = as || 'span';
|
|
25
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
27
|
-
className: (0, _clsx.default)(_ChipModule.default.chip, _ChipModule.default['chip_' + size], _ChipModule.default['chip_' + variant], _ChipModule.default['chip_' + color]),
|
|
28
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
29
|
-
className: _ChipModule.default.chip__inner,
|
|
30
|
-
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
31
|
-
className: (0, _clsx.default)('material_icon', _ChipModule.default.chip__icon, _ChipModule.default['chip__icon_' + size]),
|
|
32
|
-
children: icon
|
|
33
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
34
|
-
children: text || children
|
|
35
|
-
}), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
36
|
-
className: (0, _clsx.default)('material_icon_solid', _ChipModule.default['chip__close_' + size], _ChipModule.default['chip__close_' + color], _ChipModule.default.chip__close),
|
|
37
|
-
children: "cancel"
|
|
38
|
-
})]
|
|
39
|
-
})
|
|
40
|
-
})
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
var _default = Chip;
|
|
44
|
-
exports.default = _default;
|
|
45
|
-
module.exports = exports.default;
|
|
@@ -1,57 +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 _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.scss"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
const CssClasses = ['checkbox', 'checkbox__input', 'checkbox__label', 'checkbox__text', 'checkbox_disabled', 'checkbox_medium', 'checkbox_small', 'checkbox__label_intermediate', 'checkbox__label_checked', 'checkbox__label_disabled', 'checkbox_contained', 'checkbox_outlined', 'checkbox_primary', 'checkbox_secondary', 'checkbox_neutral', 'checkbox_success', 'checkbox_error', 'checkbox_warning', 'radio'];
|
|
12
|
-
|
|
13
|
-
// const css = getCssPrefix(CssClasses)
|
|
14
|
-
|
|
15
|
-
const Checkbox = props => {
|
|
16
|
-
let {
|
|
17
|
-
label,
|
|
18
|
-
intermediate,
|
|
19
|
-
color = 'primary',
|
|
20
|
-
size = 'large',
|
|
21
|
-
variant = 'outlined',
|
|
22
|
-
onChange,
|
|
23
|
-
className,
|
|
24
|
-
...inputProps
|
|
25
|
-
} = props;
|
|
26
|
-
let [checked, setChecked] = (0, _react.useState)(!!props.defaultChecked);
|
|
27
|
-
const handleClick = e => {
|
|
28
|
-
if (!inputProps.disabled) {
|
|
29
|
-
if (inputProps.checked === undefined) setChecked(prev => !prev);
|
|
30
|
-
if (onChange) onChange(e);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
34
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
35
|
-
className: (0, _clsx.default)(_CheckboxModule.default.checkbox, className),
|
|
36
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
37
|
-
className: _CheckboxModule.default.checkbox__input,
|
|
38
|
-
...inputProps,
|
|
39
|
-
type: props.type || 'checkbox'
|
|
40
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
41
|
-
onClick: handleClick,
|
|
42
|
-
className: (0, _clsx.default)(_CheckboxModule.default.checkbox__label, _CheckboxModule.default['checkbox_' + size], _CheckboxModule.default['checkbox_' + variant], _CheckboxModule.default['checkbox_' + color], {
|
|
43
|
-
[_CheckboxModule.default.checkbox__label_checked]: inputProps.checked !== undefined ? inputProps.checked : checked,
|
|
44
|
-
[_CheckboxModule.default.checkbox__label_intermediate]: !!intermediate,
|
|
45
|
-
[_CheckboxModule.default.checkbox__label_disabled]: !!inputProps.disabled
|
|
46
|
-
}),
|
|
47
|
-
children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
48
|
-
className: _CheckboxModule.default.checkbox__text,
|
|
49
|
-
children: label
|
|
50
|
-
})
|
|
51
|
-
})]
|
|
52
|
-
})
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
var _default = Checkbox;
|
|
56
|
-
exports.default = _default;
|
|
57
|
-
module.exports = exports.default;
|