@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/QueryBuilder/Context.js

@@ -0,0 +1,327 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext } 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 HvQueryBuilderContext = createContext({
+  dispatchAction: () => ({}),
+  askAction: () => ({}),
+  selectLocation: () => ({}),
+  attributes: {},
+  operators: defaultOperators,
+  combinators: defaultCombinators,
+  maxDepth: 1,
+  labels: defaultLabels,
+  initialTouched: false,
+  disableConfirmation: false,
+  readOnly: false
+});
+const HvQueryBuilderProvider = ({
+  children,
+  value
+}) => {
+  return /* @__PURE__ */ jsx(HvQueryBuilderContext.Provider, { value, children });
+};
+const useQueryBuilderContext = () => {
+  return useContext(HvQueryBuilderContext);
+};
+export {
+  HvQueryBuilderContext,
+  HvQueryBuilderProvider,
+  defaultCombinators,
+  defaultLabels,
+  defaultOperators,
+  useQueryBuilderContext
+};
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../src/QueryBuilder/Context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport {\n  AskAction,\n  HvQueryBuilderAttribute,\n  QueryAction,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderRenderers,\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\nexport interface HvQueryBuilderContextValue {\n  dispatchAction: React.Dispatch<QueryAction>;\n  askAction: React.Dispatch<React.SetStateAction<AskAction | undefined>>;\n  selectLocation?: React.Dispatch<unknown>;\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  operators: Record<string, HvQueryBuilderQueryOperator[]>;\n  combinators: HvQueryBuilderQueryCombinator[];\n  maxDepth: number;\n  labels: HvQueryBuilderLabels;\n  initialTouched: boolean;\n  readOnly: boolean;\n  disableConfirmation: boolean;\n  renderers?: HvQueryBuilderRenderers;\n  emptyRenderer?: string[];\n}\n\nexport const HvQueryBuilderContext = createContext<HvQueryBuilderContextValue>({\n  dispatchAction: () => ({}),\n  askAction: () => ({}),\n  selectLocation: () => ({}),\n  attributes: {},\n  operators: defaultOperators,\n  combinators: defaultCombinators,\n  maxDepth: 1,\n  labels: defaultLabels,\n  initialTouched: false,\n  disableConfirmation: false,\n  readOnly: false,\n});\n\nexport interface HvQueryBuilderProviderProps {\n  value: HvQueryBuilderContextValue;\n  children: React.ReactNode;\n}\n\nexport const HvQueryBuilderProvider = ({\n  children,\n  value,\n}: HvQueryBuilderProviderProps) => {\n  return (\n    <HvQueryBuilderContext.Provider value={value}>\n      {children}\n    </HvQueryBuilderContext.Provider>\n  );\n};\n\nexport const useQueryBuilderContext = () => {\n  return useContext(HvQueryBuilderContext);\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,125 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useState, useReducer, useMemo, useEffect } from "react";
+import cloneDeep from "lodash/cloneDeep";
+import isEqual from "lodash/isEqual";
+import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { HvQueryBuilderProvider, defaultOperators, defaultCombinators, defaultLabels } from "./Context.js";
+import { emptyGroup, clearNodeIds } from "./utils/index.js";
+import reducer from "./utils/reducer.js";
+import { useClasses } from "./QueryBuilder.styles.js";
+import { staticClasses } from "./QueryBuilder.styles.js";
+import { RuleGroup } from "./RuleGroup/RuleGroup.js";
+import { ConfirmationDialog } from "./ConfirmationDialog/ConfirmationDialog.js";
+const HvQueryBuilder = (props) => {
+  const {
+    attributes,
+    renderers,
+    query,
+    onChange,
+    disableConfirmation = false,
+    operators = defaultOperators,
+    combinators = defaultCombinators,
+    maxDepth = 1,
+    labels = defaultLabels,
+    readOnly = false,
+    emptyRenderer = ["Empty", "IsNotEmpty"],
+    classes: classesProp
+  } = useDefaultProps("HvQueryBuilder", props);
+  const { classes } = useClasses(classesProp);
+  const currentAttributes = useRef(
+    null
+  );
+  const initialQuery = useRef(query ?? emptyGroup());
+  const [pendingAction, setPendingAction] = useState();
+  const [prevState, setPrevState] = useState(initialQuery.current);
+  const [initialState, setInitialState] = useState(true);
+  const [state, dispatchAction] = useReducer(
+    reducer,
+    // Deep clone is needed to make sure that the "query" prop and "initialQuery" are not mutated
+    cloneDeep(initialQuery.current)
+  );
+  const value = useMemo(
+    () => ({
+      dispatchAction,
+      askAction: setPendingAction,
+      attributes,
+      operators,
+      combinators,
+      maxDepth,
+      labels,
+      initialTouched: initialState,
+      readOnly,
+      renderers,
+      disableConfirmation,
+      emptyRenderer
+    }),
+    [
+      attributes,
+      operators,
+      combinators,
+      maxDepth,
+      labels,
+      readOnly,
+      initialState,
+      renderers,
+      disableConfirmation,
+      emptyRenderer
+    ]
+  );
+  useEffect(() => {
+    if (currentAttributes.current == null) {
+      currentAttributes.current = attributes;
+    } else if (currentAttributes.current !== attributes) {
+      currentAttributes.current = attributes;
+      dispatchAction({ type: "reset-query" });
+    }
+  }, [attributes]);
+  useEffect(() => {
+    if (!isEqual(state, prevState)) {
+      if (initialState) {
+        setInitialState(false);
+      }
+      onChange?.(clearNodeIds(state));
+      setPrevState(cloneDeep(state));
+    }
+  }, [initialState, onChange, prevState, state]);
+  const handleConfirm = () => {
+    if (pendingAction) {
+      setPendingAction(void 0);
+      pendingAction.actions.forEach((action) => dispatchAction(action));
+    }
+  };
+  const handleCancel = () => {
+    setPendingAction(void 0);
+  };
+  return /* @__PURE__ */ jsxs(HvQueryBuilderProvider, { value, children: [
+    /* @__PURE__ */ jsx(
+      RuleGroup,
+      {
+        level: 0,
+        id: state.id,
+        combinator: state.combinator,
+        rules: state.rules,
+        classes
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmationDialog,
+      {
+        isOpen: pendingAction != null,
+        onConfirm: handleConfirm,
+        onCancel: handleCancel,
+        title: pendingAction?.dialog.dialogTitle || "",
+        message: pendingAction?.dialog.dialogMessage || "",
+        confirmButtonLabel: pendingAction?.dialog.dialogConfirm || "",
+        cancelButtonLabel: pendingAction?.dialog.dialogCancel || "",
+        closeButtonTooltip: pendingAction?.dialog.dialogCloseTooltip || ""
+      }
+    )
+  ] });
+};
+export {
+  HvQueryBuilder,
+  staticClasses as queryBuilderClasses
+};
+//# sourceMappingURL=QueryBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","sources":["../../../src/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport {\n  HvQueryBuilderProvider,\n  defaultCombinators,\n  defaultLabels,\n  defaultOperators,\n} from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  HvQueryBuilderAttribute,\n  HvQueryBuilderQuery,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderChangedQuery,\n  HvQueryBuilderRenderers,\n  defaultRendererKey,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  /** The query attribute types. */\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  /** The query rules operators by attribute type and combinator. */\n  operators?: Record<string, HvQueryBuilderQueryOperator[]>;\n  /** The query combinators operands. */\n  combinators?: HvQueryBuilderQueryCombinator[];\n  /** The initial query representation. */\n  query?: HvQueryBuilderQuery;\n  /** Callback fired when query changes. */\n  onChange?: (value: HvQueryBuilderChangedQuery) => void;\n  /** Max depth of nested query groups. */\n  maxDepth?: number;\n  /** Object containing all the labels. */\n  labels?: HvQueryBuilderLabels;\n  /** Whether the query builder is in read-only mode. */\n  readOnly?: boolean;\n  /**\n   * Operators that should use the empty value renderer when selected.\n   *\n   * When one of the listed operators is selected, the rule value is reset and an empty component is rendered.\n   * This property takes priority over `renderers`.\n   *\n   * @default [\"Empty\", \"IsNotEmpty\"]\n   * */\n  emptyRenderer?: string[];\n  /** Custom renderers for the rules' value. */\n  renderers?: HvQueryBuilderRenderers;\n  /** Whether to opt-out of the confirmation dialogs shown before removing rules and rule groups. @default false. */\n  disableConfirmation?: boolean;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvQueryBuilderClasses;\n}\n\n// TODO - v6\n// - uncontrolled vs controlled: users should be able to control the state\n// - \"query\" renamed to \"initialQuery\" and \"query\" used to control the state\n// - \"query\" provided with ids by the user but removed through \"onChange\"\n// - \"range\", \"Empty\", and \"IsNotEmpty\" operators with internal/built-in logic\n\n/**\n * This 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 * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.\n */\nexport const HvQueryBuilder = (props: HvQueryBuilderProps) => {\n  const {\n    attributes,\n    renderers,\n    query,\n    onChange,\n    disableConfirmation = false,\n    operators = defaultOperators,\n    combinators = defaultCombinators,\n    maxDepth = 1,\n    labels = defaultLabels,\n    readOnly = false,\n    emptyRenderer = [\"Empty\", \"IsNotEmpty\"],\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilder\", props);\n\n  if (\n    import.meta.env.DEV &&\n    [\n      Object.values(attributes || {}).map(({ type }) => type),\n      Object.values(operators || {})\n        .map((ops) => ops.map(({ operator }) => operator))\n        .flat(),\n    ]\n      .flat()\n      ?.find((key) => key === defaultRendererKey)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      `${defaultRendererKey} is a restricted key and shouldn't be used as an attribute or operator type. Update the key to avoid unexpected behaviors.`\n    );\n  }\n\n  const { classes } = useClasses(classesProp);\n\n  const currentAttributes = useRef<HvQueryBuilderProps[\"attributes\"] | null>(\n    null\n  );\n\n  const initialQuery = useRef(query ?? emptyGroup());\n\n  const [pendingAction, setPendingAction] = useState<AskAction>();\n  const [prevState, setPrevState] = useState(initialQuery.current);\n  const [initialState, setInitialState] = useState(true);\n\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    // Deep clone is needed to make sure that the \"query\" prop and \"initialQuery\" are not mutated\n    cloneDeep(initialQuery.current)\n  );\n\n  const value = useMemo(\n    () => ({\n      dispatchAction,\n      askAction: setPendingAction,\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      initialTouched: initialState,\n      readOnly,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    }),\n    [\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    ]\n  );\n\n  // Keep track of attributes\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 certainly 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 (!isEqual(state, prevState)) {\n      if (initialState) {\n        setInitialState(false);\n      }\n\n      onChange?.(clearNodeIds(state) as HvQueryBuilderChangedQuery);\n      setPrevState(cloneDeep(state));\n    }\n  }, [initialState, onChange, prevState, state]);\n\n  const handleConfirm = () => {\n    if (pendingAction) {\n      setPendingAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const handleCancel = () => {\n    setPendingAction(undefined);\n  };\n\n  return (\n    <HvQueryBuilderProvider value={value}>\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={handleConfirm}\n        onCancel={handleCancel}\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    </HvQueryBuilderProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAgFa,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB,CAAC,SAAS,YAAY;AAAA,IACtC,SAAS;AAAA,EAAA,IACP,gBAAgB,kBAAkB,KAAK;AAmB3C,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,QAAM,oBAAoB;AAAA,IACxB;AAAA,EAAA;AAGF,QAAM,eAAe,OAAO,SAAS,WAAY,CAAA;AAEjD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAoB;AAC9D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,aAAa,OAAO;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAE/C,QAAA,CAAC,OAAO,cAAc,IAAI;AAAA,IAC9B;AAAA;AAAA,IAEA,UAAU,aAAa,OAAO;AAAA,EAAA;AAGhC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAIF,YAAU,MAAM;AACV,QAAA,kBAAkB,WAAW,MAAM;AAErC,wBAAkB,UAAU;AAAA,IAAA,WACnB,kBAAkB,YAAY,YAAY;AAEnD,wBAAkB,UAAU;AACb,qBAAA,EAAE,MAAM,cAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC,UAAU,CAAC;AAGf,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,OAAO,SAAS,GAAG;AAC9B,UAAI,cAAc;AAChB,wBAAgB,KAAK;AAAA,MACvB;AAEW,iBAAA,aAAa,KAAK,CAA+B;AAC/C,mBAAA,UAAU,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAAC,cAAc,UAAU,WAAW,KAAK,CAAC;AAE7C,QAAM,gBAAgB,MAAM;AAC1B,QAAI,eAAe;AACjB,uBAAiB,MAAS;AAC1B,oBAAc,QAAQ,QAAQ,CAAC,WAAW,eAAe,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAM,eAAe,MAAM;AACzB,qBAAiB,MAAS;AAAA,EAAA;AAI1B,SAAA,qBAAC,0BAAuB,OACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,IAAI,MAAM;AAAA,QACV,YAAY,MAAM;AAAA,QAClB,OAAO,MAAM;AAAA,QACb;AAAA,MAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,iBAAiB;AAAA,QACzB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO,eAAe,OAAO,eAAe;AAAA,QAC5C,SAAS,eAAe,OAAO,iBAAiB;AAAA,QAChD,oBAAoB,eAAe,OAAO,iBAAiB;AAAA,QAC3D,mBAAmB,eAAe,OAAO,gBAAgB;AAAA,QACzD,oBAAoB,eAAe,OAAO,sBAAsB;AAAA,MAAA;AAAA,IAClE;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/QueryBuilder/QueryBuilder.styles.js

@@ -0,0 +1,112 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../utils/classes.js";
+const { useClasses, staticClasses } = createClasses("HvQueryBuilder", {
+  /** Styles applied to the component root class. */
+  root: {
+    position: "relative",
+    padding: theme.space.sm,
+    marginTop: 12,
+    marginBottom: 32,
+    border: `1px solid ${theme.colors.atmo4}`
+  },
+  /** Styles applied to the top group container. */
+  topGroup: {
+    margin: theme.space.sm,
+    backgroundColor: "transparent",
+    maxWidth: "100%",
+    paddingBottom: theme.space.lg
+  },
+  /** Styles applied to the sub group containers. */
+  subGroup: {
+    margin: "40px 14px 32px 20px",
+    minHeight: 120,
+    paddingBottom: theme.space.md,
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      zIndex: 2,
+      width: 21,
+      height: 36,
+      borderBottom: `1px solid ${theme.colors.atmo4}`,
+      borderLeft: `1px solid ${theme.colors.atmo4}`,
+      top: -38,
+      left: -38
+    },
+    ":not($topRulesContainer)>&:last-child::after": {
+      content: '""',
+      position: "absolute",
+      zIndex: 1,
+      width: 32,
+      height: "100%",
+      borderLeft: `1px solid ${theme.colors.atmo4}`,
+      top: 0,
+      left: `calc(${theme.space.sm} + 2)`
+    }
+  },
+  /** Styles applied to the radio button+label topGroup when the radio button is disabled. */
+  combinator: { minWidth: 80 },
+  /** Styles applied to the multi-button combinator container on the top group. */
+  topCombinator: {
+    position: "absolute",
+    top: `calc(-1 * ${theme.space.sm})`,
+    left: `calc(-1 * ${theme.space.sm})`
+  },
+  /** Styles applied to each combinator button. */
+  combinatorButton: {},
+  /** Styles applied to the remove button.  */
+  removeButton: {},
+  /** Styles applied to the remove button on the top group. */
+  topRemoveButton: { position: "absolute", top: -16, right: -16 },
+  /** Styles applied to the remove button when disabled on the top group. */
+  topRemoveButtonDisabled: { backgroundColor: theme.colors.atmo2 },
+  /** Styles applied to the rules container. */
+  rulesContainer: {},
+  /** Styles applied to the sub rules container. */
+  subRulesContainer: {
+    borderLeft: `1px solid ${theme.colors.atmo4}`,
+    marginLeft: theme.space.sm,
+    marginBottom: theme.space.md,
+    paddingLeft: theme.space.sm,
+    paddingTop: 7,
+    position: "relative",
+    left: -33,
+    width: "100%"
+  },
+  /** Styles applied to the action button container. */
+  actionButtonContainer: {
+    marginLeft: "auto",
+    "&>*": {
+      marginLeft: theme.space.sm
+    }
+  },
+  /** Styles applied to the top action button container. */
+  topActionButtonContainer: {
+    position: "absolute",
+    bottom: `calc(-1 * ${theme.space.md} * 0.5 - 3px)`,
+    right: `calc(${theme.space.sm} * 1.75 + 2px)`
+  },
+  /** Styles applied to the top rules container. */
+  topRulesContainer: {},
+  /** Styles applied to the background of buttons to remove transparency */
+  buttonBackground: {
+    backgroundColor: theme.colors.atmo2,
+    display: "inline-flex"
+  },
+  createConditionButton: {
+    cursor: "pointer",
+    backgroundColor: "transparent",
+    padding: 0,
+    "&:disabled": { cursor: "not-allowed", pointerEvents: "none" }
+  },
+  createGroupButton: {
+    cursor: "pointer",
+    backgroundColor: "transparent",
+    padding: 0,
+    "&:disabled": { cursor: "not-allowed", pointerEvents: "none" }
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=QueryBuilder.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.styles.js","sources":["../../../src/QueryBuilder/QueryBuilder.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvQueryBuilder\", {\n  /** Styles applied to the component root class. */\n  root: {\n    position: \"relative\",\n    padding: theme.space.sm,\n    marginTop: 12,\n    marginBottom: 32,\n    border: `1px solid ${theme.colors.atmo4}`,\n  },\n  /** Styles applied to the top group container. */\n  topGroup: {\n    margin: theme.space.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    paddingBottom: theme.space.lg,\n  },\n  /** Styles applied to the sub group containers. */\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: theme.space.md,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n      borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n      top: -38,\n      left: -38,\n    },\n    \":not($topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n      top: 0,\n      left: `calc(${theme.space.sm} + 2)`,\n    },\n  },\n  /** Styles applied to the radio button+label topGroup when the radio button is disabled. */\n  combinator: { minWidth: 80 },\n  /** Styles applied to the multi-button combinator container on the top group. */\n  topCombinator: {\n    position: \"absolute\",\n    top: `calc(-1 * ${theme.space.sm})`,\n    left: `calc(-1 * ${theme.space.sm})`,\n  },\n  /** Styles applied to each combinator button. */\n  combinatorButton: {},\n  /** Styles applied to the remove button.  */\n  removeButton: {},\n  /** Styles applied to the remove button on the top group. */\n  topRemoveButton: { position: \"absolute\", top: -16, right: -16 },\n  /** Styles applied to the remove button when disabled on the top group. */\n  topRemoveButtonDisabled: { backgroundColor: theme.colors.atmo2 },\n  /** Styles applied to the rules container. */\n  rulesContainer: {},\n  /** Styles applied to the sub rules container. */\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.colors.atmo4}`,\n    marginLeft: theme.space.sm,\n    marginBottom: theme.space.md,\n    paddingLeft: theme.space.sm,\n    paddingTop: 7,\n    position: \"relative\",\n    left: -33,\n    width: \"100%\",\n  },\n  /** Styles applied to the action button container. */\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.space.sm,\n    },\n  },\n  /** Styles applied to the top action button container. */\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: `calc(-1 * ${theme.space.md} * 0.5 - 3px)`,\n    right: `calc(${theme.space.sm} * 1.75 + 2px)`,\n  },\n  /** Styles applied to the top rules container. */\n  topRulesContainer: {},\n  /** Styles applied to the background of buttons to remove transparency */\n  buttonBackground: {\n    backgroundColor: theme.colors.atmo2,\n    display: \"inline-flex\",\n  },\n  createConditionButton: {\n    cursor: \"pointer\",\n    backgroundColor: \"transparent\",\n    padding: 0,\n\n    \"&:disabled\": { cursor: \"not-allowed\", pointerEvents: \"none\" },\n  },\n  createGroupButton: {\n    cursor: \"pointer\",\n    backgroundColor: \"transparent\",\n    padding: 0,\n\n    \"&:disabled\": { cursor: \"not-allowed\", pointerEvents: \"none\" },\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,cAAc,kBAAkB;AAAA;AAAA,EAE3E,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS,MAAM,MAAM;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,EACzC;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,QAAQ,MAAM,MAAM;AAAA,IACpB,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAe,MAAM,MAAM;AAAA,EAC7B;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe,MAAM,MAAM;AAAA,IAE3B,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,OAAO;AAAA,MACP,QAAQ;AAAA,MAER,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC7C,YAAY,aAAa,MAAM,OAAO,KAAK;AAAA,MAE3C,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,gDAAgD;AAAA,MAC9C,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,OAAO;AAAA,MACP,QAAQ;AAAA,MAER,YAAY,aAAa,MAAM,OAAO,KAAK;AAAA,MAE3C,KAAK;AAAA,MACL,MAAM,QAAQ,MAAM,MAAM,EAAE;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,EAAE,UAAU,GAAG;AAAA;AAAA,EAE3B,eAAe;AAAA,IACb,UAAU;AAAA,IACV,KAAK,aAAa,MAAM,MAAM,EAAE;AAAA,IAChC,MAAM,aAAa,MAAM,MAAM,EAAE;AAAA,EACnC;AAAA;AAAA,EAEA,kBAAkB,CAAC;AAAA;AAAA,EAEnB,cAAc,CAAC;AAAA;AAAA,EAEf,iBAAiB,EAAE,UAAU,YAAY,KAAK,KAAK,OAAO,IAAI;AAAA;AAAA,EAE9D,yBAAyB,EAAE,iBAAiB,MAAM,OAAO,MAAM;AAAA;AAAA,EAE/D,gBAAgB,CAAC;AAAA;AAAA,EAEjB,mBAAmB;AAAA,IACjB,YAAY,aAAa,MAAM,OAAO,KAAK;AAAA,IAC3C,YAAY,MAAM,MAAM;AAAA,IACxB,cAAc,MAAM,MAAM;AAAA,IAC1B,aAAa,MAAM,MAAM;AAAA,IACzB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA;AAAA,EAEA,uBAAuB;AAAA,IACrB,YAAY;AAAA,IAEZ,OAAO;AAAA,MACL,YAAY,MAAM,MAAM;AAAA,IAC1B;AAAA,EACF;AAAA;AAAA,EAEA,0BAA0B;AAAA,IACxB,UAAU;AAAA,IACV,QAAQ,aAAa,MAAM,MAAM,EAAE;AAAA,IACnC,OAAO,QAAQ,MAAM,MAAM,EAAE;AAAA,EAC/B;AAAA;AAAA,EAEA,mBAAmB,CAAC;AAAA;AAAA,EAEpB,kBAAkB;AAAA,IAChB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,SAAS;AAAA,EACX;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,SAAS;AAAA,IAET,cAAc,EAAE,QAAQ,eAAe,eAAe,OAAO;AAAA,EAC/D;AAAA,EACA,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,SAAS;AAAA,IAET,cAAc,EAAE,QAAQ,eAAe,eAAe,OAAO;AAAA,EAC/D;AACF,CAAC;"}