armtek-uikit-react 1.0.239 → 1.0.241

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.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/ui/Form/FormControls/FormControls.js +2 -1
  3. package/ui/Form/FormControls/const.d.ts +1 -0
  4. package/ui/Form/FormControls/const.js +5 -0
  5. package/ui/Modal/BaseModal.js +3 -2
  6. package/ui/Modal/Modal.js +24 -0
  7. package/ui/Modal/const.d.ts +2 -0
  8. package/ui/Modal/const.js +6 -0
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"armtek-uikit-react","version":"1.0.239","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
1
+ {"name":"armtek-uikit-react","version":"1.0.241","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
package/ui/Form/FormControls/FormControls.js CHANGED
@@ -5,6 +5,7 @@ exports.__esModule = true;
5
5
  exports.default = void 0;
6
6
  var _clsx = _interopRequireDefault(require("clsx"));
7
7
  var _Button = _interopRequireDefault(require("../../Button"));
8
+ var _const = require("./const");
8
9
  var _jsxRuntime = require("react/jsx-runtime");
9
10
  const FormControls = props => {
10
11
  const {
@@ -17,7 +18,7 @@ const FormControls = props => {
17
18
  ...divProps
18
19
  } = props;
19
20
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
20
- className: 'arm-form-controls',
21
+ className: _const.FORM_CONTROLS_CLASSNAME,
21
22
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
22
23
  ...divProps,
23
24
  className: (0, _clsx.default)(className, 'arm-form-controls__stack'),
package/ui/Form/FormControls/const.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const FORM_CONTROLS_CLASSNAME = "arm-form-controls";
package/ui/Form/FormControls/const.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.FORM_CONTROLS_CLASSNAME = void 0;
5
+ const FORM_CONTROLS_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = 'arm-form-controls';
package/ui/Modal/BaseModal.js CHANGED
@@ -6,6 +6,7 @@ exports.BaseModal = void 0;
6
6
  var _clsx = _interopRequireDefault(require("clsx"));
7
7
  var _FormControls = _interopRequireDefault(require("../Form/FormControls"));
8
8
  var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
9
+ var _const = require("./const");
9
10
  var _jsxRuntime = require("react/jsx-runtime");
10
11
  const BaseModal = props => {
11
12
  const {
@@ -44,12 +45,12 @@ const BaseModal = props => {
44
45
  })]
45
46
  })
46
47
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
- className: (0, _clsx.default)('arm-modal__body', classes == null ? void 0 : classes['Arm-Modal__body']),
48
+ className: (0, _clsx.default)(_const.MODAL_BODY_CLASSNAME, classes == null ? void 0 : classes['Arm-Modal__body']),
48
49
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
50
  children: children
50
51
  })
51
52
  }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
52
- className: (0, _clsx.default)('arm-modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer']),
53
+ className: (0, _clsx.default)(_const.MODAL_FOOTER_CLASSNAME, classes == null ? void 0 : classes['Arm-Modal__footer']),
53
54
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControls.default, {
54
55
  className: (0, _clsx.default)(classes == null ? void 0 : classes['Arm-FormControls'], 'arm-modal__controls'),
55
56
  onSubmit: onSubmit,
package/ui/Modal/Modal.js CHANGED
@@ -8,8 +8,24 @@ var _react = require("react");
8
8
  var _BaseModal = require("./BaseModal");
9
9
  var _BackDrop = _interopRequireDefault(require("../BackDrop"));
10
10
  var _reactTransitionGroup = require("react-transition-group");
11
+ var _const = require("../Form/FormControls/const");
12
+ var _const2 = require("./const");
11
13
  var _jsxRuntime = require("react/jsx-runtime");
12
14
  const BACKDROP_CLASSNAME = 'arm-modal__backdrop';
15
+ function replaceControlsIfExists(container, props) {
16
+ var _props$classes, _props$classes2;
17
+ if (!container) return;
18
+ const body = container.querySelector(`.${_const2.MODAL_BODY_CLASSNAME}`);
19
+ if (!body) return;
20
+ const controls = body.querySelectorAll(`.${_const.FORM_CONTROLS_CLASSNAME}`);
21
+ if (controls.length !== 1) return;
22
+ const footer = document.createElement("div");
23
+ footer.classList.add(_const2.MODAL_FOOTER_CLASSNAME);
24
+ if ((_props$classes = props.classes) != null && _props$classes['Arm-Modal__footer']) footer.classList.add((_props$classes2 = props.classes) == null ? void 0 : _props$classes2['Arm-Modal__footer']);
25
+ controls[0].remove();
26
+ footer.appendChild(controls[0]);
27
+ body.after(footer);
28
+ }
13
29
  const Modal = props => {
14
30
  const {
15
31
  open,
@@ -30,6 +46,13 @@ const Modal = props => {
30
46
  document.removeEventListener('keyup', subscribeToEsc);
31
47
  };
32
48
  }, []);
49
+ (0, _react.useEffect)(() => {
50
+ replaceControlsIfExists(nodeRef.current, modalProps);
51
+ }, []);
52
+ const handleEntered = isAppearing => {
53
+ replaceControlsIfExists(nodeRef.current, modalProps);
54
+ transitionProps == null || transitionProps.onEntering == null || transitionProps.onEntering(isAppearing);
55
+ };
33
56
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
34
57
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
35
58
  classNames: {
@@ -46,6 +69,7 @@ const Modal = props => {
46
69
  mountOnEnter: true,
47
70
  unmountOnExit: true,
48
71
  ...transitionProps,
72
+ onEntering: handleEntered,
49
73
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
50
74
  width: width,
51
75
  ref: nodeRef,
package/ui/Modal/const.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const MODAL_BODY_CLASSNAME = "arm-modal__body";
2
+ export declare const MODAL_FOOTER_CLASSNAME = "arm-modal__footer";
package/ui/Modal/const.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.MODAL_FOOTER_CLASSNAME = exports.MODAL_BODY_CLASSNAME = void 0;
5
+ const MODAL_BODY_CLASSNAME = exports.MODAL_BODY_CLASSNAME = 'arm-modal__body';
6
+ const MODAL_FOOTER_CLASSNAME = exports.MODAL_FOOTER_CLASSNAME = 'arm-modal__footer';