intelicoreact 0.0.64 → 0.0.65

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -62,6 +62,7 @@ var InputDateRange = function InputDateRange(props) {
       hideArrows = _props$hideArrows === void 0 ? false : _props$hideArrows,
       isOptionsRight = props.isOptionsRight,
       limitRange = props.limitRange,
+      isShortWeekNames = props.isShortWeekNames,
       isUseAbs = props.isUseAbs,
       absTooltip = props.absTooltip;
   var actualValues = (0, _dependencies.getActualDateRange)(value);
@@ -216,14 +217,7 @@ var InputDateRange = function InputDateRange(props) {
     className: (0, _classnames.default)('date-range-input__static-part')
   }, /*#__PURE__*/_react.default.createElement("button", {
     id: id,
-    className: (0, _classnames.default)('date-range-input__toggle-button') // className={cn(
-    //     'date-range-input__toggle-button',
-    //     { 'form-select__input--disabled': disabled },
-    //     { 'form-select__input--opened': isToggled },
-    //     { 'form-select__input--focused': isToggled },
-    //     className,
-    // )}
-    ,
+    className: (0, _classnames.default)('date-range-input__toggle-button'),
     disabled: disabled,
     onClick: !disabled && !isHoverable ? toggle : undefined
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js

@@ -236,7 +236,8 @@ InputDateRangeTemplate.args = {
   isIntervalsHidden: false,
   isCompareHidden: true,
   hideArrows: false,
-  isOptionsRight: false // limitRange,
+  isOptionsRight: false,
+  isShortWeekNames: false // limitRange,
   // isUseAbs,
   // absTooltip
 

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -66,7 +66,8 @@ var Datepicker = function Datepicker(props) {
       isCompareHidden = props.isCompareHidden,
       limitRange = props.limitRange,
       handleItemClick = props.handleItemClick,
-      setActiveInterval = props.setActiveInterval;
+      setActiveInterval = props.setActiveInterval,
+      isShortWeekNames = props.isShortWeekNames;
   var _values$start = values.start,
       start = _values$start === void 0 ? null : _values$start,
       _values$end = values.end,
@@ -461,7 +462,8 @@ var Datepicker = function Datepicker(props) {
     endPrevDate: endPrevDate,
     onClick: handleClick,
     onHover: handleHover,
-    limitRange: limitRange
+    limitRange: limitRange,
+    isShortWeekNames: isShortWeekNames
   }), /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
     className: "date-picker__calendar",
     date: date2,
@@ -472,7 +474,8 @@ var Datepicker = function Datepicker(props) {
     startPrevDate: startPrevDate,
     endPrevDate: endPrevDate,
     onClick: handleClick,
-    onHover: handleHover
+    onHover: handleHover,
+    isShortWeekNames: isShortWeekNames
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-picker__footer', {
       'date-picker__footer_once-element': isCompareHidden

package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -55,7 +55,8 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setCurrent = props.setCurrent,
       isCompare = props.isCompare,
       setIsCompare = props.setIsCompare,
-      toggleOff = props.toggleOff;
+      toggleOff = props.toggleOff,
+      isShortWeekNames = props.isShortWeekNames;
 
   var items = isCompact ? (0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)) : [].concat((0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)), [_dependencies.CUSTOM_INTERVAL_KEY]);
 
@@ -118,7 +119,7 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
       key: index,
       item: item,
-      label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item = _dependencies.INTERVALS[item]) === null || _intervals$item === void 0 ? void 0 : _intervals$item.label) || item,
+      label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item = _dependencies.INTERVALS[item]) === null || _intervals$item === void 0 ? void 0 : _intervals$item.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
       isActive: activeInterval === item,
       onItemClick: function onItemClick() {
         return handleItemClick(item.value || item);
@@ -146,7 +147,8 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onCancel: toggleOff,
     isCompareHidden: isCompareHidden,
     limitRange: limitRange,
-    setActiveInterval: setActiveInterval
+    setActiveInterval: setActiveInterval,
+    isShortWeekNames: isShortWeekNames
   })));
 });
 

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -43,7 +43,8 @@ var RangeCalendar = function RangeCalendar(props) {
       onHover = _props$onHover === void 0 ? function () {} : _props$onHover,
       startPrevDate = props.startPrevDate,
       endPrevDate = props.endPrevDate,
-      limitRange = props.limitRange;
+      limitRange = props.limitRange,
+      isShortWeekNames = props.isShortWeekNames;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -125,6 +126,10 @@ var RangeCalendar = function RangeCalendar(props) {
     setDate((0, _momentTimezone.default)(date).add(1, 'month').toDate());
   };
 
+  var getFormatedWeekName = function getFormatedWeekName(input) {
+    return isShortWeekNames ? input.charAt(0) : input;
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('range-calendar', className)
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -147,7 +152,7 @@ var RangeCalendar = function RangeCalendar(props) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "day-of-week_".concat(dayOfWeek),
       className: "range-calendar__day range-calendar__day--title"
-    }, (0, _momentTimezone.default)().weekday(dayOfWeek).format('dd').charAt(0));
+    }, getFormatedWeekName((0, _momentTimezone.default)().weekday(dayOfWeek).format('dd')));
   })), Object.keys(days).map(function (week, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "week_".concat(index),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "description": "Range selector fixes",
   "main": "dist/index.js",
   "scripts": {

package/src/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -29,6 +29,7 @@ const InputDateRange = props => {
         hideArrows = false,
         isOptionsRight,
         limitRange,
+        isShortWeekNames,
         isUseAbs,
         absTooltip,
     } = props;
@@ -182,13 +183,6 @@ const InputDateRange = props => {
                         <button
                             id={id}
                             className={cn('date-range-input__toggle-button')}
-                            // className={cn(
-                            //     'date-range-input__toggle-button',
-                            //     { 'form-select__input--disabled': disabled },
-                            //     { 'form-select__input--opened': isToggled },
-                            //     { 'form-select__input--focused': isToggled },
-                            //     className,
-                            // )}
                             disabled={disabled}
                             onClick={!disabled && !isHoverable ? toggle : undefined}
                         >

package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js

@@ -142,6 +142,7 @@ InputDateRangeTemplate.args = {
     isCompareHidden: true,
     hideArrows: false,
     isOptionsRight: false,
+    isShortWeekNames: false
     // limitRange,
     // isUseAbs,
     // absTooltip

package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -40,7 +40,8 @@ const Datepicker = props => {
         isCompareHidden,
         limitRange,
         handleItemClick,
-        setActiveInterval
+        setActiveInterval,
+        isShortWeekNames
     } = props;
     const { start = null, end = null, compare = false } = values;
     const startDateInputRef = useRef(null);
@@ -362,6 +363,7 @@ const Datepicker = props => {
                         onClick={handleClick}
                         onHover={handleHover}
                         limitRange={limitRange}
+                        isShortWeekNames={isShortWeekNames}
                     />
                     <Calendar
                         className="date-picker__calendar"
@@ -374,6 +376,7 @@ const Datepicker = props => {
                         endPrevDate={endPrevDate}
                         onClick={handleClick}
                         onHover={handleHover}
+                        isShortWeekNames={isShortWeekNames}
                     />
                 </div>
             </div>

package/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import moment from 'moment-timezone';
 import cn from 'classnames';
 
-import {INTERVALS as intervals, CUSTOM_INTERVAL_KEY as customKey } from '../dependencies';
+import {INTERVALS as intervals, CUSTOM_INTERVAL_KEY as customKey, CUSTOM_INTERVAL_KEY_TEXT } from '../dependencies';
 
 import SelectItem from './SelectItem';
 import Datepicker from './Datepicker';
@@ -25,6 +25,7 @@ const OpenedPart = React.forwardRef((props, ref) => {
         isCompare,
         setIsCompare,
         toggleOff,
+        isShortWeekNames
     } = props;
   
     const items = isCompact ? [...Object.keys(intervals)] : [...Object.keys(intervals), customKey];
@@ -76,7 +77,7 @@ const OpenedPart = React.forwardRef((props, ref) => {
                             <SelectItem
                                 key={index}
                                 item={item}
-                                label={(txt?.labels && txt?.labels[item]) || intervals[item]?.label || item}
+                                label={(txt?.labels && txt?.labels[item]) || intervals[item]?.label || (item === customKey ? CUSTOM_INTERVAL_KEY_TEXT : item )}
                                 isActive={activeInterval === item}
                                 onItemClick={() => handleItemClick(item.value || item)}
                                 disabled={item === customKey}
@@ -103,6 +104,7 @@ const OpenedPart = React.forwardRef((props, ref) => {
                         isCompareHidden={isCompareHidden}
                         limitRange={limitRange}
                         setActiveInterval={setActiveInterval}
+                        isShortWeekNames={isShortWeekNames}
                     />
                 )}
             </div>

package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -19,7 +19,8 @@ const RangeCalendar = props => {
         onHover = () => {},
         startPrevDate,
         endPrevDate,
-        limitRange
+        limitRange,
+        isShortWeekNames
     } = props;
 
     const [days, setDays] = useState({});
@@ -100,6 +101,8 @@ const RangeCalendar = props => {
         setDate(moment(date).add(1, 'month').toDate());
     };
 
+    const getFormatedWeekName = input => isShortWeekNames ? input.charAt(0) : input;
+
     return (
         <div className={cn('range-calendar', className)}>
             <div className="range-calendar-header">
@@ -126,7 +129,7 @@ const RangeCalendar = props => {
                 {[...Array(7).keys()].map(dayOfWeek => {
                     return (
                         <div key={`day-of-week_${dayOfWeek}`} className="range-calendar__day range-calendar__day--title">
-                            {moment().weekday(dayOfWeek).format('dd').charAt(0)}
+                            {getFormatedWeekName(moment().weekday(dayOfWeek).format('dd'))}
                         </div>
                     );
                 })}