@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/cjs/QueryBuilder/Rule/Operator.cjs

@@ -1,60 +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 Operator = ({
-  id,
-  combinator,
-  attribute,
-  operator
-}) => {
-  const { dispatchAction, attributes, operators, labels, readOnly } = Context.useQueryBuilderContext();
-  const value = operator ?? null;
-  const values = React.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__ */ jsxRuntime.jsx(
-    Dropdown.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?.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: index.isBigList(values),
-      ...index.isBigList(values) && { virtualized: true, height: 300 }
-    }
-  );
-};
-exports.Operator = Operator;

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

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../../icons.cjs");
-const Context = require("../Context.cjs");
-const Value = require("../Value/Value.cjs");
-const Attribute = require("./Attribute.cjs");
-const Operator = require("./Operator.cjs");
-const Rule_styles = require("./Rule.styles.cjs");
-const Grid = require("../../Grid/Grid.cjs");
-const IconButton = require("../../IconButton/IconButton.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const Rule = (props) => {
-  const {
-    id,
-    combinator,
-    attribute,
-    operator,
-    value,
-    disabled,
-    isInvalid,
-    classes: classesProp
-  } = uikitReactUtils.useDefaultProps("HvQueryBuilderRule", props);
-  const { classes, cx } = Rule_styles.useClasses(classesProp);
-  const {
-    askAction,
-    dispatchAction,
-    attributes,
-    operators,
-    labels,
-    readOnly,
-    disableConfirmation
-  } = Context.useQueryBuilderContext();
-  const theme = styles.useTheme();
-  const isMdDown = useMediaQuery__default.default(theme.breakpoints.down("md"));
-  const availableOperators = React.useMemo(() => {
-    const attributeSpec = attribute != null && attributes ? attributes[attribute] : null;
-    if (attributeSpec != null) {
-      const typeOperators = operators[attributeSpec.type];
-      if (typeOperators != null) {
-        return typeOperators.reduce(
-          (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),
-          0
-        );
-      }
-    }
-    return -1;
-  }, [attribute, attributes, combinator, operators]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Grid.HvGrid,
-    {
-      container: true,
-      className: cx(classes.root, { [classes.isMdDown]: isMdDown }),
-      spacing: 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Attribute.Attribute,
-          {
-            attribute,
-            id,
-            disabled,
-            isInvalid
-          }
-        ) }),
-        attribute != null && availableOperators > 0 && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Operator.Operator,
-          {
-            id,
-            combinator,
-            attribute,
-            operator
-          }
-        ) }),
-        attribute != null && (operator != null || availableOperators === 0) && /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, xs: 12, md: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Value.Value,
-          {
-            attribute,
-            id,
-            operator,
-            value
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, className: classes.actionsContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconButton.HvIconButton,
-          {
-            placement: "bottom",
-            title: labels.rule.delete.tooltip || labels.rule.delete.ariaLabel,
-            onClick: () => disableConfirmation ? dispatchAction({ type: "remove-node", id }) : askAction({
-              actions: [{ type: "remove-node", id }],
-              dialog: labels.rule.delete
-            }),
-            disabled: readOnly,
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Delete" })
-          }
-        ) })
-      ]
-    }
-  );
-};
-exports.Rule = Rule;

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

@@ -1,56 +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 QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const { useClasses } = uikitReactUtils.createClasses("HvQueryBuilderRule", {
-  root: {
-    position: "relative",
-    marginTop: uikitStyles.theme.space.xs,
-    minHeight: 94,
-    "&>div:not(:last-child)": {
-      paddingRight: uikitStyles.theme.space.md
-    },
-    // hide required * as all fields are required
-    "& label>span[aria-hidden]": {
-      visibility: "hidden"
-    },
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      zIndex: 2,
-      width: "17px",
-      height: "44px",
-      borderBottom: `1px solid ${uikitStyles.theme.colors.border}`,
-      borderLeft: `1px solid ${uikitStyles.theme.colors.border}`,
-      top: 0,
-      left: `calc(-1 * 17px)`
-    },
-    [`:not(.${QueryBuilder_styles.staticClasses.topRulesContainer})>&:last-child::after`]: {
-      content: '""',
-      position: "absolute",
-      zIndex: 1,
-      width: "17px",
-      height: "100%",
-      borderLeft: `1px solid ${uikitStyles.theme.colors.border}`,
-      top: 0,
-      left: `calc(-1 * 17px)`
-    }
-  },
-  actionsContainer: {
-    marginLeft: "auto",
-    marginTop: "24px",
-    "&>:not(:last-child)": {
-      marginRight: uikitStyles.theme.space.xs
-    }
-  },
-  isMdDown: {
-    "&>div:not(:last-child)": {
-      paddingRight: 0
-    },
-    "&>div:not(:first-of-type)": {
-      marginTop: uikitStyles.theme.space.xs
-    }
-  }
-});
-exports.useClasses = useClasses;

package/dist/cjs/QueryBuilder/RuleGroup.cjs

@@ -1,211 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const icons = require("../icons.cjs");
-const Context = require("./Context.cjs");
-const QueryBuilder_styles = require("./QueryBuilder.styles.cjs");
-const Rule = require("./Rule/Rule.cjs");
-const Button = require("../Button/Button.cjs");
-const EmptyState = require("../EmptyState/EmptyState.cjs");
-const MultiButton = require("../MultiButton/MultiButton.cjs");
-const IconButton = require("../IconButton/IconButton.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const RuleGroup = ({
-  level = 0,
-  id,
-  combinator = "and",
-  rules = [],
-  classes: classesProp
-}) => {
-  const { classes, cx } = QueryBuilder_styles.useClasses(classesProp);
-  const {
-    dispatchAction,
-    askAction,
-    maxDepth,
-    combinators,
-    labels,
-    readOnly,
-    disableConfirmation,
-    allowRepeatedAttributes
-  } = Context.useQueryBuilderContext();
-  const normalizedMaxDepth = maxDepth - 1;
-  const actionButtons = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.buttonBackground, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button.HvButton,
-      {
-        variant: "secondarySubtle",
-        onClick: () => {
-          dispatchAction({ type: "add-rule", id });
-        },
-        disabled: readOnly,
-        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Add" }),
-        children: level === 0 && labels.query?.addRule?.label != null ? labels.query?.addRule?.label : labels.group.addRule.label
-      }
-    ) }),
-    level <= normalizedMaxDepth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.buttonBackground, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button.HvButton,
-      {
-        variant: "secondarySubtle",
-        onClick: () => {
-          dispatchAction({ type: "add-group", id });
-        },
-        disabled: readOnly,
-        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Add" }),
-        children: level === 0 && labels.query?.addGroup?.label != null ? labels.query?.addGroup?.label : labels.group.addGroup.label
-      }
-    ) })
-  ] });
-  const onClickCombinator = React.useCallback(
-    (item) => {
-      dispatchAction({
-        type: "set-combinator",
-        id,
-        combinator: item.operand
-      });
-    },
-    [dispatchAction, id]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cx(classes.root, {
-        [classes.topGroup]: level === 0,
-        [classes.subGroup]: level > 0
-      }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MultiButton.HvMultiButton,
-          {
-            className: cx(classes.combinator, classes.topCombinator),
-            disabled: readOnly,
-            "aria-disabled": readOnly,
-            children: combinators?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-              Button.HvButton,
-              {
-                className: classes.combinatorButton,
-                selected: item.operand === combinator,
-                onClick: () => item.operand && onClickCombinator(item),
-                disabled: readOnly,
-                size: "xs",
-                children: item.label
-              },
-              item.operand
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.buttonBackground, classes.topRemoveButton), children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconButton.HvIconButton,
-          {
-            className: classes.removeButton,
-            onClick: () => disableConfirmation ? dispatchAction({ type: "remove-node", id }) : askAction({
-              actions: [{ type: "remove-node", id }],
-              dialog: level === 0 && labels.query?.delete != null ? labels.query.delete : labels.group.delete
-            }),
-            title: level === 0 && labels.query?.delete?.tooltip || labels.group.delete.tooltip || level === 0 && labels.query?.delete?.ariaLabel || labels.group.delete.ariaLabel,
-            disabled: readOnly,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              icons.HvIcon,
-              {
-                name: "Delete",
-                className: cx({ [classes.topRemoveButtonDisabled]: readOnly })
-              }
-            )
-          }
-        ) }),
-        rules?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cx(classes.rulesContainer, {
-              [classes.subRulesContainer]: level > 0,
-              [classes.topRulesContainer]: level === 0
-            }),
-            children: rules.map((rule, index) => {
-              if ("combinator" in rule) {
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  RuleGroup,
-                  {
-                    level: level + 1,
-                    ...rule,
-                    id: rule.id,
-                    classes
-                  },
-                  rule.id
-                );
-              }
-              const isInvalid = allowRepeatedAttributes ? false : combinator === "and" && rules.some((r, i) => {
-                if ("attribute" in r) {
-                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {
-                    return true;
-                  }
-                }
-                return false;
-              });
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                Rule.Rule,
-                {
-                  ...rule,
-                  isInvalid,
-                  id: rule.id,
-                  combinator
-                },
-                rule.id
-              );
-            })
-          }
-        ),
-        rules?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          EmptyState.HvEmptyState,
-          {
-            title: labels.empty?.title,
-            message: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Typography.HvTypography,
-                {
-                  link: true,
-                  component: "button",
-                  onClick: () => {
-                    dispatchAction({ type: "add-rule", id });
-                  },
-                  className: classes.createConditionButton,
-                  disabled: readOnly,
-                  "aria-disabled": readOnly,
-                  children: `${labels.empty?.createCondition}`
-                }
-              ),
-              level <= normalizedMaxDepth && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                `${labels.empty?.spacer}`,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Typography.HvTypography,
-                  {
-                    link: true,
-                    component: "button",
-                    onClick: () => {
-                      dispatchAction({ type: "add-group", id });
-                    },
-                    className: classes.createGroupButton,
-                    disabled: readOnly,
-                    "aria-disabled": readOnly,
-                    children: `${labels.empty?.createGroup}`
-                  }
-                )
-              ] })
-            ] }),
-            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Info" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cx(
-              classes.actionButtonContainer,
-              classes.topActionButtonContainer
-            ),
-            children: actionButtons
-          }
-        )
-      ]
-    }
-  );
-};
-exports.RuleGroup = RuleGroup;

package/dist/cjs/QueryBuilder/Value/BooleanValue.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Context = require("../Context.cjs");
-const index = require("../utils/index.cjs");
-const Dropdown = require("../../Dropdown/Dropdown.cjs");
-const BooleanValue = ({ id, value = true }) => {
-  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
-  const values = ["true", "false"].map((v) => ({
-    id: v,
-    label: labels.rule.value.boolean.options[v],
-    selected: value === (v === "true")
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Dropdown.HvDropdown,
-    {
-      required: true,
-      status: "valid",
-      singleSelectionToggle: false,
-      label: labels.rule.value.boolean.label,
-      placeholder: labels.rule.value.boolean.placeholder,
-      values,
-      readOnly,
-      onChange: (selected) => {
-        if (selected?.id) {
-          dispatchAction({
-            type: "set-value",
-            id,
-            value: selected.id === "true"
-          });
-        } else {
-          dispatchAction({ type: "set-value", id, value: null });
-        }
-      },
-      showSearch: index.isBigList(values),
-      ...index.isBigList(values) && { virtualized: true, height: 300 }
-    }
-  );
-};
-exports.BooleanValue = BooleanValue;