@cultureamp/kaizen-component-library - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

components/Notification/components/GenericNotification.spec.js

@@ -41,4 +41,5 @@ "use strict";
         });
+    // TODO - This test is really flakey. Needs to be fixed or re-written
     // After the fade out animation has finished, the onHide handler should trigger.
-    await react_testing_library_1.wait(() => expect(onHide).toHaveBeenCalledTimes(1));
+    // await wait(() => expect(onHide).toHaveBeenCalledTimes(1))
 });
@@ -45,0 +46,0 @@ test("If autohide is specified, we should start hiding after 5s", async () => {

draft/Form/Primitives/FieldGroup/FieldGroup.js

@@ -17,4 +17,4 @@ "use strict";
 const styles = require("./styles.scss");
-const FormGroup = ({ id, automationId, className, children }) => (React.createElement("div", { id: id, "data-automation-id": automationId, className: classnames_1.default(styles.group, className) }, children));
+const FormGroup = ({ id, automationId, className, inline = false, children }) => (React.createElement("div", { id: id, "data-automation-id": automationId, className: classnames_1.default(styles.group, className, { [styles.inline]: inline }) }, children));
 exports.default = react_hot_loader_1.hot(module)(FormGroup);
 //# sourceMappingURL=FieldGroup.js.map

draft/Form/Primitives/Label/Label.js

@@ -14,11 +14,14 @@ "use strict";
 const react_hot_loader_1 = require("react-hot-loader");
-const components_1 = require("@cultureamp/kaizen-component-library/components");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const styles = require("./styles.scss");
-const Label = ({ id, automationId, htmlFor, labelText, reversed = false }) => (React.createElement("label", { id: id, "data-automation-id": automationId, htmlFor: htmlFor, className: classnames_1.default(styles.label, {
-        [styles.reversed]: reversed
+const Label = ({ id, automationId, htmlFor, labelText, labelType = "text", reversed = false, children }) => (React.createElement("label", { id: id, "data-automation-id": automationId, htmlFor: htmlFor, className: classnames_1.default(styles.label, {
+        [styles.reversed]: reversed,
+        [styles.text]: labelType === "text",
+        [styles.checkbox]: labelType === "checkbox",
+        [styles.toggle]: labelType === "toggle"
     }) },
-    React.createElement(components_1.Text, { tag: "div", style: "label", inheritBaseline: true }, labelText)));
+    children,
+    React.createElement("span", { className: styles.labelText }, labelText)));
 exports.default = react_hot_loader_1.hot(module)(Label);
 //# sourceMappingURL=Label.js.map

draft/Form/Primitives/Label/Label.spec.js

@@ -44,3 +44,17 @@ "use strict";
     });
+    describe("label type", () => {
+        it("should render a checkbox label", () => {
+            const { container } = renderLabel({ labelType: "checkbox" });
+            expect(container.querySelector(".checkbox")).toBeTruthy();
+        });
+        it("should render a toggle label", () => {
+            const { container } = renderLabel({ labelType: "toggle" });
+            expect(container.querySelector(".toggle")).toBeTruthy();
+        });
+        it("should render a text label", () => {
+            const { container } = renderLabel({ labelType: "text" });
+            expect(container.querySelector(".text")).toBeTruthy();
+        });
+    });
 });
 //# sourceMappingURL=Label.spec.js.map

draft/Form/TextField/TextField.js

@@ -30,4 +30,3 @@ "use strict";
     const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce((prev, curr) => (curr ? [curr, prev].join(" ") : prev), "");
-    return (React.createElement(FieldGroup_1.FieldGroup, { id: `${id}-field-group`, automationId: `${id}-field-group`, className: classnames_1.default(styles.withLabel, {
-            [styles.inline]: inline,
+    return (React.createElement(FieldGroup_1.FieldGroup, { id: `${id}-field-group`, automationId: `${id}-field-group`, inline: inline, className: classnames_1.default(styles.withLabel, {
             [styles.withDisabled]: disabled,
@@ -34,0 +33,0 @@ [styles.withReversed]: reversed,

package.json

@@ -5,3 +5,3 @@ {
   "sideEffects": false,
-  "version": "0.4.0",
+  "version": "0.5.0",
   "private": false,
@@ -8,0 +8,0 @@ "license": "MIT",

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

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

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

Improved metrics

Total package byte prevSize

779434

increased by4.47%

Number of package files

392

increased by3.98%

Lines of code

2577

increased by6.14%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes