@evergis/uilib-gl 1.0.37 → 1.0.38

package/dist/atoms/LegendToggler/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export declare const LegendToggler: import("styled-components").StyledComponent<import("react").FC<import("../../molecules/IconButton").IIconButtonProps>, import("styled-components").DefaultTheme, {
+import { IIconButtonProps } from "../../molecules/IconButton";
+export declare const LegendToggler: import("styled-components").StyledComponent<import("react").FC<IIconButtonProps>, import("styled-components").DefaultTheme, {
     toggled?: boolean | undefined;
     color?: string | undefined;
 }, never>;

package/dist/uilib-gl.esm.js

@@ -11582,7 +11582,11 @@ var IconButtonComponent = function IconButtonComponent(_ref) {
 var IconButton = /*#__PURE__*/memo(IconButtonComponent);
 
 var _templateObject$l;
-var LegendToggler = /*#__PURE__*/styled(IconButton)(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  width: 100%;\n  height: auto;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n\n  &:hover,\n  &:active {\n    ", ", ", " + span {\n      color: ", ";\n      transform: scale(1);\n    }\n  }\n\n  ", " + span {\n    line-height: 0;\n    font: ", ";\n    color: ", ";\n    margin: 0 0.25rem 0 0;\n  }\n\n  ", ", ", " + span {\n    align-items: center;\n    color: ", ";\n    display: flex;\n    text-align: left;\n\n    &:after {\n      margin-left: 2px;\n      position: static;\n      transform: ", ";\n      transition: transform 289ms ", ";\n    }\n  }\n"])), Icon, Icon, function (_ref) {
+var LegendToggler = /*#__PURE__*/styled(IconButton).attrs(function (props) {
+  return _extends({
+    kind: "expand"
+  }, props);
+})(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  width: 100%;\n  height: auto;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n\n  &:hover,\n  &:active {\n    ", ", ", " + span {\n      color: ", ";\n      transform: scale(1);\n    }\n  }\n\n  ", " + span {\n    line-height: 0;\n    font: ", ";\n    color: ", ";\n    margin: 0 0.25rem 0 0;\n  }\n\n  ", ", ", " + span {\n    align-items: center;\n    color: ", ";\n    display: flex;\n    text-align: left;\n\n    &:after {\n      margin-left: 2px;\n      position: static;\n      transform: ", ";\n      transition: transform 289ms ", ";\n    }\n  }\n"])), Icon, Icon, function (_ref) {
   var palette = _ref.theme.palette,
       color = _ref.color;
   return color || palette.primary;
@@ -11601,9 +11605,6 @@ var LegendToggler = /*#__PURE__*/styled(IconButton)(_templateObject$l || (_templ
   var toggled = _ref5.toggled;
   return "rotate(" + (toggled ? 180 : 0) + "deg)";
 }, transition.upDown);
-LegendToggler.defaultProps = {
-  kind: "expand"
-};
 
 var _templateObject$m;
 var Input = /*#__PURE__*/styled.input.attrs(function () {
@@ -19135,12 +19136,19 @@ var CalendarComponent = function CalendarComponent(props) {
 
 var Calendar = /*#__PURE__*/memo(CalendarComponent);
 
-var DatePickerComponent = function DatePickerComponent(props) {
+var DATE_PICKER_DEFAULTS = {
+  locale: Locale,
+  withTime: false,
+  withHeader: true
+}; // eslint-disable-next-line max-lines-per-function
+
+var DatePickerComponent = function DatePickerComponent(inputProps) {
   var _useState = useState(false),
       calendarIsOpen = _useState[0],
       setCalendarIsOpen = _useState[1];
 
   var input = useRef(null);
+  var props = defaults(inputProps, DATE_PICKER_DEFAULTS);
   var withTime = props.withTime,
       value = props.value,
       disabled = props.disabled,
@@ -19253,11 +19261,6 @@ var DatePickerComponent = function DatePickerComponent(props) {
   })));
 };
 
-DatePickerComponent.defaultProps = {
-  locale: Locale,
-  withTime: false,
-  withHeader: true
-};
 var DatePicker = /*#__PURE__*/memo(DatePickerComponent);
 
 var _templateObject$1r, _templateObject2$N;