beem-component 1.8.3 → 1.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beem-component",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/components/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -55,15 +55,12 @@
|
|
|
55
55
|
"prop-types": "^15.8.1",
|
|
56
56
|
"react": "^17.0.2",
|
|
57
57
|
"react-avatar": "^5.0.3",
|
|
58
|
-
"react-bootstrap-counter": "^1.0.1",
|
|
59
|
-
"react-datepicker": "^4.10.0",
|
|
60
58
|
"react-dom": "^17.0.2",
|
|
61
59
|
"react-icons": "^4.6.0",
|
|
62
60
|
"react-pdf": "^5.7.2",
|
|
63
61
|
"react-router-dom": "^5.3.0",
|
|
64
62
|
"react-scripts": "^5.0.1",
|
|
65
63
|
"react-select": "^5.7.0",
|
|
66
|
-
"react-time-picker": "^5.2.0",
|
|
67
64
|
"save": "^2.4.0",
|
|
68
65
|
"styled-components": "^5.3.3",
|
|
69
66
|
"web-vitals": "^1.1.2"
|
package/src/App.js
CHANGED
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import DatePicker from 'react-datepicker';
|
|
3
|
-
import CounterInput from 'react-bootstrap-counter';
|
|
4
|
-
import TimePicker from 'react-time-picker';
|
|
5
2
|
import { GlobalStyle } from './lib/components';
|
|
6
3
|
import BmButtonGroup from './lib/components/ButtonGroup/buttonGroup';
|
|
7
|
-
import InputDatePicker from './lib/components/InputDatePicker';
|
|
8
|
-
|
|
9
|
-
import 'react-datepicker/dist/react-datepicker.css';
|
|
10
4
|
|
|
11
5
|
const App = () => {
|
|
12
6
|
const [item, setItem] = useState();
|
|
13
7
|
const Occurance = ['Now', 'Later', 'Recurring'];
|
|
14
|
-
const [value, onChange] = useState('10:00');
|
|
15
|
-
const [counter, setCounter] = useState('1');
|
|
16
8
|
|
|
17
9
|
return (
|
|
18
10
|
<>
|
|
@@ -25,17 +17,6 @@ const App = () => {
|
|
|
25
17
|
</BmButtonGroup.Item>
|
|
26
18
|
))}
|
|
27
19
|
</BmButtonGroup>
|
|
28
|
-
<DatePicker
|
|
29
|
-
isClearable
|
|
30
|
-
// dateFormat={DATE_FORMAT}
|
|
31
|
-
// selected={values.end_date}
|
|
32
|
-
// onChange={(date) => setFieldValue('end_date', date)}
|
|
33
|
-
// minDate={values.start_date}
|
|
34
|
-
placeholderText="Pick a date"
|
|
35
|
-
customInput={<InputDatePicker />}
|
|
36
|
-
/>
|
|
37
|
-
<TimePicker onChange={onChange} value={value} />
|
|
38
|
-
<CounterInput onChange={setCounter} value={counter} />
|
|
39
20
|
</>
|
|
40
21
|
);
|
|
41
22
|
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.ScheduleDateInput = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
var InputDatePicker = function InputDatePicker(_ref) {
|
|
11
|
-
var value = _ref.value,
|
|
12
|
-
placeholder = _ref.placeholder,
|
|
13
|
-
onClick = _ref.onClick;
|
|
14
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
15
|
-
type: "text",
|
|
16
|
-
className: "form-control",
|
|
17
|
-
placeholder: placeholder,
|
|
18
|
-
value: value,
|
|
19
|
-
onFocus: onClick
|
|
20
|
-
}), /*#__PURE__*/_react.default.createElement("i", {
|
|
21
|
-
className: "icon-schedule-date form-control-icon"
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
InputDatePicker.propTypes = {
|
|
25
|
-
value: _propTypes.default.string,
|
|
26
|
-
placeholder: _propTypes.default.string,
|
|
27
|
-
onClick: _propTypes.default.func.isRequired
|
|
28
|
-
};
|
|
29
|
-
InputDatePicker.defaultProps = {
|
|
30
|
-
value: undefined,
|
|
31
|
-
placeholder: undefined
|
|
32
|
-
};
|
|
33
|
-
var ScheduleDateInput = function ScheduleDateInput(_ref2) {
|
|
34
|
-
var onClick = _ref2.onClick,
|
|
35
|
-
value = _ref2.value,
|
|
36
|
-
placeholder = _ref2.placeholder;
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement("button", {
|
|
38
|
-
type: "button",
|
|
39
|
-
"aria-label": "button",
|
|
40
|
-
className: "btn btn-warning my-1 mr-2",
|
|
41
|
-
onClick: onClick
|
|
42
|
-
}, value || placeholder, " ", /*#__PURE__*/_react.default.createElement("i", {
|
|
43
|
-
className: "fa fa-calendar-alt"
|
|
44
|
-
}));
|
|
45
|
-
};
|
|
46
|
-
exports.ScheduleDateInput = ScheduleDateInput;
|
|
47
|
-
ScheduleDateInput.propTypes = {
|
|
48
|
-
value: _propTypes.default.string.isRequired,
|
|
49
|
-
onClick: _propTypes.default.func.isRequired,
|
|
50
|
-
placeholder: _propTypes.default.string.isRequired
|
|
51
|
-
};
|
|
52
|
-
var _default = InputDatePicker;
|
|
53
|
-
exports.default = _default;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
const InputDatePicker = ({ value, placeholder, onClick }) => (
|
|
5
|
-
<>
|
|
6
|
-
<input
|
|
7
|
-
type="text"
|
|
8
|
-
className="form-control"
|
|
9
|
-
placeholder={placeholder}
|
|
10
|
-
value={value}
|
|
11
|
-
onFocus={onClick}
|
|
12
|
-
/>
|
|
13
|
-
<i className="icon-schedule-date form-control-icon" />
|
|
14
|
-
</>
|
|
15
|
-
);
|
|
16
|
-
|
|
17
|
-
InputDatePicker.propTypes = {
|
|
18
|
-
value: PropTypes.string,
|
|
19
|
-
placeholder: PropTypes.string,
|
|
20
|
-
onClick: PropTypes.func.isRequired,
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
InputDatePicker.defaultProps = {
|
|
24
|
-
value: undefined,
|
|
25
|
-
placeholder: undefined,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export const ScheduleDateInput = ({ onClick, value, placeholder }) => (
|
|
29
|
-
<button
|
|
30
|
-
type="button"
|
|
31
|
-
aria-label="button"
|
|
32
|
-
className="btn btn-warning my-1 mr-2"
|
|
33
|
-
onClick={onClick}
|
|
34
|
-
>
|
|
35
|
-
{value || placeholder} <i className="fa fa-calendar-alt" />
|
|
36
|
-
</button>
|
|
37
|
-
);
|
|
38
|
-
|
|
39
|
-
ScheduleDateInput.propTypes = {
|
|
40
|
-
value: PropTypes.string.isRequired,
|
|
41
|
-
onClick: PropTypes.func.isRequired,
|
|
42
|
-
placeholder: PropTypes.string.isRequired,
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export default InputDatePicker;
|