intelicoreact 0.1.59 → 0.1.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -1
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.js +0 -0
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.js +18 -14
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/components/Calendar.js +0 -0
- package/dist/Atomic/FormElements/FormElements/FormElement.js +43 -0
- package/dist/{Molecular → Atomic/FormElements}/FormElements/FormElement.scss +0 -0
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +4 -2
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +5 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.js +4 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +10 -10
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/States.js +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.scss +3 -3
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.js +2 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.scss +0 -0
- package/dist/Atomic/{UI → Layout}/Header/partials/default_ava.png +0 -0
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.js +2 -2
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.scss +4 -4
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.js +0 -0
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.scss +0 -0
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
- package/dist/Atomic/UI/Accordion/Accordion.scss +2 -0
- package/dist/Atomic/UI/Alert/Alert.scss +1 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.js +5 -2
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.scss +0 -31
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.js +0 -0
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.scss +0 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.js +54 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +50 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdCell.js +3 -3
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdHeader.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdRow.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdTitle.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdActions.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdPriority.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdRange.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdTypes.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdWeight.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.scss +0 -0
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.js +3 -3
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.scss +0 -0
- package/dist/Molecular/{FormElements → FormElement}/FormElement.js +0 -0
- package/dist/Molecular/FormElement/FormElement.scss +12 -0
- package/dist/scss/main.scss +1 -0
- package/package.json +8 -3
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -69
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -53
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -86
- package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -46
- package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -42
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -162
- package/dist/Atomic/FormElements/Header/Header.stories.js +0 -42
- package/dist/Atomic/FormElements/Input/Input.stories.js +0 -140
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -79
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -96
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -266
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -43
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -33
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -131
- package/dist/Atomic/FormElements/Modal/Modal.stories.js +0 -157
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -76
- package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +0 -126
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -137
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -32
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -81
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -56
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -113
- package/dist/Atomic/FormElements/Spinner/Spinner.stories.js +0 -34
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Table/Table.stories.js +0 -191
- package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -72
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -50
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -59
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -32
- package/dist/Atomic/MainMenu/MainMenu.stories.js +0 -87
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -77
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -59
- package/dist/Atomic/UI/Alert/Alert.stories.js +0 -45
- package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -46
- package/dist/Atomic/UI/Button/Button.stories.js +0 -62
- package/dist/Atomic/UI/Calendar/Calendar.stories.js +0 -55
- package/dist/Atomic/UI/Hint/Hint.stories.js +0 -44
- package/dist/Atomic/UI/Price/Price.stories.js +0 -42
- package/dist/Atomic/UI/Status/Status.stories.js +0 -59
- package/dist/Molecular/Datepicker/Datepicker.stories.js +0 -44
- package/dist/Molecular/FormElements/FormElement.stories.js +0 -74
- package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js +0 -62
- package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js +0 -105
- package/dist/Molecular/SwitcherRange/SwitcherRange.stories.js +0 -59
- package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +0 -122
- package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -133
- package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js +0 -78
- package/dist/Molecular/UserBox/UserBox.stories.js +0 -43
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.HeaderTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Header = _interopRequireDefault(require("./Header"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'Header',
|
|
17
|
-
component: _Header.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
status: {
|
|
20
|
-
control: {
|
|
21
|
-
type: 'select',
|
|
22
|
-
options: ['admin', 'user']
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
exports.default = _default;
|
|
28
|
-
|
|
29
|
-
var Template = function Template(args) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_Header.default, args);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
var HeaderTemplate = Template.bind({});
|
|
34
|
-
exports.HeaderTemplate = HeaderTemplate;
|
|
35
|
-
HeaderTemplate.args = {
|
|
36
|
-
name: 'Jesse',
|
|
37
|
-
surname: 'James',
|
|
38
|
-
status: 'admin',
|
|
39
|
-
img: 'http://mediad.publicbroadcasting.net/p/shared/npr/styles/x_large/nprshared/201805/212379250.jpg',
|
|
40
|
-
hintText: 'Hint text',
|
|
41
|
-
hintLabel: 'Help'
|
|
42
|
-
};
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.InputTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _reactFeather = require("react-feather");
|
|
19
|
-
|
|
20
|
-
var _Input = _interopRequireDefault(require("./Input"));
|
|
21
|
-
|
|
22
|
-
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
|
-
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
|
-
global.lng = 'en';
|
|
27
|
-
var _default = {
|
|
28
|
-
title: 'Form Elements/Input',
|
|
29
|
-
component: _Input.default,
|
|
30
|
-
argTypes: {
|
|
31
|
-
disabled: {
|
|
32
|
-
description: 'boolean'
|
|
33
|
-
},
|
|
34
|
-
error: {
|
|
35
|
-
description: 'text - coloring input if is errored'
|
|
36
|
-
},
|
|
37
|
-
isPriceInput: {
|
|
38
|
-
description: 'boolean - if true, the input will be styled as PriceInput'
|
|
39
|
-
},
|
|
40
|
-
withDelete: {
|
|
41
|
-
description: 'boolean - add clear-cross by hover'
|
|
42
|
-
},
|
|
43
|
-
onlyNumbers: {
|
|
44
|
-
description: 'object - only numbers'
|
|
45
|
-
},
|
|
46
|
-
softStringMode: {
|
|
47
|
-
description: 'boolean - only strings'
|
|
48
|
-
},
|
|
49
|
-
hardStringMode: {
|
|
50
|
-
description: 'boolean - soft or hard validation'
|
|
51
|
-
},
|
|
52
|
-
isTwoDigitAfterDot: {
|
|
53
|
-
description: 'boolean - only two digits after dot'
|
|
54
|
-
},
|
|
55
|
-
isFocusDefault: {
|
|
56
|
-
description: 'boolean - if true, input will be focused on mount'
|
|
57
|
-
},
|
|
58
|
-
placeholder: {
|
|
59
|
-
description: 'text'
|
|
60
|
-
},
|
|
61
|
-
type: {
|
|
62
|
-
description: "'text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range'",
|
|
63
|
-
control: {
|
|
64
|
-
type: 'select',
|
|
65
|
-
options: ['text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range']
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
icon: {
|
|
69
|
-
description: 'JSX'
|
|
70
|
-
},
|
|
71
|
-
value: {
|
|
72
|
-
description: '(* - required prop)'
|
|
73
|
-
},
|
|
74
|
-
className: {
|
|
75
|
-
description: 'string'
|
|
76
|
-
},
|
|
77
|
-
mask: {
|
|
78
|
-
description: 'string: force input to masked https://www.npmjs.com/package/react-input-mask'
|
|
79
|
-
},
|
|
80
|
-
symbolsLimit: {
|
|
81
|
-
description: 'Set limit of symbols in input, overhead will be ignored'
|
|
82
|
-
},
|
|
83
|
-
onBlur: {
|
|
84
|
-
description: 'custom callback on blur'
|
|
85
|
-
},
|
|
86
|
-
onFocus: {
|
|
87
|
-
description: 'custom callback on focus'
|
|
88
|
-
},
|
|
89
|
-
onKeyUp: {
|
|
90
|
-
description: 'custom callback on keyup, returns event keyCode'
|
|
91
|
-
},
|
|
92
|
-
isNumericMobileKeyboard: {
|
|
93
|
-
description: 'Enable Mobile Numeric Keyboard',
|
|
94
|
-
type: 'boolean',
|
|
95
|
-
default: false
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
exports.default = _default;
|
|
100
|
-
var styles = {
|
|
101
|
-
with: '200px'
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
var Template = function Template(args) {
|
|
105
|
-
var _useState = (0, _react.useState)(''),
|
|
106
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
107
|
-
value = _useState2[0],
|
|
108
|
-
setValue = _useState2[1]; // useEffect(() => console.log('useEffect - value - ', value), [value]);
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
|
|
112
|
-
style: styles,
|
|
113
|
-
value: value,
|
|
114
|
-
onChange: setValue
|
|
115
|
-
}));
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
var InputTemplate = Template.bind({});
|
|
119
|
-
exports.InputTemplate = InputTemplate;
|
|
120
|
-
InputTemplate.args = {
|
|
121
|
-
type: 'text',
|
|
122
|
-
isFocusDefault: false,
|
|
123
|
-
onlyNumbers: {
|
|
124
|
-
type: 'float',
|
|
125
|
-
decimalPlaces: 2
|
|
126
|
-
},
|
|
127
|
-
isOnlyString: false,
|
|
128
|
-
isPriceInput: false,
|
|
129
|
-
isTwoDigitAfterDot: false,
|
|
130
|
-
disabled: false,
|
|
131
|
-
error: '',
|
|
132
|
-
mask: '',
|
|
133
|
-
softStringMode: false,
|
|
134
|
-
withDelete: true,
|
|
135
|
-
symbolsLimit: 255,
|
|
136
|
-
placeholder: 'Placeholder',
|
|
137
|
-
icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null),
|
|
138
|
-
isNumericMobileKeyboard: false,
|
|
139
|
-
isNotValidateASCII: false
|
|
140
|
-
};
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.CalendarTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _InputCalendar = _interopRequireDefault(require("./InputCalendar"));
|
|
19
|
-
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
global.lng = 'en';
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'Form Elements/Input Calendar',
|
|
27
|
-
component: _InputCalendar.default,
|
|
28
|
-
argTypes: {
|
|
29
|
-
value: {
|
|
30
|
-
description: 'string (mm.dd.yyyy)'
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
exports.default = _default;
|
|
35
|
-
|
|
36
|
-
var Template = function Template(args) {
|
|
37
|
-
var _useState = (0, _react.useState)(''),
|
|
38
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
39
|
-
date = _useState2[0],
|
|
40
|
-
setDate = _useState2[1];
|
|
41
|
-
|
|
42
|
-
var _useState3 = (0, _react.useState)(false),
|
|
43
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
44
|
-
disabled = _useState4[0],
|
|
45
|
-
setDisabled = _useState4[1];
|
|
46
|
-
|
|
47
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_InputCalendar.default, (0, _extends2.default)({}, args, {
|
|
48
|
-
value: date,
|
|
49
|
-
onChange: function onChange(val) {
|
|
50
|
-
return setDate(val);
|
|
51
|
-
},
|
|
52
|
-
disabled: disabled
|
|
53
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
54
|
-
style: {
|
|
55
|
-
display: 'flex',
|
|
56
|
-
flexFlow: 'row nowrap',
|
|
57
|
-
justifyContent: 'flex-end',
|
|
58
|
-
marginTop: '10px'
|
|
59
|
-
}
|
|
60
|
-
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
61
|
-
style: {
|
|
62
|
-
border: 'solid 1px black',
|
|
63
|
-
padding: '10px',
|
|
64
|
-
width: '80px'
|
|
65
|
-
},
|
|
66
|
-
onClick: function onClick() {
|
|
67
|
-
return setDisabled(!disabled);
|
|
68
|
-
}
|
|
69
|
-
}, disabled ? 'Enable' : 'Disable')));
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
var CalendarTemplate = Template.bind({});
|
|
73
|
-
exports.CalendarTemplate = CalendarTemplate;
|
|
74
|
-
CalendarTemplate.args = {
|
|
75
|
-
minDate: '01/10/1990',
|
|
76
|
-
maxDate: '04/20/2022' // isDontLimitFuture: true,
|
|
77
|
-
// isListTop: true,
|
|
78
|
-
|
|
79
|
-
};
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.InputDateRangeTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
|
-
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
21
|
-
|
|
22
|
-
var _InputDateRange = _interopRequireDefault(require("./InputDateRange"));
|
|
23
|
-
|
|
24
|
-
var _Table = _interopRequireDefault(require("../Table/Table"));
|
|
25
|
-
|
|
26
|
-
var _excluded = ["dateRange"];
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
global.lng = 'en';
|
|
33
|
-
var _default = {
|
|
34
|
-
title: 'Form Elements/InputDateRange',
|
|
35
|
-
component: _InputDateRange.default,
|
|
36
|
-
argTypes: {// status: {
|
|
37
|
-
// control: {
|
|
38
|
-
// type: 'select',
|
|
39
|
-
// options: ['admin', 'user']
|
|
40
|
-
// }
|
|
41
|
-
// }
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
exports.default = _default;
|
|
45
|
-
|
|
46
|
-
var Template = function Template(args) {
|
|
47
|
-
var dateRange = args.dateRange,
|
|
48
|
-
restOfProps = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
49
|
-
|
|
50
|
-
var _useState = (0, _react.useState)(dateRange),
|
|
51
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
52
|
-
value = _useState2[0],
|
|
53
|
-
setValue = _useState2[1];
|
|
54
|
-
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
-
className: "mb20"
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(_InputDateRange.default, (0, _extends2.default)({}, restOfProps, {
|
|
58
|
-
value: value,
|
|
59
|
-
onChange: setValue
|
|
60
|
-
}))));
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
var InputDateRangeTemplate = Template.bind({});
|
|
64
|
-
exports.InputDateRangeTemplate = InputDateRangeTemplate;
|
|
65
|
-
InputDateRangeTemplate.args = {
|
|
66
|
-
txt: {},
|
|
67
|
-
buttonsTypes: {
|
|
68
|
-
// apply: 'ellipse-apply',
|
|
69
|
-
cancel: 'bark-outline'
|
|
70
|
-
},
|
|
71
|
-
label: 'Date Range',
|
|
72
|
-
dateRange: {
|
|
73
|
-
intervalKey: 'today'
|
|
74
|
-
},
|
|
75
|
-
id: 'anyToggleButtonId',
|
|
76
|
-
className: 'anyExternalContainerClassName',
|
|
77
|
-
error: false,
|
|
78
|
-
disabled: false,
|
|
79
|
-
isHoverable: false,
|
|
80
|
-
// format: 'DD/MM/YYYY',
|
|
81
|
-
minDate: '01/10/2022',
|
|
82
|
-
maxDate: '04/20/2022',
|
|
83
|
-
// isDontLimitFuture: true,
|
|
84
|
-
// short: true,
|
|
85
|
-
isCompact: false,
|
|
86
|
-
// isFocused: true,
|
|
87
|
-
isIntervalsHidden: false,
|
|
88
|
-
isCompareHidden: true,
|
|
89
|
-
hideArrows: false,
|
|
90
|
-
isOptionsRight: false,
|
|
91
|
-
isShortWeekNames: false,
|
|
92
|
-
isListTop: false // limitRange,
|
|
93
|
-
// isUseAbs,
|
|
94
|
-
// absTooltip
|
|
95
|
-
|
|
96
|
-
};
|
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.InputMaskTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _reactFeather = require("react-feather");
|
|
19
|
-
|
|
20
|
-
var _config = require("./config");
|
|
21
|
-
|
|
22
|
-
var _InputMask = _interopRequireDefault(require("./InputMask"));
|
|
23
|
-
|
|
24
|
-
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); }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
global.lng = 'en';
|
|
29
|
-
var _default = {
|
|
30
|
-
title: 'Form Elements/Input Mask',
|
|
31
|
-
component: _InputMask.default,
|
|
32
|
-
argTypes: {
|
|
33
|
-
maskPattern: {
|
|
34
|
-
title: 'Mask Pattern',
|
|
35
|
-
description: "<b>\"".concat(_config.DIGIT_MASK_CHAR, "\"</b> - Digit.<br/><b>\"").concat(_config.UPPERCASE_LETTER_MASK_CHAR, "\"</b> or <b>\"").concat(_config.LOWERCASE_LETTER_MASK_CHAR, "\"</b> - Letter.")
|
|
36
|
-
},
|
|
37
|
-
maskPatternPlaceholder: {
|
|
38
|
-
title: 'Pattern Placeholder',
|
|
39
|
-
description: 'Fine-tuning the mask character.<br/>Works if <b>"usePatternPlaceholder"</b> is <b>ENABLED</b>.'
|
|
40
|
-
},
|
|
41
|
-
usePatternPlaceholder: {
|
|
42
|
-
title: 'Pattern Placeholder',
|
|
43
|
-
type: 'boolean',
|
|
44
|
-
default: false,
|
|
45
|
-
description: 'Turn <b>On/Off</b> use of <b>"maskPatternPlaceholder"</b>'
|
|
46
|
-
},
|
|
47
|
-
maskPlaceholder: {
|
|
48
|
-
title: 'Mask Placeholder',
|
|
49
|
-
type: 'string',
|
|
50
|
-
description: 'General Mask Char.<br/>Uses if <b>"usePatternPlaceholder"</b> is <b>Turned Off</b> or Specialized Mask Char is not recieved.'
|
|
51
|
-
},
|
|
52
|
-
maskDigitPlaceholder: {
|
|
53
|
-
title: 'Specialized Mask Placeholder for Digit Char',
|
|
54
|
-
description: 'Specialized Mask Placeholder for <b>Digit</b>.'
|
|
55
|
-
},
|
|
56
|
-
maskLetterPlaceholder: {
|
|
57
|
-
title: 'Specialized Mask Placeholder for Letter Char',
|
|
58
|
-
description: 'Specialized Mask Placeholder for <b>Letter</b>.'
|
|
59
|
-
},
|
|
60
|
-
maskAsPlaceholder: {
|
|
61
|
-
title: 'Use Mask As Placeholder',
|
|
62
|
-
description: 'Use Mask As Placeholder',
|
|
63
|
-
type: 'boolean',
|
|
64
|
-
default: true
|
|
65
|
-
},
|
|
66
|
-
isCaseSensitive: {
|
|
67
|
-
type: 'boolean',
|
|
68
|
-
default: false,
|
|
69
|
-
description: 'Turn <b>On/Off</b> use of <b>Case Sensitive Mode</b>.'
|
|
70
|
-
},
|
|
71
|
-
adaptTextCase: {
|
|
72
|
-
type: 'boolean',
|
|
73
|
-
default: false,
|
|
74
|
-
description: 'Turn <b>On/Off</b> use of <b>Auto Text Case Adapt</b>.'
|
|
75
|
-
},
|
|
76
|
-
icon: {
|
|
77
|
-
type: 'object',
|
|
78
|
-
description: 'Icon for Input.<br/>Will works only if <b>"showIcon"</b> is <b>ENABLED</b>.'
|
|
79
|
-
},
|
|
80
|
-
showIcon: {
|
|
81
|
-
type: 'boolean',
|
|
82
|
-
default: false,
|
|
83
|
-
description: 'Turn <b>On/Off</b> Icon Display.'
|
|
84
|
-
},
|
|
85
|
-
isIconLeft: {
|
|
86
|
-
type: 'boolean',
|
|
87
|
-
default: false,
|
|
88
|
-
description: 'Display Icon on Left Side.'
|
|
89
|
-
},
|
|
90
|
-
isIconRight: {
|
|
91
|
-
type: 'boolean',
|
|
92
|
-
default: false,
|
|
93
|
-
description: 'Display Icon on Right Side.'
|
|
94
|
-
},
|
|
95
|
-
isClearable: {
|
|
96
|
-
type: 'boolean',
|
|
97
|
-
default: false,
|
|
98
|
-
description: 'Display Clear Button and Enable Clearable Possibility.'
|
|
99
|
-
},
|
|
100
|
-
value: {
|
|
101
|
-
type: 'string',
|
|
102
|
-
description: 'Input Value',
|
|
103
|
-
default: ''
|
|
104
|
-
},
|
|
105
|
-
onChange: {
|
|
106
|
-
type: 'function',
|
|
107
|
-
description: 'Callback Function for Handle <b>Input Value Change</b>'
|
|
108
|
-
},
|
|
109
|
-
blinkErrors: {
|
|
110
|
-
type: 'boolean',
|
|
111
|
-
default: true,
|
|
112
|
-
description: 'Turn <b>On/Off</b> Blinking Error Mode.'
|
|
113
|
-
},
|
|
114
|
-
blinkDuration: {
|
|
115
|
-
type: 'number',
|
|
116
|
-
description: 'Duration of <b>Error Blink</b> in <b>ms</b>.',
|
|
117
|
-
default: 100
|
|
118
|
-
},
|
|
119
|
-
showErrors: {
|
|
120
|
-
type: 'boolean',
|
|
121
|
-
default: true,
|
|
122
|
-
description: 'Turn <b>On/Off</b> Display of Errors.'
|
|
123
|
-
},
|
|
124
|
-
errors: {
|
|
125
|
-
type: 'object',
|
|
126
|
-
description: "Errors Descriptions: <br/>\n {\n ".concat(Object.keys(_config.DEFAULT_ERRORS).map(function (key) {
|
|
127
|
-
return "<br/> ".concat(key, ": '").concat(_config.DEFAULT_ERRORS[key], "'");
|
|
128
|
-
}), "\n <br/>\n }")
|
|
129
|
-
},
|
|
130
|
-
error: {
|
|
131
|
-
type: 'string',
|
|
132
|
-
default: '',
|
|
133
|
-
description: 'Custom Error Text. If is not empty, field would be hightlited'
|
|
134
|
-
},
|
|
135
|
-
onFocus: {
|
|
136
|
-
type: 'function',
|
|
137
|
-
description: 'Callback Function for Handle <b>Input Focus</b>'
|
|
138
|
-
},
|
|
139
|
-
onBlur: {
|
|
140
|
-
type: 'function',
|
|
141
|
-
description: 'Callback Function for Handle <b>Input Blur</b>'
|
|
142
|
-
},
|
|
143
|
-
className: {
|
|
144
|
-
type: 'string',
|
|
145
|
-
description: 'ClassName For Input Mask Wrapper',
|
|
146
|
-
default: ''
|
|
147
|
-
},
|
|
148
|
-
isFocusedDefault: {
|
|
149
|
-
type: 'boolean',
|
|
150
|
-
description: 'Set Autofocus On Render',
|
|
151
|
-
default: false
|
|
152
|
-
},
|
|
153
|
-
imitateTypingOnPaste: {
|
|
154
|
-
type: 'boolean',
|
|
155
|
-
description: '<b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
|
|
156
|
-
default: false
|
|
157
|
-
},
|
|
158
|
-
imitateTypingOnPasteDelay: {
|
|
159
|
-
type: 'number',
|
|
160
|
-
description: '<b>Delay Time</b> for <b>Manual Input Simulation Mode</b> when called <b>Pasting Text Event</b>.',
|
|
161
|
-
default: 100
|
|
162
|
-
},
|
|
163
|
-
showHint: {
|
|
164
|
-
type: 'boolean',
|
|
165
|
-
description: 'Turn <b>On/Off</b> Input Hint.',
|
|
166
|
-
default: false
|
|
167
|
-
},
|
|
168
|
-
hintText: {
|
|
169
|
-
type: 'string',
|
|
170
|
-
description: 'Input Hint Text.',
|
|
171
|
-
default: ''
|
|
172
|
-
},
|
|
173
|
-
hintClassName: {
|
|
174
|
-
type: 'string',
|
|
175
|
-
description: 'ClassName for Input Hint.',
|
|
176
|
-
default: ''
|
|
177
|
-
},
|
|
178
|
-
isHintLeft: {
|
|
179
|
-
type: 'boolean',
|
|
180
|
-
default: false,
|
|
181
|
-
description: 'Display Input Hint on Left Side.'
|
|
182
|
-
},
|
|
183
|
-
isHintRight: {
|
|
184
|
-
type: 'boolean',
|
|
185
|
-
default: true,
|
|
186
|
-
description: 'Display Input Hint on Right Side.'
|
|
187
|
-
},
|
|
188
|
-
hintPosition: {
|
|
189
|
-
type: 'string',
|
|
190
|
-
description: 'Position of <b>Input Hint Text</b>',
|
|
191
|
-
default: 'right'
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
};
|
|
195
|
-
exports.default = _default;
|
|
196
|
-
|
|
197
|
-
var Template = function Template(args) {
|
|
198
|
-
var _useState = (0, _react.useState)('0123456789'),
|
|
199
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
200
|
-
value = _useState2[0],
|
|
201
|
-
setValue = _useState2[1];
|
|
202
|
-
|
|
203
|
-
var _useState3 = (0, _react.useState)(''),
|
|
204
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
205
|
-
clearValue = _useState4[0],
|
|
206
|
-
setClearValue = _useState4[1];
|
|
207
|
-
|
|
208
|
-
var ref = (0, _react.useRef)(null);
|
|
209
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
210
|
-
style: {
|
|
211
|
-
fontSize: "24px",
|
|
212
|
-
fontWeight: '200'
|
|
213
|
-
}
|
|
214
|
-
}, "Value: ", /*#__PURE__*/_react.default.createElement("div", null, value)), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", {
|
|
215
|
-
style: {
|
|
216
|
-
fontSize: "24px",
|
|
217
|
-
fontWeight: '200'
|
|
218
|
-
}
|
|
219
|
-
}, "Clear Value: ", /*#__PURE__*/_react.default.createElement("div", null, clearValue))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
|
|
220
|
-
value: value,
|
|
221
|
-
onChange: function onChange(v, cv) {
|
|
222
|
-
setValue(v);
|
|
223
|
-
setClearValue(cv);
|
|
224
|
-
}
|
|
225
|
-
})));
|
|
226
|
-
};
|
|
227
|
-
|
|
228
|
-
var InputMaskTemplate = Template.bind({});
|
|
229
|
-
exports.InputMaskTemplate = InputMaskTemplate;
|
|
230
|
-
InputMaskTemplate.args = {
|
|
231
|
-
// maskPattern: 'DD/DD/DDDD',
|
|
232
|
-
// maskPatternPlaceholder: 'MM/DD/YYYY',
|
|
233
|
-
maskPattern: 'DDD-DDD-DDDD',
|
|
234
|
-
maskPatternPlaceholder: 'XXX-XXX-XXXX',
|
|
235
|
-
usePatternPlaceholder: false,
|
|
236
|
-
maskPlaceholder: 'X',
|
|
237
|
-
maskDigitPlaceholder: '',
|
|
238
|
-
maskLetterPlaceholder: '',
|
|
239
|
-
maskAsPlaceholder: true,
|
|
240
|
-
isCaseSensitive: false,
|
|
241
|
-
adaptTextCase: false,
|
|
242
|
-
icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Type, null),
|
|
243
|
-
showIcon: false,
|
|
244
|
-
isIconLeft: true,
|
|
245
|
-
isIconRight: false,
|
|
246
|
-
isClearable: true,
|
|
247
|
-
value: '1234567890',
|
|
248
|
-
onChange: function onChange() {},
|
|
249
|
-
blinkErrors: false,
|
|
250
|
-
blinkDuration: 100,
|
|
251
|
-
showErrors: true,
|
|
252
|
-
errors: {},
|
|
253
|
-
error: '',
|
|
254
|
-
onFocus: function onFocus() {},
|
|
255
|
-
onBlur: function onBlur() {},
|
|
256
|
-
className: '',
|
|
257
|
-
isFocusedDefault: false,
|
|
258
|
-
imitateTypingOnPaste: false,
|
|
259
|
-
imitateTypingOnPasteDelay: 100,
|
|
260
|
-
showHint: false,
|
|
261
|
-
hintText: 'Hint Text',
|
|
262
|
-
hintClassName: '',
|
|
263
|
-
isHintRight: true,
|
|
264
|
-
isHintLeft: false,
|
|
265
|
-
hintPosition: 'right'
|
|
266
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.InputsRowTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _InputsRow = _interopRequireDefault(require("./InputsRow"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'InputsRow',
|
|
17
|
-
component: _InputsRow.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(args) {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_InputsRow.default, args);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var InputsRowTemplate = Template.bind({});
|
|
26
|
-
exports.InputsRowTemplate = InputsRowTemplate;
|
|
27
|
-
InputsRowTemplate.args = {
|
|
28
|
-
title: 'InputsRow title',
|
|
29
|
-
paramPlaceholder: 'Params placeholder',
|
|
30
|
-
valuePlaceholder: 'Value placeholder',
|
|
31
|
-
descriptionPlaceholder: 'Description placeholder',
|
|
32
|
-
items: [{
|
|
33
|
-
param: 'x-leadgen-id',
|
|
34
|
-
value: 'QUIDDI_220',
|
|
35
|
-
description: '',
|
|
36
|
-
rowId: '1'
|
|
37
|
-
}, {
|
|
38
|
-
param: '',
|
|
39
|
-
value: '',
|
|
40
|
-
description: '',
|
|
41
|
-
rowId: '2'
|
|
42
|
-
}]
|
|
43
|
-
};
|