@abstraks-dev/ui-library 1.0.1

package/dist/utils/validation.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateUrl = exports.validatePhone = exports.validatePasswordStrength = exports.validateField = exports.validateEmail = exports.VALIDATION_PATTERNS = exports.EMAIL_REGEX_STRICT = exports.EMAIL_REGEX = void 0;
+/**
+ * Validation utilities for form inputs
+ * Contains common validation patterns and functions
+ */
+
+// Common email validation regex pattern
+// This pattern checks for basic email format: user@domain.extension
+const EMAIL_REGEX = exports.EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+// More comprehensive email regex (RFC 5322 compliant, simplified)
+const EMAIL_REGEX_STRICT = exports.EMAIL_REGEX_STRICT = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+
+// Common validation patterns
+const VALIDATION_PATTERNS = exports.VALIDATION_PATTERNS = {
+  email: EMAIL_REGEX,
+  phone: /^[\+]?[1-9][\d]{0,15}$/,
+  url: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/,
+  postalCode: /^[A-Za-z0-9\s-]{3,10}$/,
+  creditCard: /^[0-9]{13,19}$/,
+  strongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/
+};
+
+/**
+ * Validates an email address
+ * @param {string} email - The email address to validate
+ * @param {boolean} strict - Whether to use strict RFC 5322 validation
+ * @returns {boolean} - True if email is valid
+ */
+const validateEmail = (email, strict = false) => {
+  if (!email || typeof email !== 'string') {
+    return false;
+  }
+  const pattern = strict ? EMAIL_REGEX_STRICT : EMAIL_REGEX;
+  return pattern.test(email.trim());
+};
+
+/**
+ * Validates a phone number
+ * @param {string} phone - The phone number to validate
+ * @returns {boolean} - True if phone is valid
+ */
+exports.validateEmail = validateEmail;
+const validatePhone = phone => {
+  if (!phone || typeof phone !== 'string') {
+    return false;
+  }
+  return VALIDATION_PATTERNS.phone.test(phone.replace(/[\s\-\(\)]/g, ''));
+};
+
+/**
+ * Validates a URL
+ * @param {string} url - The URL to validate
+ * @returns {boolean} - True if URL is valid
+ */
+exports.validatePhone = validatePhone;
+const validateUrl = url => {
+  if (!url || typeof url !== 'string') {
+    return false;
+  }
+  return VALIDATION_PATTERNS.url.test(url.trim());
+};
+
+/**
+ * Validates password strength
+ * @param {string} password - The password to validate
+ * @returns {boolean} - True if password meets strength requirements
+ */
+exports.validateUrl = validateUrl;
+const validatePasswordStrength = password => {
+  if (!password || typeof password !== 'string') {
+    return false;
+  }
+  return VALIDATION_PATTERNS.strongPassword.test(password);
+};
+
+/**
+ * Generic field validation function
+ * @param {string} value - The value to validate
+ * @param {Object} rules - Validation rules object
+ * @param {string} fieldName - Name of the field for error messages
+ * @returns {string|null} - Error message or null if valid
+ */
+exports.validatePasswordStrength = validatePasswordStrength;
+const validateField = (value, rules, fieldName) => {
+  if (!rules) return null;
+
+  // Required validation
+  if (rules.required && (!value || value.trim() === '')) {
+    return `${fieldName} is required`;
+  }
+
+  // Skip other validations if field is empty and not required
+  if (!value || value.trim() === '') {
+    return null;
+  }
+
+  // Email validation
+  if (rules.email && !validateEmail(value, rules.strict)) {
+    return 'Please enter a valid email address';
+  }
+
+  // Phone validation
+  if (rules.phone && !validatePhone(value)) {
+    return 'Please enter a valid phone number';
+  }
+
+  // URL validation
+  if (rules.url && !validateUrl(value)) {
+    return 'Please enter a valid URL';
+  }
+
+  // Password strength validation
+  if (rules.strongPassword && !validatePasswordStrength(value)) {
+    return 'Password must contain at least 8 characters with uppercase, lowercase, number, and special character';
+  }
+
+  // Minimum length validation
+  if (rules.minLength && value.length < rules.minLength) {
+    return `${fieldName} must be at least ${rules.minLength} characters`;
+  }
+
+  // Maximum length validation
+  if (rules.maxLength && value.length > rules.maxLength) {
+    return `${fieldName} must not exceed ${rules.maxLength} characters`;
+  }
+
+  // Pattern validation
+  if (rules.pattern && !rules.pattern.test(value)) {
+    return rules.patternMessage || `${fieldName} format is invalid`;
+  }
+  return null;
+};
+exports.validateField = validateField;

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@abstraks-dev/ui-library",
+  "version": "1.0.1",
+  "description": "User Interface library",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "storybook": "concurrently \"npm run build-css:watch\" \"storybook dev -p 6006\"",
+    "build-storybook": "storybook build && npm run format-storybook-json",
+    "build-storybook:dev": "storybook build --webpack-stats-json --debug-webpack && npm run enhance-build",
+    "build-storybook:prod": "storybook build",
+    "build": "babel src --out-dir dist --extensions \".js,.jsx\"",
+    "postbuild": "cp -R src/styles dist/styles && cp -R src/utils dist/utils && npm run build-css",
+    "build-css": "sass src/main.scss dist/styles/main.css",
+    "build-css:watch": "sass src/main.scss dist/styles/main.css --watch",
+    "build-css:compressed": "sass src/main.scss dist/styles/main.css --style compressed",
+    "format-storybook-json": "node scripts/format-storybook-json.js",
+    "enhance-build": "node scripts/post-build-enhance.js",
+    "debug-info": "node scripts/post-build-enhance.js",
+    "release": "auto shipit",
+    "changeset": "changeset",
+    "version-packages": "changeset version"
+  },
+  "keywords": [
+    "ui",
+    "library"
+  ],
+  "author": "Abstraks",
+  "homepage": "https://github.com/Abstraks-co/ui-library",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Abstraks-co/ui-library.git"
+  },
+  "registry": "https://www.npmjs.com/~Abstraks-co",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@chromatic-com/storybook": "^4.0.1",
+    "@storybook/addon-a11y": "^9.0.17",
+    "@storybook/addon-docs": "^9.0.17",
+    "@storybook/addon-jest": "^9.0.17",
+    "@storybook/addon-links": "^9.0.17",
+    "@storybook/addon-onboarding": "^9.0.17",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/react": "^9.0.18",
+    "@storybook/react-webpack5": "^9.0.17",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "auto": "^11.3.0",
+    "axe-core": "^4.10.3",
+    "concurrently": "^9.2.0",
+    "css-loader": "^7.1.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^26.1.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "prop-types": "^15.8.1",
+    "sass": "^1.89.2",
+    "sass-loader": "^16.0.5",
+    "storybook": "^9.0.17",
+    "style-loader": "^4.0.0"
+  },
+  "dependencies": {
+    "animate.css": "^4.1.1",
+    "libphonenumber-js": "^1.12.10",
+    "react-transition-group": "^4.4.5",
+    "uuid": "^11.1.0",
+    "validator": "^13.15.15"
+  },
+  "bugs": {
+    "url": "https://github.com/Abstraks-co/ui-library/issues"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  }
+}