@mirai/ui 1.0.65 → 1.0.66
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/build/components/Button/Button.js +17 -29
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/Button.stories.js +4 -11
- package/build/components/Button/Button.stories.js.map +1 -1
- package/build/components/Button/index.js +0 -2
- package/build/components/Button/index.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +22 -41
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +36 -58
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +0 -10
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.constants.js.map +1 -1
- package/build/components/Calendar/Calendar.js +45 -90
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.stories.js +4 -21
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js +0 -3
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +0 -4
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js +0 -2
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getHeader.js +0 -3
- package/build/components/Calendar/helpers/getHeader.js.map +1 -1
- package/build/components/Calendar/helpers/getScrollTo.js +6 -19
- package/build/components/Calendar/helpers/getScrollTo.js.map +1 -1
- package/build/components/Calendar/helpers/getToday.js +0 -3
- package/build/components/Calendar/helpers/getToday.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekDays.js +0 -5
- package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekNumber.js +0 -3
- package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -1
- package/build/components/Calendar/helpers/index.js +0 -16
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Calendar/index.js +0 -2
- package/build/components/Calendar/index.js.map +1 -1
- package/build/components/Form/Form.constants.js.map +1 -1
- package/build/components/Form/Form.js +39 -76
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/Form.stories.js +8 -16
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +10 -21
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +11 -25
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/Form/helpers/getField.js +2 -5
- package/build/components/Form/helpers/getField.js.map +1 -1
- package/build/components/Form/helpers/groupState.js +6 -9
- package/build/components/Form/helpers/groupState.js.map +1 -1
- package/build/components/Form/helpers/index.js +0 -8
- package/build/components/Form/helpers/index.js.map +1 -1
- package/build/components/Form/index.js +0 -2
- package/build/components/Form/index.js.map +1 -1
- package/build/components/InputDate/InputDate.js +35 -66
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +6 -20
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/index.js +0 -2
- package/build/components/InputDate/index.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +16 -30
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/InputNumber.stories.js +4 -13
- package/build/components/InputNumber/InputNumber.stories.js.map +1 -1
- package/build/components/InputNumber/index.js +0 -2
- package/build/components/InputNumber/index.js.map +1 -1
- package/build/components/InputOption/InputOption.constants.js.map +1 -1
- package/build/components/InputOption/InputOption.js +14 -30
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.stories.js +4 -14
- package/build/components/InputOption/InputOption.stories.js.map +1 -1
- package/build/components/InputOption/index.js +0 -4
- package/build/components/InputOption/index.js.map +1 -1
- package/build/components/InputSelect/InputSelect.js +20 -48
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/InputSelect.stories.js +4 -17
- package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +8 -8
- package/build/components/InputSelect/index.js +0 -2
- package/build/components/InputSelect/index.js.map +1 -1
- package/build/components/InputText/InputText.js +24 -52
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.module.css +4 -1
- package/build/components/InputText/InputText.stories.js +4 -25
- package/build/components/InputText/InputText.stories.js.map +1 -1
- package/build/components/InputText/index.js +0 -2
- package/build/components/InputText/index.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +8 -21
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +11 -29
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.stories.js +4 -13
- package/build/components/Menu/Menu.stories.js.map +1 -1
- package/build/components/Menu/index.js +0 -2
- package/build/components/Menu/index.js.map +1 -1
- package/build/components/Modal/Modal.js +13 -29
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.stories.js +4 -11
- package/build/components/Modal/Modal.stories.js.map +1 -1
- package/build/components/Modal/index.js +0 -2
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/Notification/Notification.js +9 -22
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/Notification.stories.js +4 -11
- package/build/components/Notification/Notification.stories.js.map +1 -1
- package/build/components/Notification/index.js +0 -2
- package/build/components/Notification/index.js.map +1 -1
- package/build/components/Table/Table.Row.js +13 -26
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +17 -43
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +4 -12
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/helpers/index.js +0 -2
- package/build/components/Table/helpers/index.js.map +1 -1
- package/build/components/Table/helpers/select.js +3 -7
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Table/index.js +0 -2
- package/build/components/Table/index.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +11 -35
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.stories.js +4 -11
- package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/build/components/Tooltip/index.js +0 -2
- package/build/components/Tooltip/index.js.map +1 -1
- package/build/components/index.js +0 -26
- package/build/components/index.js.map +1 -1
- package/build/helpers/getIconState.js +3 -7
- package/build/helpers/getIconState.js.map +1 -1
- package/build/helpers/getInputDateErrors.js +9 -13
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputErrors.js +21 -30
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/index.js +11 -10
- package/build/helpers/index.js.map +1 -1
- package/build/helpers/isJest.js +0 -3
- package/build/helpers/isJest.js.map +1 -1
- package/build/helpers/isValidDate.js +8 -28
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/helpers/isValidEmail.js +0 -1
- package/build/helpers/isValidEmail.js.map +1 -1
- package/build/helpers/isValidPhone.js +3 -9
- package/build/helpers/isValidPhone.js.map +1 -1
- package/build/helpers/splitDate.js +16 -0
- package/build/helpers/splitDate.js.map +1 -0
- package/build/helpers/styles.js +0 -3
- package/build/helpers/styles.js.map +1 -1
- package/build/hooks/helpers/getNavigator.js +2 -5
- package/build/hooks/helpers/getNavigator.js.map +1 -1
- package/build/hooks/helpers/getResolution.js +4 -7
- package/build/hooks/helpers/getResolution.js.map +1 -1
- package/build/hooks/helpers/index.js +0 -4
- package/build/hooks/helpers/index.js.map +1 -1
- package/build/hooks/index.js +0 -2
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/useDevice.js +8 -20
- package/build/hooks/useDevice.js.map +1 -1
- package/build/hooks/useDevice.stories.js +3 -19
- package/build/hooks/useDevice.stories.js.map +1 -1
- package/build/index.js +0 -10
- package/build/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +8 -20
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.stories.js +4 -11
- package/build/primitives/Checkbox/Checkbox.stories.js.map +1 -1
- package/build/primitives/Checkbox/index.js +0 -2
- package/build/primitives/Checkbox/index.js.map +1 -1
- package/build/primitives/Icon/Icon.constants.js +0 -2
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js +11 -22
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.stories.js +7 -24
- package/build/primitives/Icon/Icon.stories.js.map +1 -1
- package/build/primitives/Icon/index.js +0 -3
- package/build/primitives/Icon/index.js.map +1 -1
- package/build/primitives/Input/Input.js +15 -28
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.stories.js +4 -11
- package/build/primitives/Input/Input.stories.js.map +1 -1
- package/build/primitives/Input/helpers/index.js +0 -2
- package/build/primitives/Input/helpers/index.js.map +1 -1
- package/build/primitives/Input/helpers/parseValue.js +2 -5
- package/build/primitives/Input/helpers/parseValue.js.map +1 -1
- package/build/primitives/Input/index.js +0 -2
- package/build/primitives/Input/index.js.map +1 -1
- package/build/primitives/Layer/Layer.js +25 -55
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/Layer.stories.js +4 -13
- package/build/primitives/Layer/Layer.stories.js.map +1 -1
- package/build/primitives/Layer/LayerContent.js +0 -4
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Layer/helpers/getElementLayout.js +3 -5
- package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js +18 -24
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/build/primitives/Layer/helpers/index.js +0 -4
- package/build/primitives/Layer/helpers/index.js.map +1 -1
- package/build/primitives/Layer/index.js +0 -4
- package/build/primitives/Layer/index.js.map +1 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +14 -26
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.module.css +1 -0
- package/build/primitives/Pressable/Pressable.stories.js +4 -11
- package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
- package/build/primitives/Pressable/index.js +0 -2
- package/build/primitives/Pressable/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +7 -19
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/Radio.stories.js +4 -11
- package/build/primitives/Radio/Radio.stories.js.map +1 -1
- package/build/primitives/Radio/index.js +0 -2
- package/build/primitives/Radio/index.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +27 -45
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +6 -16
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/ScrollView/index.js +0 -2
- package/build/primitives/ScrollView/index.js.map +1 -1
- package/build/primitives/Select/Select.js +14 -31
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/Select.module.css +1 -0
- package/build/primitives/Select/Select.stories.js +4 -19
- package/build/primitives/Select/Select.stories.js.map +1 -1
- package/build/primitives/Select/index.js +0 -2
- package/build/primitives/Select/index.js.map +1 -1
- package/build/primitives/Switch/Switch.js +5 -18
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/Switch.stories.js +4 -11
- package/build/primitives/Switch/Switch.stories.js.map +1 -1
- package/build/primitives/Switch/index.js +0 -2
- package/build/primitives/Switch/index.js.map +1 -1
- package/build/primitives/Text/Text.js +14 -25
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +4 -11
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/Text/index.js +0 -2
- package/build/primitives/Text/index.js.map +1 -1
- package/build/primitives/View/View.js +9 -20
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/View.stories.js +4 -11
- package/build/primitives/View/View.stories.js.map +1 -1
- package/build/primitives/View/index.js +0 -2
- package/build/primitives/View/index.js.map +1 -1
- package/build/primitives/index.js +0 -22
- package/build/primitives/index.js.map +1 -1
- package/build/theme/helpers/camelcase.js +0 -2
- package/build/theme/helpers/camelcase.js.map +1 -1
- package/build/theme/helpers/colorShade.js +0 -4
- package/build/theme/helpers/colorShade.js.map +1 -1
- package/build/theme/helpers/index.js +0 -4
- package/build/theme/helpers/index.js.map +1 -1
- package/build/theme/index.js +0 -2
- package/build/theme/index.js.map +1 -1
- package/build/theme/theme.js +1 -14
- package/build/theme/theme.js.map +1 -1
- package/package.json +14 -16
|
@@ -4,47 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.InputNumber = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _helpers = require("../../helpers");
|
|
13
|
-
|
|
14
10
|
var _primitives = require("../../primitives");
|
|
15
|
-
|
|
16
11
|
var _Button = require("../Button");
|
|
17
|
-
|
|
18
12
|
var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.css"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["disabled", "hint", "label", "max", "min", "name", "rounded", "step", "value", "onChange"];
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
26
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
-
|
|
28
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
|
|
30
18
|
var InputNumber = function InputNumber(_ref) {
|
|
31
19
|
var disabled = _ref.disabled,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
20
|
+
hint = _ref.hint,
|
|
21
|
+
label = _ref.label,
|
|
22
|
+
max = _ref.max,
|
|
23
|
+
_ref$min = _ref.min,
|
|
24
|
+
min = _ref$min === void 0 ? 0 : _ref$min,
|
|
25
|
+
name = _ref.name,
|
|
26
|
+
_ref$rounded = _ref.rounded,
|
|
27
|
+
rounded = _ref$rounded === void 0 ? true : _ref$rounded,
|
|
28
|
+
_ref$step = _ref.step,
|
|
29
|
+
step = _ref$step === void 0 ? 1 : _ref$step,
|
|
30
|
+
_ref$value = _ref.value,
|
|
31
|
+
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
32
|
+
_ref$onChange = _ref.onChange,
|
|
33
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
34
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
48
35
|
return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
49
36
|
row: true,
|
|
50
37
|
className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
|
|
@@ -84,7 +71,6 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
84
71
|
value: _primitives.ICON.ADD
|
|
85
72
|
})));
|
|
86
73
|
};
|
|
87
|
-
|
|
88
74
|
exports.InputNumber = InputNumber;
|
|
89
75
|
InputNumber.propTypes = {
|
|
90
76
|
disabled: _propTypes.default.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","rounded","step","value","onChange","others","style","inputNumber","className","texts","ICON","REMOVE","ADD","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n rounded = true,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && (\n <Text headline level={4} className={disabled && style.disabled}>\n {label}\n </Text>\n )}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n preventDefault\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text headline className={style.value}>\n {typeof value === 'number' ? value : min}\n </Text>\n <Button\n disabled={disabled || value >= max}\n preventDefault\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n rounded: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","rounded","step","value","onChange","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n rounded = true,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && (\n <Text headline level={4} className={disabled && style.disabled}>\n {label}\n </Text>\n )}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n preventDefault\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text headline className={style.value}>\n {typeof value === 'number' ? value : min}\n </Text>\n <Button\n disabled={disabled || value >= max}\n preventDefault\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n rounded: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,WAAW,GAAG,SAAdA,WAAW;EAAA,IACtBC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IAAA,gBACHC,GAAG;IAAHA,GAAG,yBAAG,CAAC;IACPC,IAAI,QAAJA,IAAI;IAAA,oBACJC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAAA,oBAET,6BAAC,gBAAI,eAAKA,MAAM;IAAE,GAAG;IAAC,SAAS,EAAE,IAAAC,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEH,MAAM,CAACI,SAAS;EAAE,iBAC3E,6BAAC,gBAAI;IAAC,SAAS,EAAEF,0BAAK,CAACG;EAAM,GAC1Bb,KAAK,iBACJ,6BAAC,gBAAI;IAAC,QAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,SAAS,EAAEF,QAAQ,IAAIY,0BAAK,CAACZ;EAAS,GAC5DE,KAAK,CAET,EACAD,IAAI,iBACH,6BAAC,gBAAI;IAAC,KAAK;IAAC,SAAS,EAAE,IAAAU,eAAM,EAACC,0BAAK,CAACX,IAAI,EAAED,QAAQ,IAAIY,0BAAK,CAACZ,QAAQ;EAAE,GACnEC,IAAI,CAER,CACI,eACP,6BAAC,cAAM;IACL,QAAQ,EAAED,QAAQ,IAAIQ,KAAK,IAAIJ,GAAI;IACnC,cAAc;IACd,OAAO,EAAEE,OAAQ;IACjB,SAAS;IACT,OAAO;IACP,OAAO,EAAE;MAAA,OAAMG,QAAQ,CAACD,KAAK,GAAGD,IAAI,EAAEF,IAAI,CAAC;IAAA;EAAC,gBAE5C,6BAAC,gBAAI;IAAC,KAAK,EAAEW,gBAAI,CAACC;EAAO,EAAG,CACrB,eACT,6BAAC,gBAAI;IAAC,QAAQ;IAAC,SAAS,EAAEL,0BAAK,CAACJ;EAAM,GACnC,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGJ,GAAG,CACnC,eACP,6BAAC,cAAM;IACL,QAAQ,EAAEJ,QAAQ,IAAIQ,KAAK,IAAIL,GAAI;IACnC,cAAc;IACd,OAAO,EAAEG,OAAQ;IACjB,SAAS;IACT,OAAO;IACP,OAAO,EAAE;MAAA,OAAMG,QAAQ,CAACD,KAAK,GAAGD,IAAI,EAAEF,IAAI,CAAC;IAAA;EAAC,gBAE5C,6BAAC,gBAAI;IAAC,KAAK,EAAEW,gBAAI,CAACE;EAAI,EAAG,CAClB,CACJ;AAAA,CACR;AAAC;AAEFnB,WAAW,CAACoB,SAAS,GAAG;EACtBnB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,IAAI,EAAEmB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,KAAK,CAAC,CAAC;EAC9DtB,KAAK,EAAEkB,kBAAS,CAACG,MAAM;EACvBpB,GAAG,EAAEiB,kBAAS,CAACK,MAAM;EACrBrB,GAAG,EAAEgB,kBAAS,CAACK,MAAM;EACrBpB,IAAI,EAAEe,kBAAS,CAACG,MAAM,CAACG,UAAU;EACjCpB,OAAO,EAAEc,kBAAS,CAACC,IAAI;EACvBd,IAAI,EAAEa,kBAAS,CAACK,MAAM;EACtBjB,KAAK,EAAEY,kBAAS,CAACK,MAAM;EACvBhB,QAAQ,EAAEW,kBAAS,CAACO;AACtB,CAAC"}
|
|
@@ -1,31 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.default = exports.Story = void 0;
|
|
9
|
-
|
|
10
7
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _InputNumber = require("./InputNumber");
|
|
13
|
-
|
|
14
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
10
|
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; }
|
|
17
|
-
|
|
18
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
-
|
|
11
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
20
15
|
var _default = {
|
|
21
16
|
title: 'Components'
|
|
22
17
|
};
|
|
23
18
|
exports.default = _default;
|
|
24
|
-
|
|
25
19
|
var Story = function Story(props) {
|
|
26
20
|
return /*#__PURE__*/React.createElement(_InputNumber.InputNumber, props);
|
|
27
21
|
};
|
|
28
|
-
|
|
29
22
|
exports.Story = Story;
|
|
30
23
|
Story.storyName = 'InputNumber';
|
|
31
24
|
Story.args = _defineProperty({
|
|
@@ -40,11 +33,9 @@ Story.args = _defineProperty({
|
|
|
40
33
|
value: 1,
|
|
41
34
|
onChange: function onChange() {
|
|
42
35
|
var _console;
|
|
43
|
-
|
|
44
36
|
for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
45
37
|
props[_key] = arguments[_key];
|
|
46
38
|
}
|
|
47
|
-
|
|
48
39
|
return (_console = console).log.apply(_console, ['<InputNumber>::onChange'].concat(props));
|
|
49
40
|
}
|
|
50
41
|
}, 'data-testid', 'test-story');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n disabled: false,\n hint: 'hint',\n label: 'label',\n max: 8,\n min: 1,\n name: 'name',\n rounded: false,\n step: 1,\n value: 1,\n onChange: (...props) => console.log('<InputNumber>::onChange', ...props),\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n disabled: false,\n hint: 'hint',\n label: 'label',\n max: 8,\n min: 1,\n name: 'name',\n rounded: false,\n step: 1,\n value: 1,\n onChange: (...props) => console.log('<InputNumber>::onChange', ...props),\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE7B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,wBAAW,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE3DD,KAAK,CAACE,SAAS,GAAG,aAAa;AAE/BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,QAAQ,EAAE;IAAA;IAAA,kCAAIZ,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAa,OAAO,EAACC,GAAG,kBAAC,yBAAyB,SAAKd,KAAK,EAAC;EAAA;AAAA,GACvE,aAAa,EAAG,YAAY,CAC9B;AAEDD,KAAK,CAACgB,QAAQ,GAAG,CAAC,CAAC"}
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _InputNumber = require("./InputNumber");
|
|
8
|
-
|
|
9
7
|
Object.keys(_InputNumber).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _InputNumber[key]) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputNumber/index.js"],"sourcesContent":["export * from './InputNumber';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputNumber/index.js"],"sourcesContent":["export * from './InputNumber';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.constants.js","names":["CHECKBOX","RADIO","SWITCH"],"sources":["../../../src/components/InputOption/InputOption.constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"InputOption.constants.js","names":["CHECKBOX","RADIO","SWITCH"],"sources":["../../../src/components/InputOption/InputOption.constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst RADIO = 'radio';\nconst SWITCH = 'switch';\n\nexport { CHECKBOX, RADIO, SWITCH };\n"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAU;AAAC;AAC5B,IAAMC,KAAK,GAAG,OAAO;AAAC;AACtB,IAAMC,MAAM,GAAG,QAAQ;AAAC"}
|
|
@@ -4,50 +4,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.InputOption = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _helpers = require("../../helpers");
|
|
13
|
-
|
|
14
10
|
var _primitives = require("../../primitives");
|
|
15
|
-
|
|
16
11
|
var _InputOption = require("./InputOption.constants");
|
|
17
|
-
|
|
18
12
|
var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.css"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["checked", "disabled", "indeterminate", "label", "name", "reverse", "type", "value", "onChange"];
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
26
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
-
|
|
28
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
|
|
30
18
|
var InputOption = function InputOption(_ref) {
|
|
31
19
|
var checked = _ref.checked,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
20
|
+
disabled = _ref.disabled,
|
|
21
|
+
indeterminate = _ref.indeterminate,
|
|
22
|
+
label = _ref.label,
|
|
23
|
+
name = _ref.name,
|
|
24
|
+
reverse = _ref.reverse,
|
|
25
|
+
_ref$type = _ref.type,
|
|
26
|
+
type = _ref$type === void 0 ? _InputOption.CHECKBOX : _ref$type,
|
|
27
|
+
_ref$value = _ref.value,
|
|
28
|
+
value = _ref$value === void 0 ? '' : _ref$value,
|
|
29
|
+
_ref$onChange = _ref.onChange,
|
|
30
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
31
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
45
32
|
var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
|
|
46
|
-
|
|
47
33
|
var handleChange = function handleChange(event) {
|
|
48
34
|
onChange([_InputOption.CHECKBOX, _InputOption.SWITCH].includes(type) ? !checked : value, event);
|
|
49
35
|
};
|
|
50
|
-
|
|
51
36
|
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
|
|
52
37
|
type: "button",
|
|
53
38
|
className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
|
|
@@ -66,7 +51,6 @@ var InputOption = function InputOption(_ref) {
|
|
|
66
51
|
className: (0, _helpers.styles)(_InputOptionModule.default.label, disabled && _InputOptionModule.default.disabled)
|
|
67
52
|
}, label));
|
|
68
53
|
};
|
|
69
|
-
|
|
70
54
|
exports.InputOption = InputOption;
|
|
71
55
|
InputOption.displayName = 'Component:InputOption';
|
|
72
56
|
InputOption.propTypes = {
|
|
@@ -77,7 +61,7 @@ InputOption.propTypes = {
|
|
|
77
61
|
name: _propTypes.default.string.isRequired,
|
|
78
62
|
reverse: _propTypes.default.bool,
|
|
79
63
|
type: _propTypes.default.oneOf([_InputOption.CHECKBOX, _InputOption.RADIO, _InputOption.SWITCH]),
|
|
80
|
-
value: _propTypes.default.string,
|
|
64
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
|
|
81
65
|
onChange: _propTypes.default.func
|
|
82
66
|
};
|
|
83
67
|
//# sourceMappingURL=InputOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n indeterminate,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n type=\"button\"\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive\n checked={checked || (type === CHECKBOX && indeterminate)}\n disabled={disabled}\n name={name}\n type={type}\n value={value}\n >\n {type === CHECKBOX && (checked || indeterminate) ? (\n <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n ) : undefined}\n </Primitive>\n {label && (\n <Text action className={styles(style.label, disabled && style.disabled)}>\n {label}\n </Text>\n )}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n indeterminate: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","indeterminate","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","styles","style","inputOption","className","ICON","CHECK","REMOVE","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n indeterminate,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n type=\"button\"\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive\n checked={checked || (type === CHECKBOX && indeterminate)}\n disabled={disabled}\n name={name}\n type={type}\n value={value}\n >\n {type === CHECKBOX && (checked || indeterminate) ? (\n <Icon value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n ) : undefined}\n </Primitive>\n {label && (\n <Text action className={styles(style.label, disabled && style.disabled)}>\n {label}\n </Text>\n )}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n indeterminate: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAWX;EAAA,IAVJC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IAAA,iBACPC,IAAI;IAAJA,IAAI,0BAAGC,qBAAQ;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBACVC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAET,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAQ,GAAGK,oBAAQ,GAAGN,IAAI,KAAKO,kBAAK,GAAGC,iBAAK,GAAGC,kBAAM;EAEhF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BR,QAAQ,CAAC,CAACF,qBAAQ,EAAEW,mBAAM,CAAC,CAACC,QAAQ,CAACb,IAAI,CAAC,GAAG,CAACN,OAAO,GAAGQ,KAAK,EAAES,KAAK,CAAC;EACvE,CAAC;EAED,oBACE,6BAAC,qBAAS,eACJP,MAAM;IACV,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,IAAAU,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEjB,OAAO,IAAIgB,0BAAK,CAAChB,OAAO,EAAEK,MAAM,CAACa,SAAS,CAAE;IACjF,OAAO,EAAEP;EAAa,iBAEtB,6BAAC,SAAS;IACR,OAAO,EAAEhB,OAAO,IAAKM,IAAI,KAAKC,qBAAQ,IAAIL,aAAe;IACzD,QAAQ,EAAED,QAAS;IACnB,IAAI,EAAEG,IAAK;IACX,IAAI,EAAEE,IAAK;IACX,KAAK,EAAEE;EAAM,GAEZF,IAAI,KAAKC,qBAAQ,KAAKP,OAAO,IAAIE,aAAa,CAAC,gBAC9C,6BAAC,gBAAI;IAAC,KAAK,EAAEF,OAAO,GAAGwB,gBAAI,CAACC,KAAK,GAAGD,gBAAI,CAACE,MAAO;IAAC,SAAS,EAAEL,0BAAK,CAACM;EAAK,EAAG,GACxEC,SAAS,CACH,EACXzB,KAAK,iBACJ,6BAAC,gBAAI;IAAC,MAAM;IAAC,SAAS,EAAE,IAAAiB,eAAM,EAACC,0BAAK,CAAClB,KAAK,EAAEF,QAAQ,IAAIoB,0BAAK,CAACpB,QAAQ;EAAE,GACrEE,KAAK,CAET,CACS;AAEhB,CAAC;AAAC;AAEFJ,WAAW,CAAC8B,WAAW,GAAG,uBAAuB;AAEjD9B,WAAW,CAAC+B,SAAS,GAAG;EACtB9B,OAAO,EAAE+B,kBAAS,CAACC,IAAI;EACvB/B,QAAQ,EAAE8B,kBAAS,CAACC,IAAI;EACxB9B,aAAa,EAAE6B,kBAAS,CAACC,IAAI;EAC7B7B,KAAK,EAAE4B,kBAAS,CAACE,MAAM;EACvB7B,IAAI,EAAE2B,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjC7B,OAAO,EAAE0B,kBAAS,CAACC,IAAI;EACvB1B,IAAI,EAAEyB,kBAAS,CAACI,KAAK,CAAC,CAAC5B,qBAAQ,EAAEM,kBAAK,EAAEK,mBAAM,CAAC,CAAC;EAChDV,KAAK,EAAEuB,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DvB,QAAQ,EAAEsB,kBAAS,CAACM;AACtB,CAAC"}
|
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.default = exports.Story = void 0;
|
|
9
|
-
|
|
10
7
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _InputOption = require("./InputOption");
|
|
13
|
-
|
|
14
9
|
var _InputOption2 = require("./InputOption.constants");
|
|
15
|
-
|
|
16
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
11
|
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; }
|
|
19
|
-
|
|
20
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
|
|
12
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
13
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
16
|
var _default = {
|
|
23
17
|
title: 'Components'
|
|
24
18
|
};
|
|
25
19
|
exports.default = _default;
|
|
26
|
-
|
|
27
20
|
var Story = function Story(props) {
|
|
28
21
|
return /*#__PURE__*/React.createElement(_InputOption.InputOption, props);
|
|
29
22
|
};
|
|
30
|
-
|
|
31
23
|
exports.Story = Story;
|
|
32
24
|
Story.storyName = 'InputOption';
|
|
33
25
|
Story.args = _defineProperty({
|
|
@@ -41,11 +33,9 @@ Story.args = _defineProperty({
|
|
|
41
33
|
value: 'value',
|
|
42
34
|
onChange: function onChange() {
|
|
43
35
|
var _console;
|
|
44
|
-
|
|
45
36
|
for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
37
|
props[_key] = arguments[_key];
|
|
47
38
|
}
|
|
48
|
-
|
|
49
39
|
return (_console = console).log.apply(_console, ['<InputOption>::onChange'].concat(props));
|
|
50
40
|
}
|
|
51
41
|
}, 'data-testid', 'test-story');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","indeterminate","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n checked: true,\n disabled: false,\n indeterminate: false,\n label: 'label',\n name: 'name',\n reverse: false,\n type: 'checkbox',\n value: 'value',\n onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n type: {\n options: [CHECKBOX, RADIO, SWITCH],\n control: { type: 'select' },\n defaultValue: CHECKBOX,\n },\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","indeterminate","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n checked: true,\n disabled: false,\n indeterminate: false,\n label: 'label',\n name: 'name',\n reverse: false,\n type: 'checkbox',\n value: 'value',\n onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n type: {\n options: [CHECKBOX, RADIO, SWITCH],\n control: { type: 'select' },\n defaultValue: CHECKBOX,\n },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAkE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEnD;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,wBAAW,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE3DD,KAAK,CAACE,SAAS,GAAG,aAAa;AAE/BF,KAAK,CAACG,IAAI;EACRC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE;IAAA;IAAA,kCAAIX,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAY,OAAO,EAACC,GAAG,kBAAC,yBAAyB,SAAKb,KAAK,EAAC;EAAA;AAAA,GACvE,aAAa,EAAG,YAAY,CAC9B;AAEDD,KAAK,CAACe,QAAQ,GAAG;EACfL,IAAI,EAAE;IACJM,OAAO,EAAE,CAACC,sBAAQ,EAAEC,mBAAK,EAAEC,oBAAM,CAAC;IAClCC,OAAO,EAAE;MAAEV,IAAI,EAAE;IAAS,CAAC;IAC3BW,YAAY,EAAEJ;EAChB;AACF,CAAC"}
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _InputOption = require("./InputOption");
|
|
8
|
-
|
|
9
7
|
Object.keys(_InputOption).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _InputOption[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_InputOption).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _InputOption2 = require("./InputOption.constants");
|
|
21
|
-
|
|
22
18
|
Object.keys(_InputOption2).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _InputOption2[key]) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1,89 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.InputSelect = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _helpers = require("../../helpers");
|
|
15
|
-
|
|
16
11
|
var _primitives = require("../../primitives");
|
|
17
|
-
|
|
18
12
|
var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.module.css"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["disabled", "error", "hint", "label", "showState", "success", "warning", "onChange", "onEnter", "onLeave"];
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
|
-
|
|
17
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
30
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
-
|
|
32
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
-
|
|
34
20
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
-
|
|
36
21
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
-
|
|
38
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
-
|
|
22
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
40
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
-
|
|
42
24
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
43
|
-
|
|
44
25
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
45
|
-
|
|
46
26
|
var InputSelect = function InputSelect(_ref) {
|
|
47
27
|
var _others$value;
|
|
48
|
-
|
|
49
28
|
var disabled = _ref.disabled,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
29
|
+
error = _ref.error,
|
|
30
|
+
hint = _ref.hint,
|
|
31
|
+
label = _ref.label,
|
|
32
|
+
_ref$showState = _ref.showState,
|
|
33
|
+
showState = _ref$showState === void 0 ? true : _ref$showState,
|
|
34
|
+
success = _ref.success,
|
|
35
|
+
warning = _ref.warning,
|
|
36
|
+
_ref$onChange = _ref.onChange,
|
|
37
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
38
|
+
_ref$onEnter = _ref.onEnter,
|
|
39
|
+
onEnter = _ref$onEnter === void 0 ? function () {} : _ref$onEnter,
|
|
40
|
+
_ref$onLeave = _ref.onLeave,
|
|
41
|
+
onLeave = _ref$onLeave === void 0 ? function () {} : _ref$onLeave,
|
|
42
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
65
43
|
var _useState = (0, _react.useState)(false),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
focus = _useState2[0],
|
|
46
|
+
setFocus = _useState2[1];
|
|
70
47
|
var handleChange = function handleChange(value, event) {
|
|
71
48
|
var _event$target;
|
|
72
|
-
|
|
73
49
|
onChange(value, event);
|
|
74
50
|
(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.blur();
|
|
75
51
|
};
|
|
76
|
-
|
|
77
52
|
var handleEnter = function handleEnter(event) {
|
|
78
53
|
setFocus(true);
|
|
79
54
|
onEnter(event);
|
|
80
55
|
};
|
|
81
|
-
|
|
82
56
|
var handleLeave = function handleLeave(event) {
|
|
83
57
|
setFocus(false);
|
|
84
58
|
onLeave(event);
|
|
85
59
|
};
|
|
86
|
-
|
|
87
60
|
var has = {
|
|
88
61
|
value: others.value !== undefined && ((_others$value = others.value) === null || _others$value === void 0 ? void 0 : _others$value.length) > 0,
|
|
89
62
|
stateIcon: showState && (error || success || warning)
|
|
@@ -106,7 +79,7 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
106
79
|
onLeave: handleLeave
|
|
107
80
|
})), (!disabled || has.stateIcon) && /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
108
81
|
row: true,
|
|
109
|
-
className: _InputTextModule.default.icons
|
|
82
|
+
className: (0, _helpers.styles)(_InputTextModule.default.icons, _InputTextModule.default.select)
|
|
110
83
|
}, !disabled && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
111
84
|
value: _primitives.ICON.EXPAND_MORE,
|
|
112
85
|
className: _InputTextModule.default.icon
|
|
@@ -122,7 +95,6 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
122
95
|
className: (0, _helpers.styles)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error)
|
|
123
96
|
}, hint));
|
|
124
97
|
};
|
|
125
|
-
|
|
126
98
|
exports.InputSelect = InputSelect;
|
|
127
99
|
InputSelect.displayName = 'Component:InputSelect';
|
|
128
100
|
InputSelect.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSelect.js","names":["InputSelect","disabled","error","hint","label","showState","success","warning","onChange","onEnter","onLeave","others","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","style","inputContainer","className","text","inputBorder","input","iconRight","empty","icons","ICON","EXPAND_MORE","icon","displayName","propTypes","PropTypes","bool","string","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\n\nconst InputSelect = ({\n disabled,\n error,\n hint,\n label,\n showState = true,\n success,\n warning,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n event.target?.blur();\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event) => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n stateIcon: showState && (error || success || warning),\n };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n disabled && style.disabled,\n error && style.error,\n focus && style.focus,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n focus && !error && style.focus,\n error && style.error,\n )}\n >\n <Select\n {...others}\n disabled={disabled}\n value={others.value || ''}\n className={styles(style.input, style.iconRight, !!label && !(focus || error || has.value) && style.empty)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {(!disabled || has.stateIcon) && (\n <View row className={style.icons}>\n {!disabled && <Icon value={ICON.EXPAND_MORE} className={style.icon} />}\n {has.stateIcon && (\n <Icon\n value={getIconState({ error, success, warning })}\n className={styles(\n style.icon,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n />\n )}\n </View>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n showState: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputSelect.js","names":["InputSelect","disabled","error","hint","label","showState","success","warning","onChange","onEnter","onLeave","others","useState","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","stateIcon","styles","style","inputContainer","className","text","inputBorder","input","iconRight","empty","icons","select","ICON","EXPAND_MORE","icon","getIconState","displayName","propTypes","PropTypes","bool","string","name","isRequired","func"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\n\nconst InputSelect = ({\n disabled,\n error,\n hint,\n label,\n showState = true,\n success,\n warning,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n event.target?.blur();\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event) => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n stateIcon: showState && (error || success || warning),\n };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n disabled && style.disabled,\n error && style.error,\n focus && style.focus,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View\n row\n className={styles(\n style.inputBorder,\n disabled && style.disabled,\n focus && !error && style.focus,\n error && style.error,\n )}\n >\n <Select\n {...others}\n disabled={disabled}\n value={others.value || ''}\n className={styles(style.input, style.iconRight, !!label && !(focus || error || has.value) && style.empty)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {(!disabled || has.stateIcon) && (\n <View row className={styles(style.icons, style.select)}>\n {!disabled && <Icon value={ICON.EXPAND_MORE} className={style.icon} />}\n {has.stateIcon && (\n <Icon\n value={getIconState({ error, success, warning })}\n className={styles(\n style.icon,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n />\n )}\n </View>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, disabled && style.disabled, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n showState: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}
|