@cashub/ui-elv 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
  var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
10
- var _hooks = require("@cashub/hooks");
10
+ var _hooksElv = require("@cashub/hooks-elv");
11
11
  var _utils = require("@cashub/utils");
12
12
  var _pad = _interopRequireDefault(require("./utils/pad"));
13
13
  var _form = require("../form");
@@ -60,7 +60,7 @@ const TimePickerV2 = _ref => {
60
60
  attributes,
61
61
  state,
62
62
  update
63
- } = (0, _hooks.useCustomPopper)(targetElement, popperElement, {
63
+ } = (0, _hooksElv.useCustomPopper)(targetElement, popperElement, {
64
64
  placement: 'bottom-start'
65
65
  });
66
66
  const handleToggle = () => {
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
9
- var _hooks = require("@cashub/hooks");
9
+ var _hooksElv = require("@cashub/hooks-elv");
10
10
  var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,7 +24,7 @@ const Dropdown = _ref => {
24
24
  attributes,
25
25
  state,
26
26
  update
27
- } = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
27
+ } = (0, _hooksElv.useCustomPopper)(toggleElement, contentElement, {
28
28
  strategy: fixed ? 'fixed' : 'absolute'
29
29
  });
30
30
  const handleSelect = () => {
@@ -1,7 +1,7 @@
1
1
  import { useState, useEffect } from 'react';
2
2
  import styled, { css } from 'styled-components';
3
3
  import OutsideClickHandler from 'react-outside-click-handler';
4
- import { useCustomPopper } from '@cashub/hooks';
4
+ import { useCustomPopper } from '@cashub/hooks-elv';
5
5
  import { generateRange } from '@cashub/utils';
6
6
  import pad from './utils/pad';
7
7
  import { Input } from '../form';
@@ -1,6 +1,6 @@
1
1
  import { useState } from 'react';
2
2
  import OutsideClickHandler from 'react-outside-click-handler';
3
- import { useCustomPopper } from '@cashub/hooks';
3
+ import { useCustomPopper } from '@cashub/hooks-elv';
4
4
  import DropdownContext from './subComponent/DropdownContext';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  const Dropdown = _ref => {
@@ -2,7 +2,7 @@ import { useRef, useCallback, useState, useEffect, cloneElement, useMemo, forwar
2
2
  import ReactDOM, { unmountComponentAtNode } from 'react-dom';
3
3
  import styled from 'styled-components';
4
4
  import { MdClose } from 'react-icons/md/index.esm';
5
- import { useForkRef } from '@cashub/hooks';
5
+ import { useForkRef } from '@cashub/hooks-elv';
6
6
  import { appendElementTo, isReactComponent } from '@cashub/utils';
7
7
  import media from '../styles/mixin/media';
8
8
  import scrollbar from '../styles/mixin/scrollbar';
@@ -1,6 +1,6 @@
1
1
  import styled, { css } from 'styled-components';
2
2
  import { FaAngleLeft, FaAngleRight } from 'react-icons/fa/index.esm';
3
- import { usePagination, DOTS } from '@cashub/hooks';
3
+ import { usePagination, DOTS } from '@cashub/hooks-elv';
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  const Paginate = props => {
6
6
  const {
@@ -2,7 +2,7 @@ import { useState } from 'react';
2
2
  import ReactDOM, { unmountComponentAtNode } from 'react-dom';
3
3
  import styled from 'styled-components';
4
4
  import OutsideClickHandler from 'react-outside-click-handler';
5
- import { useCustomPopper } from '@cashub/hooks';
5
+ import { useCustomPopper } from '@cashub/hooks-elv';
6
6
  import { appendElementTo } from '@cashub/utils';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
8
  const Popover = _ref => {
@@ -1,6 +1,6 @@
1
1
  import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
2
  import OutsideClickHandler from 'react-outside-click-handler';
3
- import { useCustomPopper } from '@cashub/hooks';
3
+ import { useCustomPopper } from '@cashub/hooks-elv';
4
4
  import { KEY_CODE } from '@cashub/utils';
5
5
  import Input from '../form/Input';
6
6
  import ListBox from './subComponent/ListBox';
@@ -6,7 +6,7 @@ import styled from 'styled-components';
6
6
  import uniqueId from 'lodash.uniqueid';
7
7
  import { TiArrowSortedDown } from 'react-icons/ti/index.esm';
8
8
  import { MdClose } from 'react-icons/md/index.esm';
9
- import { useCustomPopper } from '@cashub/hooks';
9
+ import { useCustomPopper } from '@cashub/hooks-elv';
10
10
  import { KEY_CODE } from '@cashub/utils';
11
11
  import media from '../styles/mixin/media';
12
12
  import SelectedSingle from './subComponent/SelectedSingle';
@@ -1,7 +1,7 @@
1
1
  import { useState, cloneElement, forwardRef, useMemo, useCallback } from 'react';
2
2
  import styled from 'styled-components';
3
3
  import OutsideClickHandler from 'react-outside-click-handler';
4
- import { useForkRef, useCustomPopper } from '@cashub/hooks';
4
+ import { useForkRef, useCustomPopper } from '@cashub/hooks-elv';
5
5
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
6
  const Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
7
7
  let {
@@ -8,7 +8,7 @@ var _react = require("react");
8
8
  var _reactDom = _interopRequireWildcard(require("react-dom"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _md = require("react-icons/md");
11
- var _hooks = require("@cashub/hooks");
11
+ var _hooksElv = require("@cashub/hooks-elv");
12
12
  var _utils = require("@cashub/utils");
13
13
  var _media = _interopRequireDefault(require("../styles/mixin/media"));
14
14
  var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
@@ -104,7 +104,7 @@ const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
104
104
  ...props
105
105
  } = _ref3;
106
106
  const ownRef = (0, _react.useRef)(null);
107
- const bodyRef = (0, _hooks.useForkRef)(ownRef, ref);
107
+ const bodyRef = (0, _hooksElv.useForkRef)(ownRef, ref);
108
108
  const recalculateHeight = (0, _react.useCallback)(() => {
109
109
  // body element not render yet
110
110
  if (!ownRef.current) return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui-elv",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "private": false,
5
5
  "author": "CasHUB Team",
6
6
  "description": "CasHUB UI components library (Elavon)",
@@ -14,7 +14,7 @@
14
14
  ],
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
- "@cashub/hooks": "^0.5.3",
17
+ "@cashub/hooks-elv": "^1.0.0",
18
18
  "@cashub/utils": "^1.3.2",
19
19
  "@googlemaps/markerclusterer": "^2.5.1",
20
20
  "@googlemaps/react-wrapper": "^1.1.35",
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
8
  var _fa = require("react-icons/fa");
9
- var _hooks = require("@cashub/hooks");
9
+ var _hooksElv = require("@cashub/hooks-elv");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -19,7 +19,7 @@ const Paginate = props => {
19
19
  onPageChange,
20
20
  alignRight
21
21
  } = props;
22
- const paginationRange = (0, _hooks.usePagination)({
22
+ const paginationRange = (0, _hooksElv.usePagination)({
23
23
  currentPage,
24
24
  totalCount,
25
25
  siblingCount,
@@ -46,7 +46,7 @@ const Paginate = props => {
46
46
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaAngleLeft, {})
47
47
  })
48
48
  }), paginationRange.map((pageNumber, index) => {
49
- if (pageNumber === _hooks.DOTS) {
49
+ if (pageNumber === _hooksElv.DOTS) {
50
50
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
51
51
  className: "paginationDots",
52
52
  children: "\u2026"
@@ -8,7 +8,7 @@ var _react = require("react");
8
8
  var _reactDom = _interopRequireWildcard(require("react-dom"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
11
- var _hooks = require("@cashub/hooks");
11
+ var _hooksElv = require("@cashub/hooks-elv");
12
12
  var _utils = require("@cashub/utils");
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -51,7 +51,7 @@ const Box = _ref2 => {
51
51
  styles,
52
52
  attributes,
53
53
  state
54
- } = (0, _hooks.useCustomPopper)(target, popoverElement, {
54
+ } = (0, _hooksElv.useCustomPopper)(target, popoverElement, {
55
55
  boundary
56
56
  });
57
57
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
9
- var _hooks = require("@cashub/hooks");
9
+ var _hooksElv = require("@cashub/hooks-elv");
10
10
  var _utils = require("@cashub/utils");
11
11
  var _Input = _interopRequireDefault(require("../form/Input"));
12
12
  var _ListBox = _interopRequireDefault(require("./subComponent/ListBox"));
@@ -36,7 +36,7 @@ const InputSelect = _ref => {
36
36
  attributes,
37
37
  state,
38
38
  update
39
- } = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement);
39
+ } = (0, _hooksElv.useCustomPopper)(listBoxElement, dropdownElement);
40
40
  const handleKeyUp = event => {
41
41
  const key = event.keyCode;
42
42
  switch (key) {
package/select/Select.js CHANGED
@@ -12,7 +12,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
12
12
  var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
13
13
  var _ti = require("react-icons/ti");
14
14
  var _md = require("react-icons/md");
15
- var _hooks = require("@cashub/hooks");
15
+ var _hooksElv = require("@cashub/hooks-elv");
16
16
  var _utils = require("@cashub/utils");
17
17
  var _media = _interopRequireDefault(require("../styles/mixin/media"));
18
18
  var _SelectedSingle = _interopRequireDefault(require("./subComponent/SelectedSingle"));
@@ -74,7 +74,7 @@ const Select = _ref => {
74
74
  attributes,
75
75
  state,
76
76
  update
77
- } = (0, _hooks.useCustomPopper)(comboboxElement, listBoxElement);
77
+ } = (0, _hooksElv.useCustomPopper)(comboboxElement, listBoxElement);
78
78
  const newOptions = (0, _react.useMemo)(() => {
79
79
  if (!options) return;
80
80
  const newOptions = options.map(item => {
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
  var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
10
- var _hooks = require("@cashub/hooks");
10
+ var _hooksElv = require("@cashub/hooks-elv");
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
13
  const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -26,12 +26,12 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
26
26
  const [targetElement, setTargetElement] = (0, _react.useState)(null);
27
27
  const [tooltipElement, setTooltipElement] = (0, _react.useState)(null);
28
28
  const [arrowElement, setArrowElement] = (0, _react.useState)(null);
29
- const ownRef = (0, _hooks.useForkRef)(setTargetElement, ref);
29
+ const ownRef = (0, _hooksElv.useForkRef)(setTargetElement, ref);
30
30
  const {
31
31
  styles,
32
32
  attributes,
33
33
  update
34
- } = (0, _hooks.useCustomPopper)(targetElement, tooltipElement, {
34
+ } = (0, _hooksElv.useCustomPopper)(targetElement, tooltipElement, {
35
35
  strategy: fixed ? 'fixed' : 'absolute',
36
36
  arrowElement,
37
37
  ...(placement && {