glints-aries 4.0.368 → 4.0.370

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 (15) hide show
  1. package/es/@next/Link/Link.js +2 -1
  2. package/es/@next/Modal/Modal.d.ts +10 -2
  3. package/es/@next/Modal/Modal.js +10 -4
  4. package/es/@next/Modal/Modal.stories.d.ts +1 -0
  5. package/es/@next/Modal/ModalContext.d.ts +1 -1
  6. package/es/@next/Modal/ModalStyle.d.ts +1 -0
  7. package/es/@next/Modal/ModalStyle.js +7 -3
  8. package/lib/@next/Link/Link.js +2 -1
  9. package/lib/@next/Modal/Modal.d.ts +10 -2
  10. package/lib/@next/Modal/Modal.js +9 -3
  11. package/lib/@next/Modal/Modal.stories.d.ts +1 -0
  12. package/lib/@next/Modal/ModalContext.d.ts +1 -1
  13. package/lib/@next/Modal/ModalStyle.d.ts +1 -0
  14. package/lib/@next/Modal/ModalStyle.js +8 -3
  15. package/package.json +1 -1
package/es/@next/Link/Link.js CHANGED
@@ -22,7 +22,8 @@ export var Link = function Link(_ref) {
22
22
  }, external && {
23
23
  target: '_blank'
24
24
  }, props), /*#__PURE__*/React.createElement(Typography, {
25
- variant: "body1"
25
+ variant: "body1",
26
+ as: "span"
26
27
  }, children), external && /*#__PURE__*/React.createElement(Icon, {
27
28
  name: "ri-external-link-line"
28
29
  }));
package/es/@next/Modal/Modal.d.ts CHANGED
@@ -1,6 +1,13 @@
1
1
  import React from 'react';
2
2
  import { ComponentAction } from '../../types/componentAction';
3
- export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ declare type LeftAndRightComponentModalProps = {
4
+ leftComponent: React.ReactNode;
5
+ rightComponent: React.ReactNode;
6
+ } | {
7
+ leftComponent?: never;
8
+ rightComponent?: never;
9
+ };
10
+ export declare type ModalProps = React.HTMLAttributes<HTMLDivElement> & LeftAndRightComponentModalProps & {
4
11
  isOpen?: boolean;
5
12
  header?: React.ReactNode;
6
13
  headerDescription?: React.ReactNode;
@@ -20,5 +27,6 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
20
27
  onClose?: () => void;
21
28
  onBack?: () => void;
22
29
  zIndexOverride?: number;
23
- }
30
+ };
24
31
  export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
32
+ export {};
package/es/@next/Modal/Modal.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
- var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride"];
3
+ var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
4
4
  import React, { useEffect, useRef, useState } from 'react';
5
5
  import { Button, PrimaryButton } from '../Button';
6
6
  import { ButtonGroup } from '../ButtonGroup';
7
7
  import { Icon } from '../Icon';
8
8
  import { Portal } from '../Portal/Portal';
9
9
  import { Typography } from '../Typography';
10
- import { StyledModalWrapper, StyledModalContainer, StyledModalHeader, StyledModalContent, StyledModalActions, StyledButtonContainer, StyledModalCloseButton, StyledModalBackButton } from './ModalStyle';
10
+ import { StyledModalWrapper, StyledModalContainer, StyledModalHeader, StyledModalContent, StyledModalActions, StyledButtonContainer, StyledModalCloseButton, StyledModalBackButton, StyledModalLeftAndRightComponent } from './ModalStyle';
11
11
  export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
12
12
  var isOpen = _ref.isOpen,
13
13
  header = _ref.header,
@@ -26,6 +26,8 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
26
26
  onBack = _ref.onBack,
27
27
  _ref$zIndexOverride = _ref.zIndexOverride,
28
28
  zIndexOverride = _ref$zIndexOverride === void 0 ? 999 : _ref$zIndexOverride,
29
+ leftComponent = _ref.leftComponent,
30
+ rightComponent = _ref.rightComponent,
29
31
  props = _objectWithoutPropertiesLoose(_ref, _excluded);
30
32
  var _useState = useState(false),
31
33
  isContentHasScrollbar = _useState[0],
@@ -90,7 +92,9 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
90
92
  return handleClickOutside();
91
93
  },
92
94
  zIndexOverride: zIndexOverride
93
- }, /*#__PURE__*/React.createElement(StyledModalContainer, _extends({
95
+ }, leftComponent && /*#__PURE__*/React.createElement(StyledModalLeftAndRightComponent, {
96
+ className: "modal-left-component"
97
+ }, leftComponent), /*#__PURE__*/React.createElement(StyledModalContainer, _extends({
94
98
  ref: ref,
95
99
  onClick: function onClick(e) {
96
100
  return e.stopPropagation();
@@ -123,5 +127,7 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
123
127
  className: "modal-content",
124
128
  ref: modalContentRef,
125
129
  "data-has-scrollbar": isContentHasScrollbar
126
- }, content), hasActions && /*#__PURE__*/React.createElement(StyledModalActions, null, actionsContent))));
130
+ }, content), hasActions && /*#__PURE__*/React.createElement(StyledModalActions, null, actionsContent)), rightComponent && /*#__PURE__*/React.createElement(StyledModalLeftAndRightComponent, {
131
+ className: "modal-right-component"
132
+ }, rightComponent)));
127
133
  });
package/es/@next/Modal/Modal.stories.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const WithLockedScrollableBackdrop: any;
8
8
  export declare const WithSpinner: any;
9
9
  export declare const WithCustomActions: any;
10
10
  export declare const WithNumberInputAndTooltip: any;
11
+ export declare const WithCustomLeftAndRightComponent: any;
package/es/@next/Modal/ModalContext.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ComponentWithProviderProps } from '../../types/componentWithProvider';
3
3
  import { ModalProps } from './Modal';
4
- export declare type ShowModalProps = Omit<ModalProps, 'isOpen'>;
4
+ export declare type ShowModalProps = Exclude<ModalProps, 'isOpen'>;
5
5
  export declare type ModalContextProps = ModalProps & ComponentWithProviderProps<ShowModalProps>;
6
6
  export declare const ModalContext: import("react").Context<ModalContextProps>;
package/es/@next/Modal/ModalStyle.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const StyledButtonContainer: import("styled-components").StyledCo
8
8
  export declare const StyledModalButton: import("styled-components").StyledComponent<"button", any, {}, never>;
9
9
  export declare const StyledModalBackButton: import("styled-components").StyledComponent<"button", any, {}, never>;
10
10
  export declare const StyledModalCloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
11
+ export declare const StyledModalLeftAndRightComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
package/es/@next/Modal/ModalStyle.js CHANGED
@@ -2,11 +2,11 @@ import styled from 'styled-components';
2
2
  import * as Breakpoints from '../utilities/breakpoints';
3
3
  import { borderRadius8 } from '../utilities/borderRadius';
4
4
  import { Neutral } from '../utilities/colors';
5
- import { space16 } from '../utilities/spacing';
5
+ import { space16, space24 } from '../utilities/spacing';
6
6
  export var StyledModalWrapper = styled.div.withConfig({
7
7
  displayName: "ModalStyle__StyledModalWrapper",
8
8
  componentId: "sc-1694up4-0"
9
- })(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:", ";"], function (props) {
9
+ })(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;gap:", ";align-items:center;justify-content:center;overflow:hidden;z-index:", ";"], space24, function (props) {
10
10
  return props.zIndexOverride;
11
11
  });
12
12
  export var StyledModalContainer = styled.div.withConfig({
@@ -40,4 +40,8 @@ export var StyledModalBackButton = styled(StyledModalButton).withConfig({
40
40
  export var StyledModalCloseButton = styled(StyledModalButton).withConfig({
41
41
  displayName: "ModalStyle__StyledModalCloseButton",
42
42
  componentId: "sc-1694up4-8"
43
- })(["margin-left:16px;"]);
43
+ })(["margin-left:16px;"]);
44
+ export var StyledModalLeftAndRightComponent = styled.div.withConfig({
45
+ displayName: "ModalStyle__StyledModalLeftAndRightComponent",
46
+ componentId: "sc-1694up4-9"
47
+ })(["@media (max-width:", "){display:none;}"], Breakpoints.large);
package/lib/@next/Link/Link.js CHANGED
@@ -27,7 +27,8 @@ var Link = function Link(_ref) {
27
27
  }, external && {
28
28
  target: '_blank'
29
29
  }, props), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
30
- variant: "body1"
30
+ variant: "body1",
31
+ as: "span"
31
32
  }, children), external && /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
32
33
  name: "ri-external-link-line"
33
34
  }));
package/lib/@next/Modal/Modal.d.ts CHANGED
@@ -1,6 +1,13 @@
1
1
  import React from 'react';
2
2
  import { ComponentAction } from '../../types/componentAction';
3
- export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ declare type LeftAndRightComponentModalProps = {
4
+ leftComponent: React.ReactNode;
5
+ rightComponent: React.ReactNode;
6
+ } | {
7
+ leftComponent?: never;
8
+ rightComponent?: never;
9
+ };
10
+ export declare type ModalProps = React.HTMLAttributes<HTMLDivElement> & LeftAndRightComponentModalProps & {
4
11
  isOpen?: boolean;
5
12
  header?: React.ReactNode;
6
13
  headerDescription?: React.ReactNode;
@@ -20,5 +27,6 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
20
27
  onClose?: () => void;
21
28
  onBack?: () => void;
22
29
  zIndexOverride?: number;
23
- }
30
+ };
24
31
  export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
32
+ export {};
package/lib/@next/Modal/Modal.js CHANGED
@@ -12,7 +12,7 @@ var _Icon = require("../Icon");
12
12
  var _Portal = require("../Portal/Portal");
13
13
  var _Typography = require("../Typography");
14
14
  var _ModalStyle = require("./ModalStyle");
15
- var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride"];
15
+ var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
16
16
  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); }
17
17
  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; }
18
18
  var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref) {
@@ -33,6 +33,8 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
33
33
  onBack = _ref.onBack,
34
34
  _ref$zIndexOverride = _ref.zIndexOverride,
35
35
  zIndexOverride = _ref$zIndexOverride === void 0 ? 999 : _ref$zIndexOverride,
36
+ leftComponent = _ref.leftComponent,
37
+ rightComponent = _ref.rightComponent,
36
38
  props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
37
39
  var _useState = (0, _react.useState)(false),
38
40
  isContentHasScrollbar = _useState[0],
@@ -97,7 +99,9 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
97
99
  return handleClickOutside();
98
100
  },
99
101
  zIndexOverride: zIndexOverride
100
- }, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContainer, (0, _extends2["default"])({
102
+ }, leftComponent && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalLeftAndRightComponent, {
103
+ className: "modal-left-component"
104
+ }, leftComponent), /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContainer, (0, _extends2["default"])({
101
105
  ref: ref,
102
106
  onClick: function onClick(e) {
103
107
  return e.stopPropagation();
@@ -130,6 +134,8 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
130
134
  className: "modal-content",
131
135
  ref: modalContentRef,
132
136
  "data-has-scrollbar": isContentHasScrollbar
133
- }, content), hasActions && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalActions, null, actionsContent))));
137
+ }, content), hasActions && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalActions, null, actionsContent)), rightComponent && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalLeftAndRightComponent, {
138
+ className: "modal-right-component"
139
+ }, rightComponent)));
134
140
  });
135
141
  exports.Modal = Modal;
package/lib/@next/Modal/Modal.stories.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const WithLockedScrollableBackdrop: any;
8
8
  export declare const WithSpinner: any;
9
9
  export declare const WithCustomActions: any;
10
10
  export declare const WithNumberInputAndTooltip: any;
11
+ export declare const WithCustomLeftAndRightComponent: any;
package/lib/@next/Modal/ModalContext.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ComponentWithProviderProps } from '../../types/componentWithProvider';
3
3
  import { ModalProps } from './Modal';
4
- export declare type ShowModalProps = Omit<ModalProps, 'isOpen'>;
4
+ export declare type ShowModalProps = Exclude<ModalProps, 'isOpen'>;
5
5
  export declare type ModalContextProps = ModalProps & ComponentWithProviderProps<ShowModalProps>;
6
6
  export declare const ModalContext: import("react").Context<ModalContextProps>;
package/lib/@next/Modal/ModalStyle.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const StyledButtonContainer: import("styled-components").StyledCo
8
8
  export declare const StyledModalButton: import("styled-components").StyledComponent<"button", any, {}, never>;
9
9
  export declare const StyledModalBackButton: import("styled-components").StyledComponent<"button", any, {}, never>;
10
10
  export declare const StyledModalCloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
11
+ export declare const StyledModalLeftAndRightComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
package/lib/@next/Modal/ModalStyle.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
- exports.StyledModalWrapper = exports.StyledModalHeader = exports.StyledModalContent = exports.StyledModalContainer = exports.StyledModalCloseButton = exports.StyledModalButton = exports.StyledModalBackButton = exports.StyledModalActions = exports.StyledButtonContainer = void 0;
5
+ exports.StyledModalWrapper = exports.StyledModalLeftAndRightComponent = exports.StyledModalHeader = exports.StyledModalContent = exports.StyledModalContainer = exports.StyledModalCloseButton = exports.StyledModalButton = exports.StyledModalBackButton = exports.StyledModalActions = exports.StyledButtonContainer = void 0;
6
6
  var _styledComponents = _interopRequireDefault(require("styled-components"));
7
7
  var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
8
8
  var _borderRadius = require("../utilities/borderRadius");
@@ -13,7 +13,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
13
13
  var StyledModalWrapper = _styledComponents["default"].div.withConfig({
14
14
  displayName: "ModalStyle__StyledModalWrapper",
15
15
  componentId: "sc-1694up4-0"
16
- })(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:", ";"], function (props) {
16
+ })(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;gap:", ";align-items:center;justify-content:center;overflow:hidden;z-index:", ";"], _spacing.space24, function (props) {
17
17
  return props.zIndexOverride;
18
18
  });
19
19
  exports.StyledModalWrapper = StyledModalWrapper;
@@ -56,4 +56,9 @@ var StyledModalCloseButton = (0, _styledComponents["default"])(StyledModalButton
56
56
  displayName: "ModalStyle__StyledModalCloseButton",
57
57
  componentId: "sc-1694up4-8"
58
58
  })(["margin-left:16px;"]);
59
- exports.StyledModalCloseButton = StyledModalCloseButton;
59
+ exports.StyledModalCloseButton = StyledModalCloseButton;
60
+ var StyledModalLeftAndRightComponent = _styledComponents["default"].div.withConfig({
61
+ displayName: "ModalStyle__StyledModalLeftAndRightComponent",
62
+ componentId: "sc-1694up4-9"
63
+ })(["@media (max-width:", "){display:none;}"], Breakpoints.large);
64
+ exports.StyledModalLeftAndRightComponent = StyledModalLeftAndRightComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.368",
3
+ "version": "4.0.370",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",