intelicoreact 0.1.25 → 0.1.28

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

@@ -62,7 +62,8 @@ var InputDateRange = function InputDateRange(props) {
       maxDate = _props$maxDate === void 0 ? null : _props$maxDate,
       _props$format = props.format,
       format = _props$format === void 0 ? 'MM/DD/YYYY' : _props$format,
-      isDontLimitFuture = props.isDontLimitFuture;
+      isDontLimitFuture = props.isDontLimitFuture,
+      isListTop = props.isListTop;
   var formatedMinDate = (0, _momentTimezone.default)(minDate).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(minDate).format(format) : null;
   var formatedMaxDate = (0, _momentTimezone.default)(maxDate).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(maxDate).format(format) : null;
   var momentMinDate = (0, _momentTimezone.default)(formatedMinDate, format).startOf('day');
@@ -240,7 +241,8 @@ var InputDateRange = function InputDateRange(props) {
     format: format,
     momentMinDate: momentMinDate,
     momentMaxDate: momentMaxDate,
-    isDontLimitFuture: isDontLimitFuture
+    isDontLimitFuture: isDontLimitFuture,
+    isListTop: isListTop
   })))), error && /*#__PURE__*/_react.default.createElement("span", {
     className: "date-range-input__error-block"
   }, error));

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss

@@ -269,13 +269,6 @@
     top: auto;
     bottom: 31px;
   }
-
-  &--top-left {
-    left: auto;
-    top: auto;
-    bottom: 31px;
-    right: 0;
-  }
 }
 
 .date-picker {

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

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

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

@@ -66,7 +66,8 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       format = props.format,
       momentMinDate = props.momentMinDate,
       momentMaxDate = props.momentMaxDate,
-      isDontLimitFuture = props.isDontLimitFuture;
+      isDontLimitFuture = props.isDontLimitFuture,
+      isListTop = props.isListTop;
 
   var boxRef = (0, _react.useRef)();
 
@@ -75,7 +76,9 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       elemPosition = _useState2[0],
       setElemPosition = _useState2[1];
 
-  var openedPartClass = classNames('date-range-input__opened-part', 'opened-part', (0, _defineProperty2.default)({}, "opened-part--".concat(elemPosition), elemPosition));
+  var openedPartClass = classNames('date-range-input__opened-part', 'opened-part', (0, _defineProperty2.default)({}, "opened-part--".concat(elemPosition), elemPosition), {
+    'opened-part--top': isListTop
+  });
   var openedPartWrapperClass = classNames('opened-part__wrapper', {
     'opened-part__wrapper_right-position-once-element': isOptionsRight && (isCompact || isIntervalsHidden)
   });

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

@@ -68,6 +68,7 @@ var Template = function Template(args) {
 
   (0, _react.useEffect)(function () {
     if (isUseInitialValues) setValue(initialValues);else setValue([]);
+    setError('');
   }, [isUseInitialValues, restArgs.isFloatValues]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: rootStyles

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

@@ -53,6 +53,7 @@ var TagsDropdownTemplate = Template.bind({});
 exports.TagsDropdownTemplate = TagsDropdownTemplate;
 TagsDropdownTemplate.args = {
   includeOuterStyles: false,
+  disabled: false,
   options: [{
     id: 1,
     title: 'Tags Dropdown1',

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -18,16 +18,19 @@ require("./TextSwitcher.scss");
 var RC = 'text-switcher';
 
 var TextSwitcher = function TextSwitcher(_ref) {
+  var _cn;
+
   var isActive = _ref.isActive,
+      onChange = _ref.onChange,
+      className = _ref.className,
+      disabled = _ref.disabled,
       _ref$activeText = _ref.activeText,
       activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
       _ref$inactiveText = _ref.inactiveText,
-      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
-      onChange = _ref.onChange,
-      className = _ref.className;
+      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText;
   var isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
+    className: (0, _classnames.default)(RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn), className),
     onClick: function onClick() {
       return onChange(!isActive);
     }

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -58,6 +58,11 @@
   &_active {
     border-color: $color--green-light;
   }
+
+  &_disabled {
+    opacity: 0.7;
+    pointer-events: none;
+  }
 }
 
 .text-switcher_unsetted {

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

@@ -54,6 +54,7 @@ var TextSwitcherTemplate = Template.bind({});
 exports.TextSwitcherTemplate = TextSwitcherTemplate;
 TextSwitcherTemplate.args = {
   includeOuterStyles: false,
+  disabled: false,
   activeText: 'is',
   inactiveText: 'some long text'
 };

package/dist/Atomic/UI/Status/Status.scss

@@ -72,5 +72,3 @@
     color: #777;
   }
 }
-
-.mr-half {}

package/dist/Functions/utils.js

@@ -67,16 +67,10 @@ exports.getStyles = getStyles;
 
 var defineBoxPositionByScreen = function defineBoxPositionByScreen(ref) {
   var elemRightPosition = ref.current.getBoundingClientRect().right;
-  var elemBottomPosition = ref.current.getBoundingClientRect().bottom;
   var screenWidth = document.documentElement.clientWidth;
-  var screenHeight = document.documentElement.clientHeight;
 
-  if (elemRightPosition > screenWidth && elemBottomPosition < screenHeight) {
+  if (elemRightPosition > screenWidth) {
     return 'left';
-  } else if (elemBottomPosition > screenHeight && elemRightPosition < screenWidth) {
-    return 'top';
-  } else if (elemRightPosition > screenWidth && elemBottomPosition > screenHeight) {
-    return 'top-left';
   }
 };
 

package/dist/Molecular/SwitcherRadio/SwitcherRadio.js

@@ -32,6 +32,7 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
       direction = _ref.direction,
       className = _ref.className,
       value = _ref.value,
+      disabled = _ref.disabled,
       _ref$onChange = _ref.onChange,
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$isActive = _ref.isActive,
@@ -47,7 +48,8 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
     hintSide: hintSide,
     onChange: setIsActive,
     isLabelBold: isLabelBold,
-    className: (0, _classnames.default)(RC, className)
+    className: (0, _classnames.default)(RC, className),
+    disabled: disabled
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction))
   }, options === null || options === void 0 ? void 0 : options.map(function (option) {

package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js

@@ -83,6 +83,7 @@ SwitcherRadioTemplate.args = {
   includeOuterStyles: false,
   label: 'label test',
   isLabelBold: true,
+  disabled: false,
   direction: 'col',
   hint: 'hint',
   options: [{

package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.js

@@ -1,16 +1,64 @@
-// import SwitcherHide from '../SwitcherHide/SwitcherHide';
-// import RangeList from '../../Atomic/FormElements/RangeResult/RangeList';
-// import './SwitcherRangeList.scss';
-// const RC = 'switcher-range-list';
-// const SwitcherRangeList = ({ item, onChange }) => {
-//   const { label, hint, value, fields, isActive, listType, isInteger, id, isLabelBold } = item;
-//   return (
-//     <SwitcherHide isActive={isActive} onChange={onChange} label={label} hint={hint} isLabelBold={isLabelBold} className={RC}>
-//       <div className="switcher-range-list__row">
-//         <RangeList {...item} onChange={(e) => onChange(e, 'value')} className={`${RC}__range-list`}/>
-//       </div>
-//     </SwitcherHide>
-//   );
-// };
-// export default SwitcherRangeList;
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _RangeList = _interopRequireDefault(require("../../Atomic/FormElements/RangeList/RangeList"));
+
+require("./SwitcherRangeList.scss");
+
+var RC = 'switcher-range-list';
+
+var SwitcherRangeList = function SwitcherRangeList(props) {
+  var className = props.className,
+      label = props.label,
+      isLabelBold = props.isLabelBold,
+      hint = props.hint,
+      hintSide = props.hintSide,
+      disabled = props.disabled,
+      isActive = props.isActive,
+      value = props.value,
+      validate = props.validate,
+      isFloatValues = props.isFloatValues,
+      decimalPlaces = props.decimalPlaces,
+      error = props.error,
+      defaultErrorText = props.defaultErrorText,
+      nullValueText = props.nullValueText,
+      _props$setIsActive = props.setIsActive,
+      setIsActive = _props$setIsActive === void 0 ? function () {} : _props$setIsActive,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(_SwitcherHide.default, {
+    isActive: isActive,
+    onChange: setIsActive,
+    label: label,
+    isLabelBold: isLabelBold,
+    hint: hint,
+    hintSide: hintSide,
+    className: (0, _classnames.default)(RC, className),
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "switcher-range-list__row"
+  }, /*#__PURE__*/React.createElement(_RangeList.default, {
+    className: "".concat(RC, "__range-list"),
+    value: value,
+    onChange: onChange,
+    validate: validate,
+    isFloatValues: isFloatValues,
+    decimalPlaces: decimalPlaces,
+    error: error,
+    defaultErrorText: defaultErrorText,
+    nullValueText: nullValueText
+  })));
+};
+
+var _default = SwitcherRangeList;
+exports.default = _default;

package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js

@@ -1,19 +1,122 @@
-// import React, { useState } from 'react';
-// import SwitcherRangeList from './SwitcherRangeList';
-// import { useEffect } from 'react';
-// import './partial/AnyOuterClass.scss'
-// global.lng = 'en';
-// export default {
-//   title: 'SwitcherRangeList',
-//   component: SwitcherRangeList
-// };
-// const Template = args => {
-//   const [value, setValue] = useState(true);
-//   return (
-//     <SwitcherRangeList item={field} onChange={handle.change} />
-//   );
-// };
-// export const SwitcherRangeListTemplate = Template.bind({});
-// SwitcherRangeListTemplate.args = {
-// };
-"use strict";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherRangeListTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherRangeList = _interopRequireDefault(require("./SwitcherRangeList"));
+
+require("./partial/AnyOuterClass.scss");
+
+var _excluded = ["includeOuterStyles", "isAddValidateForExamle", "isUseInitialValues", "initialValues"];
+
+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); }
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherRangeList',
+  component: _SwitcherRangeList.default
+};
+exports.default = _default;
+var DEFAULT_STATE = {
+  isActive: true,
+  value: []
+};
+
+var Template = function Template(args) {
+  var includeOuterStyles = args.includeOuterStyles,
+      isAddValidateForExamle = args.isAddValidateForExamle,
+      isUseInitialValues = args.isUseInitialValues,
+      initialValues = args.initialValues,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+
+  var _useState = (0, _react.useState)(DEFAULT_STATE),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  var handleChange = function handleChange(value, prop) {
+    setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, value)));
+    setError('');
+  };
+
+  var validateForExample = function validateForExample(from, to) {
+    if (+from < 18) {
+      setError('18 is the minimum allowed value');
+      return false;
+    } else {
+      setError('');
+      return true;
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (isUseInitialValues) handleChange(initialValues, 'value');else handleChange([], 'value');
+  }, [isUseInitialValues, restArgs.isFloatValues]);
+  return /*#__PURE__*/_react.default.createElement(_SwitcherRangeList.default, (0, _extends2.default)({}, restArgs, {
+    isActive: state.isActive,
+    setIsActive: function setIsActive(val) {
+      return handleChange(val, 'isActive');
+    },
+    value: state.value,
+    onChange: function onChange(val) {
+      return handleChange(val, 'value');
+    },
+    className: includeOuterStyles ? 'any-outer-class__switcher-range-list' : null,
+    validate: isAddValidateForExamle ? validateForExample : null,
+    error: error
+  }));
+};
+
+var SwitcherRangeListTemplate = Template.bind({});
+exports.SwitcherRangeListTemplate = SwitcherRangeListTemplate;
+SwitcherRangeListTemplate.args = {
+  includeOuterStyles: false,
+  isAddValidateForExamle: true,
+  disabled: false,
+  label: 'Test label',
+  isLabelBold: true,
+  hint: null,
+  hintSide: null,
+  isFloatValues: false,
+  decimalPlaces: 2,
+  defaultErrorText: 'Set a valid range',
+  nullValueText: 'Not set',
+  isUseInitialValues: true,
+  initialValues: [{
+    from: 15,
+    to: 17
+  }, {
+    from: 19,
+    to: 23
+  }, {
+    from: 25,
+    to: 30
+  }]
+};

package/dist/Molecular/SwitcherRangeList/partial/AnyOuterClass.scss

@@ -1,6 +1,39 @@
-.any-outer-class__switcher-radio {
-  font-style: normal;
-  font-size: 12px;
-  line-height: 20px;
-  color: #1E1E2D;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+
+.any-outer-class__switcher-range-list {
+  .switcher {
+    font-style: normal;
+    font-size: 12px;
+    line-height: 20px;
+    color: #1E1E2D;
+  }
+
+  .switcher-range-list__range-list {
+    // font-family: 'Palette Mosaic', 'cursive';
+
+    font-family: 'Roboto', sans-serif;
+
+    --border-color: #f4f7f9;
+
+    --labels-font-size: 12px;
+    --inputs-font-size: 13px;
+    --values-font-size: 13px;
+    --button-text-font-size: 13px;
+
+    --labels-color: #1E1E2D;
+    --inputs-color: #1e1e2d;
+    --values-color: #1E1E2D;
+
+    .range-list__labels {
+      line-height: 20px;
+    }
+
+    .range-list__inputs {
+      font-weight: 300;
+    }
+
+    .range-list__values {
+      font-weight: 300;
+    }
+  }
 }

package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -45,6 +45,7 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
       isActive = _ref.isActive,
       isIncluded = _ref.isIncluded,
       isAdvancedLabelSearch = _ref.isAdvancedLabelSearch,
+      disabled = _ref.disabled,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
       _ref$chosenOptions = _ref.chosenOptions,
@@ -134,7 +135,8 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
     onChange: setIsActive,
     label: label,
     className: (0, _classnames.default)(RC, className),
-    isLabelBold: isLabelBold
+    isLabelBold: isLabelBold,
+    disabled: disabled
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__wrap switcher-hide__content")
   }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {

package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js

@@ -125,6 +125,7 @@ exports.SwitcherTagsDropdownTemplate = SwitcherTagsDropdownTemplate;
 SwitcherTagsDropdownTemplate.args = {
   includeOuterStyles: false,
   isStatesAsOptions: false,
+  disabled: false,
   label: 'State',
   isLabelBold: true,
   isValuesInTags: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.25",
+  "version": "0.1.28",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],