phx-react 1.3.886 → 1.3.887
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.
- package/dist/cjs/components/BannerWithCard/BannerWithCard.d.ts +2 -1
- package/dist/cjs/components/BannerWithCard/BannerWithCard.js +9 -8
- package/dist/cjs/components/BannerWithCard/BannerWithCard.js.map +1 -1
- package/dist/esm/components/BannerWithCard/BannerWithCard.d.ts +2 -1
- package/dist/esm/components/BannerWithCard/BannerWithCard.js +9 -8
- package/dist/esm/components/BannerWithCard/BannerWithCard.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,5 +13,6 @@ export interface BannerWithCardProps {
|
|
|
13
13
|
dangerAction?: ComplexAction;
|
|
14
14
|
children?: any;
|
|
15
15
|
hideCloseButton?: boolean;
|
|
16
|
+
hideIcon?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare const PHXBannerWithCard: ({ action, children, className, dangerAction, description, hideCloseButton, onClose, primaryAction, secondaryAction, show, title, type, }: BannerWithCardProps) => React.JSX.Element;
|
|
18
|
+
export declare const PHXBannerWithCard: ({ action, children, className, dangerAction, description, hideCloseButton, onClose, primaryAction, secondaryAction, show, title, type, hideIcon, }: BannerWithCardProps) => React.JSX.Element;
|
|
@@ -8,19 +8,20 @@ var Button_1 = require("../Button");
|
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var Icon_1 = tslib_1.__importDefault(require("./Icon"));
|
|
10
10
|
var PHXBannerWithCard = function (_a) {
|
|
11
|
-
var action = _a.action, children = _a.children, className = _a.className, dangerAction = _a.dangerAction, description = _a.description, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, onClose = _a.onClose, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, show = _a.show, title = _a.title, _c = _a.type, type = _c === void 0 ? 'informational' : _c;
|
|
11
|
+
var action = _a.action, children = _a.children, className = _a.className, dangerAction = _a.dangerAction, description = _a.description, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, onClose = _a.onClose, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, show = _a.show, title = _a.title, _c = _a.type, type = _c === void 0 ? 'informational' : _c, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d;
|
|
12
12
|
var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#EAF4FF] text-[#00527C]', type === 'success' && 'bg-[#CDFEE1] text-[#0C5132]', type === 'warning' && 'bg-[#FFF1E3] text-[#5E4200]', type === 'danger' && 'bg-[#FEE9E8] text-[#8E1F0B]');
|
|
13
13
|
return show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('rounded-lg p-2 shadow-[0rem_0.0825rem_0rem_#00000012]', classNameType, className) },
|
|
14
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between text-xs font-semibold leading-5
|
|
14
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between text-xs font-semibold leading-5') },
|
|
15
15
|
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
16
|
-
react_1["default"].createElement(Icon_1["default"], { type: type }),
|
|
17
|
-
react_1["default"].createElement("span", null, title)
|
|
18
|
-
|
|
16
|
+
!hideIcon && react_1["default"].createElement(Icon_1["default"], { type: type }),
|
|
17
|
+
title && react_1["default"].createElement("span", null, title),
|
|
18
|
+
!title && description && react_1["default"].createElement("div", { className: 'text-xs font-normal' }, description)),
|
|
19
|
+
!hideCloseButton && (react_1["default"].createElement("button", { className: "rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600 ".concat(hideCloseButton ? 'invisible' : ''), onClick: onClose, type: 'button' },
|
|
19
20
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
20
21
|
react_1["default"].createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
21
|
-
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' })))),
|
|
22
|
-
react_1["default"].createElement("div", { className: '
|
|
23
|
-
react_1["default"].createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
22
|
+
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
23
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('', !hideCloseButton && 'pr-6', !hideCloseButton && 'pl-[1.65rem]') },
|
|
24
|
+
title && description && react_1["default"].createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
24
25
|
children && react_1["default"].createElement("div", { className: 'pt-3' }, children),
|
|
25
26
|
action || primaryAction || secondaryAction || dangerAction ? (react_1["default"].createElement("div", { className: 'flex gap-x-2 pt-3' },
|
|
26
27
|
action && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', onClick: action.onClick, secondary: true, size: 'small' }, action.content)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,oCAAqC;AACrC,kCAAoD;AACpD,wDAAyB;
|
|
1
|
+
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,5 +13,6 @@ export interface BannerWithCardProps {
|
|
|
13
13
|
dangerAction?: ComplexAction;
|
|
14
14
|
children?: any;
|
|
15
15
|
hideCloseButton?: boolean;
|
|
16
|
+
hideIcon?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare const PHXBannerWithCard: ({ action, children, className, dangerAction, description, hideCloseButton, onClose, primaryAction, secondaryAction, show, title, type, }: BannerWithCardProps) => React.JSX.Element;
|
|
18
|
+
export declare const PHXBannerWithCard: ({ action, children, className, dangerAction, description, hideCloseButton, onClose, primaryAction, secondaryAction, show, title, type, hideIcon, }: BannerWithCardProps) => React.JSX.Element;
|
|
@@ -4,19 +4,20 @@ import { PHXButton } from '../Button';
|
|
|
4
4
|
import { classNames } from '../types';
|
|
5
5
|
import Icon from './Icon';
|
|
6
6
|
export var PHXBannerWithCard = function (_a) {
|
|
7
|
-
var action = _a.action, children = _a.children, className = _a.className, dangerAction = _a.dangerAction, description = _a.description, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, onClose = _a.onClose, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, show = _a.show, title = _a.title, _c = _a.type, type = _c === void 0 ? 'informational' : _c;
|
|
7
|
+
var action = _a.action, children = _a.children, className = _a.className, dangerAction = _a.dangerAction, description = _a.description, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, onClose = _a.onClose, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, show = _a.show, title = _a.title, _c = _a.type, type = _c === void 0 ? 'informational' : _c, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d;
|
|
8
8
|
var classNameType = classNames(type === 'informational' && 'bg-[#EAF4FF] text-[#00527C]', type === 'success' && 'bg-[#CDFEE1] text-[#0C5132]', type === 'warning' && 'bg-[#FFF1E3] text-[#5E4200]', type === 'danger' && 'bg-[#FEE9E8] text-[#8E1F0B]');
|
|
9
9
|
return show ? (React.createElement("div", { className: classNames('rounded-lg p-2 shadow-[0rem_0.0825rem_0rem_#00000012]', classNameType, className) },
|
|
10
|
-
React.createElement("div", { className: classNames('flex items-center justify-between text-xs font-semibold leading-5
|
|
10
|
+
React.createElement("div", { className: classNames('flex items-center justify-between text-xs font-semibold leading-5') },
|
|
11
11
|
React.createElement("div", { className: 'flex items-center' },
|
|
12
|
-
React.createElement(Icon, { type: type }),
|
|
13
|
-
React.createElement("span", null, title)
|
|
14
|
-
|
|
12
|
+
!hideIcon && React.createElement(Icon, { type: type }),
|
|
13
|
+
title && React.createElement("span", null, title),
|
|
14
|
+
!title && description && React.createElement("div", { className: 'text-xs font-normal' }, description)),
|
|
15
|
+
!hideCloseButton && (React.createElement("button", { className: "rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600 ".concat(hideCloseButton ? 'invisible' : ''), onClick: onClose, type: 'button' },
|
|
15
16
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
16
17
|
React.createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
17
|
-
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' })))),
|
|
18
|
-
React.createElement("div", { className: '
|
|
19
|
-
React.createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
18
|
+
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
19
|
+
React.createElement("div", { className: classNames('', !hideCloseButton && 'pr-6', !hideCloseButton && 'pl-[1.65rem]') },
|
|
20
|
+
title && description && React.createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
20
21
|
children && React.createElement("div", { className: 'pt-3' }, children),
|
|
21
22
|
action || primaryAction || secondaryAction || dangerAction ? (React.createElement("div", { className: 'flex gap-x-2 pt-3' },
|
|
22
23
|
action && (React.createElement(PHXButton, { className: 'font-semibold', onClick: action.onClick, secondary: true, size: 'small' }, action.content)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,IAAI,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"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"}
|