@sparrowengg/integrations-templates-frontend 1.9.3 → 1.9.5

package/dist/cjs/_virtual/_commonjs-dynamic-modules.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function commonjsRequire(path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+exports.commonjsRequire = commonjsRequire;
+//# sourceMappingURL=_commonjs-dynamic-modules.js.map

package/dist/cjs/_virtual/_commonjs-dynamic-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjs-dynamic-modules.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/moment.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var moment = {exports: {}};
+
+exports.__module = moment;
+//# sourceMappingURL=moment.js.map

package/dist/cjs/_virtual/moment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moment.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/timezone.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var timezone = {exports: {}};
+
+exports.__module = timezone;
+//# sourceMappingURL=timezone.js.map

package/dist/cjs/_virtual/timezone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/utc.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var utc = {exports: {}};
+
+exports.__module = utc;
+//# sourceMappingURL=utc.js.map

package/dist/cjs/_virtual/utc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/commons/components/custom-pill.js

@@ -8,12 +8,12 @@ var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/tex
 var iconButton = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
 var closeCircleFill = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close-circle-fill.js');
 
-const CustomPill = ({
+const CustomPill = React.memo(({
   label,
   onCloseHandler,
   variant,
   radius,
-  fontFamily,
+  fontFamily = "DM Sans",
   isClosable = true
 }) => {
   const isDefaultVariant = variant === "default";
@@ -29,7 +29,7 @@ const CustomPill = ({
         paddingLeft: radius === "sm" ? "$3" : "$2",
         borderRadius: radius === "sm" ? "$sm" : "99px",
         "& > *": {
-          fontFamily: fontFamily != null ? fontFamily : "DM Sans"
+          fontFamily
         }
       }
     },
@@ -62,7 +62,7 @@ const CustomPill = ({
       }
     )
   );
-};
+});
 
 exports.default = CustomPill;
 //# sourceMappingURL=custom-pill.js.map

package/dist/cjs/commons/components/custom-pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-pill.js","sources":["../../../../src/commons/components/custom-pill.tsx"],"sourcesContent":["import { Flex, IconButton, Text } from \"@sparrowengg/twigs-react\";\nimport { CloseCircleFillIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\nconst CustomPill = ({\n  label,\n  onCloseHandler,\n  variant,\n  radius,\n  fontFamily,\n  isClosable = true\n}: {\n  label: string;\n  onCloseHandler?: () => void;\n  variant: \"default\" | \"success\";\n  radius: \"sm\" | \"md\";\n  fontFamily?: \"Roboto Mono\";\n  isClosable?: boolean;\n}) => {\n  const isDefaultVariant = variant === \"default\";\n  return (\n    <Flex\n      alignItems=\"center\"\n      css={{\n        margin: \"2px !important\",\n        height: \"$6\",\n        background: isDefaultVariant\n          ? \"rgba(100, 116, 139, 0.08)\"\n          : \"$positive100\",\n        padding: \"$2\",\n        paddingLeft: radius === \"sm\" ? \"$3\" : \"$2\",\n        borderRadius: radius === \"sm\" ? \"$sm\" : \"99px\",\n        \"& > *\": {\n          fontFamily: fontFamily ?? \"DM Sans\"\n        }\n      }}\n    >\n      <Text\n        size=\"xs\"\n        weight=\"medium\"\n        css={{\n          color: isDefaultVariant ? \"$secondary800\" : \"$neutral900\",\n          paddingInline: \"$1\"\n        }}\n      >\n        {label}\n      </Text>\n      {isClosable && (\n        <IconButton\n          css={{\n            padding: \"$1\",\n            height: \"$4\",\n            width: \"$4\",\n            background: \"transparent !important\",\n            \".twigs-button__icon-container\": { position: \"static\" }\n          }}\n          variant=\"ghost\"\n          color=\"default\"\n          onClick={onCloseHandler}\n          icon={<CloseCircleFillIcon size={12} />}\n        />\n      )}\n    </Flex>\n  );\n};\n\nexport default CustomPill;\n"],"names":["Flex","Text","IconButton","CloseCircleFillIcon"],"mappings":";;;;;;;;;;AAIA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AACf,CAOM,KAAA;AACJ,EAAA,MAAM,mBAAmB,OAAY,KAAA,SAAA,CAAA;AACrC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA;AAAA,QACH,MAAQ,EAAA,gBAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,QACR,UAAA,EAAY,mBACR,2BACA,GAAA,cAAA;AAAA,QACJ,OAAS,EAAA,IAAA;AAAA,QACT,WAAA,EAAa,MAAW,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA;AAAA,QACtC,YAAA,EAAc,MAAW,KAAA,IAAA,GAAO,KAAQ,GAAA,MAAA;AAAA,QACxC,OAAS,EAAA;AAAA,UACP,YAAY,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,SAAA;AAAA,SAC5B;AAAA,OACF;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,MAAO,EAAA,QAAA;AAAA,QACP,GAAK,EAAA;AAAA,UACH,KAAA,EAAO,mBAAmB,eAAkB,GAAA,aAAA;AAAA,UAC5C,aAAe,EAAA,IAAA;AAAA,SACjB;AAAA,OAAA;AAAA,MAEC,KAAA;AAAA,KACH;AAAA,IACC,UACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,IAAA;AAAA,UACT,MAAQ,EAAA,IAAA;AAAA,UACR,KAAO,EAAA,IAAA;AAAA,UACP,UAAY,EAAA,wBAAA;AAAA,UACZ,+BAAA,EAAiC,EAAE,QAAA,EAAU,QAAS,EAAA;AAAA,SACxD;AAAA,QACA,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,OAAS,EAAA,cAAA;AAAA,QACT,IAAM,kBAAA,KAAA,CAAA,aAAA,CAACC,mCAAoB,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,OAAA;AAAA,KACvC;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"custom-pill.js","sources":["../../../../src/commons/components/custom-pill.tsx"],"sourcesContent":["import { Flex, IconButton, Text } from \"@sparrowengg/twigs-react\";\nimport { CloseCircleFillIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\ntype CustomPillProps = {\n  label: string;\n  onCloseHandler?: () => void;\n  variant: \"default\" | \"success\";\n  radius: \"sm\" | \"md\";\n  fontFamily?: \"Roboto Mono\";\n  isClosable?: boolean;\n};\n\nconst CustomPill: React.FC<CustomPillProps> = React.memo(({\n  label,\n  onCloseHandler,\n  variant,\n  radius,\n  fontFamily = \"DM Sans\",\n  isClosable = true\n}) => {\n  const isDefaultVariant = variant === \"default\";\n  return (\n    <Flex\n      alignItems=\"center\"\n      css={{\n        margin: \"2px !important\",\n        height: \"$6\",\n        background: isDefaultVariant\n          ? \"rgba(100, 116, 139, 0.08)\"\n          : \"$positive100\",\n        padding: \"$2\",\n        paddingLeft: radius === \"sm\" ? \"$3\" : \"$2\",\n        borderRadius: radius === \"sm\" ? \"$sm\" : \"99px\",\n        \"& > *\": {\n          fontFamily\n        }\n      }}\n    >\n      <Text\n        size=\"xs\"\n        weight=\"medium\"\n        css={{\n          color: isDefaultVariant ? \"$secondary800\" : \"$neutral900\",\n          paddingInline: \"$1\"\n        }}\n      >\n        {label}\n      </Text>\n      {isClosable && (\n        <IconButton\n          css={{\n            padding: \"$1\",\n            height: \"$4\",\n            width: \"$4\",\n            background: \"transparent !important\",\n            \".twigs-button__icon-container\": { position: \"static\" }\n          }}\n          variant=\"ghost\"\n          color=\"default\"\n          onClick={onCloseHandler}\n          icon={<CloseCircleFillIcon size={12} />}\n        />\n      )}\n    </Flex>\n  );\n});\n\nexport default CustomPill;\n"],"names":["Flex","Text","IconButton","CloseCircleFillIcon"],"mappings":";;;;;;;;;;AAaM,MAAA,UAAA,GAAwC,KAAM,CAAA,IAAA,CAAK,CAAC;AAAA,EACxD,KAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAa,GAAA,SAAA;AAAA,EACb,UAAa,GAAA,IAAA;AACf,CAAM,KAAA;AACJ,EAAA,MAAM,mBAAmB,OAAY,KAAA,SAAA,CAAA;AACrC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA;AAAA,QACH,MAAQ,EAAA,gBAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,QACR,UAAA,EAAY,mBACR,2BACA,GAAA,cAAA;AAAA,QACJ,OAAS,EAAA,IAAA;AAAA,QACT,WAAA,EAAa,MAAW,KAAA,IAAA,GAAO,IAAO,GAAA,IAAA;AAAA,QACtC,YAAA,EAAc,MAAW,KAAA,IAAA,GAAO,KAAQ,GAAA,MAAA;AAAA,QACxC,OAAS,EAAA;AAAA,UACP,UAAA;AAAA,SACF;AAAA,OACF;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,MAAO,EAAA,QAAA;AAAA,QACP,GAAK,EAAA;AAAA,UACH,KAAA,EAAO,mBAAmB,eAAkB,GAAA,aAAA;AAAA,UAC5C,aAAe,EAAA,IAAA;AAAA,SACjB;AAAA,OAAA;AAAA,MAEC,KAAA;AAAA,KACH;AAAA,IACC,UACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,IAAA;AAAA,UACT,MAAQ,EAAA,IAAA;AAAA,UACR,KAAO,EAAA,IAAA;AAAA,UACP,UAAY,EAAA,wBAAA;AAAA,UACZ,+BAAA,EAAiC,EAAE,QAAA,EAAU,QAAS,EAAA;AAAA,SACxD;AAAA,QACA,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,OAAS,EAAA,cAAA;AAAA,QACT,IAAM,kBAAA,KAAA,CAAA,aAAA,CAACC,mCAAoB,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,OAAA;AAAA,KACvC;AAAA,GAEJ,CAAA;AAEJ,CAAC;;;;"}

package/dist/cjs/commons/components/draftModal.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js');
 
-function DraftModal({ onSaveHandler, onCloseHandler }) {
+const DraftModal = ({
+  onSaveHandler,
+  onCloseHandler
+}) => {
   index.dialogs.open("confirm", {
     title: "You will be redirected",
     content: "To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft",
@@ -26,15 +29,11 @@ function DraftModal({ onSaveHandler, onCloseHandler }) {
     confirmButtonProps: {
       color: "primary"
     },
-    onConfirm: () => {
-      onSaveHandler();
-    },
-    onClose: () => {
-      onCloseHandler();
-    }
+    onConfirm: onSaveHandler,
+    onClose: onCloseHandler
   });
   return /* @__PURE__ */ React.createElement(index.DialogsManager, null);
-}
+};
 
 exports.default = DraftModal;
 //# sourceMappingURL=draftModal.js.map

package/dist/cjs/commons/components/draftModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"draftModal.js","sources":["../../../../src/commons/components/draftModal.tsx"],"sourcesContent":["import React from 'react'\nimport { dialogs, DialogsManager } from '@sparrowengg/twigs-react'\n\nexport default function DraftModal({onSaveHandler, onCloseHandler}: {onSaveHandler: any, onCloseHandler: any}) {\n  dialogs.open('confirm', {\n    \n    title: \"You will be redirected\",\n    content: \"To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft\",\n    labels: {\n      confirm: \"Yes, Proceed\",\n      cancel: \"Cancel\",\n    },\n    css: {\n      '*': {\n        fontFamily: 'DM Sans !important'\n      },\n      minWidth: '464px',\n      '[class$=\"variant-solid\"]:nth-child(1)': {\n        width: '106px',\n        marginLeft: 'auto'\n      }\n    },\n    confirmButtonProps: {\n      color: 'primary',\n    },\n    onConfirm: () => {\n      onSaveHandler();\n    },\n    onClose: () => {\n      onCloseHandler();\n    }\n  });\n  return (\n    <DialogsManager />\n  )\n}\n"],"names":["dialogs","DialogsManager"],"mappings":";;;;;;;AAGA,SAAwB,UAAW,CAAA,EAAC,aAAe,EAAA,cAAA,EAA4D,EAAA;AAC7G,EAAAA,aAAA,CAAQ,KAAK,SAAW,EAAA;AAAA,IAEtB,KAAO,EAAA,wBAAA;AAAA,IACP,OAAS,EAAA,+GAAA;AAAA,IACT,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,cAAA;AAAA,MACT,MAAQ,EAAA,QAAA;AAAA,KACV;AAAA,IACA,GAAK,EAAA;AAAA,MACH,GAAK,EAAA;AAAA,QACH,UAAY,EAAA,oBAAA;AAAA,OACd;AAAA,MACA,QAAU,EAAA,OAAA;AAAA,MACV,uCAAyC,EAAA;AAAA,QACvC,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,MAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,kBAAoB,EAAA;AAAA,MAClB,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,IACA,WAAW,MAAM;AACf,MAAc,aAAA,EAAA,CAAA;AAAA,KAChB;AAAA,IACA,SAAS,MAAM;AACb,MAAe,cAAA,EAAA,CAAA;AAAA,KACjB;AAAA,GACD,CAAA,CAAA;AACD,EAAA,2CACGC,oBAAe,EAAA,IAAA,CAAA,CAAA;AAEpB;;;;"}
+{"version":3,"file":"draftModal.js","sources":["../../../../src/commons/components/draftModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { dialogs, DialogsManager } from \"@sparrowengg/twigs-react\";\ntype DraftModalProps = {\n  onSaveHandler: () => void;\n  onCloseHandler: () => void;\n};\nconst DraftModal: React.FC<DraftModalProps> = ({\n  onSaveHandler,\n  onCloseHandler,\n}) => {\n  dialogs.open(\"confirm\", {\n    title: \"You will be redirected\",\n    content:\n      \"To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft\",\n    labels: {\n      confirm: \"Yes, Proceed\",\n      cancel: \"Cancel\",\n    },\n    css: {\n      \"*\": {\n        fontFamily: \"DM Sans !important\",\n      },\n      minWidth: \"464px\",\n      '[class$=\"variant-solid\"]:nth-child(1)': {\n        width: \"106px\",\n        marginLeft: \"auto\",\n      },\n    },\n    confirmButtonProps: {\n      color: \"primary\",\n    },\n    onConfirm: onSaveHandler,\n    onClose: onCloseHandler,\n  });\n  return <DialogsManager />;\n};\nexport default DraftModal;"],"names":["dialogs","DialogsManager"],"mappings":";;;;;;;AAMA,MAAM,aAAwC,CAAC;AAAA,EAC7C,aAAA;AAAA,EACA,cAAA;AACF,CAAM,KAAA;AACJ,EAAAA,aAAA,CAAQ,KAAK,SAAW,EAAA;AAAA,IACtB,KAAO,EAAA,wBAAA;AAAA,IACP,OACE,EAAA,+GAAA;AAAA,IACF,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,cAAA;AAAA,MACT,MAAQ,EAAA,QAAA;AAAA,KACV;AAAA,IACA,GAAK,EAAA;AAAA,MACH,GAAK,EAAA;AAAA,QACH,UAAY,EAAA,oBAAA;AAAA,OACd;AAAA,MACA,QAAU,EAAA,OAAA;AAAA,MACV,uCAAyC,EAAA;AAAA,QACvC,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,MAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,kBAAoB,EAAA;AAAA,MAClB,KAAO,EAAA,SAAA;AAAA,KACT;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,OAAS,EAAA,cAAA;AAAA,GACV,CAAA,CAAA;AACD,EAAA,2CAAQC,oBAAe,EAAA,IAAA,CAAA,CAAA;AACzB;;;;"}

package/dist/cjs/commons/components/import-modal.js

@@ -17,49 +17,80 @@ const ImportModal = ({
   onInputHandler,
   onSaveHandler
 }) => {
-  return /* @__PURE__ */ React.createElement(dialog.Dialog, { open: true }, /* @__PURE__ */ React.createElement(dialog.DialogContent, { css: {
-    padding: 0,
-    borderRadius: "$3xl"
-  } }, /* @__PURE__ */ React.createElement(
-    flex.Flex,
+  return /* @__PURE__ */ React.createElement(dialog.Dialog, { open: true }, /* @__PURE__ */ React.createElement(
+    dialog.DialogContent,
     {
-      alignItems: "center",
-      justifyContent: "space-between",
       css: {
-        padding: "$8 $12",
-        borderBottom: "$borderWidths$xs solid $neutral200"
+        padding: 0,
+        borderRadius: "$3xl"
       }
     },
-    /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6", css: { color: "$neutral900" } }, "New Custom Property"),
     /* @__PURE__ */ React.createElement(
-      iconButton.IconButton,
+      flex.Flex,
       {
-        variant: "ghost",
-        color: "default",
-        icon: /* @__PURE__ */ React.createElement(close.CloseIcon, null),
-        size: "lg",
+        alignItems: "center",
+        justifyContent: "space-between",
         css: {
-          "& svg": {
-            color: "#64748B !important"
-          }
+          padding: "$8 $12",
+          borderBottom: "$borderWidths$xs solid $neutral200"
+        }
+      },
+      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6", css: { color: "$neutral900" } }, "New Custom Property"),
+      /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          variant: "ghost",
+          color: "default",
+          icon: /* @__PURE__ */ React.createElement(close.CloseIcon, null),
+          size: "lg",
+          css: {
+            "& svg": {
+              color: "#64748B !important"
+            }
+          },
+          onClick: onCloseHandler
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        css: {
+          padding: "$12"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        formInput.FormInput,
+        {
+          label: "Property Name",
+          requiredIndicator: true,
+          onChange: (event) => onInputHandler(event.currentTarget.value),
+          size: "lg"
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        gap: "$4",
+        css: {
+          justifyContent: "flex-end",
+          padding: "$8 $12"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          size: "lg",
+          variant: "ghost",
+          color: "default",
+          onClick: onCloseHandler
         },
-        onClick: () => onCloseHandler()
-      }
+        "Cancel"
+      ),
+      /* @__PURE__ */ React.createElement(button.Button, { size: "lg", onClick: onSaveHandler }, "Save")
     )
-  ), /* @__PURE__ */ React.createElement(box.Box, { css: {
-    padding: "$12"
-  } }, /* @__PURE__ */ React.createElement(
-    formInput.FormInput,
-    {
-      label: "Property Name",
-      requiredIndicator: true,
-      onChange: (event) => onInputHandler(event.currentTarget.value),
-      size: "lg"
-    }
-  )), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$4", css: {
-    justifyContent: "flex-end",
-    padding: "$8 $12"
-  } }, /* @__PURE__ */ React.createElement(button.Button, { size: "lg", variant: "ghost", color: "default", onClick: onCloseHandler }, "Cancel"), /* @__PURE__ */ React.createElement(button.Button, { size: "lg", onClick: onSaveHandler }, "Save"))));
+  ));
 };
 
 exports.default = ImportModal;

package/dist/cjs/commons/components/import-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"import-modal.js","sources":["../../../../src/commons/components/import-modal.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { ImportModalProps } from \"../../mapping/types\";\n\nconst ImportModal = ({\n  onCloseHandler,\n  onInputHandler,\n  onSaveHandler,\n}: ImportModalProps) => {\n  return (\n    <Dialog open>\n      <DialogContent css={{\n        padding: 0,\n        borderRadius: \"$3xl\"\n      }}>\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\"\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>New Custom Property</Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{ \n              \"& svg\": {\n                color: \"#64748B !important\"\n              }\n            }}\n            onClick={() => onCloseHandler()}\n          />\n        </Flex>\n        <Box css={{\n          padding: \"$12\"\n        }}>\n          <FormInput\n            label={\"Property Name\"}\n            requiredIndicator\n            onChange={(event) => onInputHandler(event.currentTarget.value)}\n            size=\"lg\"\n          />\n        </Box>\n        <Flex gap=\"$4\" css={{\n          justifyContent: \"flex-end\",\n          padding: \"$8 $12\"\n        }}>\n          <Button size=\"lg\" variant=\"ghost\" color=\"default\" onClick={onCloseHandler}>\n            Cancel\n          </Button>\n          <Button size=\"lg\" onClick={onSaveHandler}>\n            {\"Save\"}\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ImportModal;\n"],"names":["Dialog","DialogContent","Flex","Heading","IconButton","CloseIcon","Box","FormInput","Button"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,cAAc,CAAC;AAAA,EACnB,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AACF,CAAwB,KAAA;AACtB,EAAA,2CACGA,aAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,wBAAc,GAAK,EAAA;AAAA,IAClB,OAAS,EAAA,CAAA;AAAA,IACT,YAAc,EAAA,MAAA;AAAA,GAEd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,QAAA;AAAA,QACT,YAAc,EAAA,oCAAA;AAAA,OAChB;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAACC,mBAAQ,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EAAG,qBAAmB,CAAA;AAAA,oBACrE,KAAA,CAAA,aAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,IAAA,sCAAOC,eAAU,EAAA,IAAA,CAAA;AAAA,QACjB,IAAK,EAAA,IAAA;AAAA,QACL,GAAK,EAAA;AAAA,UACH,OAAS,EAAA;AAAA,YACP,KAAO,EAAA,oBAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,OAAA,EAAS,MAAM,cAAe,EAAA;AAAA,OAAA;AAAA,KAChC;AAAA,GACF,kBACC,KAAA,CAAA,aAAA,CAAAC,OAAA,EAAA,EAAI,GAAK,EAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,GAET,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,eAAA;AAAA,MACP,iBAAiB,EAAA,IAAA;AAAA,MACjB,UAAU,CAAC,KAAA,KAAU,cAAe,CAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,MAC7D,IAAK,EAAA,IAAA;AAAA,KAAA;AAAA,GAET,CACA,kBAAA,KAAA,CAAA,aAAA,CAACL,SAAK,EAAA,EAAA,GAAA,EAAI,MAAK,GAAK,EAAA;AAAA,IAClB,cAAgB,EAAA,UAAA;AAAA,IAChB,OAAS,EAAA,QAAA;AAAA,GACX,EAAA,sCACGM,aAAO,EAAA,EAAA,IAAA,EAAK,MAAK,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,SAAA,EAAU,OAAS,EAAA,cAAA,EAAA,EAAgB,QAE3E,CACA,kBAAA,KAAA,CAAA,aAAA,CAACA,iBAAO,IAAK,EAAA,IAAA,EAAK,SAAS,aACxB,EAAA,EAAA,MACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"import-modal.js","sources":["../../../../src/commons/components/import-modal.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\n\ntype ImportModalProps = {\n  onCloseHandler: () => void;\n  onInputHandler: (value: string) => void;\n  onSaveHandler: () => void;\n};\n\nconst ImportModal: React.FC<ImportModalProps> = ({\n  onCloseHandler,\n  onInputHandler,\n  onSaveHandler,\n}) => {\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: \"$3xl\",\n        }}\n      >\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: \"$8 $12\",\n            borderBottom: \"$borderWidths$xs solid $neutral200\",\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n            New Custom Property\n          </Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{\n              \"& svg\": {\n                color: \"#64748B !important\",\n              },\n            }}\n            onClick={onCloseHandler}\n          />\n        </Flex>\n        <Box\n          css={{\n            padding: \"$12\",\n          }}\n        >\n          <FormInput\n            label={\"Property Name\"}\n            requiredIndicator\n            onChange={(event) => onInputHandler(event.currentTarget.value)}\n            size=\"lg\"\n          />\n        </Box>\n        <Flex\n          gap=\"$4\"\n          css={{\n            justifyContent: \"flex-end\",\n            padding: \"$8 $12\",\n          }}\n        >\n          <Button\n            size=\"lg\"\n            variant=\"ghost\"\n            color=\"default\"\n            onClick={onCloseHandler}\n          >\n            Cancel\n          </Button>\n          <Button size=\"lg\" onClick={onSaveHandler}>\n            Save\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ImportModal;"],"names":["Dialog","DialogContent","Flex","Heading","IconButton","CloseIcon","Box","FormInput","Button"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAM,cAA0C,CAAC;AAAA,EAC/C,cAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,aAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,CAAA;AAAA,QACT,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,cAAe,EAAA,eAAA;AAAA,QACf,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,QAAA;AAAA,UACT,YAAc,EAAA,oCAAA;AAAA,SAChB;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA,CAACC,mBAAQ,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EAAG,qBAElD,CAAA;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAACC,qBAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,OAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,IAAA,sCAAOC,eAAU,EAAA,IAAA,CAAA;AAAA,UACjB,IAAK,EAAA,IAAA;AAAA,UACL,GAAK,EAAA;AAAA,YACH,OAAS,EAAA;AAAA,cACP,KAAO,EAAA,oBAAA;AAAA,aACT;AAAA,WACF;AAAA,UACA,OAAS,EAAA,cAAA;AAAA,SAAA;AAAA,OACX;AAAA,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAACC,OAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,KAAA;AAAA,SACX;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,mBAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,eAAA;AAAA,UACP,iBAAiB,EAAA,IAAA;AAAA,UACjB,UAAU,CAAC,KAAA,KAAU,cAAe,CAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,UAC7D,IAAK,EAAA,IAAA;AAAA,SAAA;AAAA,OACP;AAAA,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAACL,SAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,cAAgB,EAAA,UAAA;AAAA,UAChB,OAAS,EAAA,QAAA;AAAA,SACX;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACM,aAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,OAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,cAAA;AAAA,SAAA;AAAA,QACV,QAAA;AAAA,OAED;AAAA,0CACCA,aAAO,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,OAAA,EAAS,iBAAe,MAE1C,CAAA;AAAA,KACF;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/commons/components/spinner.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var stitches_config = require('../../node_modules/@sparrowengg/twigs-react/dist/es/stitches.config.js');
 var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
@@ -9,13 +11,12 @@ const spin = stitches_config.keyframes({
   "100%": { transform: "rotate(360deg)" }
 });
 const StyledBox = stitches_config.styled(box.Box, {
-  borderRradius: "50%",
+  borderRadius: "50%",
   width: "$7",
   height: "$7",
-  borderRadius: "$round",
   borderStyle: "solid",
   borderWidth: "$md",
-  borderBottomColor: `$neutral400`,
+  borderBottomColor: "$neutral400",
   borderRightColor: "$neutral400",
   borderTopColor: "$black900",
   borderLeftColor: "$black900",
@@ -44,5 +45,5 @@ const Spinner = ({ size = "md" }) => {
   return /* @__PURE__ */ React.createElement(StyledBox, { size });
 };
 
-exports.Spinner = Spinner;
+exports.default = Spinner;
 //# sourceMappingURL=spinner.js.map

package/dist/cjs/commons/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../../src/commons/components/spinner.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { keyframes, Box, styled } from '@sparrowengg/twigs-react';\n\nconst spin = keyframes({\n  '0%': { transform: 'rotate(0deg)' },\n  '100%': { transform: 'rotate(360deg)' }\n});\n\nconst StyledBox = styled(Box, {\n    borderRradius: '50%',\n    width: '$7',\n    height: '$7',\n    borderRadius: '$round',\n    borderStyle: 'solid',\n    borderWidth: '$md',\n    borderBottomColor: `$neutral400`,\n    borderRightColor: '$neutral400',\n    borderTopColor: '$black900',\n    borderLeftColor: '$black900',\n    animationDuration: '800ms',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    willChange: 'transform',\n    animationName: `${spin}`,\n    variants: {\n      size: {\n        sm: {\n          width: '$5',\n          height: '$5'\n        },\n        md: {\n          width: '$7',\n          height: '$7'\n        }\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n});\n\nexport const Spinner = ({size = \"md\"}: { size?: \"md\" | \"sm\" }) =>{\n  return (<StyledBox size={size} />)\n}"],"names":["keyframes","styled","Box"],"mappings":";;;;;;AAIA,MAAM,OAAOA,yBAAU,CAAA;AAAA,EACrB,IAAA,EAAM,EAAE,SAAA,EAAW,cAAe,EAAA;AAAA,EAClC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AACxC,CAAC,CAAA,CAAA;AAED,MAAM,SAAA,GAAYC,uBAAOC,OAAK,EAAA;AAAA,EAC1B,aAAe,EAAA,KAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,QAAA;AAAA,EACd,WAAa,EAAA,OAAA;AAAA,EACb,WAAa,EAAA,KAAA;AAAA,EACb,iBAAmB,EAAA,CAAA,WAAA,CAAA;AAAA,EACnB,gBAAkB,EAAA,aAAA;AAAA,EAClB,cAAgB,EAAA,WAAA;AAAA,EAChB,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,uBAAyB,EAAA,QAAA;AAAA,EACzB,uBAAyB,EAAA,UAAA;AAAA,EACzB,UAAY,EAAA,WAAA;AAAA,EACZ,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,EACtB,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,MACA,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,KACF;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,IAAA;AAAA,GACR;AACJ,CAAC,CAAA,CAAA;AAEM,MAAM,OAAU,GAAA,CAAC,EAAC,IAAA,GAAO,MAAiC,KAAA;AAC/D,EAAQ,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,IAAY,EAAA,CAAA,CAAA;AACjC;;;;"}
+{"version":3,"file":"spinner.js","sources":["../../../../src/commons/components/spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes, Box, styled } from \"@sparrowengg/twigs-react\";\n\nconst spin = keyframes({\n  \"0%\": { transform: \"rotate(0deg)\" },\n  \"100%\": { transform: \"rotate(360deg)\" },\n});\n\nconst StyledBox = styled(Box, {\n  borderRadius: \"50%\",\n  width: \"$7\",\n  height: \"$7\",\n  borderStyle: \"solid\",\n  borderWidth: \"$md\",\n  borderBottomColor: \"$neutral400\",\n  borderRightColor: \"$neutral400\",\n  borderTopColor: \"$black900\",\n  borderLeftColor: \"$black900\",\n  animationDuration: \"800ms\",\n  animationTimingFunction: \"linear\",\n  animationIterationCount: \"infinite\",\n  willChange: \"transform\",\n  animationName: `${spin}`,\n  variants: {\n    size: {\n      sm: {\n        width: \"$5\",\n        height: \"$5\",\n      },\n      md: {\n        width: \"$7\",\n        height: \"$7\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SpinnerProps = {\n  size?: \"md\" | \"sm\";\n};\n\nconst Spinner: React.FC<SpinnerProps> = ({ size = \"md\" }) => {\n  return <StyledBox size={size} />;\n};\n\nexport default Spinner;"],"names":["keyframes","styled","Box"],"mappings":";;;;;;;;AAGA,MAAM,OAAOA,yBAAU,CAAA;AAAA,EACrB,IAAA,EAAM,EAAE,SAAA,EAAW,cAAe,EAAA;AAAA,EAClC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AACxC,CAAC,CAAA,CAAA;AAED,MAAM,SAAA,GAAYC,uBAAOC,OAAK,EAAA;AAAA,EAC5B,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,OAAA;AAAA,EACb,WAAa,EAAA,KAAA;AAAA,EACb,iBAAmB,EAAA,aAAA;AAAA,EACnB,gBAAkB,EAAA,aAAA;AAAA,EAClB,cAAgB,EAAA,WAAA;AAAA,EAChB,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,uBAAyB,EAAA,QAAA;AAAA,EACzB,uBAAyB,EAAA,UAAA;AAAA,EACzB,UAAY,EAAA,WAAA;AAAA,EACZ,aAAA,EAAe,GAAG,IAAI,CAAA,CAAA;AAAA,EACtB,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,MACA,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,OACV;AAAA,KACF;AAAA,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,IAAA;AAAA,GACR;AACF,CAAC,CAAA,CAAA;AAMD,MAAM,OAAkC,GAAA,CAAC,EAAE,IAAA,GAAO,MAAW,KAAA;AAC3D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,IAAY,EAAA,CAAA,CAAA;AAChC;;;;"}