tg-core-components 5.4.5-bethard → 5.5.1-master

package/lib/components/Input/old-input.test.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@testing-library/react');
-
-require('@testing-library/jest-dom/extend-expect');
-
-var _tgCoreComponents = require('tg-core-components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
-
-test('input has title', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-  var _render, container, label;
-
-  return regeneratorRuntime.wrap(function _callee$(_context) {
-    while (1) {
-      switch (_context.prev = _context.next) {
-        case 0:
-          _render = (0, _react3.render)(_react2.default.createElement(_tgCoreComponents.Input, { type: 'text', title: 'input label', value: '1337' })), container = _render.container;
-          label = container.querySelector('.input_title');
-
-          expect(label).toBeInTheDocument();
-
-        case 3:
-        case 'end':
-          return _context.stop();
-      }
-    }
-  }, _callee, undefined);
-})));
-
-test('input has correct value', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-  var input;
-  return regeneratorRuntime.wrap(function _callee2$(_context2) {
-    while (1) {
-      switch (_context2.prev = _context2.next) {
-        case 0:
-          (0, _react3.render)(_react2.default.createElement(_tgCoreComponents.Input, { type: 'text', title: 'input label', value: '1337' }));
-          input = _react3.screen.getByDisplayValue('1337');
-
-          expect(input).toHaveValue('1337');
-
-        case 3:
-        case 'end':
-          return _context2.stop();
-      }
-    }
-  }, _callee2, undefined);
-})));
-
-test('input shows error message', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-  var _render2, container, errorMessage;
-
-  return regeneratorRuntime.wrap(function _callee3$(_context3) {
-    while (1) {
-      switch (_context3.prev = _context3.next) {
-        case 0:
-          _render2 = (0, _react3.render)(_react2.default.createElement(_tgCoreComponents.Input, {
-            type: 'text',
-            title: 'input label',
-            value: '1337',
-            error: 'Very bad error.'
-          })), container = _render2.container;
-          errorMessage = container.querySelector('.error-message');
-
-          expect(errorMessage).toBeInTheDocument();
-
-        case 3:
-        case 'end':
-          return _context3.stop();
-      }
-    }
-  }, _callee3, undefined);
-})));
-
-test('input shows toggle icon', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-  var _render3, container, input, toggle;
-
-  return regeneratorRuntime.wrap(function _callee4$(_context4) {
-    while (1) {
-      switch (_context4.prev = _context4.next) {
-        case 0:
-          _render3 = (0, _react3.render)(_react2.default.createElement(_tgCoreComponents.Input, { type: 'text', title: 'input label', value: '1337', showToggleIcon: true })), container = _render3.container;
-          input = container.querySelector('input[type=text]');
-          toggle = container.querySelector('.toggle-password.fa.fa-eye');
-
-          expect(input).toBeInTheDocument();
-          expect(toggle).toBeInTheDocument();
-
-          _react3.fireEvent.click(toggle);
-          (0, _react3.waitFor)(function () {
-            var input = container.querySelector('input[type=asdd]');
-            expect(input).toBeInTheDocument();
-          });
-
-        case 7:
-        case 'end':
-          return _context4.stop();
-      }
-    }
-  }, _callee4, undefined);
-})));

package/lib/components/common.js

@@ -1,359 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.flatObj = exports.createClassName = exports.useAutofill = exports.useType = exports.useTouched = exports.useFocus = exports.useValue = exports.useId = exports.Checkbox = exports.Select = exports.Input = exports.statusIcons = undefined;
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Icon = require('./Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _ButtonLoader = require('./ButtonLoader');
-
-var _ButtonLoader2 = _interopRequireDefault(_ButtonLoader);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-var statusIcons = exports.statusIcons = {
-  success: _react2.default.createElement(_Icon2.default, { icon: 'check-circle', className: 'SuccessIcon' }),
-  failure: _react2.default.createElement(_Icon2.default, { icon: 'exclamation-circle', className: 'FailureIcon' }),
-  loading: _react2.default.createElement(_ButtonLoader2.default, null)
-};
-
-var Input = function Input(_ref) {
-  var label = _ref.label,
-      hasValue = _ref.hasValue,
-      hasFocus = _ref.hasFocus,
-      hasTouched = _ref.hasTouched,
-      hasAutofill = _ref.hasAutofill,
-      status = _ref.status,
-      leadingLane = _ref.leadingLane,
-      trailingLane = _ref.trailingLane,
-      rest = _objectWithoutProperties(_ref, ['label', 'hasValue', 'hasFocus', 'hasTouched', 'hasAutofill', 'status', 'leadingLane', 'trailingLane']);
-
-  var className = createClassName('Input', {
-    hasLabel: Boolean(label),
-    hasValue: hasValue,
-    hasFocus: hasFocus,
-    hasTouched: hasTouched,
-    hasAutofill: hasAutofill,
-    disabled: rest.disabled,
-    status: status,
-    type: rest.type
-  });
-  var leadingLaneRef = (0, _react.useRef)();
-  var leadingLaneWidth = useRefWidth(leadingLaneRef);
-  var trailingLaneRef = (0, _react.useRef)();
-  var trailingLaneWidth = useRefWidth(trailingLaneRef);
-  return _react2.default.createElement(
-    'div',
-    {
-      className: className,
-      style: {
-        '--leading-lane-width': leadingLaneWidth + 'px',
-        '--trailing-lane-width': trailingLaneWidth + 'px'
-      } },
-    _react2.default.createElement('input', _extends({}, rest, {
-      type: rest.type || 'text',
-      className: 'Input__input',
-      name: rest.name || rest.id,
-      ref: rest.setRef
-    })),
-    _react2.default.createElement(
-      'label',
-      { className: 'Input__label', htmlFor: rest.id },
-      label
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'Input__leading-lane', ref: leadingLaneRef },
-      leadingLane
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'Input__trailing-lane', ref: trailingLaneRef },
-      trailingLane
-    ),
-    _react2.default.createElement('div', {
-      className: (0, _classnames2.default)('Input__status-line', {
-        'Input__status-line--active': status === 'failure' || status === 'success' || hasFocus
-      })
-    })
-  );
-};
-
-exports.Input = Input;
-var Select = function Select(_ref2) {
-  var label = _ref2.label,
-      hasValue = _ref2.hasValue,
-      hasFocus = _ref2.hasFocus,
-      hasTouched = _ref2.hasTouched,
-      hasAutofill = _ref2.hasAutofill,
-      status = _ref2.status,
-      children = _ref2.children,
-      leadingLane = _ref2.leadingLane,
-      trailingLane = _ref2.trailingLane,
-      rest = _objectWithoutProperties(_ref2, ['label', 'hasValue', 'hasFocus', 'hasTouched', 'hasAutofill', 'status', 'children', 'leadingLane', 'trailingLane']);
-
-  var className = createClassName('Select', {
-    hasLabel: Boolean(label),
-    hasValue: hasValue,
-    hasFocus: hasFocus,
-    hasTouched: hasTouched,
-    hasAutofill: hasAutofill,
-    disabled: rest.disabled,
-    status: status,
-    type: rest.type
-  });
-  var leadingLaneRef = (0, _react.useRef)();
-  var leadingLaneWidth = useRefWidth(leadingLaneRef);
-  var trailingLaneRef = (0, _react.useRef)();
-  var trailingLaneWidth = useRefWidth(leadingLaneRef);
-  return _react2.default.createElement(
-    'div',
-    {
-      className: className,
-      style: {
-        '--leading-lane-width': leadingLaneWidth + 'px',
-        '--trailing-lane-width': trailingLaneWidth + 'px'
-      } },
-    _react2.default.createElement(
-      'select',
-      _extends({}, rest, {
-        className: 'Select__select',
-        name: rest.name || rest.id,
-        ref: rest.setRef }),
-      children
-    ),
-    _react2.default.createElement(
-      'label',
-      { className: 'Select__label', htmlFor: rest.id },
-      label
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'Input__leading-lane', ref: leadingLaneRef },
-      leadingLane
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'Input__trailing-lane', ref: trailingLaneRef },
-      trailingLane,
-      _react2.default.createElement(_Icon2.default, { icon: 'caret-down' })
-    ),
-    _react2.default.createElement('div', {
-      className: (0, _classnames2.default)('Select__status-line', {
-        'Select__status-line--active': status === 'failure' || status === 'success' || hasFocus
-      })
-    })
-  );
-};
-exports.Select = Select;
-var Option = function Option(_ref3) {
-  var children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, ['children']);
-
-  return _react2.default.createElement(
-    'option',
-    rest,
-    children
-  );
-};
-Select.Option = Option;
-var OptGroup = function OptGroup(_ref4) {
-  var children = _ref4.children,
-      rest = _objectWithoutProperties(_ref4, ['children']);
-
-  return _react2.default.createElement(
-    'optgroup',
-    rest,
-    children
-  );
-};
-Select.OptGroup = OptGroup;
-
-var Checkbox = function Checkbox(_ref5) {
-  var label = _ref5.label,
-      hasValue = _ref5.hasValue,
-      hasFocus = _ref5.hasFocus,
-      hasTouched = _ref5.hasTouched,
-      hasAutofill = _ref5.hasAutofill,
-      status = _ref5.status,
-      rest = _objectWithoutProperties(_ref5, ['label', 'hasValue', 'hasFocus', 'hasTouched', 'hasAutofill', 'status']);
-
-  var className = createClassName('Checkbox', {
-    hasLabel: Boolean(label),
-    hasValue: hasValue,
-    hasFocus: hasFocus,
-    hasTouched: hasTouched,
-    hasAutofill: hasAutofill,
-    disabled: rest.disabled,
-    status: status,
-    type: rest.type
-  });
-  return _react2.default.createElement(
-    'div',
-    { className: className },
-    _react2.default.createElement(
-      'div',
-      { className: 'Checkbox__input-wrapper' },
-      _react2.default.createElement('input', _extends({}, rest, {
-        className: 'Checkbox__input',
-        name: rest.name || rest.id,
-        checked: hasValue,
-        ref: rest.setRef
-      })),
-      _react2.default.createElement('div', { className: 'Checkbox__background' })
-    ),
-    _react2.default.createElement(
-      'label',
-      { className: 'Checkbox__label', htmlFor: rest.id },
-      label
-    )
-  );
-};
-
-/**
- * Returns a unique id. Id will stay the same between renders.
- */
-exports.Checkbox = Checkbox;
-var useId = exports.useId = function useId() {
-  return (0, _react.useMemo)(function () {
-    return Date.now().toString(36) + Math.random().toString(36).substr(2);
-  }, []);
-};
-
-/**
- * Useful hook for inputs that want to control value
- */
-var useValue = exports.useValue = function useValue() {
-  var initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-  var _useState = (0, _react.useState)(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setValue(initialValue);
-  }, [initialValue, setValue]);
-  var onChange = function onChange(value) {
-    return setValue(value);
-  };
-  return { value: value, hasValue: Boolean(value), onChange: onChange };
-};
-
-/**
- * Convenient hook that will keep track of input focus state
- */
-var useFocus = exports.useFocus = function useFocus() {
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hasFocus = _useState4[0],
-      setHasFocus = _useState4[1];
-
-  var onFocus = function onFocus() {
-    return setHasFocus(true);
-  };
-  var onBlur = function onBlur() {
-    return setHasFocus(false);
-  };
-  return { hasFocus: hasFocus, onFocus: onFocus, onBlur: onBlur };
-};
-
-/**
- * Keeps track of touched state
- */
-var useTouched = exports.useTouched = function useTouched() {
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasTouched = _useState6[0],
-      setHasTouched = _useState6[1];
-
-  var onFocus = function onFocus() {
-    return setHasTouched(true);
-  };
-  return { hasTouched: hasTouched, onFocus: onFocus };
-};
-
-/**
- * Convenient hook to control input type
- */
-var useType = exports.useType = function useType(initialType) {
-  var _useState7 = (0, _react.useState)(initialType),
-      _useState8 = _slicedToArray(_useState7, 2),
-      type = _useState8[0],
-      setType = _useState8[1];
-
-  return { type: type, setType: setType };
-};
-
-/**
- * Useful hook to detect when input has been autofilled by browser
- * Requires animation to work
- */
-var useAutofill = exports.useAutofill = function useAutofill() {
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      hasAutofill = _useState10[0],
-      setHasAutofill = _useState10[1];
-
-  var onAnimationStart = function onAnimationStart(e) {
-    if (e.animationName === 'onAutoFill') {
-      setHasAutofill(true);
-    }
-  };
-  return { hasAutofill: hasAutofill, onAnimationStart: onAnimationStart };
-};
-
-/**
- * Helper function to create BEM modifiers
- */
-var createClassName = exports.createClassName = function createClassName(baseName, props) {
-  var _cn;
-
-  return (0, _classnames2.default)(baseName, (_cn = {}, _defineProperty(_cn, baseName + '--has-value', props.hasValue), _defineProperty(_cn, baseName + '--has-focus', props.hasFocus), _defineProperty(_cn, baseName + '--has-touched', props.hasTouched), _defineProperty(_cn, baseName + '--has-label', props.hasLabel), _defineProperty(_cn, baseName + '--has-autofill', props.hasAutofill), _defineProperty(_cn, baseName + '--disabled', props.disabled), _defineProperty(_cn, baseName + '--status-' + props.status, props.status), _defineProperty(_cn, baseName + '--type-' + props.type, props.type), _cn));
-};
-
-/**
- * Hook keeping track of ref element width
- */
-var useRefWidth = function useRefWidth(ref) {
-  var _useState11 = (0, _react.useState)(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      width = _useState12[0],
-      setWidth = _useState12[1];
-
-  (0, _react.useLayoutEffect)(function () {
-    setWidth(ref.current.clientWidth);
-  });
-  return width;
-};
-
-/**
- * Flat object one layer
- */
-var flatObj = exports.flatObj = function flatObj(obj) {
-  return Object.keys(obj).reduce(function (acc, key) {
-    return _extends({}, acc, _typeof(obj[key]) === 'object' ? obj[key] : _defineProperty({}, key, obj[key]));
-  }, {});
-};

package/lib/widgets/CashierAccordion/Deposit/PaymentForm/NewTab.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Button = require('../../../../components/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
-var _Translate = require('../../../../components/Translate');
-
-var _Translate2 = _interopRequireDefault(_Translate);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var NewTab = function NewTab(_ref) {
-  var url = _ref.url;
-
-  return _react2.default.createElement(
-    'div',
-    { className: 'NewTab' },
-    _react2.default.createElement(_Translate2.default, {
-      tagName: 'p',
-      id: 'label.new-tab',
-      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
-    }),
-    _react2.default.createElement(
-      _Button2.default,
-      {
-        className: 'primary',
-        onClick: function onClick() {
-          window.open(url, '_blank');
-        } },
-      _react2.default.createElement(_Translate2.default, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
-    )
-  );
-};
-
-exports.default = NewTab;