@semcore/date-picker 3.6.32 → 3.6.34

package/lib/es6/components/index.js

@@ -99,9 +99,6 @@ export function Next(_ref15) {
 Next.defaultProps = {
   children: /*#__PURE__*/React.createElement(ChevronRight, null)
 };
-var stylesBtn = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/".___SInner_55n17_gg_{justify-content:flex-start}" /*__inner_css_end__*/, "55n17_gg_") /*__reshadow_css_end__*/, {
-  "__SInner": "___SInner_55n17_gg_"
-});
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);
   var _super = _createSuper(Period);
@@ -150,7 +147,7 @@ export var Period = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(Button, _extends({
           use: "tertiary",
           theme: "muted",
-          styles: stylesBtn,
+          styles: styles,
           key: i,
           active: _this2.getActiveControl(period, value),
           onClick: callAllEventHandlers(onClick, function () {

package/lib/es6/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","InputTriggerBase","Trigger","_ref","arguments[0]","createElement","_assignProps","InputTrigger","_ref2","_assignProps2","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","_ref3","_ref9","SPopper","styles","cn","_objectSpread","_assignProps3","Header","_ref4","_ref10","SHeader","_assignProps4","Title","_ref13","_ref5","_ref11","Children","STitle","_assignProps5","Prev","_ref14","_ref6","getI18nText","_assignProps6","defaultProps","children","Next","_ref15","_ref7","_assignProps7","stylesBtn","insert","Period","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","period","undefined","value","compareMonth","monthOne","monthTwo","isSame","isArray","_createClass","key","render","_ref8","asProps","_ref12","_this2","SPeriod","_this$asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","_assignProps8","map","_ref16","i","onClick","onMouseEnter","onMouseLeave","other","_objectWithoutProperties","_excluded","_extends","use","theme","active","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.Trigger` is deprecated, consider migrating to `DatePicker.InputTrigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'onChange', 'value']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(<SPopper render={Dropdown.Popper} role=\"region\" />);\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('prev')}\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('next')}\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","InputTriggerBase","Trigger","_ref","arguments[0]","createElement","_assignProps","InputTrigger","_ref2","_assignProps2","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","_ref3","_ref9","SPopper","styles","cn","_objectSpread","_assignProps3","Header","_ref4","_ref10","SHeader","_assignProps4","Title","_ref13","_ref5","_ref11","Children","STitle","_assignProps5","Prev","_ref14","_ref6","getI18nText","_assignProps6","defaultProps","children","Next","_ref15","_ref7","_assignProps7","Period","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","period","undefined","value","compareMonth","monthOne","monthTwo","isSame","isArray","_createClass","key","render","_ref8","asProps","_ref12","_this2","SPeriod","_this$asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","_assignProps8","map","_ref16","i","onClick","onMouseEnter","onMouseLeave","other","_objectWithoutProperties","_excluded","_extends","use","theme","active","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.Trigger` is deprecated, consider migrating to `DatePicker.InputTrigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'onChange', 'value']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(<SPopper render={Dropdown.Popper} role=\"region\" />);\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('prev')}\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next({ getI18nText }) {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label={getI18nText('next')}\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={styles}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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"}

package/lib/es6/style/date-picker.shadow.css

@@ -46,6 +46,10 @@ SPeriod {
   margin-bottom: var(--intergalactic-spacing-2x, 8px);
 }
 
+SButton SInner {
+  justify-content: flex-start;
+}
+
 SInputMask {
   color: var(--intergalactic-text-primary, #191b23);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "3.6.32",
+  "version": "3.6.34",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",