@hitachivantara/uikit-react-core 5.39.2 → 5.39.4

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

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.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.atmo4}`
-  },
-  /** 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.atmo4}`,
-      borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-      top: -38,
-      left: -38
-    },
-    ":not($topRulesContainer)>&:last-child::after": {
-      content: '""',
-      position: "absolute",
-      zIndex: 1,
-      width: 32,
-      height: "100%",
-      borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-      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.atmo2 },
-  /** Styles applied to the rules container. */
-  rulesContainer: {},
-  /** Styles applied to the sub rules container. */
-  subRulesContainer: {
-    borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-    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",
-    "&>*": {
-      marginLeft: 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.atmo2,
-    display: "inline-flex"
-  },
-  createConditionButton: {
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    padding: 0
-  },
-  createGroupButton: {
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    padding: 0
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=QueryBuilder.styles.cjs.map

package/dist/cjs/components/QueryBuilder/QueryBuilder.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryBuilder.styles.cjs","sources":["../../../../src/components/QueryBuilder/QueryBuilder.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/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  createGroupButton: {\n    cursor: \"pointer\",\n    backgroundColor: \"transparent\",\n    padding: 0,\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,YAAY,kBAAkBA,QAAAA,cAAc,kBAAkB;AAAA;AAAA,EAE3E,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAASC,YAAAA,MAAM,MAAM;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,QAAQ,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,EACzC;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,QAAQA,YAAAA,MAAM,MAAM;AAAA,IACpB,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,eAAeA,YAAAA,MAAM,MAAM;AAAA,EAC7B;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAeA,YAAAA,MAAM,MAAM;AAAA,IAE3B,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,OAAO;AAAA,MACP,QAAQ;AAAA,MAER,cAAc,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,MAC7C,YAAY,aAAaA,YAAM,MAAA,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,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,MAE3C,KAAK;AAAA,MACL,MAAM,QAAQA,YAAAA,MAAM,MAAM,EAAE;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,EAAE,UAAU,GAAG;AAAA;AAAA,EAE3B,eAAe;AAAA,IACb,UAAU;AAAA,IACV,KAAK,aAAaA,YAAAA,MAAM,MAAM,EAAE;AAAA,IAChC,MAAM,aAAaA,YAAAA,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,iBAAiBA,kBAAM,OAAO,MAAM;AAAA;AAAA,EAE/D,gBAAgB,CAAC;AAAA;AAAA,EAEjB,mBAAmB;AAAA,IACjB,YAAY,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,IAC3C,YAAYA,YAAAA,MAAM,MAAM;AAAA,IACxB,cAAcA,YAAAA,MAAM,MAAM;AAAA,IAC1B,aAAaA,YAAAA,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,YAAYA,YAAAA,MAAM,MAAM;AAAA,IAC1B;AAAA,EACF;AAAA;AAAA,EAEA,0BAA0B;AAAA,IACxB,UAAU;AAAA,IACV,QAAQ,aAAaA,YAAAA,MAAM,MAAM,EAAE;AAAA,IACnC,OAAO,QAAQA,YAAAA,MAAM,MAAM,EAAE;AAAA,EAC/B;AAAA;AAAA,EAEA,mBAAmB,CAAC;AAAA;AAAA,EAEpB,kBAAkB;AAAA,IAChB,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,SAAS;AAAA,EACX;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,SAAS;AAAA,EACX;AACF,CAAC;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Attribute.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Attribute/Attribute.tsx"],"sourcesContent":["import { useMemo, memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { isBigList } from \"../../utils\";\nimport { useQueryBuilderContext } from \"../../Context\";\n\nexport interface AttributeProps {\n  id: React.Key;\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 { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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":["useQueryBuilderContext","useMemo","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAcO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,EAAE,gBAAgB,YAAY,WAAW,QAAQ,SAAA,IACrDA,QAAAA;AAEI,QAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAAC;AAAY,aAAO;AAExB,WAAO,OAAO,KAAK,UAAU,EAAE,IAAI,CAAC,SAAS;AAAA,MAC3C,IAAI;AAAA,MACJ,OAAO,WAAW,GAAG,EAAE;AAAA,MACvB,UAAU,QAAQ;AAAA,IAClB,EAAA;AAAA,EAAA,GACD,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAM,cACJ,aAAa,QAAQ,aAAa,WAAW,SAAS,GAAG,OAAO;AAGhE,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,UAAU;AAAA,MAC7B,aAAa,OAAO,KAAK,UAAU;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,YAAY,YAAY;AAAA,MAChC,eAAe,OAAO,KAAK,UAAU;AAAA,MACrC,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,GAAG;AACxC,gBAAM,cAAc,SAAS;AAE7B,gBAAM,OACJ,cAAc,eAAe,WAAW,WAAW,GAAG;AACxD,gBAAM,gBAAgB,OAAO,UAAU,IAAI,IAAI;AAE3C,cAAA;AACJ,cAAI,gBAAgB,MAAM;AACb,uBAAA;AAAA,UAAA,WACF,eAAe,WAAW,GAAG;AAC3B,uBAAA,cAAc,CAAC,EAAE;AAAA,UAAA,OACvB;AACM,uBAAA;AAAA,UACb;AAGM,gBAAA,QAAQ,SAAS,YAAY,OAAO;AAE3B,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,WAAW,aAAa,SAAS;AAAA,YACjC;AAAA,YACA;AAAA,UAAA,CACD;AAAA,QAAA,OACI;AACL,yBAAe,EAAE,MAAM,iBAAiB,IAAI,WAAW,MAAM;AAAA,QAC/D;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,SAAS;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Operator.cjs","sources":["../../../../../../src/components/QueryBuilder/Rule/Operator/Operator.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nexport interface OperatorProps {\n  id: React.Key;\n  combinator: string;\n  attribute: string;\n  operator?: string;\n}\n\nexport const Operator = ({\n  id,\n  combinator,\n  attribute,\n  operator,\n}: OperatorProps) => {\n  const { dispatchAction, attributes, operators, labels, readOnly } =\n    useQueryBuilderContext();\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\" ||\n              selected.id === \"range\" ||\n              selected.id === \"IsNotEmpty\" ||\n              selected.id === \"Empty\"\n                ? null\n                : 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":["useQueryBuilderContext","useMemo","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAcO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,EAAE,gBAAgB,YAAY,WAAW,QAAQ,SAAA,IACrDA,QAAAA;AAEF,QAAM,QAAQ,YAAY;AAEpB,QAAA,SAASC,MAAAA,QAAQ,MAAM;AAC3B,UAAM,gBACJ,aAAa,aAAa,WAAW,SAAS,IAAI;AACpD,UAAM,UAAU,gBACZ,UAAU,cAAc,IAAI,EAAE;AAAA,MAAO,CAAC,MACpC,EAAE,YAAY,SAAS,UAAU;AAAA,IAAA,KAC9B,CAAA,IACL,CAAA;AACG,WAAA,QAAQ,IAAI,CAAC,SAAS;AAAA,MAC3B,IAAI,IAAI;AAAA,MACR,OAAO,IAAI;AAAA,MACX,UAAU,IAAI,aAAa;AAAA,IAC3B,EAAA;AAAA,EAAA,GACD,CAAC,WAAW,YAAY,WAAW,YAAY,KAAK,CAAC;AAGtD,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,QAAO;AAAA,MACP,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,SAAS;AAAA,MAC5B,aAAa,OAAO,KAAK,SAAS;AAAA,MAClC;AAAA,MACA,UAAU,OAAO,WAAW;AAAA,MAC5B;AAAA,MACA,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,IAAI;AACxC,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,UAAU,SAAS,GAAG,SAAS;AAAA,YAC/B,OACE,UAAU,WACV,SAAS,OAAO,WAChB,SAAS,OAAO,gBAChB,SAAS,OAAO,UACZ,OACA;AAAA,UAAA,CACP;AAAA,QAAA,OACI;AACU,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV,OAAO;AAAA,UAAA,CACR;AAAA,QACH;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,QAAQ;;"}

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

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const material = require("@mui/material");
-const IconButton = require("../../../utils/IconButton.cjs");
-const Context = require("../Context.cjs");
-const Rule_styles = require("./Rule.styles.cjs");
-const Grid = require("../../Grid/Grid.cjs");
-const Attribute = require("./Attribute/Attribute.cjs");
-const Operator = require("./Operator/Operator.cjs");
-const Value = require("./Value/Value.cjs");
-const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
-const Rule = (props) => {
-  const {
-    id,
-    combinator,
-    attribute,
-    operator,
-    value,
-    disabled,
-    isInvalid,
-    classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvQueryBuilderRule", props);
-  const { classes, cx } = Rule_styles.useClasses(classesProp);
-  const {
-    askAction,
-    dispatchAction,
-    attributes,
-    operators,
-    labels,
-    readOnly,
-    disableConfirmation
-  } = Context.useQueryBuilderContext();
-  const theme = material.useTheme();
-  const isMdDown = material.useMediaQuery(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]);
-  const shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
-  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: shouldShowValueInput && /* @__PURE__ */ jsxRuntime.jsx(
-          Value.Value,
-          {
-            attribute,
-            id,
-            operator,
-            value
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid.HvGrid, { item: true, className: classes.actionsContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconButton.IconButton,
-          {
-            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(uikitReactIcons.Delete, { role: "none" })
-          }
-        ) })
-      ]
-    }
-  );
-};
-exports.queryBuilderRuleClasses = Rule_styles.staticClasses;
-exports.Rule = Rule;
-//# sourceMappingURL=Rule.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/Rule.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rule.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery, useTheme } from \"@mui/material\";\n\nimport { HvGrid } from \"@core/components/Grid\";\nimport { IconButton } from \"@core/utils/IconButton\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { ExtractNames } from \"@core/utils\";\n\nimport { useQueryBuilderContext } from \"../Context\";\nimport { Attribute } from \"./Attribute\";\nimport { Operator } from \"./Operator\";\nimport { Value } from \"./Value\";\nimport { staticClasses, useClasses } from \"./Rule.styles\";\n\nexport { staticClasses as queryBuilderRuleClasses };\n\nexport type HvQueryBuilderRuleClasses = ExtractNames<typeof useClasses>;\n\nexport interface RuleProps {\n  id: React.Key;\n  combinator: string;\n  attribute?: string;\n  operator?: string;\n  value?: any;\n  disabled?: boolean;\n  isInvalid: boolean;\n  classes?: HvQueryBuilderRuleClasses;\n}\n\nexport const Rule = (props: RuleProps) => {\n  const {\n    id,\n    combinator,\n    attribute,\n    operator,\n    value,\n    disabled,\n    isInvalid,\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilderRule\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const {\n    askAction,\n    dispatchAction,\n    attributes,\n    operators,\n    labels,\n    readOnly,\n    disableConfirmation,\n  } = useQueryBuilderContext();\n\n  const theme = useTheme();\n\n  const isMdDown = useMediaQuery(theme.breakpoints.down(\"md\"));\n\n  const availableOperators = useMemo(() => {\n    const attributeSpec =\n      attribute != null && attributes ? attributes[attribute] : null;\n    if (attributeSpec != null) {\n      const typeOperators = operators[attributeSpec.type];\n      if (typeOperators != null) {\n        return typeOperators.reduce(\n          (count, item) =>\n            count + (item.combinators.includes(combinator) ? 1 : 0),\n          0\n        );\n      }\n    }\n\n    return -1;\n  }, [attribute, attributes, combinator, operators]);\n\n  const shouldShowValueInput =\n    operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n  return (\n    <HvGrid\n      container\n      className={cx(classes.root, { [classes.isMdDown]: isMdDown })}\n      spacing={0}\n    >\n      <HvGrid item xs={12} md={3}>\n        <Attribute\n          attribute={attribute}\n          id={id}\n          disabled={disabled}\n          isInvalid={isInvalid}\n        />\n      </HvGrid>\n      {attribute != null && availableOperators > 0 && (\n        <HvGrid item xs={12} md={3}>\n          <Operator\n            id={id}\n            combinator={combinator}\n            attribute={attribute}\n            operator={operator}\n          />\n        </HvGrid>\n      )}\n      {attribute != null && (operator != null || availableOperators === 0) && (\n        <HvGrid item xs={12} md>\n          {shouldShowValueInput && (\n            <Value\n              attribute={attribute}\n              id={id}\n              operator={operator}\n              value={value}\n            />\n          )}\n        </HvGrid>\n      )}\n      <HvGrid item className={classes.actionsContainer}>\n        <IconButton\n          placement=\"bottom\"\n          title={labels.rule.delete.tooltip || labels.rule.delete.ariaLabel}\n          onClick={() =>\n            disableConfirmation\n              ? dispatchAction({ type: \"remove-node\", id })\n              : askAction({\n                  actions: [{ type: \"remove-node\", id }],\n                  dialog: labels.rule.delete,\n                })\n          }\n          disabled={readOnly}\n        >\n          <Delete role=\"none\" />\n        </IconButton>\n      </HvGrid>\n    </HvGrid>\n  );\n};\n"],"names":["useDefaultProps","useClasses","useQueryBuilderContext","useTheme","useMediaQuery","useMemo","jsxs","HvGrid","jsx","Attribute","Operator","Value","IconButton","Delete"],"mappings":";;;;;;;;;;;;;;AA8Ba,MAAA,OAAO,CAAC,UAAqB;AAClC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAAA,IACPA,gBAAgB,gBAAA,sBAAsB,KAAK;AAE/C,QAAM,EAAE,SAAS,GAAG,IAAIC,uBAAW,WAAW;AAExC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEC,QAAuB,uBAAA;AAE3B,QAAM,QAAQC,SAAAA;AAEd,QAAM,WAAWC,SAAAA,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAErD,QAAA,qBAAqBC,MAAAA,QAAQ,MAAM;AACvC,UAAM,gBACJ,aAAa,QAAQ,aAAa,WAAW,SAAS,IAAI;AAC5D,QAAI,iBAAiB,MAAM;AACnB,YAAA,gBAAgB,UAAU,cAAc,IAAI;AAClD,UAAI,iBAAiB,MAAM;AACzB,eAAO,cAAc;AAAA,UACnB,CAAC,OAAO,SACN,SAAS,KAAK,YAAY,SAAS,UAAU,IAAI,IAAI;AAAA,UACvD;AAAA,QAAA;AAAA,MAEJ;AAAA,IACF;AAEO,WAAA;AAAA,KACN,CAAC,WAAW,YAAY,YAAY,SAAS,CAAC;AAE3C,QAAA,uBACJ,aAAa,WAAW,aAAa;AAGrC,SAAAC,2BAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,QAAQ,GAAG,UAAU;AAAA,MAC5D,SAAS;AAAA,MAET,UAAA;AAAA,QAAAC,+BAACD,KAAAA,UAAO,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAAAC,2BAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACC,aAAa,QAAQ,qBAAqB,KACzCD,2BAAAA,IAACD,KAAAA,QAAO,EAAA,MAAI,MAAC,IAAI,IAAI,IAAI,GACvB,UAAAC,2BAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAED,aAAa,SAAS,YAAY,QAAQ,uBAAuB,MAChEF,2BAAAA,IAACD,KAAO,QAAA,EAAA,MAAI,MAAC,IAAI,IAAI,IAAE,MACpB,UACC,wBAAAC,2BAAA;AAAA,UAACG,MAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,uCAEDJ,KAAAA,QAAO,EAAA,MAAI,MAAC,WAAW,QAAQ,kBAC9B,UAAAC,2BAAA;AAAA,UAACI,WAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,OAAO,KAAK,OAAO,WAAW,OAAO,KAAK,OAAO;AAAA,YACxD,SAAS,MACP,sBACI,eAAe,EAAE,MAAM,eAAe,IAAI,IAC1C,UAAU;AAAA,cACR,SAAS,CAAC,EAAE,MAAM,eAAe,IAAI;AAAA,cACrC,QAAQ,OAAO,KAAK;AAAA,YAAA,CACrB;AAAA,YAEP,UAAU;AAAA,YAEV,UAAAJ,2BAAAA,IAACK,gBAAAA,QAAO,EAAA,MAAK,OAAO,CAAA;AAAA,UAAA;AAAA,QAAA,GAExB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}

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

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
-const QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
-  "HvQueryBuilder-Rule",
-  {
-    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: "39px",
-        borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-        borderLeft: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-        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.atmo4}`,
-        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-child)": {
-        marginTop: uikitStyles.theme.space.xs
-      }
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=Rule.styles.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Rule.styles.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/Rule.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { staticClasses as queryBuilderClasses } from \"../QueryBuilder.styles\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvQueryBuilder-Rule\",\n  {\n    root: {\n      position: \"relative\",\n      marginTop: theme.space.xs,\n      minHeight: 94,\n\n      \"&>div:not(:last-child)\": {\n        paddingRight: theme.space.md,\n      },\n\n      // hide required * as all fields are required\n      \"& label>span[aria-hidden]\": {\n        visibility: \"hidden\",\n      },\n\n      \"&::before\": {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 2,\n\n        width: \"17px\",\n        height: \"39px\",\n\n        borderBottom: `1px solid ${theme.colors.atmo4}`,\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n\n      [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n        content: '\"\"',\n        position: \"absolute\",\n        zIndex: 1,\n\n        width: \"17px\",\n        height: \"100%\",\n\n        borderLeft: `1px solid ${theme.colors.atmo4}`,\n\n        top: 0,\n        left: `calc(-1 * 17px)`,\n      },\n    },\n    actionsContainer: {\n      marginLeft: \"auto\",\n      marginTop: \"24px\",\n\n      \"&>:not(:last-child)\": {\n        marginRight: theme.space.xs,\n      },\n    },\n    isMdDown: {\n      \"&>div:not(:last-child)\": {\n        paddingRight: 0,\n      },\n      \"&>div:not(:first-child)\": {\n        marginTop: theme.space.xs,\n      },\n    },\n  }\n);\n"],"names":["createClasses","theme","queryBuilderClasses"],"mappings":";;;;;AAMa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,WAAWC,YAAAA,MAAM,MAAM;AAAA,MACvB,WAAW;AAAA,MAEX,0BAA0B;AAAA,QACxB,cAAcA,YAAAA,MAAM,MAAM;AAAA,MAC5B;AAAA;AAAA,MAGA,6BAA6B;AAAA,QAC3B,YAAY;AAAA,MACd;AAAA,MAEA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QAER,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,cAAc,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,QAC7C,YAAY,aAAaA,YAAM,MAAA,OAAO,KAAK;AAAA,QAE3C,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MAEA,CAAC,SAASC,oBAAAA,cAAoB,iBAAiB,uBAAuB,GAAG;AAAA,QACvE,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QAER,OAAO;AAAA,QACP,QAAQ;AAAA,QAER,YAAY,aAAaD,YAAM,MAAA,OAAO,KAAK;AAAA,QAE3C,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,MAEX,uBAAuB;AAAA,QACrB,aAAaA,YAAAA,MAAM,MAAM;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,0BAA0B;AAAA,QACxB,cAAc;AAAA,MAChB;AAAA,MACA,2BAA2B;AAAA,QACzB,WAAWA,YAAAA,MAAM,MAAM;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AACF;;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanValue.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { HvDropdown } from \"@core/components/Dropdown\";\n\nimport { useQueryBuilderContext } from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nexport interface BooleanValueProps {\n  id: React.Key;\n  value?: boolean;\n}\n\nexport const BooleanValue = ({ id, value = true }: BooleanValueProps) => {\n  const { labels, dispatchAction, readOnly } = useQueryBuilderContext();\n\n  const values = [\"true\", \"false\"].map((v) => ({\n    id: v,\n    label: labels.rule.value.boolean.options[v],\n    selected: value === (v === \"true\"),\n  }));\n\n  return (\n    <HvDropdown\n      required\n      status=\"valid\"\n      singleSelectionToggle={false}\n      label={labels.rule.value.boolean.label}\n      placeholder={labels.rule.value.boolean.placeholder}\n      values={values}\n      readOnly={readOnly}\n      onChange={(selected) => {\n        if (selected && !Array.isArray(selected) && selected.id) {\n          dispatchAction({\n            type: \"set-value\",\n            id,\n            value: selected.id === \"true\",\n          });\n        } else {\n          dispatchAction({ type: \"set-value\", id, value: null });\n        }\n      }}\n      showSearch={isBigList(values)}\n      {...(isBigList(values) && { virtualized: true, height: 300 })}\n    />\n  );\n};\n\nexport default memo(BooleanValue);\n"],"names":["useQueryBuilderContext","jsx","HvDropdown","isBigList","memo"],"mappings":";;;;;;;AAYO,MAAM,eAAe,CAAC,EAAE,IAAI,QAAQ,WAA8B;AACvE,QAAM,EAAE,QAAQ,gBAAgB,aAAaA,QAAuB,uBAAA;AAEpE,QAAM,SAAS,CAAC,QAAQ,OAAO,EAAE,IAAI,CAAC,OAAO;AAAA,IAC3C,IAAI;AAAA,IACJ,OAAO,OAAO,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAAA,IAC1C,UAAU,WAAW,MAAM;AAAA,EAC3B,EAAA;AAGA,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,QAAO;AAAA,MACP,uBAAuB;AAAA,MACvB,OAAO,OAAO,KAAK,MAAM,QAAQ;AAAA,MACjC,aAAa,OAAO,KAAK,MAAM,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,aAAa;AACtB,YAAI,YAAY,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,IAAI;AACxC,yBAAA;AAAA,YACb,MAAM;AAAA,YACN;AAAA,YACA,OAAO,SAAS,OAAO;AAAA,UAAA,CACxB;AAAA,QAAA,OACI;AACL,yBAAe,EAAE,MAAM,aAAa,IAAI,OAAO,MAAM;AAAA,QACvD;AAAA,MACF;AAAA,MACA,YAAYC,gBAAU,MAAM;AAAA,MAC3B,GAAIA,MAAAA,UAAU,MAAM,KAAK,EAAE,aAAa,MAAM,QAAQ,IAAI;AAAA,IAAA;AAAA,EAAA;AAGjE;AAEeC,WAAK,YAAY;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.cjs

@@ -1,283 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const uniqueId = require("lodash/uniqueId");
-const dayjs = require("dayjs");
-const material = require("@mui/material");
-const Context = require("../../../Context.cjs");
-const utils = require("./utils.cjs");
-const DateTimeValue_styles = require("./DateTimeValue.styles.cjs");
-const DatePicker = require("../../../../DatePicker/DatePicker.cjs");
-const TimePicker = require("../../../../TimePicker/TimePicker.cjs");
-const WarningText = require("../../../../Forms/WarningText/WarningText.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
-const dayjs__default = /* @__PURE__ */ _interopDefault(dayjs);
-function valueIsRange(operator) {
-  return operator === "range";
-}
-const DateTimeValue = ({
-  id,
-  operator,
-  value: valueProp = {},
-  initialTouched = false
-}) => {
-  const { classes, cx } = DateTimeValue_styles.useClasses();
-  const theme = material.useTheme();
-  const isMdDown = material.useMediaQuery(theme.breakpoints.down("md"));
-  const isRange = valueIsRange(operator);
-  const { labels, dispatchAction, readOnly } = Context.useQueryBuilderContext();
-  const elementId = uniqueId__default.default(`datetime${id}`);
-  const [touchedDate, setTouchedDate] = React.useState(initialTouched);
-  const [touchedTime, setTouchedTime] = React.useState(initialTouched);
-  const [touchedEndDate, setTouchedEndDate] = React.useState(initialTouched);
-  const [touchedEndTime, setTouchedEndTime] = React.useState(initialTouched);
-  const onDateChange = React.useCallback(
-    (data) => {
-      setTouchedDate(true);
-      let date;
-      if (data != null) {
-        date = dayjs__default.default(data).format("YYYY-MM-DD");
-      }
-      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;
-      if (date !== oldValue) {
-        let value;
-        if (!isRange) {
-          value = {
-            date,
-            time: valueProp?.time
-          };
-        } else {
-          value = {
-            start: {
-              date,
-              time: valueProp?.start?.time
-            },
-            end: valueProp?.end
-          };
-        }
-        dispatchAction({
-          type: "set-value",
-          id,
-          value
-        });
-      }
-    },
-    [dispatchAction, id, isRange, valueProp]
-  );
-  const onTimeChange = React.useCallback(
-    (data) => {
-      setTouchedTime(true);
-      let time;
-      if (data != null) {
-        time = `${utils.padTime(data.hours)}:${utils.padTime(data.minutes)}:${utils.padTime(
-          data.seconds
-        )}`;
-      }
-      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;
-      if (time !== oldValue) {
-        let value;
-        if (!isRange) {
-          value = {
-            date: valueProp?.date,
-            time
-          };
-        } else {
-          value = {
-            start: {
-              date: valueProp?.start?.date,
-              time
-            },
-            end: valueProp?.end
-          };
-        }
-        dispatchAction({
-          type: "set-value",
-          id,
-          value
-        });
-      }
-    },
-    [dispatchAction, id, isRange, valueProp]
-  );
-  const onEndDateChange = React.useCallback(
-    (data) => {
-      setTouchedEndDate(true);
-      let date;
-      if (data != null) {
-        date = dayjs__default.default(data).format("YYYY-MM-DD");
-      }
-      if (date !== valueProp?.end?.date) {
-        const value = {
-          start: valueProp?.start,
-          end: {
-            date,
-            time: valueProp?.end?.time
-          }
-        };
-        dispatchAction({
-          type: "set-value",
-          id,
-          value
-        });
-      }
-    },
-    [dispatchAction, id, valueProp]
-  );
-  const onEndTimeChange = React.useCallback(
-    (data) => {
-      setTouchedEndTime(true);
-      let time;
-      if (data != null) {
-        time = `${utils.padTime(data.hours)}:${utils.padTime(data.minutes)}:${utils.padTime(
-          data.seconds
-        )}`;
-      }
-      if (time !== valueProp?.end?.time) {
-        const value = {
-          start: valueProp?.start,
-          end: {
-            date: valueProp?.end?.date,
-            time
-          }
-        };
-        dispatchAction({
-          type: "set-value",
-          id,
-          value
-        });
-      }
-    },
-    [dispatchAction, id, valueProp]
-  );
-  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;
-  const datePickerValue = React.useMemo(() => utils.parseDate(startDate), [startDate]);
-  const datePickerStatus = datePickerValue != null ? "valid" : "invalid";
-  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? "";
-  const timePickerValue = React.useMemo(() => utils.parseTime(startTime), [startTime]);
-  const timePickerStatus = timePickerValue != null ? "valid" : "invalid";
-  const endDate = isRange ? valueProp?.end?.date : null;
-  const endDatePickerValue = React.useMemo(() => utils.parseDate(endDate), [endDate]);
-  const endTime = isRange ? valueProp?.end?.time : null;
-  const endTimePickerValue = React.useMemo(() => utils.parseTime(endTime), [endTime]);
-  const dateStatus = !touchedDate ? "standBy" : datePickerStatus;
-  const timeStatus = !touchedTime ? "standBy" : timePickerStatus;
-  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;
-  const endTimeIsBeforeOrSame = startDate != null && endDate != null && endDate === startDate && startTime != null && endTime != null && endTime <= startTime;
-  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;
-  const endDatePickerStatus = endDatePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
-  const endDateStatus = !touchedEndDate ? "standBy" : endDatePickerStatus;
-  const endTimePickerStatus = endTimePickerValue == null || endDateTimeIsBefore ? "invalid" : "valid";
-  const endTimeStatus = !touchedEndTime ? "standBy" : endTimePickerStatus;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cx(classes.row, classes.horizontal, {
-          [classes.isMdDown]: isMdDown
-        }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DatePicker.HvDatePicker,
-            {
-              className: classes.datePicker,
-              name: `${elementId}-date`,
-              required: true,
-              status: dateStatus,
-              statusMessage: labels.rule.value.datetime.validation.required,
-              label: isRange ? labels.rule.value.datetime.startDateLabel : labels.rule.value.datetime.dateLabel,
-              placeholder: isRange ? labels.rule.value.datetime.startDatePlaceholder : labels.rule.value.datetime.datePlaceholder,
-              value: datePickerValue,
-              onChange: onDateChange,
-              readOnly
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimePicker.HvTimePicker,
-            {
-              className: classes.timePicker,
-              timeFormat: "24",
-              name: `${elementId}-time`,
-              required: true,
-              status: timeStatus,
-              statusMessage: labels.rule.value.datetime.validation.required,
-              label: isRange ? labels.rule.value.datetime.startTimeLabel : labels.rule.value.datetime.timeLabel,
-              placeholder: isRange ? labels.rule.value.datetime.startTimePlaceholder : labels.rule.value.datetime.timePlaceholder,
-              value: timePickerValue || void 0,
-              onChange: onTimeChange,
-              onToggle: (_evt, open) => {
-                if (!open && !touchedTime) {
-                  setTouchedTime(true);
-                }
-              },
-              readOnly
-            }
-          )
-        ]
-      }
-    ),
-    isRange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.row, classes.vertical), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cx(classes.horizontal, {
-            [classes.isMdDown]: isMdDown
-          }),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker.HvDatePicker,
-              {
-                className: classes.datePicker,
-                name: `${elementId}-endDate`,
-                required: true,
-                status: endDateStatus,
-                statusMessage: labels.rule.value.datetime.validation.required,
-                "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0,
-                label: labels.rule.value.datetime.endDateLabel,
-                placeholder: labels.rule.value.datetime.endDatePlaceholder,
-                value: endDatePickerValue,
-                onChange: onEndDateChange,
-                readOnly
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TimePicker.HvTimePicker,
-              {
-                className: classes.timePicker,
-                timeFormat: "24",
-                name: `${elementId}-endTime`,
-                required: true,
-                status: endTimeStatus,
-                statusMessage: labels.rule.value.datetime.validation.required,
-                "aria-errormessage": endDateTimeIsBefore ? `${elementId}-combined-error` : void 0,
-                label: labels.rule.value.datetime.endTimeLabel,
-                placeholder: labels.rule.value.datetime.endTimePlaceholder,
-                value: endTimePickerValue || void 0,
-                onChange: onEndTimeChange,
-                onToggle: (_evt, open) => {
-                  if (!open && !touchedEndTime) {
-                    setTouchedEndTime(true);
-                  }
-                },
-                readOnly
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        WarningText.HvWarningText,
-        {
-          disableBorder: true,
-          id: `${elementId}-combined-error`,
-          isVisible: endDateTimeIsBefore,
-          children: labels.rule.value.datetime.validation.invalidInterval
-        }
-      )
-    ] })
-  ] });
-};
-React.memo(DateTimeValue);
-exports.DateTimeValue = DateTimeValue;
-//# sourceMappingURL=DateTimeValue.cjs.map