@campxdev/react-blueprint 1.8.1 → 1.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "main": "./export.ts",
   "dependencies": {
     "@emotion/react": "^11.13.3",

package/src/components/Assets/Icons/IconComponents/RaiseTicketIcon.tsx

@@ -0,0 +1,35 @@
+export const RaiseTicketIcon = ({ size = 16 }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 50 50" fill="none">
+      <path
+        d="M0 4C0 1.79086 1.79086 0 4 0H46C48.2091 0 50 1.79086 50 4V46C50 48.2091 48.2091 50 46 50H4C1.79086 50 0 48.2091 0 46V4Z"
+        fill="#F2353C"
+        fill-opacity="0.2"
+      />
+      <g clip-path="url(#clip0_4509_12134)">
+        <path
+          d="M29 35.75H16C15.5365 35.7479 15.0926 35.5628 14.7649 35.2351C14.4372 34.9074 14.2521 34.4635 14.25 34V21C14.25 16.58 16.58 14.25 21 14.25H29C33.42 14.25 35.75 16.58 35.75 21V29C35.75 33.42 33.42 35.75 29 35.75ZM21 15.75C17.42 15.75 15.75 17.42 15.75 21V34C15.7497 34.0329 15.756 34.0655 15.7685 34.096C15.781 34.1264 15.7994 34.1541 15.8226 34.1774C15.8459 34.2006 15.8736 34.219 15.904 34.2315C15.9345 34.244 15.9671 34.2503 16 34.25H29C32.58 34.25 34.25 32.58 34.25 29V21C34.25 17.42 32.58 15.75 29 15.75H21Z"
+          fill="#F2353C"
+        />
+        <path
+          d="M28.5 25.75H21.5C21.3015 25.7487 21.1115 25.6693 20.9711 25.5289C20.8307 25.3885 20.7513 25.1985 20.75 25C20.7513 24.8015 20.8307 24.6115 20.9711 24.4711C21.1115 24.3307 21.3015 24.2513 21.5 24.25H28.5C28.6985 24.2513 28.8885 24.3307 29.0289 24.4711C29.1693 24.6115 29.2487 24.8015 29.25 25C29.2487 25.1985 29.1693 25.3885 29.0289 25.5289C28.8885 25.6693 28.6985 25.7487 28.5 25.75Z"
+          fill="#F2353C"
+        />
+        <path
+          d="M25 29.25C24.8015 29.2487 24.6115 29.1693 24.4711 29.0289C24.3307 28.8885 24.2513 28.6985 24.25 28.5V21.5C24.2513 21.3015 24.3307 21.1115 24.4711 20.9711C24.6115 20.8307 24.8015 20.7513 25 20.75C25.1985 20.7513 25.3885 20.8307 25.5289 20.9711C25.6693 21.1115 25.7487 21.3015 25.75 21.5V28.5C25.7487 28.6985 25.6693 28.8885 25.5289 29.0289C25.3885 29.1693 25.1985 29.2487 25 29.25Z"
+          fill="#F2353C"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_4509_12134">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(13 13)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/WorkflowdocsIcon.tsx

@@ -0,0 +1,19 @@
+export const WorkFlowDocsIcon = ({ size = 16 }) => {
+  return (
+    <svg width={size} height={size} viewBox="0 0 50 50" fill="none">
+      <path
+        d="M0 4C0 1.79086 1.79086 0 4 0H46C48.2091 0 50 1.79086 50 4V46C50 48.2091 48.2091 50 46 50H4C1.79086 50 0 48.2091 0 46V4Z"
+        fill="#573DAB"
+        fill-opacity="0.2"
+      />
+      <path
+        d="M25 28.75C24.2583 28.75 23.5333 28.5301 22.9166 28.118C22.2999 27.706 21.8193 27.1203 21.5355 26.4351C21.2516 25.7498 21.1774 24.9958 21.3221 24.2684C21.4668 23.541 21.8239 22.8728 22.3484 22.3484C22.8728 21.8239 23.541 21.4668 24.2684 21.3221C24.9958 21.1774 25.7498 21.2516 26.4351 21.5355C27.1203 21.8193 27.706 22.2999 28.118 22.9166C28.5301 23.5333 28.75 24.2583 28.75 25C28.7497 25.9945 28.3546 26.9482 27.6514 27.6514C26.9482 28.3546 25.9945 28.7497 25 28.75ZM25 22.75C24.555 22.75 24.12 22.882 23.75 23.1292C23.38 23.3764 23.0916 23.7278 22.9213 24.139C22.751 24.5501 22.7064 25.0025 22.7932 25.439C22.8801 25.8754 23.0943 26.2763 23.409 26.591C23.7237 26.9057 24.1246 27.12 24.561 27.2068C24.9975 27.2936 25.4499 27.249 25.861 27.0787C26.2722 26.9084 26.6236 26.62 26.8708 26.25C27.118 25.88 27.25 25.445 27.25 25C27.2492 24.4035 27.0119 23.8317 26.5901 23.4099C26.1683 22.9881 25.5965 22.7508 25 22.75Z"
+        fill="#573DAB"
+      />
+      <path
+        d="M28.21 35.1884C27.9976 35.1865 27.7861 35.1596 27.58 35.1084C26.9645 34.9432 26.4374 34.5451 26.11 33.9984L25.99 33.7984C25.4 32.7784 24.59 32.7784 24 33.7984L23.89 33.9884C23.7313 34.2634 23.5197 34.5041 23.2674 34.6967C23.0151 34.8893 22.727 35.0299 22.42 35.1104C22.114 35.1951 21.7939 35.2165 21.4793 35.1736C21.1647 35.1306 20.8621 35.024 20.59 34.8604L18.87 33.8704C18.2602 33.5201 17.8145 32.9421 17.6307 32.2633C17.447 31.5845 17.5402 30.8605 17.89 30.2504C18.0256 30.0737 18.1149 29.8659 18.1498 29.6458C18.1848 29.4258 18.1642 29.2005 18.09 28.9904C17.9459 28.8204 17.7615 28.6892 17.5536 28.6088C17.3457 28.5285 17.121 28.5015 16.9 28.5304C16.1972 28.5291 15.5237 28.2492 15.0269 27.7521C14.5302 27.255 14.2508 26.5812 14.25 25.8784V24.1184C14.2513 23.416 14.5309 22.7428 15.0276 22.2461C15.5243 21.7494 16.1976 21.4698 16.9 21.4684C17.1208 21.4976 17.3454 21.471 17.5533 21.391C17.7612 21.311 17.9457 21.1801 18.09 21.0104C18.1667 20.8008 18.1886 20.575 18.1536 20.3545C18.1186 20.134 18.0279 19.9261 17.89 19.7504C17.5416 19.141 17.4481 18.4185 17.63 17.7404C17.7169 17.4021 17.8717 17.085 18.0848 16.8082C18.298 16.5315 18.5651 16.3009 18.87 16.1304L20.6 15.1384C21.1535 14.8186 21.8111 14.7305 22.4293 14.8935C23.0474 15.0565 23.5761 15.4573 23.9 16.0084L24.02 16.2084C24.61 17.2284 25.42 17.2284 26.01 16.2084L26.12 16.0184C26.2796 15.7434 26.492 15.5026 26.745 15.3099C26.998 15.1172 27.2866 14.9763 27.5942 14.8955C27.9018 14.8147 28.2223 14.7954 28.5373 14.8388C28.8524 14.8822 29.1557 14.9874 29.43 15.1484L31.15 16.1384C31.7598 16.4887 32.2055 17.0668 32.3893 17.7456C32.573 18.4244 32.4798 19.1484 32.13 19.7584C31.9944 19.9352 31.9051 20.143 31.8701 20.3631C31.8352 20.5831 31.8558 20.8084 31.93 21.0184C32.0741 21.1885 32.2585 21.3197 32.4664 21.4001C32.6743 21.4804 32.899 21.5074 33.12 21.4784C33.8224 21.4798 34.4957 21.7594 34.9924 22.2561C35.489 22.7528 35.7687 23.426 35.77 24.1284V25.8884C35.7687 26.5909 35.489 27.2641 34.9924 27.7608C34.4957 28.2575 33.8224 28.5371 33.12 28.5384C32.899 28.5095 32.6743 28.5365 32.4664 28.6168C32.2585 28.6972 32.0741 28.8284 31.93 28.9984C31.8533 29.2081 31.8314 29.4339 31.8664 29.6544C31.9014 29.8749 31.9921 30.0828 32.13 30.2584C32.3048 30.5594 32.4178 30.8921 32.4625 31.2373C32.5071 31.5824 32.4825 31.933 32.39 32.2684C32.3031 32.6068 32.1483 32.9239 31.9352 33.2007C31.722 33.4774 31.4549 33.708 31.15 33.8784L29.42 34.8684C29.0505 35.0765 28.634 35.1866 28.21 35.1884ZM25 31.4884C25.4853 31.519 25.9535 31.6788 26.3562 31.9514C26.7589 32.2239 27.0813 32.5993 27.29 33.0384L27.4 33.2284C27.5225 33.4347 27.7209 33.5848 27.9527 33.6465C28.1845 33.7081 28.4312 33.6766 28.64 33.5584L30.37 32.5584C30.6356 32.4058 30.8298 32.1541 30.91 31.8584C30.9498 31.7133 30.9606 31.5618 30.9417 31.4125C30.9229 31.2632 30.8747 31.1191 30.8 30.9884C30.5253 30.5873 30.3621 30.1204 30.3269 29.6355C30.2918 29.1506 30.386 28.665 30.6 28.2284C30.8696 27.8232 31.2426 27.4974 31.6804 27.2847C32.1181 27.072 32.6048 26.98 33.09 27.0184C33.2412 27.0192 33.3911 26.99 33.531 26.9325C33.6709 26.875 33.798 26.7903 33.9049 26.6834C34.0119 26.5764 34.0966 26.4494 34.1541 26.3095C34.2116 26.1696 34.2408 26.0197 34.24 25.8684V24.1104C34.24 23.8054 34.1188 23.5129 33.9032 23.2973C33.6875 23.0816 33.395 22.9604 33.09 22.9604C32.6048 22.9988 32.1181 22.9069 31.6804 22.6942C31.2426 22.4815 30.8696 22.1557 30.6 21.7504C30.386 21.3139 30.2918 20.8283 30.3269 20.3434C30.3621 19.8585 30.5253 19.3916 30.8 18.9904C30.8747 18.8598 30.9229 18.7157 30.9417 18.5664C30.9606 18.4171 30.9498 18.2656 30.91 18.1204C30.8309 17.8272 30.6408 17.5761 30.38 17.4204L28.65 16.4304C28.5456 16.3692 28.4302 16.3292 28.3104 16.3127C28.1905 16.2962 28.0686 16.3034 27.9515 16.3341C27.8345 16.3647 27.7247 16.4182 27.6283 16.4913C27.5319 16.5645 27.451 16.6559 27.39 16.7604L27.28 16.9504C27.0713 17.3896 26.7489 17.7649 26.3462 18.0375C25.9435 18.3101 25.4753 18.4699 24.99 18.5004C24.5047 18.4699 24.0365 18.3101 23.6338 18.0375C23.2311 17.7649 22.9087 17.3896 22.7 16.9504L22.59 16.7504C22.4657 16.5461 22.2666 16.3983 22.035 16.3385C21.8034 16.2788 21.5576 16.3117 21.35 16.4304L19.62 17.4304C19.3544 17.5831 19.1602 17.8348 19.08 18.1304C19.0402 18.2756 19.0294 18.4271 19.0482 18.5764C19.0671 18.7257 19.1153 18.8698 19.19 19.0004C19.4647 19.4016 19.6279 19.8685 19.6631 20.3534C19.6982 20.8383 19.604 21.3239 19.39 21.7604C19.1204 22.1657 18.7474 22.4915 18.3096 22.7042C17.8718 22.9169 17.3852 23.0088 16.9 22.9704C16.7489 22.9697 16.5992 22.9988 16.4594 23.0562C16.3197 23.1136 16.1927 23.1981 16.0858 23.3048C15.9788 23.4115 15.8941 23.5384 15.8365 23.678C15.7789 23.8177 15.7495 23.9674 15.75 24.1184V25.8784C15.75 26.1834 15.8712 26.476 16.0868 26.6916C16.3025 26.9073 16.595 27.0284 16.9 27.0284C17.3852 26.99 17.8718 27.082 18.3096 27.2947C18.7474 27.5074 19.1204 27.8332 19.39 28.2384C19.604 28.675 19.6982 29.1606 19.6631 29.6455C19.6279 30.1304 19.4647 30.5973 19.19 30.9984C19.1153 31.1291 19.0671 31.2732 19.0482 31.4225C19.0294 31.5718 19.0402 31.7233 19.08 31.8684C19.1591 32.1617 19.3492 32.4128 19.61 32.5684L21.34 33.5584C21.4422 33.621 21.5561 33.6621 21.6747 33.6793C21.7933 33.6964 21.9142 33.6894 22.03 33.6584C22.2687 33.5948 22.4732 33.4405 22.6 33.2284L22.71 33.0384C22.9204 32.6006 23.2432 32.2263 23.6456 31.954C24.0479 31.6817 24.5153 31.5211 25 31.4884Z"
+        fill="#573DAB"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/Icons.tsx

@@ -90,6 +90,7 @@ import { PrinterIcon } from './IconComponents/PrinterIcon';
 import { ProductFeaturesIcon } from './IconComponents/ProductFeaturesIcon';
 import { ProfileIcon } from './IconComponents/ProfileIcon';
 import QuizIcon from './IconComponents/QuizIcon';
+import { RaiseTicketIcon } from './IconComponents/RaiseTicketIcon';
 import { RedirectIcon } from './IconComponents/RedirectIcon';
 import { RedoIcon } from './IconComponents/RedoIcon';
 import { RegistrationIcon } from './IconComponents/RegistrationsIcon';
@@ -126,6 +127,7 @@ import { VisibilityOffIcon } from './IconComponents/VisibiityOffIcon';
 import { VisibilityIcon } from './IconComponents/VisibilityIcon';
 import { WarningFilledIcon } from './IconComponents/WarningFilledIcon';
 import { WhatsappIcon } from './IconComponents/WhatsappIcon';
+import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
 
 export const Icons = {
   NoteIcon,
@@ -256,4 +258,6 @@ export const Icons = {
   DownArrow,
   ClearIcon,
   LineDividerIcon,
+  WorkFlowDocsIcon,
+  RaiseTicketIcon,
 };

package/src/components/Input/FormControlWrapper/FormControlWrapper.tsx

@@ -54,11 +54,11 @@ export function FormControlWrapper<T extends FieldValues = FieldValues>({
           render={({ field, fieldState: { error } }) => {
             if (element.type === FileUpload) {
               return React.cloneElement(element, {
+                disabled,
                 ...(restProps as Partial<FileUploadProps>),
                 files: field.value || [],
                 ...field,
                 errorText: error ? error.message : undefined,
-                disabled,
               } as FileUploadProps);
             }
             const additionalProps =
@@ -67,13 +67,13 @@ export function FormControlWrapper<T extends FieldValues = FieldValues>({
                 : { value: field.value };
 
             return React.cloneElement(element, {
+              disabled,
               ...restProps,
               ...field,
               ...additionalProps,
               error: !!error,
               helperText: error ? error.message : null,
               children: childElements,
-              disabled,
             } as FormElementProps);
           }}
         />