beem-component 1.8.7 → 1.8.8
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.
|
@@ -27,7 +27,7 @@ var Wrapper = _styledComponents.default.div.withConfig({
|
|
|
27
27
|
var Box = _styledComponents.default.div.withConfig({
|
|
28
28
|
displayName: "multipleDateSelector__Box"
|
|
29
29
|
})(["display:inline-flex;border:0.071rem solid ", ";padding:0.5rem;cursor:pointer;"], _colors.BmGrey100);
|
|
30
|
-
var
|
|
30
|
+
var BmMultiDateSelector = function BmMultiDateSelector() {
|
|
31
31
|
var _useState = (0, _react.useState)([]),
|
|
32
32
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
33
|
selectedDays = _useState2[0],
|
|
@@ -60,5 +60,5 @@ var MultiDateSelector = function MultiDateSelector() {
|
|
|
60
60
|
}, day);
|
|
61
61
|
})));
|
|
62
62
|
};
|
|
63
|
-
var _default =
|
|
63
|
+
var _default = BmMultiDateSelector;
|
|
64
64
|
exports.default = _default;
|
package/dist/components/index.js
CHANGED
|
@@ -221,6 +221,12 @@ Object.defineProperty(exports, "BmModal", {
|
|
|
221
221
|
return _modal.default;
|
|
222
222
|
}
|
|
223
223
|
});
|
|
224
|
+
Object.defineProperty(exports, "BmMultiDateSelector", {
|
|
225
|
+
enumerable: true,
|
|
226
|
+
get: function get() {
|
|
227
|
+
return _multipleDateSelector.default;
|
|
228
|
+
}
|
|
229
|
+
});
|
|
224
230
|
Object.defineProperty(exports, "BmNoteBar", {
|
|
225
231
|
enumerable: true,
|
|
226
232
|
get: function get() {
|
|
@@ -404,6 +410,7 @@ var _index2 = require("./SuperFluid/SegmentCard/index");
|
|
|
404
410
|
var _buttonGroup = _interopRequireDefault(require("./ButtonGroup/buttonGroup"));
|
|
405
411
|
var _inputCounter = require("./InputCounter/inputCounter");
|
|
406
412
|
var _stepper = _interopRequireDefault(require("./Stepper/stepper"));
|
|
413
|
+
var _multipleDateSelector = _interopRequireDefault(require("./MultipleDateSelector/multipleDateSelector"));
|
|
407
414
|
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); }
|
|
408
415
|
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; }
|
|
409
416
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/package.json
CHANGED
package/src/App.js
CHANGED
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { GlobalStyle } from './lib/components';
|
|
3
3
|
import BmButtonGroup from './lib/components/ButtonGroup/buttonGroup';
|
|
4
4
|
import { BmInputCounter } from './lib/components/InputCounter/inputCounter';
|
|
5
|
-
import
|
|
5
|
+
import BmMultiDateSelector from './lib/components/MultipleDateSelector/multipleDateSelector';
|
|
6
6
|
import BmStepper from './lib/components/Stepper/stepper';
|
|
7
7
|
|
|
8
8
|
const App = () => {
|
|
@@ -74,7 +74,7 @@ const App = () => {
|
|
|
74
74
|
count={count}
|
|
75
75
|
onChange={handleCountChange}
|
|
76
76
|
/>
|
|
77
|
-
<
|
|
77
|
+
<BmMultiDateSelector onSelect={handleSelectDates} />
|
|
78
78
|
{selectedDates.length > 0 && (
|
|
79
79
|
<p>Selected dates: {selectedDates.join(', ')}</p>
|
|
80
80
|
)}
|
|
@@ -23,7 +23,7 @@ const Box = styled.div`
|
|
|
23
23
|
padding: 0.5rem;
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
`;
|
|
26
|
-
const
|
|
26
|
+
const BmMultiDateSelector = () => {
|
|
27
27
|
const [selectedDays, setSelectedDays] = useState([]);
|
|
28
28
|
|
|
29
29
|
const handleDayClick = (day) => {
|
|
@@ -61,4 +61,4 @@ const MultiDateSelector = () => {
|
|
|
61
61
|
);
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
export default
|
|
64
|
+
export default BmMultiDateSelector;
|
|
@@ -69,6 +69,7 @@ import {
|
|
|
69
69
|
import BmButtonGroup from './ButtonGroup/buttonGroup';
|
|
70
70
|
import { BmInputCounter } from './InputCounter/inputCounter';
|
|
71
71
|
import BmStepper from './Stepper/stepper';
|
|
72
|
+
import BmMultiDateSelector from './MultipleDateSelector/multipleDateSelector';
|
|
72
73
|
|
|
73
74
|
export {
|
|
74
75
|
BmAccordion,
|
|
@@ -90,6 +91,7 @@ export {
|
|
|
90
91
|
BmButtonGroup,
|
|
91
92
|
BmInputCounter,
|
|
92
93
|
BmStepper,
|
|
94
|
+
BmMultiDateSelector,
|
|
93
95
|
// Fix height and if there is dropdown option inside the modal body
|
|
94
96
|
BmModal,
|
|
95
97
|
BmNoteBar,
|