@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/cjs/QueryBuilder/Context.cjs

@@ -1,334 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("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"
-    },
-    addRule: {
-      label: "Add condition"
-    },
-    addGroup: {
-      label: "Add group"
-    }
-  },
-  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 = React.createContext({
-  dispatchAction: () => ({}),
-  askAction: () => ({}),
-  selectLocation: () => ({}),
-  // TODO - remove in v6 (not used)
-  attributes: {},
-  operators: defaultOperators,
-  combinators: defaultCombinators,
-  maxDepth: 1,
-  labels: defaultLabels,
-  initialTouched: false,
-  disableConfirmation: false,
-  allowRepeatedAttributes: false,
-  readOnly: false
-});
-const HvQueryBuilderProvider = ({
-  children,
-  value
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(HvQueryBuilderContext.Provider, { value, children });
-};
-const useQueryBuilderContext = () => {
-  return React.useContext(HvQueryBuilderContext);
-};
-exports.HvQueryBuilderContext = HvQueryBuilderContext;
-exports.HvQueryBuilderProvider = HvQueryBuilderProvider;
-exports.defaultCombinators = defaultCombinators;
-exports.defaultLabels = defaultLabels;
-exports.defaultOperators = defaultOperators;
-exports.useQueryBuilderContext = useQueryBuilderContext;

package/dist/cjs/QueryBuilder/QueryBuilder.cjs

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useControlled = require("../hooks/useControlled.cjs");
-const useLabels = require("../hooks/useLabels.cjs");
-const helpers = require("../utils/helpers.cjs");
-const ConfirmationDialog = require("./ConfirmationDialog.cjs");
-const Context = require("./Context.cjs");
-const QueryBuilder_styles = require("./QueryBuilder.styles.cjs");
-const RuleGroup = require("./RuleGroup.cjs");
-const index = require("./utils/index.cjs");
-const reducer = require("./utils/reducer.cjs");
-const HvQueryBuilder = (props) => {
-  const {
-    attributes,
-    renderers,
-    query: queryProp,
-    // TODO - remove in v6
-    value,
-    defaultValue,
-    onChange,
-    disableConfirmation = false,
-    allowRepeatedAttributes = false,
-    operators = Context.defaultOperators,
-    combinators = Context.defaultCombinators,
-    maxDepth = 1,
-    labels: labelsProp,
-    readOnly = false,
-    emptyRenderer = ["Empty", "IsNotEmpty"],
-    classes: classesProp
-  } = uikitReactUtils.useDefaultProps("HvQueryBuilder", props);
-  const { classes } = QueryBuilder_styles.useClasses(classesProp);
-  const currentAttributes = React.useRef(
-    null
-  );
-  const controlled = React.useRef(value != null);
-  const initialQuery = React.useRef(
-    value ?? defaultValue ?? queryProp ?? index.emptyGroup()
-  );
-  const [query, setQuery] = useControlled.useControlled(value, initialQuery.current);
-  const prevQuery = React.useRef(query);
-  const [pendingAction, setPendingAction] = React.useState();
-  const [initialState, setInitialState] = React.useState(true);
-  const [state, dispatchAction] = React.useReducer(
-    reducer.default,
-    index.setNodeIds(structuredClone(initialQuery.current))
-  );
-  const labels = useLabels.useLabels(Context.defaultLabels, labelsProp);
-  const contextValue = React.useMemo(
-    () => ({
-      dispatchAction,
-      askAction: setPendingAction,
-      attributes,
-      operators,
-      combinators,
-      maxDepth,
-      labels,
-      initialTouched: initialState,
-      readOnly,
-      renderers,
-      disableConfirmation,
-      allowRepeatedAttributes,
-      emptyRenderer
-    }),
-    [
-      attributes,
-      operators,
-      combinators,
-      maxDepth,
-      labels,
-      readOnly,
-      initialState,
-      renderers,
-      disableConfirmation,
-      emptyRenderer,
-      allowRepeatedAttributes
-    ]
-  );
-  React.useEffect(() => {
-    if (currentAttributes.current == null) {
-      currentAttributes.current = attributes;
-    } else if (currentAttributes.current !== attributes) {
-      currentAttributes.current = attributes;
-      dispatchAction({ type: "reset-query" });
-    }
-  }, [attributes]);
-  React.useEffect(() => {
-    if (!helpers.isEqual(prevQuery.current, query)) {
-      dispatchAction({
-        type: "set-query",
-        query: index.setNodeIds(structuredClone(query), state)
-      });
-      prevQuery.current = query;
-    } else if (!helpers.isEqual(
-      index.clearNodeIds(structuredClone(state)),
-      index.clearNodeIds(structuredClone(query))
-    )) {
-      setInitialState(false);
-      if (!controlled.current) {
-        onChange?.(
-          index.clearNodeIds(structuredClone(state), true)
-        );
-      } else {
-        onChange?.(index.clearNodeIds(structuredClone(state)));
-      }
-      prevQuery.current = state;
-      setQuery(state);
-    }
-  }, [onChange, query, setQuery, state]);
-  const handleConfirm = () => {
-    if (pendingAction) {
-      setPendingAction(void 0);
-      pendingAction.actions.forEach((action) => dispatchAction(action));
-    }
-  };
-  const handleCancel = () => {
-    setPendingAction(void 0);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Context.HvQueryBuilderProvider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      RuleGroup.RuleGroup,
-      {
-        level: 0,
-        id: state.id,
-        combinator: state.combinator,
-        rules: state.rules,
-        classes
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ConfirmationDialog.ConfirmationDialog,
-      {
-        open: pendingAction != null,
-        onConfirm: handleConfirm,
-        onCancel: handleCancel,
-        title: pendingAction?.dialog.dialogTitle,
-        message: pendingAction?.dialog.dialogMessage,
-        confirmButtonLabel: pendingAction?.dialog.dialogConfirm,
-        cancelButtonLabel: pendingAction?.dialog.dialogCancel,
-        buttonTitle: pendingAction?.dialog.dialogCloseTooltip
-      }
-    )
-  ] });
-};
-exports.queryBuilderClasses = QueryBuilder_styles.staticClasses;
-exports.HvQueryBuilder = HvQueryBuilder;

package/dist/cjs/QueryBuilder/QueryBuilder.styles.cjs

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvQueryBuilder", {
-  /** Styles applied to the component root class. */
-  root: {
-    position: "relative",
-    padding: uikitStyles.theme.space.sm,
-    marginTop: 12,
-    marginBottom: 32,
-    border: `1px solid ${uikitStyles.theme.colors.border}`
-  },
-  /** Styles applied to the top group container. */
-  topGroup: {
-    margin: uikitStyles.theme.space.sm,
-    backgroundColor: "transparent",
-    maxWidth: "100%",
-    paddingBottom: uikitStyles.theme.space.lg
-  },
-  /** Styles applied to the sub group containers. */
-  subGroup: {
-    margin: "40px 14px 32px 20px",
-    minHeight: 120,
-    paddingBottom: uikitStyles.theme.space.md,
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      zIndex: 2,
-      width: 21,
-      height: 36,
-      borderBottom: `1px solid ${uikitStyles.theme.colors.border}`,
-      borderLeft: `1px solid ${uikitStyles.theme.colors.border}`,
-      top: -38,
-      left: -38
-    },
-    ":not($topRulesContainer)>&:last-child::after": {
-      content: '""',
-      position: "absolute",
-      zIndex: 1,
-      width: 32,
-      height: "100%",
-      borderLeft: `1px solid ${uikitStyles.theme.colors.border}`,
-      top: 0,
-      left: `calc(${uikitStyles.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 * ${uikitStyles.theme.space.sm})`,
-    left: `calc(-1 * ${uikitStyles.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: uikitStyles.theme.colors.bgPage },
-  /** Styles applied to the rules container. */
-  rulesContainer: {},
-  /** Styles applied to the sub rules container. */
-  subRulesContainer: {
-    borderLeft: `1px solid ${uikitStyles.theme.colors.border}`,
-    marginLeft: uikitStyles.theme.space.sm,
-    marginBottom: uikitStyles.theme.space.md,
-    paddingLeft: uikitStyles.theme.space.sm,
-    paddingTop: 7,
-    position: "relative",
-    left: -33,
-    width: "100%"
-  },
-  /** Styles applied to the action button container. */
-  actionButtonContainer: {
-    marginLeft: "auto",
-    display: "flex",
-    gap: uikitStyles.theme.space.sm
-  },
-  /** Styles applied to the top action button container. */
-  topActionButtonContainer: {
-    position: "absolute",
-    bottom: `calc(-1 * ${uikitStyles.theme.space.md} * 0.5 - 3px)`,
-    right: `calc(${uikitStyles.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: uikitStyles.theme.colors.bgPage,
-    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" }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/QueryBuilder/Rule/Attribute.cjs

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Context = require("../Context.cjs");
-const index = require("../utils/index.cjs");
-const Dropdown = require("../../Dropdown/Dropdown.cjs");
-const Attribute = ({
-  id,
-  attribute,
-  disabled,
-  isInvalid
-}) => {
-  const { dispatchAction, attributes, operators, labels, readOnly } = Context.useQueryBuilderContext();
-  const values = React.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 ? attributes[attribute]?.type : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Dropdown.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) => {
-        if (selected) {
-          const attributeId = selected.id;
-          const type = attributes && attributeId && attributes[attributeId]?.type;
-          const typeOperators = type ? operators[type] : void 0;
-          let operator;
-          if (currentType === type) {
-            operator = void 0;
-          } else if (typeOperators?.length === 1) {
-            operator = typeOperators[0].operator;
-          } else {
-            operator = null;
-          }
-          const value = type === "boolean" ? true : void 0;
-          dispatchAction({
-            type: "set-attribute",
-            id,
-            attribute: attributeId?.toString(),
-            operator,
-            value
-          });
-        } else {
-          dispatchAction({ type: "set-attribute", id, attribute: null });
-        }
-      },
-      showSearch: index.isBigList(values),
-      ...index.isBigList(values) && { virtualized: true, height: 300 }
-    }
-  );
-};
-exports.Attribute = Attribute;