@newtonschool/grauity 3.3.0 → 3.3.2

package/dist/ui/elements/Form/OtpInputField/OtpInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInputField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAoJ/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OtpInputField.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/OtpInputField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBA+K/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ui/elements/Form/OtpInputField/types.d.ts

@@ -3,6 +3,12 @@ import { StyledInputProps } from '../../../../common/types';
 import { TextFieldColors } from '../TextField/types';
 export type OtpFieldColors = TextFieldColors;
 export interface OtpInputFieldProps {
+    /**
+     * The initial value of the OTP input fields.
+     * @default ''
+     * @type string
+     */
+    value?: string;
     /**
      * The label displayed above the OTP input fields.
      * @type string
@@ -30,6 +36,17 @@ export interface OtpInputFieldProps {
             value: string;
         };
     }) => void;
+    /**
+     * Callback triggered when the whole OTP input field loses focus.
+     * @param event - The event object containing the updated OTP value.
+     * @type (event: { target: { name: string; value: string } }) => void
+     */
+    onBlur?: (event: {
+        target: {
+            name: string;
+            value: string;
+        };
+    }) => void;
     /**
      * Inline styles applied to the OTP input fields.
      * @type React.CSSProperties

package/dist/ui/elements/Form/OtpInputField/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IACzD;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvE;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IACzD;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CAC3B"}

package/dist/ui/elements/Form/OtpInputField/utils.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Splits the OTP value into an array of individual digits.
+ * @param value - The OTP value as a string.
+ * @param length - The desired length of the OTP input fields.
+ * @returns An array of individual OTP digits or empty strings.
+ *
+ * @example
+ * getSplitOtpValue('1234', 4) -> ['1', '2', '3', '4']
+ *
+ * @example
+ * getSplitOtpValue('12', 4) -> ['1', '2', '', '']
+ *
+ * @example
+ * getSplitOtpValue('', 4) -> ['', '', '', '']
+ */
+export declare const getSplitOtpValue: (value: string, length: number) => any[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/elements/Form/OtpInputField/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/OtpInputField/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,UAAW,MAAM,UAAU,MAAM,UACW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@newtonschool/grauity",
-    "version": "3.3.0",
+    "version": "3.3.2",
     "description": "Design System for Newton School",
     "keywords": [
         "Newton School",