phx-react 1.3.92 → 1.3.93
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 +3 -3
- 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 +3 -3
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,6 @@ export interface BannerProps {
|
|
|
5
5
|
description?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
onClose?(): void;
|
|
8
|
+
show?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;
|
|
10
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show }: BannerProps) => JSX.Element;
|
|
@@ -6,7 +6,7 @@ var tslib_1 = require("tslib");
|
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var types_1 = require("../types");
|
|
8
8
|
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;
|
|
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
10
|
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
11
|
var Icon = function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
12
12
|
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' },
|
|
@@ -17,7 +17,7 @@ var PHXBanner = function (_a) {
|
|
|
17
17
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
|
|
18
18
|
type === 'danger' && (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' },
|
|
19
19
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
|
|
20
|
-
return (react_1["default"].createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
|
|
20
|
+
return show ? (react_1["default"].createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
|
|
21
21
|
react_1["default"].createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
|
|
22
22
|
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
23
23
|
react_1["default"].createElement(Icon, null),
|
|
@@ -27,7 +27,7 @@ var PHXBanner = function (_a) {
|
|
|
27
27
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
28
28
|
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
29
|
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
30
|
-
react_1["default"].createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
|
|
30
|
+
react_1["default"].createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
31
31
|
};
|
|
32
32
|
exports.PHXBanner = PHXBanner;
|
|
33
33
|
//# 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,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,6 @@ export interface BannerProps {
|
|
|
5
5
|
description?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
onClose?(): void;
|
|
8
|
+
show?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;
|
|
10
|
+
export declare const PHXBanner: ({ type, className, title, description, onClose, show }: BannerProps) => JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
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;
|
|
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
6
|
var classNameType = classNames(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
|
|
7
7
|
var Icon = function () { return (React.createElement(React.Fragment, null,
|
|
8
8
|
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' },
|
|
@@ -13,7 +13,7 @@ export var PHXBanner = function (_a) {
|
|
|
13
13
|
React.createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
|
|
14
14
|
type === 'danger' && (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' },
|
|
15
15
|
React.createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
|
|
16
|
-
return (React.createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
|
|
16
|
+
return show ? (React.createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
|
|
17
17
|
React.createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
|
|
18
18
|
React.createElement("div", { className: 'flex items-center' },
|
|
19
19
|
React.createElement(Icon, null),
|
|
@@ -23,6 +23,6 @@ export var PHXBanner = function (_a) {
|
|
|
23
23
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
24
24
|
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
25
|
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
26
|
-
React.createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
|
|
26
|
+
React.createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description))) : (React.createElement(React.Fragment, null));
|
|
27
27
|
};
|
|
28
28
|
//# 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,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}
|