@elliemae/ds-date-time-picker 3.12.0-next.0 → 3.12.0-next.1
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/cjs/DSDateTimePicker.js +7 -21
- package/dist/cjs/DSDateTimePicker.js.map +2 -2
- package/dist/cjs/tests/utils.js +8 -6
- package/dist/cjs/tests/utils.js.map +2 -2
- package/dist/esm/DSDateTimePicker.js +7 -21
- package/dist/esm/DSDateTimePicker.js.map +2 -2
- package/dist/esm/tests/utils.js +8 -6
- package/dist/esm/tests/utils.js.map +2 -2
- package/package.json +7 -7
|
@@ -37,11 +37,7 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
|
37
37
|
var import_ds_date_picker = require("@elliemae/ds-date-picker");
|
|
38
38
|
var import_DateTimePickerImpl = require("./components/DateTimePickerImpl");
|
|
39
39
|
var import_english = __toESM(require("./lang/english"));
|
|
40
|
-
const {
|
|
41
|
-
placeholder: placeholderDefault,
|
|
42
|
-
className: classNameDefault,
|
|
43
|
-
id: idDefault
|
|
44
|
-
} = import_english.default;
|
|
40
|
+
const { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = import_english.default;
|
|
45
41
|
const DSDateTimePicker = ({
|
|
46
42
|
containerProps = {},
|
|
47
43
|
className = classNameDefault,
|
|
@@ -81,13 +77,9 @@ const DSDateTimePicker = ({
|
|
|
81
77
|
onDateInputDateChange: () => null
|
|
82
78
|
}
|
|
83
79
|
}) => {
|
|
84
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
{
|
|
88
|
-
id
|
|
89
|
-
}
|
|
90
|
-
);
|
|
80
|
+
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("datetimepicker", className, {
|
|
81
|
+
id
|
|
82
|
+
});
|
|
91
83
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
92
84
|
className: cssClassName,
|
|
93
85
|
...containerProps,
|
|
@@ -103,18 +95,12 @@ const DSDateTimePicker = ({
|
|
|
103
95
|
});
|
|
104
96
|
};
|
|
105
97
|
const dateTimePickerProps = {
|
|
106
|
-
containerProps: import_ds_utilities.PropTypes.object.description(
|
|
107
|
-
"Set of Properties attached to the main container"
|
|
108
|
-
),
|
|
98
|
+
containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
109
99
|
className: import_ds_utilities.PropTypes.string.description("html class attribute"),
|
|
110
100
|
id: import_ds_utilities.PropTypes.string.description("components id"),
|
|
111
101
|
onBlur: import_ds_utilities.PropTypes.func.description("on blur callback"),
|
|
112
|
-
date: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description(
|
|
113
|
-
|
|
114
|
-
),
|
|
115
|
-
clearable: import_ds_utilities.PropTypes.bool.description(
|
|
116
|
-
"Flag to trigger onDateChange on error"
|
|
117
|
-
),
|
|
102
|
+
date: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description("Initial date, by default current date"),
|
|
103
|
+
clearable: import_ds_utilities.PropTypes.bool.description("Flag to trigger onDateChange on error"),
|
|
118
104
|
datePickerProps: import_ds_utilities.PropTypes.shape({
|
|
119
105
|
disabled: import_ds_utilities.PropTypes.bool,
|
|
120
106
|
numberOfMonths: import_ds_utilities.PropTypes.number,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = english;\n\nconst DSDateTimePicker = ({\n containerProps = {},\n className = classNameDefault,\n id = idDefault,\n placeholder = placeholderDefault,\n date,\n clearable = false,\n onBlur = () => null,\n datePickerProps = {\n disabled: false,\n numberOfMonths: 1,\n readOnly: false,\n enableOutsideDays: false,\n transitionDuration: 0,\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onchange: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n displayFormatDay: 'D',\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n zIndex: 11,\n },\n timePickerProps = {\n format: 'hh:mm A',\n onChange: () => null,\n disabledTimes: undefined,\n minutesInterval: 1,\n },\n dateInputProps = {\n onDateInputDateChange: () => null,\n },\n}) => {\n const { cssClassName } = convertPropToCssClassName('datetimepicker', className, {\n id,\n });\n return (\n <div className={cssClassName} {...containerProps}>\n <DSDateTimePickerImpl\n clearable={clearable}\n date={date}\n datePickerProps={datePickerProps}\n onBlur={onBlur}\n placeholder={placeholder}\n timePickerProps={timePickerProps}\n dateInputProps={dateInputProps}\n />\n </div>\n );\n};\n\nconst dateTimePickerProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n id: PropTypes.string.description('components id'),\n /**\n * on blur callback\n */\n onBlur: PropTypes.func.description('on blur callback'),\n /**\n * Initial date, by default current date\n */\n date: PropTypes.instanceOf(Date, moment).description('Initial date, by default current date'),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description('Flag to trigger onDateChange on error'),\n /**\n * DatePicker properties\n */\n datePickerProps: PropTypes.shape({\n disabled: PropTypes.bool,\n numberOfMonths: PropTypes.number,\n readOnly: PropTypes.bool,\n enableOutsideDays: PropTypes.bool,\n transitionDuration: PropTypes.number,\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n /**\n * ZIndex for the picker popup\n */\n zIndex: PropTypes.number,\n }),\n displayFormatDay: PropTypes.string,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n }).description('DatePicker properties'),\n /**\n * Input placeholder\n */\n placeholder: PropTypes.string.description('Input placeholder'),\n /**\n * TimePicker properties\n */\n timePickerProps: PropTypes.shape({\n format: PropTypes.string,\n onChange: PropTypes.func,\n }).description('TimePicker properties'),\n dateInputProps: PropTypes.shape({\n onDateInputDateChange: PropTypes.func,\n }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["english", "moment"]
|
|
7
7
|
}
|
package/dist/cjs/tests/utils.js
CHANGED
|
@@ -32,10 +32,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
32
32
|
var import_react = __toESM(require("react"));
|
|
33
33
|
var import_styled_components = require("styled-components");
|
|
34
34
|
var import_ds_system = require("@elliemae/ds-system");
|
|
35
|
-
const themeProviderHOC = (Component) => (props)
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
})
|
|
35
|
+
const themeProviderHOC = (Component) => function(props) {
|
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, {
|
|
37
|
+
theme: import_ds_system.DSTheme,
|
|
38
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
|
|
39
|
+
...props
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
};
|
|
41
43
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/tests/utils.js", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component)
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component) =>\n function (props) {\n return (\n <ThemeProvider theme={DSTheme}>\n <Component {...props} />\n </ThemeProvider>\n );\n };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQf;AARR,mBAAkB;AAClB,+BAA8B;AAC9B,uBAAwB;AAEjB,MAAM,mBAAmB,CAAC,cAC/B,SAAU,OAAO;AACf,SACE,4CAAC;AAAA,IAAc,OAAO;AAAA,IACpB,sDAAC;AAAA,MAAW,GAAG;AAAA,KAAO;AAAA,GACxB;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,11 +6,7 @@ import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
|
6
6
|
import { SingleDatePickerPhrases } from "@elliemae/ds-date-picker";
|
|
7
7
|
import { DSDateTimePickerImpl } from "./components/DateTimePickerImpl";
|
|
8
8
|
import english from "./lang/english";
|
|
9
|
-
const {
|
|
10
|
-
placeholder: placeholderDefault,
|
|
11
|
-
className: classNameDefault,
|
|
12
|
-
id: idDefault
|
|
13
|
-
} = english;
|
|
9
|
+
const { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = english;
|
|
14
10
|
const DSDateTimePicker = ({
|
|
15
11
|
containerProps = {},
|
|
16
12
|
className = classNameDefault,
|
|
@@ -50,13 +46,9 @@ const DSDateTimePicker = ({
|
|
|
50
46
|
onDateInputDateChange: () => null
|
|
51
47
|
}
|
|
52
48
|
}) => {
|
|
53
|
-
const { cssClassName } = convertPropToCssClassName(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
{
|
|
57
|
-
id
|
|
58
|
-
}
|
|
59
|
-
);
|
|
49
|
+
const { cssClassName } = convertPropToCssClassName("datetimepicker", className, {
|
|
50
|
+
id
|
|
51
|
+
});
|
|
60
52
|
return /* @__PURE__ */ jsx("div", {
|
|
61
53
|
className: cssClassName,
|
|
62
54
|
...containerProps,
|
|
@@ -72,18 +64,12 @@ const DSDateTimePicker = ({
|
|
|
72
64
|
});
|
|
73
65
|
};
|
|
74
66
|
const dateTimePickerProps = {
|
|
75
|
-
containerProps: PropTypes.object.description(
|
|
76
|
-
"Set of Properties attached to the main container"
|
|
77
|
-
),
|
|
67
|
+
containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
|
|
78
68
|
className: PropTypes.string.description("html class attribute"),
|
|
79
69
|
id: PropTypes.string.description("components id"),
|
|
80
70
|
onBlur: PropTypes.func.description("on blur callback"),
|
|
81
|
-
date: PropTypes.instanceOf(Date, moment).description(
|
|
82
|
-
|
|
83
|
-
),
|
|
84
|
-
clearable: PropTypes.bool.description(
|
|
85
|
-
"Flag to trigger onDateChange on error"
|
|
86
|
-
),
|
|
71
|
+
date: PropTypes.instanceOf(Date, moment).description("Initial date, by default current date"),
|
|
72
|
+
clearable: PropTypes.bool.description("Flag to trigger onDateChange on error"),
|
|
87
73
|
datePickerProps: PropTypes.shape({
|
|
88
74
|
disabled: PropTypes.bool,
|
|
89
75
|
numberOfMonths: PropTypes.number,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDateTimePicker.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst { placeholder: placeholderDefault, className: classNameDefault, id: idDefault } = english;\n\nconst DSDateTimePicker = ({\n containerProps = {},\n className = classNameDefault,\n id = idDefault,\n placeholder = placeholderDefault,\n date,\n clearable = false,\n onBlur = () => null,\n datePickerProps = {\n disabled: false,\n numberOfMonths: 1,\n readOnly: false,\n enableOutsideDays: false,\n transitionDuration: 0,\n firstDayOfWeek: 0,\n keepOpenOnDateSelect: true,\n hideKeyboardShortcutsPanel: true,\n onPrevMonthClick: () => null,\n onNextMonthClick: () => null,\n onClose: () => null,\n onchange: () => null,\n onDateChange: () => null,\n phrases: SingleDatePickerPhrases,\n displayFormatDay: 'D',\n isDayBlocked: () => false,\n isOutsideRange: () => false,\n isDayHighlighted: () => false,\n zIndex: 11,\n },\n timePickerProps = {\n format: 'hh:mm A',\n onChange: () => null,\n disabledTimes: undefined,\n minutesInterval: 1,\n },\n dateInputProps = {\n onDateInputDateChange: () => null,\n },\n}) => {\n const { cssClassName } = convertPropToCssClassName('datetimepicker', className, {\n id,\n });\n return (\n <div className={cssClassName} {...containerProps}>\n <DSDateTimePickerImpl\n clearable={clearable}\n date={date}\n datePickerProps={datePickerProps}\n onBlur={onBlur}\n placeholder={placeholder}\n timePickerProps={timePickerProps}\n dateInputProps={dateInputProps}\n />\n </div>\n );\n};\n\nconst dateTimePickerProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n id: PropTypes.string.description('components id'),\n /**\n * on blur callback\n */\n onBlur: PropTypes.func.description('on blur callback'),\n /**\n * Initial date, by default current date\n */\n date: PropTypes.instanceOf(Date, moment).description('Initial date, by default current date'),\n /**\n * Flag to trigger onDateChange on error\n */\n clearable: PropTypes.bool.description('Flag to trigger onDateChange on error'),\n /**\n * DatePicker properties\n */\n datePickerProps: PropTypes.shape({\n disabled: PropTypes.bool,\n numberOfMonths: PropTypes.number,\n readOnly: PropTypes.bool,\n enableOutsideDays: PropTypes.bool,\n transitionDuration: PropTypes.number,\n firstDayOfWeek: PropTypes.number,\n keepOpenOnDateSelect: PropTypes.bool,\n hideKeyboardShortcutsPanel: PropTypes.bool,\n onPrevMonthClick: PropTypes.func,\n onNextMonthClick: PropTypes.func,\n onClose: PropTypes.func,\n onDateChange: PropTypes.func,\n phrases: PropTypes.shape({\n calendarLabel: PropTypes.string,\n closeDatePicker: PropTypes.string,\n clearDates: PropTypes.string,\n focusStartDate: PropTypes.string,\n jumpToPrevMonth: PropTypes.string,\n jumpToNextMonth: PropTypes.string,\n keyboardShortcuts: PropTypes.string,\n showKeyboardShortcutsPanel: PropTypes.string,\n hideKeyboardShortcutsPanel: PropTypes.string,\n openThisPanel: PropTypes.string,\n enterKey: PropTypes.string,\n leftArrowRightArrow: PropTypes.string,\n upArrowDownArrow: PropTypes.string,\n pageUpPageDown: PropTypes.string,\n homeEnd: PropTypes.string,\n escape: PropTypes.string,\n questionMark: PropTypes.string,\n selectFocusedDate: PropTypes.string,\n moveFocusByOneDay: PropTypes.string,\n moveFocusByOneWeek: PropTypes.string,\n moveFocusByOneMonth: PropTypes.string,\n moveFocustoStartAndEndOfWeek: PropTypes.string,\n returnFocusToInput: PropTypes.string,\n keyboardNavigationInstructions: PropTypes.string,\n chooseAvailableStartDate: PropTypes.func,\n chooseAvailableEndDate: PropTypes.func,\n dateIsUnavailable: PropTypes.func,\n dateIsSelected: PropTypes.func,\n /**\n * ZIndex for the picker popup\n */\n zIndex: PropTypes.number,\n }),\n displayFormatDay: PropTypes.string,\n isDayBlocked: PropTypes.func,\n isOutsideRange: PropTypes.func,\n isDayHighlighted: PropTypes.func,\n }).description('DatePicker properties'),\n /**\n * Input placeholder\n */\n placeholder: PropTypes.string.description('Input placeholder'),\n /**\n * TimePicker properties\n */\n timePickerProps: PropTypes.shape({\n format: PropTypes.string,\n onChange: PropTypes.func,\n }).description('TimePicker properties'),\n dateInputProps: PropTypes.shape({\n onDateInputDateChange: PropTypes.func,\n }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nDSDateTimePicker.displayName = 'DSDateTimePicker';\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/tests/utils.js
CHANGED
|
@@ -3,12 +3,14 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import React2 from "react";
|
|
4
4
|
import { ThemeProvider } from "styled-components";
|
|
5
5
|
import { DSTheme } from "@elliemae/ds-system";
|
|
6
|
-
const themeProviderHOC = (Component) => (props)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
6
|
+
const themeProviderHOC = (Component) => function(props) {
|
|
7
|
+
return /* @__PURE__ */ jsx(ThemeProvider, {
|
|
8
|
+
theme: DSTheme,
|
|
9
|
+
children: /* @__PURE__ */ jsx(Component, {
|
|
10
|
+
...props
|
|
11
|
+
})
|
|
12
|
+
});
|
|
13
|
+
};
|
|
12
14
|
export {
|
|
13
15
|
themeProviderHOC
|
|
14
16
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/utils.js"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component)
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component) =>\n function (props) {\n return (\n <ThemeProvider theme={DSTheme}>\n <Component {...props} />\n </ThemeProvider>\n );\n };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACQf;AARR,OAAOA,YAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAEjB,MAAM,mBAAmB,CAAC,cAC/B,SAAU,OAAO;AACf,SACE,oBAAC;AAAA,IAAc,OAAO;AAAA,IACpB,8BAAC;AAAA,MAAW,GAAG;AAAA,KAAO;AAAA,GACxB;AAEJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-time-picker",
|
|
3
|
-
"version": "3.12.0-next.
|
|
3
|
+
"version": "3.12.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Time Picker",
|
|
6
6
|
"files": [
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"indent": 4
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@elliemae/ds-classnames": "3.12.0-next.
|
|
59
|
-
"@elliemae/ds-date-picker": "3.12.0-next.
|
|
60
|
-
"@elliemae/ds-form": "3.12.0-next.
|
|
61
|
-
"@elliemae/ds-system": "3.12.0-next.
|
|
62
|
-
"@elliemae/ds-time-picker": "3.12.0-next.
|
|
63
|
-
"@elliemae/ds-utilities": "3.12.0-next.
|
|
58
|
+
"@elliemae/ds-classnames": "3.12.0-next.1",
|
|
59
|
+
"@elliemae/ds-date-picker": "3.12.0-next.1",
|
|
60
|
+
"@elliemae/ds-form": "3.12.0-next.1",
|
|
61
|
+
"@elliemae/ds-system": "3.12.0-next.1",
|
|
62
|
+
"@elliemae/ds-time-picker": "3.12.0-next.1",
|
|
63
|
+
"@elliemae/ds-utilities": "3.12.0-next.1",
|
|
64
64
|
"lodash": "~4.17.21",
|
|
65
65
|
"moment": "~2.29.3"
|
|
66
66
|
},
|