@hitachivantara/uikit-react-core 5.4.0 → 5.6.0

package/dist/esm/components/QueryBuilder/Context.js

@@ -0,0 +1,281 @@
+import { createContext } from "react";
+const defaultOperators = {
+  numeric: [{
+    operator: "greaterThan",
+    label: "Greater than (>)",
+    combinators: ["and"]
+  }, {
+    operator: "lessThan",
+    label: "Less than (<)",
+    combinators: ["and"]
+  }, {
+    operator: "equalsTo",
+    label: "Equal to (=)",
+    combinators: ["and", "or"]
+  }, {
+    operator: "greaterThanEq",
+    label: "Greater than or equal to (>=)",
+    combinators: ["and"]
+  }, {
+    operator: "lessThanEq",
+    label: "Less than or equal to (<=)",
+    combinators: ["and"]
+  }, {
+    operator: "notEqual",
+    label: "Not equal to (!=)",
+    combinators: ["and"]
+  }, {
+    operator: "range",
+    label: "Range",
+    combinators: ["and"]
+  }],
+  text: [{
+    operator: "equals",
+    label: "Equals",
+    combinators: ["and", "or"]
+  }, {
+    operator: "equalsIgnoreCase",
+    label: "Equals Ignore Case",
+    combinators: ["and", "or"]
+  }, {
+    operator: "Contains",
+    label: "Contains",
+    combinators: ["and", "or"]
+  }, {
+    operator: "StartsWith",
+    label: "A string begins with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "EndsWith",
+    label: "A string ends with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "IsNotEmpty",
+    label: "Is Not empty",
+    combinators: ["and"]
+  }, {
+    operator: "IsNot",
+    label: "Is Not",
+    combinators: ["and"]
+  }, {
+    operator: "Empty",
+    label: "Empty",
+    combinators: ["and"]
+  }],
+  textarea: [{
+    operator: "equals",
+    label: "Equals",
+    combinators: ["and", "or"]
+  }, {
+    operator: "equalsIgnoreCase",
+    label: "Equals Ignore Case",
+    combinators: ["and", "or"]
+  }, {
+    operator: "Contains",
+    label: "Contains",
+    combinators: ["and", "or"]
+  }, {
+    operator: "StartsWith",
+    label: "A string begins with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "EndsWith",
+    label: "A string ends with",
+    combinators: ["and", "or"]
+  }, {
+    operator: "IsNotEmpty",
+    label: "Is Not empty",
+    combinators: ["and"]
+  }, {
+    operator: "IsNot",
+    label: "Is Not",
+    combinators: ["and"]
+  }, {
+    operator: "Empty",
+    label: "Empty",
+    combinators: ["and"]
+  }],
+  boolean: [{
+    operator: "equalsTo",
+    label: "=",
+    combinators: ["and", "or"]
+  }],
+  dateandtime: [{
+    operator: "greaterThan",
+    label: "Greater than",
+    combinators: ["and"]
+  }, {
+    operator: "lessThan",
+    label: "Less than",
+    combinators: ["and"]
+  }, {
+    operator: "equalsTo",
+    label: "Equal to",
+    combinators: ["and", "or"]
+  }, {
+    operator: "greaterThanEq",
+    label: "Greater than or equal to",
+    combinators: ["and"]
+  }, {
+    operator: "lessThanEq",
+    label: "Less than or equal to",
+    combinators: ["and"]
+  }, {
+    operator: "notEqual",
+    label: "Not equal to",
+    combinators: ["and"]
+  }, {
+    operator: "range",
+    label: "Range",
+    combinators: ["and"]
+  }]
+};
+const defaultCombinators = [{
+  operand: "and",
+  label: "AND"
+}, {
+  operand: "or",
+  label: "OR"
+}];
+const defaultLabels = {
+  query: {
+    delete: {
+      ariaLabel: "Reset query",
+      tooltip: "Reset query",
+      dialogTitle: "Remove all conditions?",
+      dialogMessage: "Are you sure you want to remove all the conditions? They will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    }
+  },
+  rule: {
+    attribute: {
+      label: "Attribute",
+      placeholder: "Select attribute...",
+      exists: "Attribute already exists."
+    },
+    operator: {
+      label: "Operator",
+      placeholder: "Select operator..."
+    },
+    value: {
+      distance: {
+        label: "Value",
+        connectorText: "radius miles from",
+        button: "Select location",
+        validation: {
+          required: "The value is required.",
+          invalid: "Value must be a positive number."
+        }
+      },
+      text: {
+        label: "Value",
+        placeholder: "Enter value...",
+        validation: {
+          required: "The value is required."
+        }
+      },
+      boolean: {
+        label: "Value",
+        placeholder: "Enter value",
+        options: {
+          true: "True",
+          false: "False"
+        }
+      },
+      numeric: {
+        label: "Value",
+        placeholder: "Enter value",
+        validation: {
+          required: "The value is required.",
+          invalid: "Value must be a number.",
+          equal: "Cannot be equal.",
+          greaterThan: "Needs to be greater."
+        },
+        range: {
+          leftLabel: "From",
+          rightLabel: "To"
+        }
+      },
+      datetime: {
+        dateLabel: "Date",
+        datePlaceholder: "Select Date",
+        timeLabel: "Time",
+        timePlaceholder: "Select Time",
+        startDateLabel: "Start Date",
+        startDatePlaceholder: "Select Start Date",
+        startTimeLabel: "Start Time",
+        startTimePlaceholder: "Select Start Time",
+        endDateLabel: "End Date",
+        endDatePlaceholder: "Select End Date",
+        endTimeLabel: "End Time",
+        endTimePlaceholder: "Select End Time",
+        validation: {
+          required: "The value is required.",
+          invalidInterval: "End date and time must be after start date and time."
+        }
+      }
+    },
+    delete: {
+      ariaLabel: "Remove condition",
+      tooltip: "Remove condition",
+      dialogTitle: "Remove condition?",
+      dialogMessage: "Are you sure you want to remove the condition? It will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    }
+  },
+  group: {
+    delete: {
+      ariaLabel: "Remove group",
+      tooltip: "Remove group",
+      dialogTitle: "Remove group?",
+      dialogMessage: "Are you sure you want to remove the group? It will be removed permanently.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    },
+    reset: {
+      ariaLabel: "Change operator",
+      tooltip: "Change operator query",
+      dialogTitle: "Change conditional operator?",
+      dialogMessage: "Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.",
+      dialogConfirm: "Yes",
+      dialogCancel: "No",
+      dialogCloseTooltip: "Close"
+    },
+    addRule: {
+      label: "Add condition"
+    },
+    addGroup: {
+      label: "Add group"
+    }
+  },
+  empty: {
+    title: "No conditions created yet",
+    createCondition: "Create a condition",
+    createGroup: "condition group",
+    spacer: " or a "
+  }
+};
+const QueryBuilderContext = createContext({
+  dispatchAction: () => ({}),
+  askAction: () => ({}),
+  selectLocation: () => ({}),
+  attributes: {},
+  operators: defaultOperators,
+  combinators: defaultCombinators,
+  maxDepth: 1,
+  labels: defaultLabels,
+  initialTouched: false,
+  readOnly: false
+});
+export {
+  QueryBuilderContext,
+  defaultCombinators,
+  defaultLabels,
+  defaultOperators
+};
+//# sourceMappingURL=Context.js.map

package/dist/esm/components/QueryBuilder/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../src/components/QueryBuilder/Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport {\n  AskAction,\n  Attribute,\n  QueryAction,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\n\nexport const defaultOperators = {\n  numeric: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than (>)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than (<)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to (=)\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to (>=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to (<=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to (!=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n  text: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  textarea: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  boolean: [\n    {\n      operator: \"equalsTo\",\n      label: \"=\",\n      combinators: [\"and\", \"or\"],\n    },\n  ],\n  dateandtime: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n};\n\nexport const defaultCombinators = [\n  { operand: \"and\", label: \"AND\" },\n  { operand: \"or\", label: \"OR\" },\n];\n\nexport const defaultLabels = {\n  query: {\n    delete: {\n      ariaLabel: \"Reset query\",\n      tooltip: \"Reset query\",\n      dialogTitle: \"Remove all conditions?\",\n      dialogMessage:\n        \"Are you sure you want to remove all the conditions? They will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  rule: {\n    attribute: {\n      label: \"Attribute\",\n      placeholder: \"Select attribute...\",\n      exists: \"Attribute already exists.\",\n    },\n    operator: {\n      label: \"Operator\",\n      placeholder: \"Select operator...\",\n    },\n    value: {\n      distance: {\n        label: \"Value\",\n        connectorText: \"radius miles from\",\n        button: \"Select location\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a positive number.\",\n        },\n      },\n      text: {\n        label: \"Value\",\n        placeholder: \"Enter value...\",\n        validation: {\n          required: \"The value is required.\",\n        },\n      },\n      boolean: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        options: {\n          true: \"True\",\n          false: \"False\",\n        },\n      },\n      numeric: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a number.\",\n          equal: \"Cannot be equal.\",\n          greaterThan: \"Needs to be greater.\",\n        },\n        range: {\n          leftLabel: \"From\",\n          rightLabel: \"To\",\n        },\n      },\n      datetime: {\n        dateLabel: \"Date\",\n        datePlaceholder: \"Select Date\",\n        timeLabel: \"Time\",\n        timePlaceholder: \"Select Time\",\n        startDateLabel: \"Start Date\",\n        startDatePlaceholder: \"Select Start Date\",\n        startTimeLabel: \"Start Time\",\n        startTimePlaceholder: \"Select Start Time\",\n        endDateLabel: \"End Date\",\n        endDatePlaceholder: \"Select End Date\",\n        endTimeLabel: \"End Time\",\n        endTimePlaceholder: \"Select End Time\",\n        validation: {\n          required: \"The value is required.\",\n          invalidInterval:\n            \"End date and time must be after start date and time.\",\n        },\n      },\n    },\n    delete: {\n      ariaLabel: \"Remove condition\",\n      tooltip: \"Remove condition\",\n      dialogTitle: \"Remove condition?\",\n      dialogMessage:\n        \"Are you sure you want to remove the condition? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  group: {\n    delete: {\n      ariaLabel: \"Remove group\",\n      tooltip: \"Remove group\",\n      dialogTitle: \"Remove group?\",\n      dialogMessage:\n        \"Are you sure you want to remove the group? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    reset: {\n      ariaLabel: \"Change operator\",\n      tooltip: \"Change operator query\",\n      dialogTitle: \"Change conditional operator?\",\n      dialogMessage:\n        \"Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    addRule: {\n      label: \"Add condition\",\n    },\n    addGroup: {\n      label: \"Add group\",\n    },\n  },\n  empty: {\n    title: \"No conditions created yet\",\n    createCondition: \"Create a condition\",\n    createGroup: \"condition group\",\n    spacer: \" or a \",\n  },\n};\n\ninterface QueryBuilderContextValue {\n  dispatchAction: React.Dispatch<QueryAction>;\n  askAction: React.Dispatch<React.SetStateAction<AskAction | undefined>>;\n  selectLocation?: React.Dispatch<unknown>;\n  attributes?: Record<string, Attribute>;\n  operators: Record<string, QueryOperator[]>;\n  combinators: QueryCombinator[];\n  maxDepth: number;\n  labels: QueryBuilderLabels;\n  initialTouched: boolean;\n  readOnly: boolean;\n}\n\nexport const QueryBuilderContext = createContext<QueryBuilderContextValue>({\n  dispatchAction: () => ({}),\n  askAction: () => ({}),\n  selectLocation: () => ({}),\n  attributes: {},\n  operators: defaultOperators,\n  combinators: defaultCombinators,\n  maxDepth: 1,\n  labels: defaultLabels,\n  initialTouched: false,\n  readOnly: false,\n});\n"],"names":["defaultOperators","numeric","operator","label","combinators","text","textarea","boolean","dateandtime","defaultCombinators","operand","defaultLabels","query","delete","ariaLabel","tooltip","dialogTitle","dialogMessage","dialogConfirm","dialogCancel","dialogCloseTooltip","rule","attribute","placeholder","exists","value","distance","connectorText","button","validation","required","invalid","options","true","false","equal","greaterThan","range","leftLabel","rightLabel","datetime","dateLabel","datePlaceholder","timeLabel","timePlaceholder","startDateLabel","startDatePlaceholder","startTimeLabel","startTimePlaceholder","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","group","reset","addRule","addGroup","empty","title","createCondition","createGroup","spacer","QueryBuilderContext","createContext","dispatchAction","askAction","selectLocation","attributes","operators","maxDepth","labels","initialTouched","readOnly"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,86 @@
+import cloneDeep from "lodash/cloneDeep";
+import isEqual from "lodash/isEqual";
+import { useState, useRef, useReducer, useContext, useMemo, useEffect } from "react";
+import { QueryBuilderContext } from "./Context.js";
+import { emptyGroup, clearNodeIds } from "./utils/index.js";
+import reducer from "./utils/reducer.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { RuleGroup } from "./RuleGroup/RuleGroup.js";
+import { ConfirmationDialog } from "./ConfirmationDialog/ConfirmationDialog.js";
+const HvQueryBuilder = ({
+  attributes,
+  query,
+  onChange,
+  operators,
+  combinators,
+  maxDepth = 1,
+  labels,
+  readOnly = false,
+  classes
+}) => {
+  const [pendingAction, askAction] = useState();
+  const currentAttributes = useRef(null);
+  const [state, dispatchAction] = useReducer(reducer, query, (initialState2) => initialState2 || emptyGroup());
+  const initialState = query === state;
+  const [prevState, setPrevState] = useState();
+  const defaultcontext = useContext(QueryBuilderContext);
+  const context = useMemo(() => ({
+    dispatchAction,
+    askAction,
+    attributes,
+    operators: operators ?? defaultcontext.operators,
+    combinators: combinators ?? defaultcontext.combinators,
+    maxDepth: maxDepth ?? defaultcontext.maxDepth,
+    labels: labels ?? defaultcontext.labels,
+    initialTouched: initialState,
+    readOnly
+  }), [attributes, operators, defaultcontext.operators, defaultcontext.combinators, defaultcontext.maxDepth, defaultcontext.labels, combinators, maxDepth, labels, readOnly, initialState]);
+  useEffect(() => {
+    if (currentAttributes.current == null) {
+      currentAttributes.current = attributes;
+    } else if (currentAttributes.current !== attributes) {
+      currentAttributes.current = attributes;
+      dispatchAction({
+        type: "reset-query"
+      });
+    }
+  }, [attributes]);
+  useEffect(() => {
+    if (!initialState && !isEqual(state, prevState)) {
+      onChange == null ? void 0 : onChange(clearNodeIds(state));
+      setPrevState(cloneDeep(state));
+    }
+  }, [state, prevState, initialState, onChange]);
+  const onConfirmHandler = () => {
+    if (pendingAction) {
+      askAction(void 0);
+      pendingAction.actions.forEach((action) => dispatchAction(action));
+    }
+  };
+  const onCancelHandler = () => {
+    askAction(void 0);
+  };
+  return /* @__PURE__ */ jsxs(QueryBuilderContext.Provider, {
+    value: context,
+    children: [/* @__PURE__ */ jsx(RuleGroup, {
+      level: 0,
+      id: state.id,
+      combinator: state.combinator,
+      rules: state.rules,
+      classes
+    }), /* @__PURE__ */ jsx(ConfirmationDialog, {
+      isOpen: pendingAction != null,
+      onConfirm: onConfirmHandler,
+      onCancel: onCancelHandler,
+      title: (pendingAction == null ? void 0 : pendingAction.dialog.dialogTitle) || "",
+      message: (pendingAction == null ? void 0 : pendingAction.dialog.dialogMessage) || "",
+      confirmButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogConfirm) || "",
+      cancelButtonLabel: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCancel) || "",
+      closeButtonTooltip: (pendingAction == null ? void 0 : pendingAction.dialog.dialogCloseTooltip) || ""
+    })]
+  });
+};
+export {
+  HvQueryBuilder
+};
+//# sourceMappingURL=QueryBuilder.js.map

package/dist/esm/components/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\nimport {\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { HvQueryBuilderClasses } from \"./queryBuilderClasses\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  Attribute,\n  Query,\n  QueryBuilderLabels,\n  QueryCombinator,\n  QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\n\nexport interface HvQueryBuilderProps {\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes?: HvQueryBuilderClasses;\n  attributes?: Record<string, Attribute>;\n  /**\n   * The query rules operators by attribute type and combinator.\n   */\n  operators?: Record<string, QueryOperator[]>;\n  /**\n   * The query combinators operands.\n   */\n  combinators?: QueryCombinator[];\n  /**\n   * The initial query representation.\n   */\n  query?: Query;\n  /**\n   * Callback fired when query changes.\n   * @param {Query} value - the query representation.\n   */\n  onChange?: (value: Query) => void;\n  /**\n   * Max depth of nested query groups.\n   */\n  maxDepth?: number;\n  /**\n   * An object containing all the labels.\n   */\n  labels?: QueryBuilderLabels;\n  /**\n   * A flag indicating if the Query Builder is in read only mode.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n *\n * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.\n */\nexport const HvQueryBuilder = ({\n  attributes,\n  query,\n  onChange,\n  operators,\n  combinators,\n  maxDepth = 1,\n  labels,\n  readOnly = false,\n  classes,\n}: HvQueryBuilderProps) => {\n  const [pendingAction, askAction] = useState<AskAction>();\n  const currentAttributes = useRef<\n    Record<string, Attribute> | undefined | null\n  >(null);\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    query,\n    (initialState) => initialState || emptyGroup()\n  );\n\n  const initialState = query === state;\n  const [prevState, setPrevState] = useState();\n\n  const defaultcontext = useContext(QueryBuilderContext);\n\n  const context = useMemo(\n    () => ({\n      dispatchAction,\n      askAction,\n      attributes,\n      operators: operators ?? defaultcontext.operators,\n      combinators: combinators ?? defaultcontext.combinators,\n      maxDepth: maxDepth ?? defaultcontext.maxDepth,\n      labels: labels ?? defaultcontext.labels,\n      initialTouched: initialState,\n      readOnly,\n    }),\n    [\n      attributes,\n      operators,\n      defaultcontext.operators,\n      defaultcontext.combinators,\n      defaultcontext.maxDepth,\n      defaultcontext.labels,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n    ]\n  );\n\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // first run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // attributes changed, the existing query is almost certain invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  // Propagate the change if the query is modified.\n  useEffect(() => {\n    if (!initialState && !isEqual(state, prevState)) {\n      onChange?.(clearNodeIds(state));\n      setPrevState(cloneDeep(state));\n    }\n  }, [state, prevState, initialState, onChange]);\n\n  const onConfirmHandler = () => {\n    if (pendingAction) {\n      askAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const onCancelHandler = () => {\n    askAction(undefined);\n  };\n\n  return (\n    <QueryBuilderContext.Provider value={context}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={onConfirmHandler}\n        onCancel={onCancelHandler}\n        title={pendingAction?.dialog.dialogTitle || \"\"}\n        message={pendingAction?.dialog.dialogMessage || \"\"}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n      />\n    </QueryBuilderContext.Provider>\n  );\n};\n"],"names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultcontext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","_jsxs","Provider","value","children","_jsx","RuleGroup","level","id","combinator","rules","ConfirmationDialog","isOpen","onConfirm","onCancel","title","dialog","dialogTitle","message","dialogMessage","confirmButtonLabel","dialogConfirm","cancelButtonLabel","dialogCancel","closeButtonTooltip","dialogCloseTooltip"],"mappings":";;;;;;;;;AAqEO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,WAAW;AAAA,EACXC;AACmB,MAAM;AACzB,QAAM,CAACC,eAAeC,SAAS,IAAIC,SAAqB;AAClDC,QAAAA,oBAAoBC,OAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,WAC9BC,SACAhB,OACCiB,CAAAA,kBAAiBA,iBAAgBC,WAAY,CAAA;AAGhD,QAAMD,eAAejB,UAAUa;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,SAAU;AAEtCW,QAAAA,iBAAiBC,WAAWC,mBAAmB;AAE/CC,QAAAA,UAAUC,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAV;AAAAA,IACAG,WAAWA,aAAamB,eAAenB;AAAAA,IACvCC,aAAaA,eAAekB,eAAelB;AAAAA,IAC3CC,UAAUA,YAAYiB,eAAejB;AAAAA,IACrCC,QAAQA,UAAUgB,eAAehB;AAAAA,IACjCqB,gBAAgBT;AAAAA,IAChBX;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAmB,eAAenB,WACfmB,eAAelB,aACfkB,eAAejB,UACfiB,eAAehB,QACfF,aACAC,UACAC,QACAC,UACAW,YAAY,CACb;AAGHU,YAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU7B;AAAAA,IAAAA,WACnBY,kBAAkBiB,YAAY7B,YAAY;AAEnDY,wBAAkBiB,UAAU7B;AACb,qBAAA;AAAA,QAAE8B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC9B,UAAU,CAAC;AAGf4B,YAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,QAAQjB,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,UAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAchB,QAAQ,CAAC;AAE7C,QAAMgC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAInBK,SAAAA,qBAAChB,oBAAoBiB,UAAQ;AAAA,IAACC,OAAOjB;AAAAA,IAAQkB,UAAA,CAC3CC,oBAACC,WAAS;AAAA,MACRC,OAAO;AAAA,MACPC,IAAIjC,MAAMiC;AAAAA,MACVC,YAAYlC,MAAMkC;AAAAA,MAClBC,OAAOnC,MAAMmC;AAAAA,MACbzC;AAAAA,IAAAA,CACA,GACFoC,oBAACM,oBAAkB;AAAA,MACjBC,QAAQ1C,iBAAiB;AAAA,MACzB2C,WAAWlB;AAAAA,MACXmB,UAAUd;AAAAA,MACVe,QAAO7C,+CAAe8C,OAAOC,gBAAe;AAAA,MAC5CC,UAAShD,+CAAe8C,OAAOG,kBAAiB;AAAA,MAChDC,qBAAoBlD,+CAAe8C,OAAOK,kBAAiB;AAAA,MAC3DC,oBAAmBpD,+CAAe8C,OAAOO,iBAAgB;AAAA,MACzDC,qBAAoBtD,+CAAe8C,OAAOS,uBAAsB;AAAA,IAAA,CAChE,CAAA;AAAA,EAAA,CAC2B;AAEnC;"}

package/dist/esm/components/QueryBuilder/Rule/Attribute/Attribute.js

@@ -0,0 +1,81 @@
+import { useContext, useMemo, memo } from "react";
+import { QueryBuilderContext } from "../../Context.js";
+import { isBigList } from "../../utils/index.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvDropdown } from "../../../Dropdown/Dropdown.js";
+const Attribute = ({
+  id,
+  attribute,
+  disabled,
+  isInvalid
+}) => {
+  var _a;
+  const context = useContext(QueryBuilderContext);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const values = useMemo(() => {
+    if (!attributes)
+      return [];
+    return Object.keys(attributes).map((key) => ({
+      id: key,
+      label: attributes[key].label,
+      selected: key === attribute
+    }));
+  }, [attributes, attribute]);
+  const currentType = attribute != null && attributes ? (_a = attributes[attribute]) == null ? void 0 : _a.type : null;
+  return /* @__PURE__ */ jsx(HvDropdown, {
+    singleSelectionToggle: false,
+    label: labels.rule.attribute.label,
+    placeholder: labels.rule.attribute.placeholder,
+    values,
+    disabled,
+    readOnly,
+    status: isInvalid ? "invalid" : "valid",
+    statusMessage: labels.rule.attribute.exists,
+    onChange: (selected) => {
+      var _a2;
+      if (selected && !Array.isArray(selected)) {
+        const attributeId = selected.id;
+        const type = attributes && attributeId && ((_a2 = attributes[attributeId]) == null ? void 0 : _a2.type);
+        const typeOperators = type ? operators[type] : void 0;
+        let operator;
+        if (currentType === type) {
+          operator = void 0;
+        } else if ((typeOperators == null ? void 0 : typeOperators.length) === 1) {
+          operator = typeOperators[0].operator;
+        } else {
+          operator = null;
+        }
+        const value = type === "boolean" ? true : void 0;
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: attributeId == null ? void 0 : attributeId.toString(),
+          operator,
+          value
+        });
+      } else {
+        dispatchAction({
+          type: "set-attribute",
+          id,
+          attribute: null
+        });
+      }
+    },
+    showSearch: isBigList(values),
+    ...isBigList(values) && {
+      virtualized: true,
+      height: 300
+    }
+  });
+};
+memo(Attribute);
+export {
+  Attribute
+};
+//# sourceMappingURL=Attribute.js.map

package/dist/esm/components/QueryBuilder/Rule/Attribute/Attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attribute.js","sources":["../../../../../../src/components/QueryBuilder/Rule/Attribute/Attribute.tsx"],"sourcesContent":["import { useMemo, useContext, memo } from \"react\";\n\nimport { HvDropdown } from \"../../..\";\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface AttributeProps {\n  id: number;\n  attribute: string;\n  disabled: boolean;\n  isInvalid: boolean;\n}\n\nexport const Attribute = ({\n  id,\n  attribute,\n  disabled,\n  isInvalid,\n}: AttributeProps) => {\n  const context = useContext(QueryBuilderContext);\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const values = useMemo(() => {\n    if (!attributes) return [];\n\n    return Object.keys(attributes).map((key) => ({\n      id: key,\n      label: attributes[key].label,\n      selected: key === attribute,\n    }));\n  }, [attributes, attribute]);\n\n  const currentType =\n    attribute != null && attributes ? attributes[attribute]?.type : null;\n\n  return (\n    <HvDropdown\n      singleSelectionToggle={false}\n      label={labels.rule.attribute.label}\n      placeholder={labels.rule.attribute.placeholder}\n      values={values}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={isInvalid ? \"invalid\" : \"valid\"}\n      statusMessage={labels.rule.attribute.exists}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected)) {\n          const attributeId = selected.id;\n\n          const type =\n            attributes && attributeId && attributes[attributeId]?.type;\n          const typeOperators = type ? operators[type] : undefined;\n\n          let operator;\n          if (currentType === type) {\n            operator = undefined;\n          } else if (typeOperators?.length === 1) {\n            operator = typeOperators[0].operator;\n          } else {\n            operator = null;\n          }\n\n          // default boolean attributes to true\n          const value = type === \"boolean\" ? true : undefined;\n\n          dispatchAction({\n            type: \"set-attribute\",\n            id,\n            attribute: attributeId?.toString(),\n            operator,\n            value,\n          });\n        } else {\n          dispatchAction({ type: \"set-attribute\", id, attribute: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Attribute);\n"],"names":["Attribute","id","attribute","disabled","isInvalid","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","values","useMemo","Object","keys","map","key","label","selected","currentType","type","HvDropdown","singleSelectionToggle","rule","placeholder","status","statusMessage","exists","onChange","Array","isArray","attributeId","typeOperators","undefined","operator","length","value","toString","showSearch","isBigList","virtualized","height","memo"],"mappings":";;;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACc,MAAM;;AACdC,QAAAA,UAAUC,WAAWC,mBAAmB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAE9DQ,QAAAA,SAASC,QAAQ,MAAM;AAC3B,QAAI,CAACL;AAAY,aAAO;AAExB,WAAOM,OAAOC,KAAKP,UAAU,EAAEQ,IAAKC,CAAS,SAAA;AAAA,MAC3CjB,IAAIiB;AAAAA,MACJC,OAAOV,WAAWS,GAAG,EAAEC;AAAAA,MACvBC,UAAUF,QAAQhB;AAAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAACO,YAAYP,SAAS,CAAC;AAE1B,QAAMmB,cACJnB,aAAa,QAAQO,cAAaA,gBAAWP,SAAS,MAApBO,mBAAuBa,OAAO;AAElE,6BACGC,YAAU;AAAA,IACTC,uBAAuB;AAAA,IACvBL,OAAOR,OAAOc,KAAKvB,UAAUiB;AAAAA,IAC7BO,aAAaf,OAAOc,KAAKvB,UAAUwB;AAAAA,IACnCb;AAAAA,IACAV;AAAAA,IACAS;AAAAA,IACAe,QAAQvB,YAAY,YAAY;AAAA,IAChCwB,eAAejB,OAAOc,KAAKvB,UAAU2B;AAAAA,IACrCC,UAAWV,CAAa,aAAA;;AACtB,UAAIA,YAAY,CAACW,MAAMC,QAAQZ,QAAQ,GAAG;AACxC,cAAMa,cAAcb,SAASnB;AAE7B,cAAMqB,OACJb,cAAcwB,iBAAexB,MAAAA,WAAWwB,WAAW,MAAtBxB,gBAAAA,IAAyBa;AACxD,cAAMY,gBAAgBZ,OAAOZ,UAAUY,IAAI,IAAIa;AAE3CC,YAAAA;AACJ,YAAIf,gBAAgBC,MAAM;AACba,qBAAAA;AAAAA,QAAAA,YACFD,+CAAeG,YAAW,GAAG;AAC3BH,qBAAAA,cAAc,CAAC,EAAEE;AAAAA,QAAAA,OACvB;AACM,qBAAA;AAAA,QACb;AAGME,cAAAA,QAAQhB,SAAS,YAAY,OAAOa;AAE3B,uBAAA;AAAA,UACbb,MAAM;AAAA,UACNrB;AAAAA,UACAC,WAAW+B,2CAAaM;AAAAA,UACxBH;AAAAA,UACAE;AAAAA,QAAAA,CACD;AAAA,MAAA,OACI;AACU,uBAAA;AAAA,UAAEhB,MAAM;AAAA,UAAiBrB;AAAAA,UAAIC,WAAW;AAAA,QAAA,CAAM;AAAA,MAC/D;AAAA,IACF;AAAA,IACAsC,YAAYC,UAAU5B,MAAM;AAAA,IAAE,GACzB4B,UAAU5B,MAAM,KAAK;AAAA,MAAE6B,aAAa;AAAA,MAAMC,QAAQ;AAAA,IAAI;AAAA,EAAA,CAC3D;AAEN;AAEeC,KAAK5C,SAAS;"}

package/dist/esm/components/QueryBuilder/Rule/Operator/Operator.js

@@ -0,0 +1,67 @@
+import { useContext, useMemo, memo } from "react";
+import { QueryBuilderContext } from "../../Context.js";
+import { isBigList } from "../../utils/index.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvDropdown } from "../../../Dropdown/Dropdown.js";
+const Operator = ({
+  id,
+  combinator,
+  attribute,
+  operator
+}) => {
+  const context = useContext(QueryBuilderContext);
+  const {
+    dispatchAction,
+    attributes,
+    operators,
+    labels,
+    readOnly
+  } = context;
+  const value = operator ?? null;
+  const values = useMemo(() => {
+    const attributeSpec = attribute && attributes ? attributes[attribute] : null;
+    const options = attributeSpec ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? [] : [];
+    return options.map((key) => ({
+      id: key.operator,
+      label: key.label,
+      selected: key.operator === value
+    }));
+  }, [attribute, attributes, operators, combinator, value]);
+  return /* @__PURE__ */ jsx(HvDropdown, {
+    required: true,
+    status: "valid",
+    singleSelectionToggle: false,
+    label: labels.rule.operator.label,
+    placeholder: labels.rule.operator.placeholder,
+    values,
+    disabled: values.length === 0,
+    readOnly,
+    onChange: (selected) => {
+      if (selected && !Array.isArray(selected) && selected.id) {
+        dispatchAction({
+          type: "set-operator",
+          id,
+          operator: selected.id.toString(),
+          value: value === "range" || selected.id === "range" ? null : void 0
+        });
+      } else {
+        dispatchAction({
+          type: "set-operator",
+          id,
+          operator: null,
+          value: null
+        });
+      }
+    },
+    showSearch: isBigList(values),
+    ...isBigList(values) && {
+      virtualized: true,
+      height: 300
+    }
+  });
+};
+memo(Operator);
+export {
+  Operator
+};
+//# sourceMappingURL=Operator.js.map

package/dist/esm/components/QueryBuilder/Rule/Operator/Operator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.js","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { HvDropdown } from \"@core/components\";\nimport { memo, useContext, useMemo } from \"react\";\nimport { QueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils/index\";\n\nexport interface OperatorProps {\n  id: number;\n  combinator: string;\n  attribute: string;\n  operator: string;\n}\n\nexport const Operator = ({ id, combinator, attribute, operator }) => {\n  const context = useContext(QueryBuilderContext);\n\n  const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n  const value = operator ?? null;\n\n  const values = useMemo(() => {\n    const attributeSpec =\n      attribute && attributes ? attributes[attribute] : null;\n    const options = attributeSpec\n      ? operators[attributeSpec.type].filter((o) =>\n          o.combinators.includes(combinator)\n        ) ?? []\n      : [];\n    return options.map((key) => ({\n      id: key.operator,\n      label: key.label,\n      selected: key.operator === value,\n    }));\n  }, [attribute, attributes, operators, combinator, value]);\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.operator.label}\n      placeholder={labels.rule.operator.placeholder}\n      values={values}\n      disabled={values.length === 0}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: selected.id.toString(),\n            value:\n              value === \"range\" || selected.id === \"range\" ? null : undefined,\n          });\n        } else {\n          dispatchAction({\n            type: \"set-operator\",\n            id,\n            operator: null,\n            value: null,\n          });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(Operator);\n"],"names":["Operator","id","combinator","attribute","operator","context","useContext","QueryBuilderContext","dispatchAction","attributes","operators","labels","readOnly","value","values","useMemo","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","HvDropdown","required","status","singleSelectionToggle","rule","placeholder","disabled","length","onChange","Array","isArray","toString","undefined","showSearch","isBigList","virtualized","height","memo"],"mappings":";;;;;AAYO,MAAMA,WAAWA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAYC;AAAAA,EAAWC;AAAS,MAAM;AAC7DC,QAAAA,UAAUC,WAAWC,mBAAmB;AAExC,QAAA;AAAA,IAAEC;AAAAA,IAAgBC;AAAAA,IAAYC;AAAAA,IAAWC;AAAAA,IAAQC;AAAAA,EAAaP,IAAAA;AAEpE,QAAMQ,QAAQT,YAAY;AAEpBU,QAAAA,SAASC,QAAQ,MAAM;AAC3B,UAAMC,gBACJb,aAAaM,aAAaA,WAAWN,SAAS,IAAI;AACpD,UAAMc,UAAUD,gBACZN,UAAUM,cAAcE,IAAI,EAAEC,OAAQC,CAAAA,MACpCA,EAAEC,YAAYC,SAASpB,UAAU,CAAC,KAC/B,KACL;AACGe,WAAAA,QAAQM,IAAKC,CAAS,SAAA;AAAA,MAC3BvB,IAAIuB,IAAIpB;AAAAA,MACRqB,OAAOD,IAAIC;AAAAA,MACXC,UAAUF,IAAIpB,aAAaS;AAAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAACV,WAAWM,YAAYC,WAAWR,YAAYW,KAAK,CAAC;AAExD,6BACGc,YAAU;AAAA,IACTC,UAAQ;AAAA,IACRC,QAAO;AAAA,IACPC,uBAAuB;AAAA,IACvBL,OAAOd,OAAOoB,KAAK3B,SAASqB;AAAAA,IAC5BO,aAAarB,OAAOoB,KAAK3B,SAAS4B;AAAAA,IAClClB;AAAAA,IACAmB,UAAUnB,OAAOoB,WAAW;AAAA,IAC5BtB;AAAAA,IACAuB,UAAWT,CAAa,aAAA;AACtB,UAAIA,YAAY,CAACU,MAAMC,QAAQX,QAAQ,KAAKA,SAASzB,IAAI;AACxC,uBAAA;AAAA,UACbiB,MAAM;AAAA,UACNjB;AAAAA,UACAG,UAAUsB,SAASzB,GAAGqC,SAAU;AAAA,UAChCzB,OACEA,UAAU,WAAWa,SAASzB,OAAO,UAAU,OAAOsC;AAAAA,QAAAA,CACzD;AAAA,MAAA,OACI;AACU,uBAAA;AAAA,UACbrB,MAAM;AAAA,UACNjB;AAAAA,UACAG,UAAU;AAAA,UACVS,OAAO;AAAA,QAAA,CACR;AAAA,MACH;AAAA,IACF;AAAA,IACA2B,YAAYC,UAAU3B,MAAM;AAAA,IAAE,GACzB2B,UAAU3B,MAAM,KAAK;AAAA,MAAE4B,aAAa;AAAA,MAAMC,QAAQ;AAAA,IAAI;AAAA,EAAA,CAC3D;AAEN;AAEeC,KAAK5C,QAAQ;"}