phx-react 1.3.312 → 1.3.314
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/Banner/Banner.d.ts +2 -1
- package/dist/cjs/components/Banner/Banner.js +6 -5
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Banner/Banner.d.ts +2 -1
- package/dist/esm/components/Banner/Banner.js +6 -5
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,5 +11,6 @@ export interface BannerProps {
|
|
|
11
11
|
primaryAction?: ComplexAction;
|
|
12
12
|
secondaryAction?: ComplexAction;
|
|
13
13
|
dangerAction?: ComplexAction;
|
|
14
|
+
children?: any;
|
|
14
15
|
}
|
|
15
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, }: BannerProps) => React.JSX.Element;
|
|
16
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, children, }: BannerProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
7
7
|
var types_1 = require("../types");
|
|
8
8
|
var Button_1 = require("../Button");
|
|
9
9
|
var PHXBanner = function (_a) {
|
|
10
|
-
var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose, show = _a.show, action = _a.action, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, dangerAction = _a.dangerAction;
|
|
10
|
+
var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose, show = _a.show, action = _a.action, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, dangerAction = _a.dangerAction, children = _a.children;
|
|
11
11
|
var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
|
|
12
12
|
var Icon = function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
13
13
|
type === 'informational' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -30,11 +30,12 @@ var PHXBanner = function (_a) {
|
|
|
30
30
|
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
31
31
|
react_1["default"].createElement("div", { className: 'px-4' },
|
|
32
32
|
react_1["default"].createElement("div", { className: 'pb-3 pt-3.5 text-gray-600' }, description),
|
|
33
|
+
children && react_1["default"].createElement("div", { className: 'pb-3' }, children),
|
|
33
34
|
action || primaryAction || secondaryAction || dangerAction ? (react_1["default"].createElement("div", { className: 'pb-4 flex gap-x-2' },
|
|
34
|
-
action && (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, onClick: action.onClick }, action.content)),
|
|
35
|
-
primaryAction && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
36
|
-
secondaryAction && (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
37
|
-
dangerAction && (react_1["default"].createElement(Button_1.PHXButton, { danger2: true, onClick: dangerAction.onClick }, dangerAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
35
|
+
action && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: action.onClick }, action.content)),
|
|
36
|
+
primaryAction && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
37
|
+
secondaryAction && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
38
|
+
dangerAction && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', danger2: true, onClick: dangerAction.onClick }, dangerAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
38
39
|
};
|
|
39
40
|
exports.PHXBanner = PHXBanner;
|
|
40
41
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,kCAAoD;AACpD,oCAAqC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,6 @@ export interface BannerProps {
|
|
|
11
11
|
primaryAction?: ComplexAction;
|
|
12
12
|
secondaryAction?: ComplexAction;
|
|
13
13
|
dangerAction?: ComplexAction;
|
|
14
|
+
children?: any;
|
|
14
15
|
}
|
|
15
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, }: BannerProps) => React.JSX.Element;
|
|
16
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, children, }: BannerProps) => React.JSX.Element;
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { PHXButton } from '../Button';
|
|
5
5
|
export var PHXBanner = function (_a) {
|
|
6
|
-
var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose, show = _a.show, action = _a.action, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, dangerAction = _a.dangerAction;
|
|
6
|
+
var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose, show = _a.show, action = _a.action, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, dangerAction = _a.dangerAction, children = _a.children;
|
|
7
7
|
var classNameType = classNames(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
|
|
8
8
|
var Icon = function () { return (React.createElement(React.Fragment, null,
|
|
9
9
|
type === 'informational' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
|
|
@@ -26,10 +26,11 @@ export var PHXBanner = function (_a) {
|
|
|
26
26
|
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
27
27
|
React.createElement("div", { className: 'px-4' },
|
|
28
28
|
React.createElement("div", { className: 'pb-3 pt-3.5 text-gray-600' }, description),
|
|
29
|
+
children && React.createElement("div", { className: 'pb-3' }, children),
|
|
29
30
|
action || primaryAction || secondaryAction || dangerAction ? (React.createElement("div", { className: 'pb-4 flex gap-x-2' },
|
|
30
|
-
action && (React.createElement(PHXButton, { secondary: true, onClick: action.onClick }, action.content)),
|
|
31
|
-
primaryAction && (React.createElement(PHXButton, { primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
32
|
-
secondaryAction && (React.createElement(PHXButton, { secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
33
|
-
dangerAction && (React.createElement(PHXButton, { danger2: true, onClick: dangerAction.onClick }, dangerAction.content)))) : (React.createElement(React.Fragment, null))))) : (React.createElement(React.Fragment, null));
|
|
31
|
+
action && (React.createElement(PHXButton, { size: 'small', secondary: true, onClick: action.onClick }, action.content)),
|
|
32
|
+
primaryAction && (React.createElement(PHXButton, { size: 'small', primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
33
|
+
secondaryAction && (React.createElement(PHXButton, { size: 'small', secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
34
|
+
dangerAction && (React.createElement(PHXButton, { size: 'small', danger2: true, onClick: dangerAction.onClick }, dangerAction.content)))) : (React.createElement(React.Fragment, null))))) : (React.createElement(React.Fragment, null));
|
|
34
35
|
};
|
|
35
36
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|