@newageerp/v3.widgets.status-widget - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/status-widget.composition.d.ts

@@ -6,3 +6,2 @@ /// <reference types="react" />
 export declare const BlueStatusWidget: () => JSX.Element;
-export declare const SkyStatusWidget: () => JSX.Element;
 export declare const LimeStatusWidget: () => JSX.Element;
@@ -9,0 +8,0 @@ export declare const AmberStatusWidget: () => JSX.Element;

dist/status-widget.composition.js

@@ -6,8 +6,7 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlateStatusWidget = exports.TealStatusWidget = exports.PinkStatusWidget = exports.OrangeStatusWidget = exports.AmberStatusWidget = exports.LimeStatusWidget = exports.SkyStatusWidget = exports.BlueStatusWidget = exports.PurpleStatusWidget = exports.IsCompactStatusWidget = exports.RedStatusWidget = void 0;
+exports.SlateStatusWidget = exports.TealStatusWidget = exports.PinkStatusWidget = exports.OrangeStatusWidget = exports.AmberStatusWidget = exports.LimeStatusWidget = exports.BlueStatusWidget = exports.PurpleStatusWidget = exports.IsCompactStatusWidget = exports.RedStatusWidget = void 0;
 const react_1 = __importDefault(require("react"));
 const v3_widgets_status_widget_1 = require("@newageerp/v3.widgets.status-widget");
-const status_widget_1 = require("./status-widget");
 const RedStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.red }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, null, "Status 1");
 };
@@ -20,37 +19,33 @@ exports.RedStatusWidget = RedStatusWidget;
 const PurpleStatusWidget = () => {
-    return (react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.purple }, "Status 1"));
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'purple' }, "Status 1");
 };
 exports.PurpleStatusWidget = PurpleStatusWidget;
 const BlueStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.blue }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'blue' }, "Status 1");
 };
 exports.BlueStatusWidget = BlueStatusWidget;
-const SkyStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.sky }, "Status 1");
-};
-exports.SkyStatusWidget = SkyStatusWidget;
 const LimeStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.lime }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'lime' }, "Status 1");
 };
 exports.LimeStatusWidget = LimeStatusWidget;
 const AmberStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.amber }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'amber' }, "Status 1");
 };
 exports.AmberStatusWidget = AmberStatusWidget;
 const OrangeStatusWidget = () => {
-    return (react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.orange }, "Status 1"));
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'orange' }, "Status 1");
 };
 exports.OrangeStatusWidget = OrangeStatusWidget;
 const PinkStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.pink }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'pink' }, "Status 1");
 };
 exports.PinkStatusWidget = PinkStatusWidget;
 const TealStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.teal }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'teal' }, "Status 1");
 };
 exports.TealStatusWidget = TealStatusWidget;
 const SlateStatusWidget = () => {
-    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: status_widget_1.StatusWidgetColors.slate }, "Status 1");
+    return react_1.default.createElement(v3_widgets_status_widget_1.StatusWidget, { color: 'slate' }, "Status 1");
 };
 exports.SlateStatusWidget = SlateStatusWidget;
 //# sourceMappingURL=status-widget.composition.js.map

dist/status-widget.d.ts

@@ -16,5 +16,5 @@ import { ReactNode } from 'react';
     children: ReactNode;
-    color?: StatusWidgetColors;
+    color?: keyof typeof StatusWidgetColors;
     isCompact?: boolean;
 };
 export declare function StatusWidget({ children, color, isCompact, }: StatusWidgetProps): JSX.Element;

dist/status-widget.js

@@ -22,7 +22,7 @@ "use strict";
 })(StatusWidgetColors = exports.StatusWidgetColors || (exports.StatusWidgetColors = {}));
-function StatusWidget({ children, color = StatusWidgetColors.red, isCompact, }) {
+function StatusWidget({ children, color, isCompact, }) {
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)([
             'tw3-py-[5px] tw3-font-light tw3-rounded-lg',
             isCompact ? 'tw3-px-[15px]' : 'tw3-px-[10px]',
-            color,
+            color ? StatusWidgetColors[color] : StatusWidgetColors['red'],
         ]) }, children && isCompact ? children[0] : children));
@@ -29,0 +29,0 @@ }

package.json

 {
   "name": "@newageerp/v3.widgets.status-widget",
-  "version": "0.0.1",
+  "version": "0.0.2",
+  "homepage": "https://bit.dev/newageerp/v3/widgets/status-widget",
   "main": "dist/index.js",
@@ -8,3 +9,3 @@ "componentId": {
     "name": "v3/widgets/status-widget",
-    "version": "0.0.1"
+    "version": "0.0.2"
   },
@@ -16,2 +17,3 @@ "dependencies": {
   "devDependencies": {
+    "@types/react": "^17.0.8",
     "@types/testing-library__jest-dom": "5.9.5",
@@ -21,5 +23,4 @@ "@babel/runtime": "7.12.18",
     "@types/react-dom": "^17.0.5",
-    "@types/react": "^17.0.8",
     "@types/node": "12.20.4",
-    "@newageerp/extensions.sfs-react-env": "0.0.1"
+    "@newageerp/extensions.sfs-react-env": "0.0.2"
   },
@@ -26,0 +27,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

31043

decreased by-2.53%

Lines of code

147

decreased by-3.92%

No dependency changes