@sparrowengg/integrations-templates-frontend 1.9.84-beta.2 → 1.9.84-beta.20

package/dist/cjs/_virtual/index10.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var lib = {};
 
-exports.__module = reactIs;
+exports.__exports = lib;
 //# sourceMappingURL=index10.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var lib = {};
+var reactIs = {exports: {}};
 
-exports.__exports = lib;
+exports.__module = reactIs;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/authentication/constants/index.js

@@ -1,10 +1,124 @@
 'use strict';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const FieldTypes = {
+  TEXT: "text",
+  EMAIL: "email",
+  PASSWORD: "password",
   SELECT: "select",
+  MULTISELECT: "multiselect",
+  CHECKBOX: "checkbox",
+  RADIO: "radio",
+  TEXTAREA: "textarea",
+  NUMBER: "number",
+  URL: "url",
+  DATE: "date"
+};
+const FIELD_TYPES = {
+  TEXT: "text",
+  EMAIL: "email",
   PASSWORD: "password",
-  TEXT: "text"
+  SELECT: "select",
+  MULTISELECT: "multiselect",
+  CHECKBOX: "checkbox",
+  RADIO: "radio",
+  TEXTAREA: "textarea",
+  NUMBER: "number",
+  URL: "url",
+  DATE: "date"
+};
+const COMMON_FIELD_CONFIGS = {
+  API_KEY: {
+    id: "api_key",
+    type: FIELD_TYPES.PASSWORD,
+    label: "API Key",
+    required: true,
+    placeholder: "Enter your API key",
+    isPassword: true
+  },
+  API_SECRET: {
+    id: "api_secret",
+    type: FIELD_TYPES.PASSWORD,
+    label: "API Secret",
+    required: true,
+    placeholder: "Enter your API secret",
+    isPassword: true
+  },
+  USERNAME: {
+    id: "username",
+    type: FIELD_TYPES.TEXT,
+    label: "Username",
+    required: true,
+    placeholder: "Enter your username"
+  },
+  EMAIL: {
+    id: "email",
+    type: FIELD_TYPES.EMAIL,
+    label: "Email",
+    required: true,
+    placeholder: "Enter your email"
+  },
+  PASSWORD: {
+    id: "password",
+    type: FIELD_TYPES.PASSWORD,
+    label: "Password",
+    required: true,
+    placeholder: "Enter your password",
+    isPassword: true
+  },
+  BASE_URL: {
+    id: "base_url",
+    type: FIELD_TYPES.URL,
+    label: "Base URL",
+    required: true,
+    placeholder: "https://api.example.com"
+  },
+  SUBDOMAIN: {
+    id: "subdomain",
+    type: FIELD_TYPES.TEXT,
+    label: "Subdomain",
+    required: true,
+    placeholder: "your-subdomain"
+  }
 };
+({
+  SALESFORCE: [
+    __spreadProps(__spreadValues({}, COMMON_FIELD_CONFIGS.USERNAME), { label: "Salesforce Username" }),
+    __spreadProps(__spreadValues({}, COMMON_FIELD_CONFIGS.PASSWORD), { label: "Salesforce Password" }),
+    { id: "security_token", type: FIELD_TYPES.PASSWORD, label: "Security Token", required: true, isPassword: true }
+  ],
+  HUBSPOT: [
+    __spreadProps(__spreadValues({}, COMMON_FIELD_CONFIGS.API_KEY), { label: "HubSpot API Key" })
+  ],
+  MAILCHIMP: [
+    __spreadProps(__spreadValues({}, COMMON_FIELD_CONFIGS.API_KEY), { label: "MailChimp API Key" }),
+    { id: "datacenter", type: FIELD_TYPES.TEXT, label: "Data Center", required: true, placeholder: "us1" }
+  ],
+  SLACK: [
+    { id: "bot_token", type: FIELD_TYPES.PASSWORD, label: "Bot User OAuth Token", required: true, isPassword: true },
+    { id: "channel", type: FIELD_TYPES.SELECT, label: "Default Channel", required: false }
+  ]
+});
 
+exports.COMMON_FIELD_CONFIGS = COMMON_FIELD_CONFIGS;
+exports.FIELD_TYPES = FIELD_TYPES;
 exports.FieldTypes = FieldTypes;
 //# sourceMappingURL=index.js.map

package/dist/cjs/authentication/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/authentication/constants/index.ts"],"sourcesContent":["export const FieldTypes = {\n  SELECT: \"select\",\n  PASSWORD: \"password\",\n  TEXT: \"text\"\n};\n"],"names":[],"mappings":";;AAAO,MAAM,UAAa,GAAA;AAAA,EACxB,MAAQ,EAAA,QAAA;AAAA,EACR,QAAU,EAAA,UAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/authentication/constants/index.ts"],"sourcesContent":["import { SelectOption } from '../../commons/types/enhanced';\n\n// Authentication specific constants\nexport const FieldTypes = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  PASSWORD: 'password',\n  SELECT: 'select',\n  MULTISELECT: 'multiselect',\n  CHECKBOX: 'checkbox',\n  RADIO: 'radio',\n  TEXTAREA: 'textarea',\n  NUMBER: 'number',\n  URL: 'url',\n  DATE: 'date',\n} as const;\n\nexport const FIELD_TYPES = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  PASSWORD: 'password',\n  SELECT: 'select',\n  MULTISELECT: 'multiselect',\n  CHECKBOX: 'checkbox',\n  RADIO: 'radio',\n  TEXTAREA: 'textarea',\n  NUMBER: 'number',\n  URL: 'url',\n  DATE: 'date',\n} as const;\n\nexport const AUTH_FIELD_VALIDATION = {\n  MIN_LENGTH: 1,\n  MAX_LENGTH: 255,\n  PASSWORD_MIN_LENGTH: 8,\n  EMAIL_PATTERN: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n  URL_PATTERN: /^https?:\\/\\/.+/,\n} as const;\n\nexport const DEFAULT_AUTH_FIELD = {\n  id: '',\n  type: FIELD_TYPES.TEXT,\n  label: '',\n  value: null,\n  required: false,\n  placeholder: '',\n  options: [],\n  isPassword: false,\n};\n\n// Common authentication providers\nexport const AUTH_PROVIDERS: SelectOption[] = [\n  { label: 'API Key', value: 'api_key' },\n  { label: 'OAuth 2.0', value: 'oauth2' },\n  { label: 'Basic Auth', value: 'basic_auth' },\n  { label: 'Bearer Token', value: 'bearer_token' },\n  { label: 'Custom', value: 'custom' },\n];\n\n// Authentication methods\nexport const AUTH_METHODS: SelectOption[] = [\n  { label: 'GET', value: 'GET' },\n  { label: 'POST', value: 'POST' },\n  { label: 'PUT', value: 'PUT' },\n  { label: 'PATCH', value: 'PATCH' },\n  { label: 'DELETE', value: 'DELETE' },\n];\n\n// Content types for API authentication\nexport const CONTENT_TYPES: SelectOption[] = [\n  { label: 'application/json', value: 'application/json' },\n  { label: 'application/x-www-form-urlencoded', value: 'application/x-www-form-urlencoded' },\n  { label: 'multipart/form-data', value: 'multipart/form-data' },\n  { label: 'text/plain', value: 'text/plain' },\n];\n\n// Common field configurations for different integrations\nexport const COMMON_FIELD_CONFIGS = {\n  API_KEY: {\n    id: 'api_key',\n    type: FIELD_TYPES.PASSWORD,\n    label: 'API Key',\n    required: true,\n    placeholder: 'Enter your API key',\n    isPassword: true,\n  },\n  API_SECRET: {\n    id: 'api_secret',\n    type: FIELD_TYPES.PASSWORD,\n    label: 'API Secret',\n    required: true,\n    placeholder: 'Enter your API secret',\n    isPassword: true,\n  },\n  USERNAME: {\n    id: 'username',\n    type: FIELD_TYPES.TEXT,\n    label: 'Username',\n    required: true,\n    placeholder: 'Enter your username',\n  },\n  EMAIL: {\n    id: 'email',\n    type: FIELD_TYPES.EMAIL,\n    label: 'Email',\n    required: true,\n    placeholder: 'Enter your email',\n  },\n  PASSWORD: {\n    id: 'password',\n    type: FIELD_TYPES.PASSWORD,\n    label: 'Password',\n    required: true,\n    placeholder: 'Enter your password',\n    isPassword: true,\n  },\n  BASE_URL: {\n    id: 'base_url',\n    type: FIELD_TYPES.URL,\n    label: 'Base URL',\n    required: true,\n    placeholder: 'https://api.example.com',\n  },\n  SUBDOMAIN: {\n    id: 'subdomain',\n    type: FIELD_TYPES.TEXT,\n    label: 'Subdomain',\n    required: true,\n    placeholder: 'your-subdomain',\n  },\n} as const;\n\n// Validation rules\nexport const AUTH_VALIDATION = {\n  REQUIRED_FIELD_ERROR: 'This field is required',\n  INVALID_EMAIL_ERROR: 'Please enter a valid email address',\n  INVALID_URL_ERROR: 'Please enter a valid URL',\n  PASSWORD_TOO_SHORT_ERROR: `Password must be at least ${AUTH_FIELD_VALIDATION.PASSWORD_MIN_LENGTH} characters`,\n  FIELD_TOO_LONG_ERROR: `Field cannot exceed ${AUTH_FIELD_VALIDATION.MAX_LENGTH} characters`,\n} as const;\n\n// Error messages\nexport const AUTH_ERROR_MESSAGES = {\n  INVALID_CREDENTIALS: 'Invalid credentials. Please check your information and try again.',\n  CONNECTION_FAILED: 'Failed to connect to the service. Please check your connection settings.',\n  AUTHENTICATION_FAILED: 'Authentication failed. Please verify your credentials.',\n  RATE_LIMIT_EXCEEDED: 'Rate limit exceeded. Please wait before trying again.',\n  SERVICE_UNAVAILABLE: 'Service is currently unavailable. Please try again later.',\n  TIMEOUT_ERROR: 'Request timed out. Please check your connection and try again.',\n  UNKNOWN_ERROR: 'An unknown error occurred. Please try again.',\n} as const;\n\n// Success messages\nexport const AUTH_SUCCESS_MESSAGES = {\n  CONNECTION_SUCCESSFUL: 'Connection established successfully',\n  AUTHENTICATION_SUCCESSFUL: 'Authentication successful',\n  SETTINGS_SAVED: 'Authentication settings saved successfully',\n  TEST_SUCCESSFUL: 'Connection test passed',\n} as const;\n\n// Form validation schemas\nexport const VALIDATION_SCHEMAS = {\n  API_KEY: ['api_key'],\n  OAUTH2: ['client_id', 'client_secret', 'redirect_uri'],\n  BASIC_AUTH: ['username', 'password'],\n  BEARER_TOKEN: ['token'],\n  CUSTOM: [], // Validation depends on custom fields\n} as const;\n\n// Integration-specific field templates\nexport const INTEGRATION_TEMPLATES = {\n  SALESFORCE: [\n    { ...COMMON_FIELD_CONFIGS.USERNAME, label: 'Salesforce Username' },\n    { ...COMMON_FIELD_CONFIGS.PASSWORD, label: 'Salesforce Password' },\n    { id: 'security_token', type: FIELD_TYPES.PASSWORD, label: 'Security Token', required: true, isPassword: true },\n  ],\n  HUBSPOT: [\n    { ...COMMON_FIELD_CONFIGS.API_KEY, label: 'HubSpot API Key' },\n  ],\n  MAILCHIMP: [\n    { ...COMMON_FIELD_CONFIGS.API_KEY, label: 'MailChimp API Key' },\n    { id: 'datacenter', type: FIELD_TYPES.TEXT, label: 'Data Center', required: true, placeholder: 'us1' },\n  ],\n  SLACK: [\n    { id: 'bot_token', type: FIELD_TYPES.PASSWORD, label: 'Bot User OAuth Token', required: true, isPassword: true },\n    { id: 'channel', type: FIELD_TYPES.SELECT, label: 'Default Channel', required: false },\n  ],\n} as const;"],"names":[],"mappings":"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"}

package/dist/cjs/authentication/index.js

@@ -2,7 +2,8 @@
 
 var React = require('react');
 var themeWrapper = require('../commons/components/theme-wrapper.js');
-var index = require('./constants/index.js');
+var index$1 = require('./constants/index.js');
+var index = require('../commons/constants/index.js');
 var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
@@ -17,38 +18,41 @@ const Authentication = ({
   fields,
   onSuccessHandler
 }) => {
-  return /* @__PURE__ */ React.createElement(themeWrapper.default, null, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { width: 488 } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map((field) => /* @__PURE__ */ React.createElement(React.Fragment, null, field.type === index.FieldTypes.SELECT ? /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), " ", /* @__PURE__ */ React.createElement(
-    select.Select,
-    {
-      size: "lg",
-      value: field.value,
-      required: field == null ? void 0 : field.required,
-      requiredIndicator: field == null ? void 0 : field.required,
-      onChange: (value) => {
-        var _a;
-        return field.changeFieldValue(value, (_a = field.id) != null ? _a : field.label);
-      },
-      options: field == null ? void 0 : field.options,
-      placeholder: field == null ? void 0 : field.placeholder
-    }
-  )) : /* @__PURE__ */ React.createElement(
-    formInput.FormInput,
-    {
-      size: "lg",
-      label: field.label,
-      required: field == null ? void 0 : field.required,
-      requiredIndicator: field == null ? void 0 : field.required,
-      placeholder: field == null ? void 0 : field.placeholder,
-      type: field.isPassword ? index.FieldTypes.PASSWORD : index.FieldTypes.TEXT,
-      onChange: (e) => {
-        var _a;
-        return field.changeFieldValue(
-          e.currentTarget.value,
-          (_a = field.id) != null ? _a : field.label
-        );
+  return /* @__PURE__ */ React.createElement(themeWrapper.default, null, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { width: index.FORM_WIDTH } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map(
+    (field) => field.type === index$1.FieldTypes.SELECT ? /* @__PURE__ */ React.createElement(flex.Flex, { key: field.id, gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), /* @__PURE__ */ React.createElement(
+      select.Select,
+      {
+        size: "lg",
+        value: field.value,
+        required: field == null ? void 0 : field.required,
+        requiredIndicator: field == null ? void 0 : field.required,
+        onChange: (value) => {
+          var _a;
+          return field.changeFieldValue(value, (_a = field.id) != null ? _a : field.label);
+        },
+        options: field == null ? void 0 : field.options,
+        placeholder: field == null ? void 0 : field.placeholder
+      }
+    )) : /* @__PURE__ */ React.createElement(
+      formInput.FormInput,
+      {
+        key: field.id,
+        size: "lg",
+        label: field.label,
+        required: field == null ? void 0 : field.required,
+        requiredIndicator: field == null ? void 0 : field.required,
+        placeholder: field == null ? void 0 : field.placeholder,
+        type: field.isPassword ? index$1.FieldTypes.PASSWORD : index$1.FieldTypes.TEXT,
+        onChange: (e) => {
+          var _a;
+          return field.changeFieldValue(
+            e.currentTarget.value,
+            (_a = field.id) != null ? _a : field.label
+          );
+        }
       }
-    }
-  )))), /* @__PURE__ */ React.createElement(
+    )
+  )), /* @__PURE__ */ React.createElement(
     button.Button,
     {
       css: { marginTop: "$16" },

package/dist/cjs/authentication/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { AuthenticationProps } from \"./types\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { FieldTypes } from \"./constants\";\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeWrapper>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: 488 }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => (\n              <>\n                {field.type === FieldTypes.SELECT ? (\n                  <Flex gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                    <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                      {field.label}\n                    </FormLabel>{\" \"}\n                    <Select\n                      size=\"lg\"\n                      value={field.value}\n                      required={field?.required}\n                      requiredIndicator={field?.required}\n                      onChange={(value) =>\n                        field.changeFieldValue(value, field.id ?? field.label)\n                      }\n                      options={field?.options}\n                      placeholder={field?.placeholder}\n                    />\n                  </Flex>\n                ) : (\n                  <FormInput\n                    size=\"lg\"\n                    label={field.label}\n                    required={field?.required}\n                    requiredIndicator={field?.required}\n                    placeholder={field?.placeholder}\n                    type={\n                      field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT\n                    }\n                    onChange={(e) =>\n                      field.changeFieldValue(\n                        e.currentTarget.value,\n                        field.id ?? field.label\n                      )\n                    }\n                  />\n                )}\n              </>\n            ))}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeWrapper>\n  );\n};\n"],"names":["ThemeWrapper","Flex","Box","Heading","FieldTypes","FormLabel","Select","FormInput","Button","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { AuthenticationProps } from \"./types\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { FieldTypes } from \"./constants\";\nimport { FORM_WIDTH } from \"../commons/constants\";\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeWrapper>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: FORM_WIDTH }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => \n              field.type === FieldTypes.SELECT ? (\n                <Flex key={field.id} gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {field.label}\n                  </FormLabel>\n                  <Select\n                    size=\"lg\"\n                    value={field.value}\n                    required={field?.required}\n                    requiredIndicator={field?.required}\n                                               onChange={(value: unknown) =>\n                             field.changeFieldValue(value as string | number | boolean, field.id ?? field.label)\n                           }\n                    options={field?.options}\n                    placeholder={field?.placeholder}\n                  />\n                </Flex>\n              ) : (\n                <FormInput\n                  key={field.id}\n                  size=\"lg\"\n                  label={field.label}\n                  required={field?.required}\n                  requiredIndicator={field?.required}\n                  placeholder={field?.placeholder}\n                  type={\n                    field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT\n                  }\n                                           onChange={(e: unknown) =>\n                           field.changeFieldValue(\n                             (e as React.ChangeEvent<HTMLInputElement>).currentTarget.value,\n                             field.id ?? field.label\n                           )\n                         }\n                />\n              )\n            )}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeWrapper>\n  );\n};\n"],"names":["ThemeWrapper","Flex","Box","FORM_WIDTH","Heading","FieldTypes","FormLabel","Select","FormInput","Button","ChevronRightIcon"],"mappings":"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"}

package/dist/cjs/cascader-dropdown/cascader-dropdown-breadcrumb.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var React = require('react');
+var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
+var button = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var chevronRight = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
+var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var iconButton = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var chevronLeft = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-left.js');
+
+const textWidth = {
+  1: 104,
+  2: 48,
+  3: 32
+};
+const letterCount = {
+  1: 14,
+  2: 6,
+  3: 3
+};
+const CascaderDropdownBreadcrumb = ({
+  focusNthColumn,
+  focusPreviousColumn = () => {
+  },
+  foldersSelectionPath,
+  showBackButton = true
+}) => {
+  if (foldersSelectionPath.length === 0)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      css: {
+        width: "100%",
+        backgroundColor: "$secondary50",
+        padding: "9px",
+        overflow: "hidden",
+        borderBottom: "1px solid $neutral100",
+        borderTopLeftRadius: "$xl",
+        borderTopRightRadius: "$xl"
+      },
+      alignItems: "center"
+    },
+    showBackButton && /* @__PURE__ */ React.createElement(BackButton, { focusPreviousColumn }),
+    showBackButton && /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        css: {
+          width: "1px",
+          height: "$4",
+          backgroundColor: "$secondary100",
+          margin: "0 $4",
+          minWidth: "1px"
+        }
+      }
+    ),
+    foldersSelectionPath.map(({ value, label }, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: value }, /* @__PURE__ */ React.createElement(
+      tooltip.Tooltip,
+      {
+        content: `${label}`.length > letterCount[foldersSelectionPath.length] ? `${label}` : void 0,
+        className: "dm-sans",
+        css: {
+          maxWidth: "140px",
+          overflowWrap: "anywhere",
+          whiteSpace: "break-spaces",
+          zIndex: 199
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: {
+            color: "$secondary500",
+            marginBottom: 0,
+            padding: "0",
+            height: "auto",
+            "&, &:hover, &:focus, &:active": {
+              border: "none !important",
+              boxShadow: "none !important",
+              backgroundColor: "transparent !important"
+            },
+            borderRadius: "0",
+            fontWeight: "$4",
+            overflow: "hidden",
+            ".twigs-button__content": {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              maxWidth: textWidth[foldersSelectionPath.length]
+            },
+            "&:hover": {
+              color: "$secondary700"
+            }
+          },
+          onClick: () => focusNthColumn(index)
+        },
+        label
+      )
+    ), /* @__PURE__ */ React.createElement(box.Box, { css: { flexShrink: "0", lineHeight: 0, color: "$secondary500" } }, /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, { size: 16 })))),
+    /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$secondary800", marginBottom: 0, flexShrink: 0 }, weight: "medium", truncate: true }, "Choose")
+  );
+};
+const BackButton = ({ focusPreviousColumn }) => {
+  return /* @__PURE__ */ React.createElement(tooltip.Tooltip, { content: "Previous Level", css: { zIndex: 199 } }, /* @__PURE__ */ React.createElement(
+    iconButton.IconButton,
+    {
+      icon: /* @__PURE__ */ React.createElement(chevronLeft.ChevronLeftIcon, null),
+      onClick: () => focusPreviousColumn(),
+      css: { height: "$5", width: "$5", minWidth: "$5" },
+      color: "default"
+    }
+  ));
+};
+
+exports.CascaderDropdownBreadcrumb = CascaderDropdownBreadcrumb;
+//# sourceMappingURL=cascader-dropdown-breadcrumb.js.map

package/dist/cjs/cascader-dropdown/cascader-dropdown-breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-breadcrumb.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-breadcrumb.tsx"],"sourcesContent":["import { Flex } from '@sparrowengg/twigs-react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@sparrowengg/twigs-react-icons';\nimport { Button, IconButton } from '@sparrowengg/twigs-react';\nimport { Box } from '@sparrowengg/twigs-react';\nimport { Fragment } from 'react';\nimport { Tooltip } from '@sparrowengg/twigs-react';\nimport { Text } from '@sparrowengg/twigs-react';\nimport React from 'react';\n\nconst textWidth = {\n  1: 104,\n  2: 48,\n  3: 32\n};\n\nconst letterCount = {\n  1: 14,\n  2: 6,\n  3: 3\n};\n\nexport const CascaderDropdownBreadcrumb = ({\n  focusNthColumn,\n  focusPreviousColumn = () => {},\n  foldersSelectionPath,\n  showBackButton = true\n}: {\n  focusNthColumn: (index: number) => void,\n  focusPreviousColumn?: () => void,\n  foldersSelectionPath: { value: string, label: string }[],\n  showBackButton?: boolean\n}) => {\n  if (foldersSelectionPath.length === 0) return null;\n\n  return (\n    <Flex\n      css={{\n        width: '100%',\n        backgroundColor: '$secondary50',\n        padding: '9px',\n        overflow: 'hidden',\n        borderBottom: '1px solid $neutral100',\n        borderTopLeftRadius: '$xl',\n        borderTopRightRadius: '$xl'\n      }}\n      alignItems=\"center\"\n    >\n      {showBackButton && <BackButton focusPreviousColumn={focusPreviousColumn} />}\n      {showBackButton && (\n        <Box\n          css={{\n            width: '1px',\n            height: '$4',\n            backgroundColor: '$secondary100',\n            margin: '0 $4',\n            minWidth: '1px'\n          }}\n        />\n      )}\n      {foldersSelectionPath.map(({ value, label }, index) => (\n        <Fragment key={value}>\n          <Tooltip\n            content={`${label}`.length > letterCount[foldersSelectionPath.length] ? `${label}` : undefined}\n            className=\"dm-sans\"\n            css={{\n              maxWidth: '140px',\n              overflowWrap: 'anywhere',\n              whiteSpace: 'break-spaces',\n              zIndex: 199\n            }}\n          >\n            <Button\n              css={{\n                color: '$secondary500',\n                marginBottom: 0,\n                padding: '0',\n                height: 'auto',\n                '&, &:hover, &:focus, &:active': {\n                  border: 'none !important', boxShadow: 'none !important', backgroundColor: 'transparent !important'\n                },\n                borderRadius: '0',\n                fontWeight: '$4',\n                overflow: 'hidden',\n                '.twigs-button__content': {\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                  whiteSpace: 'nowrap',\n                  maxWidth: textWidth[foldersSelectionPath.length]\n                },\n                '&:hover': {\n                  color: '$secondary700'\n                }\n              }}\n              onClick={() => focusNthColumn(index)}\n            >\n              {label}\n            </Button>\n          </Tooltip>\n          <Box css={{ flexShrink: '0', lineHeight: 0, color: '$secondary500' }}>\n            <ChevronRightIcon size={16} />\n          </Box>\n        </Fragment>\n      ))}\n      <Text css={{ color: '$secondary800', marginBottom: 0, flexShrink: 0 }} weight=\"medium\" truncate>Choose</Text>\n    </Flex>\n  );\n};\n\nconst BackButton = ({ focusPreviousColumn }: { focusPreviousColumn: () => void }) => {\n  return (\n    <Tooltip content=\"Previous Level\" css={{ zIndex: 199 }}>\n      <IconButton\n        icon={<ChevronLeftIcon />}\n        onClick={() => focusPreviousColumn()}\n        css={{ height: '$5', width: '$5', minWidth: '$5' }}\n        color=\"default\"\n      />\n    </Tooltip>\n  );\n};\n"],"names":["Flex","Box","Fragment","Tooltip","Button","ChevronRightIcon","Text","IconButton","ChevronLeftIcon"],"mappings":"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"}

package/dist/cjs/cascader-dropdown/cascader-dropdown-content.js

@@ -0,0 +1,186 @@
+'use strict';
+
+var index = require('../node_modules/@radix-ui/react-popover/dist/index.js');
+var popover = require('../popover/popover.js');
+var React = require('react');
+var StyledItem = require('./styled/StyledItem.js');
+var useValue = require('./use-value.js');
+var cascaderDropdownList = require('./cascader-dropdown-list.js');
+var cascaderDropdownBreadcrumb = require('./cascader-dropdown-breadcrumb.js');
+var cascaderDropdownSearchInput = require('./cascader-dropdown-search-input.js');
+var cascaderDropdownSearchList = require('./cascader-dropdown-search-list.js');
+var cascaderDropdownConstants = require('./helpers/cascader-dropdown-constants.js');
+var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
+var button = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const CascaderDropdownContent = (_a) => {
+  var _b = _a, {
+    children,
+    dropdownContentProps,
+    tooltipProps,
+    popoverTriggerButtonProps,
+    popoverTriggerProps
+  } = _b, props = __objRest(_b, [
+    "children",
+    "dropdownContentProps",
+    "tooltipProps",
+    "popoverTriggerButtonProps",
+    "popoverTriggerProps"
+  ]);
+  const {
+    popoverOpen,
+    setPopoverOpen,
+    id,
+    selectedNode,
+    focusNthColumn,
+    focusPreviousColumn,
+    foldersSelectionPath,
+    rootNode
+  } = useValue.useCascaderDropdownContext();
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [resultCache, setResultCache] = React.useState({});
+  const [searchFocusedNode, setSearchFocusedNode] = React.useState(null);
+  const showValueSelector = (selectedNode == null ? void 0 : selectedNode.getType()) === cascaderDropdownConstants.optionTypes.VALUE_SELECTOR;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (tooltipProps == null ? void 0 : tooltipProps.content) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(index.Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React.createElement(tooltip.Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(
+    popover.PopoverTrigger,
+    __spreadValues({
+      asChild: true,
+      className: StyledItem.prefixClassName("cascader-dropdown__trigger")
+    }, popoverTriggerProps),
+    children || /* @__PURE__ */ React.createElement(
+      button.Button,
+      __spreadValues({
+        variant: "ghost",
+        color: "default",
+        className: "twigs-editor-tool-button"
+      }, popoverTriggerButtonProps),
+      "Select"
+    )
+  )), /* @__PURE__ */ React.createElement(
+    popover.PopoverContent,
+    __spreadValues({
+      "data-filter-popover-content": id,
+      className: StyledItem.prefixClassName("cascader-dropdown"),
+      css: {
+        padding: 0,
+        border: "0.5px solid $black300",
+        borderRadius: "$xl",
+        minWidth: "260px",
+        maxWidth: "260px"
+      }
+    }, dropdownContentProps),
+    /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+      cascaderDropdownBreadcrumb.CascaderDropdownBreadcrumb,
+      {
+        focusNthColumn,
+        focusPreviousColumn,
+        foldersSelectionPath
+      }
+    ), !showValueSelector && rootNode.getChildren().length > 0 && /* @__PURE__ */ React.createElement(
+      cascaderDropdownSearchInput.CascaderDropdownSearchInput,
+      {
+        searchQuery,
+        setSearchQuery,
+        searchFocusedNode,
+        setSearchFocusedNode,
+        resultCache
+      }
+    ), !searchQuery && /* @__PURE__ */ React.createElement(cascaderDropdownList.CascaderDropdownList, null), searchQuery && /* @__PURE__ */ React.createElement(
+      cascaderDropdownSearchList.CascaderDropdownSearchList,
+      {
+        searchQuery,
+        setSearchQuery,
+        resultCache,
+        setResultCache,
+        searchFocusedNode,
+        setSearchFocusedNode
+      }
+    ))
+  ))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(index.Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React.createElement(
+    popover.PopoverTrigger,
+    __spreadValues({
+      asChild: true,
+      className: StyledItem.prefixClassName("cascader-dropdown__trigger")
+    }, popoverTriggerProps),
+    children || /* @__PURE__ */ React.createElement(
+      button.Button,
+      __spreadValues({
+        variant: "ghost",
+        color: "default",
+        className: "twigs-editor-tool-button"
+      }, popoverTriggerButtonProps),
+      "Select"
+    )
+  ), /* @__PURE__ */ React.createElement(
+    popover.PopoverContent,
+    __spreadValues({
+      "data-filter-popover-content": id,
+      className: StyledItem.prefixClassName("cascader-dropdown"),
+      css: {
+        padding: 0,
+        border: "0.5px solid $black300",
+        borderRadius: "$xl",
+        minWidth: "260px",
+        maxWidth: "260px"
+      }
+    }, dropdownContentProps),
+    /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+      cascaderDropdownBreadcrumb.CascaderDropdownBreadcrumb,
+      {
+        focusNthColumn,
+        focusPreviousColumn,
+        foldersSelectionPath
+      }
+    ), !showValueSelector && rootNode.getChildren().length > 0 && /* @__PURE__ */ React.createElement(
+      cascaderDropdownSearchInput.CascaderDropdownSearchInput,
+      {
+        searchQuery,
+        setSearchQuery,
+        searchFocusedNode,
+        setSearchFocusedNode,
+        resultCache
+      }
+    ), !searchQuery && /* @__PURE__ */ React.createElement(cascaderDropdownList.CascaderDropdownList, null), searchQuery && /* @__PURE__ */ React.createElement(
+      cascaderDropdownSearchList.CascaderDropdownSearchList,
+      {
+        searchQuery,
+        setSearchQuery,
+        resultCache,
+        setResultCache,
+        searchFocusedNode,
+        setSearchFocusedNode
+      }
+    ))
+  ))));
+};
+
+exports.CascaderDropdownContent = CascaderDropdownContent;
+//# sourceMappingURL=cascader-dropdown-content.js.map

package/dist/cjs/cascader-dropdown/cascader-dropdown-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from '@radix-ui/react-popover';\nimport { PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["useCascaderDropdownContext","useState","optionTypes","Popover","Tooltip","PopoverTrigger","prefixClassName","Button","PopoverContent","TooltipProvider","CascaderDropdownBreadcrumb","CascaderDropdownSearchInput","CascaderDropdownList","CascaderDropdownSearchList"],"mappings":"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"}