@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/QueryBuilder/types.ts

@@ -0,0 +1,245 @@
+export interface Attribute extends Record<string, unknown> {
+  id?: string;
+  label: string;
+  type: string;
+  value?: unknown;
+  order?: number;
+}
+
+export interface NumericRange {
+  from: number | string;
+  to: number | string;
+}
+
+export interface DateTimeStrings {
+  date?: string;
+  time?: string;
+}
+
+export interface DateTimeRange {
+  start?: DateTimeStrings;
+  end?: DateTimeStrings;
+}
+
+export type QueryRuleValue =
+  | string
+  | number
+  | boolean
+  | NumericRange
+  | DateTimeStrings
+  | DateTimeRange;
+
+export interface QueryRule {
+  id?: number;
+  attribute?: string;
+  operator?: string;
+  value?: QueryRuleValue;
+}
+
+export interface Query {
+  id?: number;
+  combinator: string;
+  rules: Array<QueryRule>;
+}
+
+export interface QueryCombinator {
+  operand: string;
+  label: string;
+}
+
+export interface QueryOperator {
+  operator: string;
+  label: string;
+  combinators: string[];
+}
+
+interface DialogLabels {
+  dialogTitle: string;
+  dialogMessage: string;
+  dialogConfirm: string;
+  dialogCancel: string;
+  dialogCloseTooltip: string;
+}
+
+interface ResetQueryAction {
+  type: "reset-query";
+}
+
+interface ResetGroupAction {
+  type: "reset-group";
+  id: number;
+}
+
+interface AddRemoveAction {
+  type: "add-rule" | "add-group" | "remove-node";
+  id: number;
+}
+
+interface SetCombinatorAction {
+  type: "set-combinator";
+  id: number;
+
+  combinator: string;
+}
+
+interface SetAttributeAction {
+  type: "set-attribute";
+  id: number;
+
+  attribute: string | null;
+  operator?: string | null;
+  value?: QueryRuleValue | null;
+}
+
+interface SetOperatorAction {
+  type: "set-operator";
+  id: number;
+
+  operator: string | null;
+  value?: QueryRuleValue | null;
+}
+
+interface SetValueAction {
+  type: "set-value";
+  id: number;
+
+  value: QueryRuleValue | null;
+}
+
+export type Action =
+  | ResetQueryAction
+  | ResetGroupAction
+  | AddRemoveAction
+  | SetCombinatorAction
+  | SetAttributeAction
+  | SetOperatorAction
+  | SetValueAction;
+
+export interface AskAction {
+  actions: Action[];
+  dialog: DialogLabels;
+}
+
+export interface ValueComponentProps {
+  id: number;
+  initialTouched?: boolean;
+  value?: unknown;
+}
+
+export interface QueryBuilderLabels {
+  query?: {
+    delete?: {
+      ariaLabel: string;
+      tooltip?: string;
+    } & DialogLabels;
+    addRule?: {
+      label: string;
+    };
+    addGroup?: {
+      label: string;
+    };
+  };
+  rule: {
+    attribute: {
+      label: string;
+      placeholder: string;
+    };
+    operator: {
+      label: string;
+      placeholder: string;
+    };
+    value: {
+      distance: {
+        label: string;
+        placeholder?: string;
+        connectorText: string;
+        button: string;
+        validation: {
+          required: string;
+          invalid: string;
+        };
+      };
+      text: {
+        label: string;
+        placeholder: string;
+        validation: {
+          required: string;
+        };
+      };
+      boolean: {
+        label: string;
+        placeholder: string;
+        options: Record<string, string>;
+      };
+      numeric: {
+        label: string;
+        placeholder: string;
+        validation: {
+          required: string;
+          invalid: string;
+          equal: string;
+          greaterThan: string;
+        };
+        range: {
+          leftLabel: string;
+          rightLabel: string;
+        };
+      };
+      datetime: {
+        dateLabel: string;
+        datePlaceholder: string;
+        timeLabel: string;
+        timePlaceholder: string;
+        startDateLabel: string;
+        startDatePlaceholder: string;
+        startTimeLabel: string;
+        startTimePlaceholder: string;
+        endDateLabel: string;
+        endDatePlaceholder: string;
+        endTimeLabel: string;
+        endTimePlaceholder: string;
+        validation: {
+          required: string;
+          invalidInterval: string;
+        };
+      };
+    };
+    delete: {
+      ariaLabel: string;
+      tooltip?: string;
+    } & DialogLabels;
+  };
+  group: {
+    delete: {
+      ariaLabel: string;
+      tooltip?: string;
+    } & DialogLabels;
+    reset: {
+      ariaLabel: string;
+      tooltip?: string;
+    } & DialogLabels;
+    addRule: {
+      label: string;
+    };
+    addGroup: {
+      label: string;
+    };
+  };
+  empty: {
+    title: string;
+    createCondition: string;
+    createGroup: string;
+    spacer: string;
+  };
+}
+
+export interface QueryBuilderContext {
+  dispatchAction: React.Dispatch<Action>;
+  askAction: React.Dispatch<AskAction>;
+  attributes: Record<string, Attribute>;
+  operators: Record<string, QueryOperator[]>;
+  combinators: QueryCombinator[];
+  maxDepth: number;
+  labels: QueryBuilderLabels;
+  initialTouched: boolean;
+}

package/dist/modern/QueryBuilder/utils/date.js

@@ -0,0 +1,67 @@
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+dayjs.extend(utc);
+dayjs.extend(timezone);
+export const formatToUTC = (date, tz) => {
+  return dayjs.tz(date, tz).utc().format();
+};
+export function isNumericRange(value) {
+  return value.from !== undefined && value.to !== undefined;
+}
+export function isDateTimeStrings(value) {
+  return value.date !== undefined && value.time !== undefined;
+}
+export function isDateTimeRange(value) {
+  return value.start !== undefined && value.end !== undefined;
+}
+export const parseDate = date => {
+  if (date != null) {
+    return dayjs(date).toDate();
+  }
+
+  return undefined;
+};
+export const parseTime = time => {
+  if (time != null) {
+    const parts = time.split(":");
+
+    if (parts.length === 3) {
+      return {
+        hours: Number.parseInt(parts[0], 10),
+        minutes: Number.parseInt(parts[1], 10),
+        seconds: Number.parseInt(parts[2], 10)
+      };
+    }
+  }
+
+  return null;
+};
+export const validateDateTimeValues = (startDate, startTime, endDate, endTime) => {
+  if (parseDate(startDate) == null) {
+    return false;
+  }
+
+  if (parseTime(startTime) == null) {
+    return false;
+  }
+
+  if (endDate !== undefined || endTime !== undefined) {
+    if (parseDate(endDate) == null) {
+      return false;
+    }
+
+    if (parseTime(endTime) == null) {
+      return false;
+    }
+
+    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;
+    return !endDateTimeIsBefore;
+  }
+
+  return true;
+};
+export default dayjs;
+//# sourceMappingURL=date.js.map

package/dist/modern/QueryBuilder/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/utils/date.js"],"names":["dayjs","utc","timezone","extend","formatToUTC","date","tz","format","isNumericRange","value","from","undefined","to","isDateTimeStrings","time","isDateTimeRange","start","end","parseDate","toDate","parseTime","parts","split","length","hours","Number","parseInt","minutes","seconds","validateDateTimeValues","startDate","startTime","endDate","endTime","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore"],"mappings":"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","sourcesContent":["import dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport timezone from \"dayjs/plugin/timezone\";\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport const formatToUTC = (date, tz) => {\n  return dayjs.tz(date, tz).utc().format();\n};\n\nexport function isNumericRange(value) {\n  return value.from !== undefined && value.to !== undefined;\n}\n\nexport function isDateTimeStrings(value) {\n  return value.date !== undefined && value.time !== undefined;\n}\n\nexport function isDateTimeRange(value) {\n  return value.start !== undefined && value.end !== undefined;\n}\n\nexport const parseDate = (date) => {\n  if (date != null) {\n    return dayjs(date).toDate();\n  }\n\n  return undefined;\n};\n\nexport const parseTime = (time) => {\n  if (time != null) {\n    const parts = time.split(\":\");\n\n    if (parts.length === 3) {\n      return {\n        hours: Number.parseInt(parts[0], 10),\n        minutes: Number.parseInt(parts[1], 10),\n        seconds: Number.parseInt(parts[2], 10),\n      };\n    }\n  }\n\n  return null;\n};\n\nexport const validateDateTimeValues = (startDate, startTime, endDate, endTime) => {\n  if (parseDate(startDate) == null) {\n    return false;\n  }\n  if (parseTime(startTime) == null) {\n    return false;\n  }\n\n  if (endDate !== undefined || endTime !== undefined) {\n    if (parseDate(endDate) == null) {\n      return false;\n    }\n    if (parseTime(endTime) == null) {\n      return false;\n    }\n    const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n    const endTimeIsBeforeOrSame =\n      startDate != null &&\n      endDate != null &&\n      endDate === startDate &&\n      startTime != null &&\n      endTime != null &&\n      endTime <= startTime;\n\n    const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n    return !endDateTimeIsBefore;\n  }\n\n  return true;\n};\n\nexport default dayjs;\n"],"file":"date.js"}

package/dist/modern/QueryBuilder/utils/index.js

@@ -0,0 +1,66 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+export const isBigList = values => values != null && (values === null || values === void 0 ? void 0 : values.length) > 10;
+export const emptyRule = () => ({
+  id: Math.random()
+});
+export const emptyGroup = (createEmptyRule = false) => ({
+  id: Math.random(),
+  combinator: "and",
+  rules: createEmptyRule ? [emptyRule()] : []
+});
+export const clearNodeIds = original => {
+  const rule = _objectSpread({}, original);
+
+  delete rule.id;
+
+  if ("rules" in rule) {
+    rule.rules = rule.rules.map(r => clearNodeIds(r));
+  }
+
+  return rule;
+};
+export const findNodeById = (id, node) => {
+  if (node.id === id) {
+    return node;
+  }
+
+  if ("rules" in node) {
+    // eslint-disable-next-line no-plusplus
+    for (let i = 0; i < node.rules.length; ++i) {
+      const rule = node.rules[i];
+      const found = findNodeById(id, rule);
+
+      if (found) {
+        return found;
+      }
+    }
+  }
+
+  return null;
+};
+export const findParentById = (id, node, parent) => {
+  if (node.id === id) {
+    return parent !== null && parent !== void 0 ? parent : null;
+  }
+
+  if ("rules" in node) {
+    const group = node; // eslint-disable-next-line no-plusplus
+
+    for (let i = 0; i < group.rules.length; ++i) {
+      const rule = group.rules[i];
+      const found = findParentById(id, rule, group);
+
+      if (found) {
+        return found;
+      }
+    }
+  }
+
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/modern/QueryBuilder/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/utils/index.js"],"names":["isBigList","values","length","emptyRule","id","Math","random","emptyGroup","createEmptyRule","combinator","rules","clearNodeIds","original","rule","map","r","findNodeById","node","i","found","findParentById","parent","group"],"mappings":";;;;;;AAAA,OAAO,MAAMA,SAAS,GAAIC,MAAD,IAAYA,MAAM,IAAI,IAAV,IAAkB,CAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEC,MAAR,IAAiB,EAAjE;AAEP,OAAO,MAAMC,SAAS,GAAG,OAAO;AAC9BC,EAAAA,EAAE,EAAEC,IAAI,CAACC,MAAL;AAD0B,CAAP,CAAlB;AAIP,OAAO,MAAMC,UAAU,GAAG,CAACC,eAAe,GAAG,KAAnB,MAA8B;AACtDJ,EAAAA,EAAE,EAAEC,IAAI,CAACC,MAAL,EADkD;AAEtDG,EAAAA,UAAU,EAAE,KAF0C;AAGtDC,EAAAA,KAAK,EAAEF,eAAe,GAAG,CAACL,SAAS,EAAV,CAAH,GAAmB;AAHa,CAA9B,CAAnB;AAMP,OAAO,MAAMQ,YAAY,GAAIC,QAAD,IAAc;AACxC,QAAMC,IAAI,qBAAQD,QAAR,CAAV;;AAEA,SAAOC,IAAI,CAACT,EAAZ;;AAEA,MAAI,WAAWS,IAAf,EAAqB;AACnBA,IAAAA,IAAI,CAACH,KAAL,GAAaG,IAAI,CAACH,KAAL,CAAWI,GAAX,CAAgBC,CAAD,IAAOJ,YAAY,CAACI,CAAD,CAAlC,CAAb;AACD;;AAED,SAAOF,IAAP;AACD,CAVM;AAYP,OAAO,MAAMG,YAAY,GAAG,CAACZ,EAAD,EAAKa,IAAL,KAAc;AACxC,MAAIA,IAAI,CAACb,EAAL,KAAYA,EAAhB,EAAoB;AAClB,WAAOa,IAAP;AACD;;AACD,MAAI,WAAWA,IAAf,EAAqB;AACnB;AACA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,IAAI,CAACP,KAAL,CAAWR,MAA/B,EAAuC,EAAEgB,CAAzC,EAA4C;AAC1C,YAAML,IAAI,GAAGI,IAAI,CAACP,KAAL,CAAWQ,CAAX,CAAb;AAEA,YAAMC,KAAK,GAAGH,YAAY,CAACZ,EAAD,EAAKS,IAAL,CAA1B;;AACA,UAAIM,KAAJ,EAAW;AACT,eAAOA,KAAP;AACD;AACF;AACF;;AAED,SAAO,IAAP;AACD,CAjBM;AAmBP,OAAO,MAAMC,cAAc,GAAG,CAAChB,EAAD,EAAKa,IAAL,EAAWI,MAAX,KAAsB;AAClD,MAAIJ,IAAI,CAACb,EAAL,KAAYA,EAAhB,EAAoB;AAClB,WAAOiB,MAAP,aAAOA,MAAP,cAAOA,MAAP,GAAiB,IAAjB;AACD;;AAED,MAAI,WAAWJ,IAAf,EAAqB;AACnB,UAAMK,KAAK,GAAGL,IAAd,CADmB,CAGnB;;AACA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGI,KAAK,CAACZ,KAAN,CAAYR,MAAhC,EAAwC,EAAEgB,CAA1C,EAA6C;AAC3C,YAAML,IAAI,GAAGS,KAAK,CAACZ,KAAN,CAAYQ,CAAZ,CAAb;AAEA,YAAMC,KAAK,GAAGC,cAAc,CAAChB,EAAD,EAAKS,IAAL,EAAWS,KAAX,CAA5B;;AACA,UAAIH,KAAJ,EAAW;AACT,eAAOA,KAAP;AACD;AACF;AACF;;AAED,SAAO,IAAP;AACD,CApBM","sourcesContent":["export const isBigList = (values) => values != null && values?.length > 10;\n\nexport const emptyRule = () => ({\n  id: Math.random(),\n});\n\nexport const emptyGroup = (createEmptyRule = false) => ({\n  id: Math.random(),\n  combinator: \"and\",\n  rules: createEmptyRule ? [emptyRule()] : [],\n});\n\nexport const clearNodeIds = (original) => {\n  const rule = { ...original };\n\n  delete rule.id;\n\n  if (\"rules\" in rule) {\n    rule.rules = rule.rules.map((r) => clearNodeIds(r));\n  }\n\n  return rule;\n};\n\nexport const findNodeById = (id, node) => {\n  if (node.id === id) {\n    return node;\n  }\n  if (\"rules\" in node) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < node.rules.length; ++i) {\n      const rule = node.rules[i];\n\n      const found = findNodeById(id, rule);\n      if (found) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n\nexport const findParentById = (id, node, parent) => {\n  if (node.id === id) {\n    return parent ?? null;\n  }\n\n  if (\"rules\" in node) {\n    const group = node;\n\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < group.rules.length; ++i) {\n      const rule = group.rules[i];\n\n      const found = findParentById(id, rule, group);\n      if (found) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n"],"file":"index.js"}

package/dist/modern/QueryBuilder/utils/reducer.js

@@ -0,0 +1,147 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { emptyRule, emptyGroup, findNodeById, findParentById } from "./index";
+
+const reducer = (state, action) => {
+  const query = _objectSpread({}, state);
+
+  switch (action.type) {
+    case "reset-query":
+      {
+        return emptyGroup();
+      }
+
+    case "reset-group":
+      {
+        const group = findNodeById(action.id, query);
+
+        if (group && "rules" in group) {
+          group.rules = [emptyRule()];
+          return query;
+        }
+
+        break;
+      }
+
+    case "add-rule":
+      {
+        const group = findNodeById(action.id, query);
+
+        if (group && "rules" in group) {
+          const rule = emptyRule();
+          group.rules.push(rule);
+          return query;
+        }
+
+        break;
+      }
+
+    case "add-group":
+      {
+        const group = findNodeById(action.id, query);
+
+        if (group && "rules" in group) {
+          group.rules.push(emptyGroup(true));
+          return query;
+        }
+
+        break;
+      }
+
+    case "remove-node":
+      {
+        const parent = findParentById(action.id, query);
+
+        if (parent) {
+          parent.rules = parent.rules.filter(rule => rule.id !== action.id);
+          return query;
+        } // reset query if deleting top node
+
+
+        return emptyGroup();
+      }
+
+    case "set-combinator":
+      {
+        const node = findNodeById(action.id, query);
+
+        if (node && "combinator" in node) {
+          if (node.combinator !== action.combinator) {
+            node.combinator = action.combinator;
+            return query;
+          }
+        }
+
+        break;
+      }
+
+    case "set-attribute":
+      {
+        const node = findNodeById(action.id, query);
+
+        if (node && node.attribute !== action.attribute) {
+          var _action$attribute;
+
+          node.attribute = (_action$attribute = action.attribute) !== null && _action$attribute !== void 0 ? _action$attribute : undefined; // we keep the operator and value unless the operator is explicitly null (or set)
+
+          if (action.operator !== undefined) {
+            var _action$operator, _action$value;
+
+            node.operator = (_action$operator = action.operator) !== null && _action$operator !== void 0 ? _action$operator : undefined;
+            node.value = (_action$value = action.value) !== null && _action$value !== void 0 ? _action$value : undefined;
+          }
+
+          return query;
+        }
+
+        break;
+      }
+
+    case "set-operator":
+      {
+        const node = findNodeById(action.id, query);
+
+        if (node && "attribute" in node) {
+          if (node.operator !== action.operator) {
+            node.operator = action.operator;
+
+            if (action.value !== undefined) {
+              var _action$value2;
+
+              node.value = (_action$value2 = action.value) !== null && _action$value2 !== void 0 ? _action$value2 : undefined;
+            }
+
+            return query;
+          }
+        }
+
+        break;
+      }
+
+    case "set-value":
+      {
+        const node = findNodeById(action.id, query);
+
+        if (node && "operator" in node) {
+          var _action$value3;
+
+          node.value = (_action$value3 = action.value) !== null && _action$value3 !== void 0 ? _action$value3 : undefined;
+          return query;
+        }
+
+        break;
+      }
+
+    default:
+  } // just return existing state if nothing changed
+
+
+  return state;
+};
+
+export default reducer;
+//# sourceMappingURL=reducer.js.map

package/dist/modern/QueryBuilder/utils/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/QueryBuilder/utils/reducer.js"],"names":["emptyRule","emptyGroup","findNodeById","findParentById","reducer","state","action","query","type","group","id","rules","rule","push","parent","filter","node","combinator","attribute","undefined","operator","value"],"mappings":"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","sourcesContent":["import { emptyRule, emptyGroup, findNodeById, findParentById } from \"./index\";\n\nconst reducer = (state, action) => {\n  const query = { ...state };\n\n  switch (action.type) {\n    case \"reset-query\": {\n      return emptyGroup();\n    }\n    case \"reset-group\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        group.rules = [emptyRule()];\n\n        return query;\n      }\n      break;\n    }\n    case \"add-rule\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        const rule = emptyRule();\n\n        group.rules.push(rule);\n\n        return query;\n      }\n      break;\n    }\n    case \"add-group\": {\n      const group = findNodeById(action.id, query);\n      if (group && \"rules\" in group) {\n        group.rules.push(emptyGroup(true));\n\n        return query;\n      }\n      break;\n    }\n    case \"remove-node\": {\n      const parent = findParentById(action.id, query);\n      if (parent) {\n        parent.rules = parent.rules.filter((rule) => rule.id !== action.id);\n\n        return query;\n      }\n\n      // reset query if deleting top node\n      return emptyGroup();\n    }\n    case \"set-combinator\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"combinator\" in node) {\n        if (node.combinator !== action.combinator) {\n          node.combinator = action.combinator;\n\n          return query;\n        }\n      }\n      break;\n    }\n    case \"set-attribute\": {\n      const node = findNodeById(action.id, query);\n      if (node && node.attribute !== action.attribute) {\n        node.attribute = action.attribute ?? undefined;\n\n        // we keep the operator and value unless the operator is explicitly null (or set)\n        if (action.operator !== undefined) {\n          node.operator = action.operator ?? undefined;\n          node.value = action.value ?? undefined;\n        }\n\n        return query;\n      }\n      break;\n    }\n    case \"set-operator\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"attribute\" in node) {\n        if (node.operator !== action.operator) {\n          node.operator = action.operator;\n          if (action.value !== undefined) {\n            node.value = action.value ?? undefined;\n          }\n\n          return query;\n        }\n      }\n      break;\n    }\n    case \"set-value\": {\n      const node = findNodeById(action.id, query);\n      if (node && \"operator\" in node) {\n        node.value = action.value ?? undefined;\n\n        return query;\n      }\n      break;\n    }\n\n    default:\n  }\n\n  // just return existing state if nothing changed\n  return state;\n};\n\nexport default reducer;\n"],"file":"reducer.js"}

package/dist/modern/Slider/KnobRing/KnobRing.js

@@ -0,0 +1,17 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const HvKnobRing = props => {
+  const {
+    classes
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.knobRing
+  });
+};
+
+HvKnobRing.propTypes = {
+  classes: PropTypes.instanceOf(Object).isRequired
+};
+export default HvKnobRing;
+//# sourceMappingURL=KnobRing.js.map

package/dist/modern/Slider/KnobRing/KnobRing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Slider/KnobRing/KnobRing.js"],"names":["React","PropTypes","HvKnobRing","props","classes","knobRing","propTypes","instanceOf","Object","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,UAAU,GAAIC,KAAD,IAAW;AAC5B,QAAM;AAAEC,IAAAA;AAAF,MAAcD,KAApB;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEC,OAAO,CAACC;AAAxB,IAAP;AACD,CAJD;;AAMAH,UAAU,CAACI,SAAX,GAAuB;AACrBF,EAAAA,OAAO,EAAEH,SAAS,CAACM,UAAV,CAAqBC,MAArB,EAA6BC;AADjB,CAAvB;AAIA,eAAeP,UAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst HvKnobRing = (props) => {\n  const { classes } = props;\n\n  return <div className={classes.knobRing} />;\n};\n\nHvKnobRing.propTypes = {\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nexport default HvKnobRing;\n"],"file":"KnobRing.js"}

package/dist/modern/Slider/KnobRing/index.js

@@ -0,0 +1,5 @@
+import withStylesProps from "../../withStyleProps";
+import styles from "./styles";
+import KnobRing from "./KnobRing";
+export default withStylesProps(styles)(KnobRing);
+//# sourceMappingURL=index.js.map

package/dist/modern/Slider/KnobRing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Slider/KnobRing/index.js"],"names":["withStylesProps","styles","KnobRing"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,sBAA5B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAeF,eAAe,CAACC,MAAD,CAAf,CAAwBC,QAAxB,CAAf","sourcesContent":["import withStylesProps from \"../../withStyleProps\";\nimport styles from \"./styles\";\nimport KnobRing from \"./KnobRing\";\n\nexport default withStylesProps(styles)(KnobRing);\n"],"file":"index.js"}

package/dist/modern/Slider/KnobRing/styles.js

@@ -0,0 +1,34 @@
+const styles = props => {
+  const {
+    hoverColor,
+    dragging
+  } = props;
+  let borderValue = "0px solid transparent";
+
+  if (!dragging && hoverColor) {
+    borderValue = `9px solid ${hoverColor}`;
+  }
+
+  return {
+    knobRing: {
+      position: "relative",
+      borderColor: "transparent",
+      borderRadius: "50%",
+      boxShadow: "none",
+      backgroundColor: "transparent",
+      width: "32px",
+      height: "32px",
+      top: "-82%",
+      left: "-82%",
+      "&:hover": {
+        border: borderValue
+      },
+      "&:active": {
+        border: borderValue
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Slider/KnobRing/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Slider/KnobRing/styles.js"],"names":["styles","props","hoverColor","dragging","borderValue","knobRing","position","borderColor","borderRadius","boxShadow","backgroundColor","width","height","top","left","border"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,IAAW;AACxB,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA2BF,KAAjC;AACA,MAAIG,WAAW,GAAG,uBAAlB;;AACA,MAAI,CAACD,QAAD,IAAaD,UAAjB,EAA6B;AAC3BE,IAAAA,WAAW,GAAI,aAAYF,UAAW,EAAtC;AACD;;AAED,SAAO;AACLG,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,WAAW,EAAE,aAFL;AAGRC,MAAAA,YAAY,EAAE,KAHN;AAIRC,MAAAA,SAAS,EAAE,MAJH;AAKRC,MAAAA,eAAe,EAAE,aALT;AAMRC,MAAAA,KAAK,EAAE,MANC;AAORC,MAAAA,MAAM,EAAE,MAPA;AAQRC,MAAAA,GAAG,EAAE,MARG;AASRC,MAAAA,IAAI,EAAE,MATE;AAUR,iBAAW;AACTC,QAAAA,MAAM,EAAEX;AADC,OAVH;AAaR,kBAAY;AACVW,QAAAA,MAAM,EAAEX;AADE;AAbJ;AADL,GAAP;AAmBD,CA1BD;;AA4BA,eAAeJ,MAAf","sourcesContent":["const styles = (props) => {\n  const { hoverColor, dragging } = props;\n  let borderValue = \"0px solid transparent\";\n  if (!dragging && hoverColor) {\n    borderValue = `9px solid ${hoverColor}`;\n  }\n\n  return {\n    knobRing: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-82%\",\n      left: \"-82%\",\n      \"&:hover\": {\n        border: borderValue,\n      },\n      \"&:active\": {\n        border: borderValue,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}