@bodynarf/react.components 1.12.5 → 1.13.0

package/types/validation/status.js

@@ -1,10 +1,10 @@
-/** Component value validation status */
-export var ValidationStatus;
-(function (ValidationStatus) {
-    /** Validation wasn"t been performed */
-    ValidationStatus["None"] = "none";
-    /** Value is valid */
-    ValidationStatus["Valid"] = "valid";
-    /** Value is invalid due some validator check */
-    ValidationStatus["Invalid"] = "invalid";
-})(ValidationStatus || (ValidationStatus = {}));
+/** Component value validation status */
+export var ValidationStatus;
+(function (ValidationStatus) {
+    /** Validation wasn"t been performed */
+    ValidationStatus["None"] = "none";
+    /** Value is valid */
+    ValidationStatus["Valid"] = "valid";
+    /** Value is invalid due some validator check */
+    ValidationStatus["Invalid"] = "invalid";
+})(ValidationStatus || (ValidationStatus = {}));

package/utils/dataAttributes.d.ts

@@ -1,8 +1,8 @@
-import { DataAttributes } from "../types";
-/**
- * Map object with key-value pairs to html data attributes format
- * @param dataAttributes Object with data attribute values
- * @returns Object that could be injected into react html element as data-* attribute values
- */
-export declare const mapDataAttributes: (dataAttributes: DataAttributes) => object;
+import { DataAttributes } from "../types";
+/**
+ * Map object with key-value pairs to html data attributes format
+ * @param dataAttributes Object with data attribute values
+ * @returns Object that could be injected into react html element as data-* attribute values
+ */
+export declare const mapDataAttributes: (dataAttributes: DataAttributes) => object;
 //# sourceMappingURL=dataAttributes.d.ts.map

package/utils/dataAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,mBAAoB,cAAc,KAAG,MAkBlE,CAAC"}
+{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,cAAc,KAAG,MAmBlE,CAAC"}

package/utils/dataAttributes.js

@@ -1,21 +1,22 @@
-import { isNullOrUndefined } from "@bodynarf/utils";
-/**
- * Map object with key-value pairs to html data attributes format
- * @param dataAttributes Object with data attribute values
- * @returns Object that could be injected into react html element as data-* attribute values
- */
-export const mapDataAttributes = (dataAttributes) => {
-    const mappedAttributes = Object
-        .entries(dataAttributes)
-        .reduce((result, [key, value]) => {
-        if (isNullOrUndefined(value)) {
-            return result;
-        }
-        const newKey = key.toLocaleLowerCase().startsWith("data-")
-            ? key.toLocaleLowerCase()
-            : `data-${key}`;
-        result[newKey] = value;
-        return result;
-    }, {});
-    return mappedAttributes;
-};
+import { isNullOrUndefined } from "@bodynarf/utils";
+/**
+ * Map object with key-value pairs to html data attributes format
+ * @param dataAttributes Object with data attribute values
+ * @returns Object that could be injected into react html element as data-* attribute values
+ */
+export const mapDataAttributes = (dataAttributes) => {
+    const mappedAttributes = Object
+        .entries(dataAttributes)
+        .reduce((result, [key, value]) => {
+        if (isNullOrUndefined(value)) {
+            return result;
+        }
+        const newKey = key.toLocaleLowerCase().startsWith("data-")
+            ? key.toLocaleLowerCase()
+            : `data-${key}`;
+        result[newKey] = value;
+        return result;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    }, {});
+    return mappedAttributes;
+};

package/utils/index.d.ts

@@ -1,3 +1,4 @@
-export * from "./dataAttributes";
-export * from "./validation";
+export * from "./dataAttributes";
+export * from "./validation";
+export * from "./styles";
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/utils/index.js

@@ -1,2 +1,3 @@
-export * from "./dataAttributes";
-export * from "./validation";
+export * from "./dataAttributes";
+export * from "./validation";
+export * from "./styles";

package/utils/styles.d.ts

@@ -0,0 +1,14 @@
+import { ElementPosition, ElementSize } from "../types";
+/**
+ * Get class name for element position
+ * @param position Position of element value
+ * @returns Related class name
+ */
+export declare const getPositionClassName: (position: ElementPosition) => string;
+/**
+ * Get class name for element size
+ * @param position Size of element value
+ * @returns Related class name
+ */
+export declare const getSizeClassName: (size?: ElementSize) => string;
+//# sourceMappingURL=styles.d.ts.map

package/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAU1D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,UAAU,eAAe,KAAG,MAEhE,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,WAAW,KAAG,MAIrD,CAAC"}

package/utils/styles.js

@@ -0,0 +1,33 @@
+import { ElementPosition, ElementSize } from "../types";
+import { isNullish } from "@bodynarf/utils";
+/** Element position to bulma class name map */
+const positionToClassMap = new Map([
+    [ElementPosition.Left, ""],
+    [ElementPosition.Center, "is-centered"],
+    [ElementPosition.Right, "is-right"]
+]);
+/**
+ * Get class name for element position
+ * @param position Position of element value
+ * @returns Related class name
+ */
+export const getPositionClassName = (position) => {
+    return positionToClassMap.get(position) ?? "";
+};
+/** Element size to bulma class name map */
+const sizeToClassMap = new Map([
+    [ElementSize.Small, "is-small"],
+    [ElementSize.Normal, "is-normal"],
+    [ElementSize.Medium, "is-medium"],
+    [ElementSize.Large, "is-large"],
+]);
+/**
+ * Get class name for element size
+ * @param position Size of element value
+ * @returns Related class name
+ */
+export const getSizeClassName = (size) => {
+    return isNullish(size)
+        ? ""
+        : sizeToClassMap.get(size) ?? "";
+};

package/utils/validation.d.ts

@@ -1,11 +1,11 @@
-import { ElementColor, ValidationState } from "../types";
-/**
- * Get className component prop based on current validation state and style
- *
- * (!) Validation className has priority
- * @param style Element style
- * @param validationState Current validation state
- * @returns Style className
- */
-export declare const getStyleClassName: (style?: ElementColor, validationState?: ValidationState) => string;
+import { ElementColor, ValidationState } from "../types";
+/**
+ * Get className component prop based on current validation state and style
+ *
+ * (!) Validation className has priority
+ * @param style Element style
+ * @param validationState Current validation state
+ * @returns Style className
+ */
+export declare const getStyleClassName: (style?: ElementColor, validationState?: ValidationState) => string;
 //# sourceMappingURL=validation.d.ts.map

package/utils/validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoB,MAAM,YAAY,CAAC;AAE7E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,WAClB,YAAY,oBACF,eAAe,KAClC,MAUF,CAAC"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAoB,MAAM,YAAY,CAAC;AAE7E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAC1B,QAAQ,YAAY,EACpB,kBAAkB,eAAe,KAClC,MAUF,CAAC"}

package/utils/validation.js

@@ -1,20 +1,20 @@
-import { isNullOrUndefined } from "@bodynarf/utils";
-import { ValidationStatus } from "../types";
-/**
- * Get className component prop based on current validation state and style
- *
- * (!) Validation className has priority
- * @param style Element style
- * @param validationState Current validation state
- * @returns Style className
- */
-export const getStyleClassName = (style, validationState) => {
-    if (isNullOrUndefined(validationState) || validationState.status === ValidationStatus.None) {
-        return isNullOrUndefined(style)
-            ? ""
-            : `is-${style}`;
-    }
-    return validationState.status === ValidationStatus.Invalid
-        ? "is-danger"
-        : "is-success";
-};
+import { isNullOrUndefined } from "@bodynarf/utils";
+import { ValidationStatus } from "../types";
+/**
+ * Get className component prop based on current validation state and style
+ *
+ * (!) Validation className has priority
+ * @param style Element style
+ * @param validationState Current validation state
+ * @returns Style className
+ */
+export const getStyleClassName = (style, validationState) => {
+    if (isNullOrUndefined(validationState) || validationState.status === ValidationStatus.None) {
+        return isNullOrUndefined(style)
+            ? ""
+            : `is-${style}`;
+    }
+    return validationState.status === ValidationStatus.Invalid
+        ? "is-danger"
+        : "is-success";
+};

package/types/baseElementProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseElementProps.d.ts","sourceRoot":"","sources":["../../src/types/baseElementProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,yCAAyC;AACzC,MAAM,WAAW,gBAAgB;IAC7B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB"}

package/types/baseInputElementProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseInputElementProps.d.ts","sourceRoot":"","sources":["../../src/types/baseInputElementProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEjI,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB,CAAC,MAAM,CAAE,SAAQ,gBAAgB;IACnE,8EAA8E;IAC9E,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/types/elementColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"elementColor.d.ts","sourceRoot":"","sources":["../../src/types/elementColor.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,oBAAY,YAAY;IACpB,yBAAyB;IACzB,OAAO,YAAY;IAEnB,2BAA2B;IAC3B,OAAO,YAAY;IAEnB,yBAAyB;IACzB,IAAI,SAAS;IAEb,sBAAsB;IACtB,IAAI,SAAS;IAEb,mBAAmB;IACnB,OAAO,YAAY;IAEnB,oBAAoB;IACpB,OAAO,YAAY;IAEnB,iBAAiB;IACjB,MAAM,WAAW;CACpB"}

package/types/elementPosition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"elementPosition.d.ts","sourceRoot":"","sources":["../../src/types/elementPosition.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,oBAAY,eAAe;IACvB,mBAAmB;IACnB,IAAI,SAAS;IAEb,qBAAqB;IACrB,MAAM,WAAW;IAEjB,oBAAoB;IACpB,KAAK,UAAU;CAClB;AAED,qDAAqD;AACrD,oBAAY,oBAAoB,GAAG,eAAe,CAAC,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC"}

package/types/elementSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"elementSize.d.ts","sourceRoot":"","sources":["../../src/types/elementSize.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,oBAAY,WAAW;IACnB,2BAA2B;IAC3B,KAAK,UAAU;IAEf,iCAAiC;IACjC,MAAM,WAAW;IAEjB,2BAA2B;IAC3B,MAAM,WAAW;IAEjB,0BAA0B;IAC1B,KAAK,UAAU;CAClB"}