@sendoutcards/quantum-design-ui 1.8.3 → 1.8.4

package/dist/index.es.js

@@ -13562,8 +13562,11 @@ var Overlay = function (_a) {
     variants = _a.variants,
     transition = _a.transition,
     motionKey = _a.motionKey,
-    position = _a.position;
+    position = _a.position,
+    _b = _a.pinned,
+    pinned = _b === void 0 ? 'center' : _b;
   var hocs = useEntities().hocs;
+  var pinnedPosition = pinned === 'top' ? 'flex-start' : pinned === 'bottom' ? 'flex-end' : 'center';
   return jsx(Div, {
     motionKey: motionKey,
     variants: variants,
@@ -13573,7 +13576,7 @@ var Overlay = function (_a) {
     zIndex: zIndex,
     display: "flex",
     justifyContent: "center",
-    alignItems: "center",
+    alignItems: pinnedPosition,
     position: position !== null && position !== void 0 ? position : 'fixed',
     top: "0",
     left: "0",
@@ -14959,21 +14962,31 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _d = props.shouldScroll,
     shouldScroll = _d === void 0 ? false : _d,
     _e = props.borderRadius,
-    borderRadius = _e === void 0 ? 'default' : _e;
+    borderRadius = _e === void 0 ? 'default' : _e,
+    _f = props.pinned,
+    pinned = _f === void 0 ? 'center' : _f;
+  var pinnedRadius = pinned === 'bottom' ? {
+    top: borderRadius,
+    bottom: 'none'
+  } : pinned === 'top' ? {
+    bottom: borderRadius,
+    top: 'none'
+  } : borderRadius;
   return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
     variants: overlayVariants,
     animate: isOpen ? 'open' : 'closed',
     initial: 'closed',
     zIndex: zIndex,
     exit: 'closed',
-    bgElementSelector: bgElementSelector
+    bgElementSelector: bgElementSelector,
+    pinned: pinned
   }, jsx(Div, {
     ref: ref,
     outsideClick: onClose,
     variants: dialogVariants,
     css: styles$w.dialogContainer,
     backgroundColor: dialog.backgroundColor,
-    borderRadius: borderRadius,
+    borderRadius: pinnedRadius,
     boxShadow: dialog.boxShadow,
     inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
     outset: onClose ? {
@@ -14983,6 +14996,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
         small: 'x1'
       }
     } : 'x0',
+    position: 'absolute',
+    bottom: 0,
     maxWidth: maxWidth,
     maxHeight: maxHeight,
     width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,
@@ -24449,16 +24464,14 @@ var UpsaleDialog = function (_a) {
     submitAction = _a.submitAction,
     acceptSelectedAction = _a.acceptSelectedAction,
     shouldHideSendFreeCard = _a.shouldHideSendFreeCard,
-    upsaleBanner = _a.upsaleBanner,
-    _e = _a.defaultActiveKeys,
-    defaultActiveKeys = _e === void 0 ? [1] : _e;
-  var _f = React.useState(false),
-    shouldShowCheckoutView = _f[0],
-    setShouldShowCheckoutView = _f[1];
-  var _g = useResizeObserver(),
-    ref = _g.ref,
-    width = _g.width,
-    height = _g.height;
+    upsaleBanner = _a.upsaleBanner;
+  var _e = React.useState(false),
+    shouldShowCheckoutView = _e[0],
+    setShouldShowCheckoutView = _e[1];
+  var _f = useResizeObserver(),
+    ref = _f.ref,
+    width = _f.width,
+    height = _f.height;
   var dialogFooterHeight = shouldHideSendFreeCard ? '120px' : '170px';
   var device = useWindowSize().width;
   var isMobile = device <= 910;
@@ -24585,7 +24598,7 @@ var UpsaleDialog = function (_a) {
       top: '1.4rem'
     }
   }, jsx(Accordion, {
-    defaultActiveKeys: defaultActiveKeys,
+    defaultActiveKeys: [1],
     arrowLocation: "right",
     background: "background",
     inset: "x0",

package/dist/src/molecules/dialog/dialog.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
 import { Height, Width, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type PinnedType = 'top' | 'center' | 'bottom';
 export declare type DialogProps = {
     zIndex?: number;
     isOpen: boolean;
@@ -15,6 +16,7 @@ export declare type DialogProps = {
     width?: Width;
     shouldScroll?: boolean;
     borderRadius?: BorderRadius;
+    pinned?: PinnedType;
 };
 export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children: React.ReactNode;

package/dist/src/molecules/overlay/overlay.d.ts

@@ -2,10 +2,12 @@ import React from 'react';
 import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
 import { Responsive } from "../../helpers/hoc-types/entityValueTypes";
 import { Position } from "../../helpers/hoc-types/cssValueTypes";
+import { PinnedType } from '../dialog/dialog';
 export declare type OverlayPropTypes = {
     zIndex?: number;
     position?: Responsive<Position> | Position;
     bgElementSelector?: string;
     children?: React.ReactNode;
+    pinned?: PinnedType;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, }: OverlayPropTypes) => JSX.Element;

package/dist/src/portfolios/soc/upsaleDialog/upsaleDialog.d.ts

@@ -34,6 +34,5 @@ export declare type UpsaleDialogProps = {
     acceptSelectedAction?: AcceptSelectedOptionType;
     shouldHideSendFreeCard?: boolean;
     upsaleBanner?: React.ReactNode;
-    defaultActiveKeys?: (number | string)[];
 } & UpsaleOptionsType;
 export declare const UpsaleDialog: FC<UpsaleDialogProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",