intelicoreact 1.2.6 → 1.2.8

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -395,6 +395,7 @@ function InputMask() {
 
       var charCenterX = charX + charWidth / 2; // If Char X-Coord Out Of Range
 
+      // If Char X-Coord Out Of Range
       if (!charX || minX > charCenterX || maxX < charCenterX) return resObj;
       if (resObj.index === null || minX <= charCenterX && charCenterX >= maxX && charCenterX < resObj.charX) return {
         index: index,

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFeather = require("react-feather");
+
+require("./AccordionText.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; }
+
+var AccordionText = function AccordionText(_ref) {
+  var _ref$isDefaultOpen = _ref.isDefaultOpen,
+      isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
+      className = _ref.className,
+      _ref$text = _ref.text,
+      text = _ref$text === void 0 ? 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' : _ref$text;
+
+  var _useState = (0, _react.useState)(isDefaultOpen),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('accordion-text', className, {
+      'accordion-text--open': isOpen
+    }),
+    onClick: function onClick() {
+      return setIsOpen(function (isOpen) {
+        return !isOpen;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "accordion-text__body"
+  }, text), /*#__PURE__*/_react.default.createElement("div", {
+    className: "accordion-text__toggle"
+  }, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
+};
+
+var _default = AccordionText;
+exports.default = _default;

package/dist/Atomic/UI/AccordionText/AccordionText.scss

@@ -0,0 +1,45 @@
+.accordion-text {
+  position: relative;
+  padding: 4px 24px 4px 8px;
+  border-radius: 4px;
+  background-color: rgba(48, 57, 91, 0.05);
+  cursor: pointer;
+
+  overflow: hidden;
+
+  height: 100%;
+  max-height: 18px;
+
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+
+  &--open {
+    max-height: none;
+  }
+
+  &--open &__body {
+    overflow: visible;
+    white-space: wrap;
+  }
+
+  &__body {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__toggle {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 16px;
+    height: 16px;
+    margin: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px;
+    color: #A0A4B0;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "",
   "main": "dist/index.js",
   "files": [

package/dist/Functions/presets/inputMaskPreset.js

@@ -1,176 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-exports.MASK_PRESET = void 0;
-
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DD.DD.DDDD',
- * @param maskPatternPlaceholder: 'MM.DD.YYYY',
- * @param usePatternPlaceholder: true,
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- * @param autocomplete: 'bday',
- * @param focusSelector: 'input',
- */
-var DATE_PRESET = {
-  type: 'inputMask',
-  maskPattern: 'DD.DD.DDDD',
-  maskPatternPlaceholder: 'MM.DD.YYYY',
-  usePatternPlaceholder: true,
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-  autocomplete: 'bday',
-  focusSelector: 'input',
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DDDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- * @param focusSelector: 'input',
- * @param autocomplete: 'postal-code',
- * @param rules: 'fieldZip'
- */
-
-var ZIP_PRESET = {
-  type: 'inputMask',
-  focusSelector: 'input',
-  maskPattern: 'DDDDD',
-  maskPlaceholder: 'X',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-  autocomplete: 'postal-code',
-  rules: 'fieldZip',
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DDDDDDDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- * @param focusSelector: 'input',
- */
-
-var SSN_PRESET = {
-  type: 'inputMask',
-  maskPattern: 'DDDDDDDDD',
-  maskPlaceholder: 'X',
-  focusSelector: 'input',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DDD-DDD-DDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- * @param focusSelector: 'input',
- * @param autocomplete: 'tel-national',
- */
-
-var MOBILE_PHONE_PRESET = {
-  type: 'inputMask',
-  maskPattern: 'DDD-DDD-DDDD',
-  maskPlaceholder: 'X',
-  focusSelector: 'input',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-  autocomplete: 'tel-national',
-};
-/**
- * @param type: 'inputMask3',
- * @param maskPattern: 'DDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- */
-
-var SHORT_SSN_PRESET = {
-  type: 'inputMask3',
-  maskPattern: 'DDDD',
-  maskPlaceholder: 'X',
-  focusSelector: 'input',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DDDDDDDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- */
-
-var ABA_PRESET = {
-  type: 'inputMask',
-  maskPattern: 'DDDDDDDDD',
-  maskPlaceholder: 'X',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'MM/YY',
- * @param maskPatternPlaceholder: 'MM/YY',
- * @param usePatternPlaceholder: true,
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- * @param focusSelector: 'input',
- */
-
-var CC_EXPIRATION_DATE = {
-  type: 'inputMask',
-  maskPattern: 'MM/YY',
-  maskPatternPlaceholder: 'MM/YY',
-  usePatternPlaceholder: true,
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-  focusSelector: 'input',
-};
-/**
- * @param type: 'inputMask',
- * @param maskPattern: 'DDDDDDDDDD',
- * @param maskPlaceholder: 'X',
- * @param isNumericMobileKeyboard: true,
- * @param blinkErrors: true,
- * @param showErrors: false,
- */
-
-var BANK_ACCOUNT = {
-  type: 'inputMask',
-  maskPattern: 'DDDDDDDDDD',
-  maskPlaceholder: 'X',
-  isNumericMobileKeyboard: true,
-  blinkErrors: true,
-  showErrors: false,
-};
-var MASK_PRESET = {
-  BANK_ACCOUNT: BANK_ACCOUNT,
-  CC_EXPIRATION_DATE: CC_EXPIRATION_DATE,
-  DATE_PRESET: DATE_PRESET,
-  ZIP_PRESET: ZIP_PRESET,
-  SSN_PRESET: SSN_PRESET,
-  MOBILE_PHONE_PRESET: MOBILE_PHONE_PRESET,
-  SHORT_SSN_PRESET: SHORT_SSN_PRESET,
-  ABA_PRESET: ABA_PRESET,
-};
-exports.MASK_PRESET = MASK_PRESET;