phx-react 1.3.311 → 1.3.313
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 +6 -2
- package/dist/cjs/components/Banner/Banner.js +9 -3
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Banner/Banner.d.ts +6 -2
- package/dist/esm/components/Banner/Banner.js +9 -3
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComplexAction } from '../types';
|
|
2
3
|
export interface BannerProps {
|
|
3
4
|
type?: 'informational' | 'success' | 'warning' | 'danger';
|
|
4
5
|
title?: string;
|
|
@@ -6,6 +7,9 @@ export interface BannerProps {
|
|
|
6
7
|
className?: string;
|
|
7
8
|
onClose?(): void;
|
|
8
9
|
show?: boolean;
|
|
9
|
-
|
|
10
|
+
action?: ComplexAction;
|
|
11
|
+
primaryAction?: ComplexAction;
|
|
12
|
+
secondaryAction?: ComplexAction;
|
|
13
|
+
dangerAction?: ComplexAction;
|
|
10
14
|
}
|
|
11
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose, show,
|
|
15
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, }: BannerProps) => React.JSX.Element;
|
|
@@ -5,8 +5,9 @@ exports.PHXBanner = void 0;
|
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var types_1 = require("../types");
|
|
8
|
+
var Button_1 = require("../Button");
|
|
8
9
|
var PHXBanner = function (_a) {
|
|
9
|
-
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,
|
|
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
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');
|
|
11
12
|
var Icon = function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
12
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' },
|
|
@@ -27,8 +28,13 @@ var PHXBanner = function (_a) {
|
|
|
27
28
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
28
29
|
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' },
|
|
29
30
|
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
30
|
-
react_1["default"].createElement("div", { className: 'px-4
|
|
31
|
-
|
|
31
|
+
react_1["default"].createElement("div", { className: 'px-4' },
|
|
32
|
+
react_1["default"].createElement("div", { className: 'pb-3 pt-3.5 text-gray-600' }, description),
|
|
33
|
+
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, { size: 'small', secondary: true, onClick: action.onClick }, action.content)),
|
|
35
|
+
primaryAction && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
36
|
+
secondaryAction && (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
37
|
+
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));
|
|
32
38
|
};
|
|
33
39
|
exports.PHXBanner = PHXBanner;
|
|
34
40
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ComplexAction } from '../types';
|
|
2
3
|
export interface BannerProps {
|
|
3
4
|
type?: 'informational' | 'success' | 'warning' | 'danger';
|
|
4
5
|
title?: string;
|
|
@@ -6,6 +7,9 @@ export interface BannerProps {
|
|
|
6
7
|
className?: string;
|
|
7
8
|
onClose?(): void;
|
|
8
9
|
show?: boolean;
|
|
9
|
-
|
|
10
|
+
action?: ComplexAction;
|
|
11
|
+
primaryAction?: ComplexAction;
|
|
12
|
+
secondaryAction?: ComplexAction;
|
|
13
|
+
dangerAction?: ComplexAction;
|
|
10
14
|
}
|
|
11
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose, show,
|
|
15
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show, action, primaryAction, secondaryAction, dangerAction, }: BannerProps) => React.JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
|
+
import { PHXButton } from '../Button';
|
|
4
5
|
export var PHXBanner = function (_a) {
|
|
5
|
-
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,
|
|
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
7
|
var classNameType = classNames(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
|
|
7
8
|
var Icon = function () { return (React.createElement(React.Fragment, null,
|
|
8
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' },
|
|
@@ -23,7 +24,12 @@ export var PHXBanner = function (_a) {
|
|
|
23
24
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
24
25
|
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' },
|
|
25
26
|
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
26
|
-
React.createElement("div", { className: 'px-4
|
|
27
|
-
|
|
27
|
+
React.createElement("div", { className: 'px-4' },
|
|
28
|
+
React.createElement("div", { className: 'pb-3 pt-3.5 text-gray-600' }, description),
|
|
29
|
+
action || primaryAction || secondaryAction || dangerAction ? (React.createElement("div", { className: 'pb-4 flex gap-x-2' },
|
|
30
|
+
action && (React.createElement(PHXButton, { size: 'small', secondary: true, onClick: action.onClick }, action.content)),
|
|
31
|
+
primaryAction && (React.createElement(PHXButton, { size: 'small', primary: true, onClick: primaryAction.onClick }, primaryAction.content)),
|
|
32
|
+
secondaryAction && (React.createElement(PHXButton, { size: 'small', secondary: true, onClick: secondaryAction.onClick }, secondaryAction.content)),
|
|
33
|
+
dangerAction && (React.createElement(PHXButton, { size: 'small', danger2: true, onClick: dangerAction.onClick }, dangerAction.content)))) : (React.createElement(React.Fragment, null))))) : (React.createElement(React.Fragment, null));
|
|
28
34
|
};
|
|
29
35
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|