@bigbinary/neeto-rules-frontend 0.6.5 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-rules-frontend",
-  "version": "0.6.5",
+  "version": "0.7.0",
   "description": "A repo acts as the source of truth for the new nano's structure, configs, data etc.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-rules-nano",
@@ -51,11 +51,11 @@
     "@bigbinary/eslint-plugin-neeto": "1.5.1",
     "@bigbinary/neeto-audit-frontend": "2.0.11",
     "@bigbinary/neeto-cist": "1.0.9",
-    "@bigbinary/neeto-commons-frontend": "3.4.12",
+    "@bigbinary/neeto-commons-frontend": "3.5.3",
     "@bigbinary/neeto-filters-frontend": "3.3.4",
     "@bigbinary/neeto-hotkeys": "^1.0.1",
-    "@bigbinary/neeto-icons": "1.18.6",
-    "@bigbinary/neeto-molecules": "1.15.58",
+    "@bigbinary/neeto-icons": "1.18.9",
+    "@bigbinary/neeto-molecules": "1.18.0",
     "@bigbinary/neetoui": "6.5.13",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
@@ -156,12 +156,12 @@
   },
   "peerDependencies": {
     "@bigbinary/neeto-cist": "latest",
-    "@bigbinary/neeto-commons-frontend": "3.4.12",
+    "@bigbinary/neeto-commons-frontend": "3.5.3",
     "@bigbinary/neeto-editor": "^1.26.3",
     "@bigbinary/neeto-filters-frontend": "3.3.4",
     "@bigbinary/neeto-hotkeys": "^1.0.1",
-    "@bigbinary/neeto-icons": "1.18.6",
-    "@bigbinary/neeto-molecules": "1.15.58",
+    "@bigbinary/neeto-icons": "1.18.9",
+    "@bigbinary/neeto-molecules": "1.18.0",
     "@bigbinary/neetoui": "6.5.13",
     "@honeybadger-io/js": "^6.5.3",
     "@honeybadger-io/react": "^6.1.9",
@@ -192,6 +192,7 @@
     "yarn": ">=1.22"
   },
   "dependencies": {
+    "@hello-pangea/dnd": "16.3.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "react-router-nav-prompt": "0.4.1",
     "source-map-loader": "^4.0.1",

package/types.d.ts

@@ -1,72 +1,132 @@
 import React from "react";
 
-interface NeetoRulesProps {
-  data?: Record<string, any>;
-  children?: React.ReactNode | (() => React.ReactNode);
-  className?: string;
-  handleSubmit?: () => void;
-  handleCancel?: () => void;
-}
+import {
+  InputProps,
+  RadioProps,
+  SelectProps,
+  TextareaProps,
+  TooltipProps,
+} from "neetoui";
+import { FieldHelperProps } from "formik";
 
-interface RulesFormProps {
-  onSubmit?: () => void;
-  initialRules?: Record<string, any>;
-  [otherProps: string]: any;
+interface commonInputProps {
+  data: Record<string, any>;
+  label?: string;
+  name: string;
 }
 
-interface dropDownOption {
+interface eventOptionsProps {
+  applyOn: string[];
   label: string;
   value: string;
 }
 
-interface ConditionOption {
-  label: string;
+interface eventsProps {
+  eventOptions: eventOptionsProps[];
   value: string;
-  allowMatching?: string[];
-  dropDownOptions?: dropDownOption[];
-  kind?: string;
-  type: string;
 }
 
-interface ConditionsProps {
-  dropdownOption: ConditionOption[];
-  [otherProps: string]: any;
+interface ruleDetailsProps {
+  conditions: { value: string };
+  description: { value: string };
+  events: eventsProps;
+  name: { value: string };
 }
 
-interface ActionsOption {
+interface selectOptionsProps {
   label: string;
   value: string;
-  placeholder?: string;
-  fieldType?: string;
-  updateFieldKey?: string;
-  dropDownOptions?: dropDownOption[];
-  defaultData?: Record<string, any>;
 }
 
-interface ActionsProps {
-  actionOptions: ActionsOption[];
-  [otherProps: string]: any;
+interface ActionsProps extends commonInputProps {
+  handleSlackChannelRefresh?: () => void;
+  selectedActionOptions?:
+    | selectOptionsProps[]
+    | ((selectedField: Record<string, any>[]) => selectOptionsProps[]);
+  showAddButton?: boolean;
+  onSelectAction?: () => void;
+  routeToSlackIntegration?: string;
+}
+
+interface CardProps {
+  children: React.ReactNode | (() => React.ReactNode);
+  title: string;
+}
+
+interface ConditionsProps {
+  allowEmpty?: boolean;
+  data: Record<string, any>;
+  isCallback?: boolean;
+  isWithEvents?: boolean;
+  name: string;
+  previewCallback?: (conditions: Record<string, any>[]) => void;
+  selectedConditionOptions?:
+    | selectOptionsProps[]
+    | ((selectedField: Record<string, any>[]) => selectOptionsProps[]);
+  onSelectCondition?: (name: string, option: selectOptionsProps) => void;
+}
+
+interface EventConditionsProps extends ConditionsProps {
+  addButtonTooltipProps?: TooltipProps;
+  conditionsName: string;
+  performerName: string;
+  onSelectEvent?: (name: string, option: selectOptionsProps) => void;
+}
+
+interface EventsProps extends ConditionsProps {
+  performerName: string;
+  onSelectEvent?: (name: string, option: selectOptionsProps) => void;
 }
 
+interface InputFieldProps extends commonInputProps, InputProps {}
+
+interface NeetoRulesProps {
+  data?: Record<string, any>;
+  children?: React.ReactNode | (() => React.ReactNode);
+  className?: string;
+  handleSubmit?: () => void;
+  handleCancel?: () => void;
+}
+
+interface RadioFieldProps extends commonInputProps, RadioProps {
+  options?: selectOptionsProps[];
+}
+
+interface RulePreviewProps {
+  isLoading: boolean;
+  ruleDetails: ruleDetailsProps;
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+interface SelectFieldProps extends commonInputProps, SelectProps {
+  options?: selectOptionsProps[];
+  onChange?: (
+    options: selectOptionsProps[],
+    setValue: FieldHelperProps["setValue"]
+  ) => void;
+}
+
+interface TextareaFieldProps extends commonInputProps, TextareaProps {}
+
+export const NeetoRulesForm: React.FC<NeetoRulesProps> & {
+  Actions: React.FC<ActionsProps>;
+  Card: React.FC<CardProps>;
+  Conditions: React.FC<ConditionsProps>;
+  EventConditions: React.FC<EventConditionsProps>;
+  Events: React.FC<EventsProps>;
+  InputField: React.FC<InputFieldProps>;
+  MultiSelectField: React.FC<SelectFieldProps>;
+  RadioField: React.FC<RadioFieldProps>;
+  SelectField: React.FC<SelectFieldProps>;
+  TextareaField: React.FC<TextareaFieldProps>;
+};
+
+export const RulePreview: React.FC<RulePreviewProps>;
+
 export const useCustomDataStore: UseBoundStore<
   StoreApi<{
     customData: object;
     setCustomDataState: () => void;
   }>
 >;
-
-export const NeetoRulesForm : React.FC<NeetoRulesProps> & {
-  InputField: React.FC<>;
-  TextareaField: React.FC<>;
-  SelectField: React.FC<>;
-  RadioField: React.FC<>;
-  Events: React.FC<>;
-  Conditions: React.FC<>;
-  Actions: React.FC<>;
-  Card: React.FC<>;
-  MultiSelectField: React.FC<>;
-  EventConditions: React.FC<>;
-};
-export const RulesForm : React.FC<RulesFormProps>;
-export const Actions : React.FC<ActionsProps>;
-export const Conditions : React.FC<ConditionsProps>;