intelicoreact 0.1.17 → 0.1.20

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherTagsDropdownTemplate = 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 _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherTagsDropdown = _interopRequireDefault(require("./SwitcherTagsDropdown"));
+
+require("./partial/AnyOuterClass.scss");
+
+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: 'SwitcherTagsDropdown',
+  component: _SwitcherTagsDropdown.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var options = [{
+    id: 1,
+    title: 'Tags Dropdown1',
+    value: 'drop1',
+    disabled: false
+  }, {
+    id: 2,
+    title: 'Tags Dropdown2',
+    value: 'drop2',
+    disabled: false
+  }, {
+    id: 3,
+    title: 'Tags Dropdown3',
+    value: 'drop3',
+    disabled: true
+  }, {
+    id: 4,
+    title: 'Tags Dropdown4',
+    value: 'drop4',
+    disabled: false
+  }, {
+    id: 5,
+    title: 'Tags Dropdown5',
+    value: 'drop5',
+    disabled: false
+  }, {
+    id: 6,
+    title: 'Tags Dropdown6',
+    value: 'drop6',
+    disabled: false
+  }];
+
+  var _useState = (0, _react.useState)({
+    isActive: true,
+    isIncluded: true,
+    value: []
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
+
+  var handleChange = function handleChange(val, prop) {
+    setValues(_objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2.default)({}, prop, val)));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_SwitcherTagsDropdown.default, (0, _extends2.default)({}, args, {
+    options: options,
+    isActive: values.isActive,
+    setIsActive: function setIsActive(val) {
+      return handleChange(val, 'isActive');
+    },
+    isIncluded: values.isIncluded,
+    setIsIncluded: function setIsIncluded(val) {
+      return handleChange(val, 'isIncluded');
+    },
+    chosenOptions: values.value,
+    onChange: function onChange(val) {
+      return handleChange(val, 'value');
+    }
+  }));
+};
+
+var SwitcherTagsDropdownTemplate = Template.bind({});
+exports.SwitcherTagsDropdownTemplate = SwitcherTagsDropdownTemplate;
+SwitcherTagsDropdownTemplate.args = {
+  label: 'State',
+  isLabelBold: true,
+  isValuesInTags: true,
+  className: 'any-outer-class__switcher-tags-dropdown'
+};

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

@@ -0,0 +1,12 @@
+.any-outer-class__switcher-tags-dropdown {
+  font-style: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1E1E2D;
+
+  .text-switcher {
+    height: 20px;
+    font-size: 10px;
+  }
+}
+

package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+
+var _TextSwitcher = _interopRequireDefault(require("../../Atomic/FormElements/TextSwitcher/TextSwitcher"));
+
+var _Textarea = _interopRequireDefault(require("../../Atomic/FormElements/Textarea/Textarea"));
+
+require("./SwitcherTextarea.scss");
+
+var RC = 'switcher-textarea';
+
+var SwitcherTextarea = function SwitcherTextarea(_ref) {
+  var label = _ref.label,
+      isLabelBold = _ref.isLabelBold,
+      hint = _ref.hint,
+      className = _ref.className,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+      _ref$setIsActive = _ref.setIsActive,
+      setIsActive = _ref$setIsActive === void 0 ? function () {} : _ref$setIsActive,
+      _ref$isIncluded = _ref.isIncluded,
+      isIncluded = _ref$isIncluded === void 0 ? true : _ref$isIncluded,
+      _ref$setIsIncluded = _ref.setIsIncluded,
+      setIsIncluded = _ref$setIsIncluded === void 0 ? function () {} : _ref$setIsIncluded,
+      _ref$text = _ref.text,
+      text = _ref$text === void 0 ? '' : _ref$text,
+      _ref$setText = _ref.setText,
+      setText = _ref$setText === void 0 ? function () {} : _ref$setText,
+      _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,
+      placeholder = _ref.placeholder,
+      disabled = _ref.disabled;
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+    isActive: isActive,
+    onChange: setIsActive,
+    label: label,
+    isLabelBold: isLabelBold,
+    className: (0, _classnames.default)(RC, className),
+    hint: hint,
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(RC, "__wrap switcher-hide__content")
+  }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
+    activeText: activeText,
+    inactiveText: inactiveText,
+    isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
+    onChange: function onChange(value) {
+      return setIsIncluded(value);
+    },
+    className: "".concat(RC, "__text-switcher")
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: function onClick() {
+      return setText('');
+    },
+    className: "".concat(RC, "__btn")
+  }, "Clear")), /*#__PURE__*/_react.default.createElement(_Textarea.default, {
+    value: text,
+    placeholder: placeholder,
+    onChange: function onChange(value) {
+      return setText(value);
+    },
+    className: "".concat(RC, "__textarea")
+  })));
+};
+
+var _default = SwitcherTextarea;
+exports.default = _default;

package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.scss

@@ -0,0 +1,23 @@
+@import './../../scss/vars';
+
+.switcher-textarea {
+  &__wrap {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+
+  &__text-switcher {
+    height: 20px;
+  }
+  
+  &__btn {
+    color: $color--primary;
+    font-size: 12px;
+    cursor: pointer;
+      &:not(:last-child) {
+      margin-right: 8px;
+    }
+  }
+}

package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitcherTextareaTemplate = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SwitcherTextarea = _interopRequireDefault(require("./SwitcherTextarea"));
+
+require("./partial/AnyOuterClass.scss");
+
+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; }
+
+global.lng = 'en';
+var _default = {
+  title: 'SwitcherTextarea',
+  component: _SwitcherTextarea.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isActive = _useState2[0],
+      setIsActive = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isIncluded = _useState4[0],
+      setIsIncluded = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      text = _useState6[0],
+      setText = _useState6[1];
+
+  return /*#__PURE__*/_react.default.createElement(_SwitcherTextarea.default, (0, _extends2.default)({}, args, {
+    isActive: isActive,
+    setIsActive: setIsActive,
+    isIncluded: isIncluded,
+    setIsIncluded: setIsIncluded,
+    text: text,
+    setText: setText
+  }));
+};
+
+var SwitcherTextareaTemplate = Template.bind({});
+exports.SwitcherTextareaTemplate = SwitcherTextareaTemplate;
+SwitcherTextareaTemplate.args = {
+  label: 'label test',
+  hint: 'hint',
+  isLabelBold: true,
+  activeText: undefined,
+  inactiveText: undefined,
+  placeholder: 'Placeholder',
+  disabled: false,
+  className: 'any-outer-class__switcher-textarea'
+};

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

@@ -0,0 +1,20 @@
+.any-outer-class__switcher-textarea {
+  font-style: normal;
+  font-size: 12px;
+  line-height: 20px;
+  color: #1E1E2D;
+
+  .text-switcher {
+    font-size: 10px;
+  }
+
+  .textarea__textarea {
+    border-radius: 6px;
+    font-size: 13px;
+
+    &::placeholder {
+      color:dodgerblue;
+    }
+  }
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.17",
+  "version": "0.1.20",
   "description": "add useFormTools hook",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],