@synerise/ds-condition 1.6.16 → 1.6.17

package/dist/ConditionStep/StepHeader/StepHeader.js

@@ -1,70 +1,54 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import debounce from 'lodash.debounce';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import Cruds from '@synerise/ds-cruds';
-import { DragHandleM } from '@synerise/ds-icon';
-import InlineEdit from '@synerise/ds-inline-edit';
-import { NOOP } from '@synerise/ds-utils';
-import * as S from '../../Condition.style';
-import { StepName } from '../StepName/StepName';
-export var StepHeader = function StepHeader(_ref) {
-  var stepName = _ref.stepName,
-    stepId = _ref.stepId,
-    texts = _ref.texts,
-    updateStepName = _ref.updateStepName,
-    duplicateStep = _ref.duplicateStep,
-    removeStep = _ref.removeStep,
-    index = _ref.index,
-    draggableEnabled = _ref.draggableEnabled,
-    _ref$dragHandleProps = _ref.dragHandleProps,
-    dragHandleProps = _ref$dragHandleProps === void 0 ? {} : _ref$dragHandleProps,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var onChangeNameDebounce = useRef(debounce(updateStepName || NOOP, 300)).current;
-  var _useState = useState(stepName),
-    localName = _useState[0],
-    setLocalName = _useState[1];
-  useEffect(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import debounce from "lodash.debounce";
+import { useRef, useState, useEffect, useCallback } from "react";
+import Cruds from "@synerise/ds-cruds";
+import { DragHandleM } from "@synerise/ds-icon";
+import InlineEdit from "@synerise/ds-inline-edit";
+import { NOOP } from "@synerise/ds-utils";
+import { DragIcon, StepCruds, StepHeader as StepHeader$1, LeftSide } from "../../Condition.style.js";
+import { StepName } from "../StepName/StepName.js";
+const StepHeader = ({
+  stepName,
+  stepId,
+  texts,
+  updateStepName,
+  duplicateStep,
+  removeStep,
+  index,
+  draggableEnabled,
+  dragHandleProps = {},
+  readOnly = false
+}) => {
+  const onChangeNameDebounce = useRef(debounce(updateStepName || NOOP, 300)).current;
+  const [localName, setLocalName] = useState(stepName);
+  useEffect(() => {
     setLocalName(stepName);
   }, [stepName]);
-  useEffect(function () {
-    return function () {
+  useEffect(() => {
+    return () => {
       onChangeNameDebounce.cancel();
     };
   }, [onChangeNameDebounce]);
-  var handleChangeName = useCallback(function (event) {
+  const handleChangeName = useCallback((event) => {
     setLocalName(event.target.value);
     onChangeNameDebounce(stepId, event.target.value);
   }, [onChangeNameDebounce, stepId]);
-  var dragHandleElement = !readOnly && draggableEnabled && /*#__PURE__*/React.createElement(S.DragIcon, _extends({
-    className: "step-drag-handler",
-    component: /*#__PURE__*/React.createElement(DragHandleM, null)
-  }, dragHandleProps));
-  var stepNameElement = readOnly ? localName : /*#__PURE__*/React.createElement(InlineEdit, {
-    size: "small",
-    input: {
-      value: localName,
-      name: "condition-step-name-" + stepId,
-      placeholder: texts.stepNamePlaceholder,
-      onChange: handleChangeName
-    }
-  });
-  var crudElement = !readOnly && /*#__PURE__*/React.createElement(S.StepCruds, null, /*#__PURE__*/React.createElement(Cruds, {
-    onDuplicate: duplicateStep ? function () {
-      return duplicateStep(stepId);
-    } : undefined,
-    onDelete: removeStep ? function () {
-      return removeStep(stepId);
-    } : undefined,
-    duplicateTooltip: texts.duplicateTooltip,
-    deleteTooltip: texts.removeTooltip
-  }));
-  return /*#__PURE__*/React.createElement(S.StepHeader, {
-    className: "ds-condition-step-header",
-    draggable: draggableEnabled
-  }, /*#__PURE__*/React.createElement(S.LeftSide, null, dragHandleElement, /*#__PURE__*/React.createElement(StepName, {
-    name: stepNameElement,
-    index: index,
-    texts: texts
-  })), crudElement);
-};
+  const dragHandleElement = !readOnly && draggableEnabled && /* @__PURE__ */ jsx(DragIcon, { className: "step-drag-handler", component: /* @__PURE__ */ jsx(DragHandleM, {}), ...dragHandleProps });
+  const stepNameElement = readOnly ? localName : /* @__PURE__ */ jsx(InlineEdit, { size: "small", input: {
+    value: localName,
+    name: `condition-step-name-${stepId}`,
+    placeholder: texts.stepNamePlaceholder,
+    onChange: handleChangeName
+  } });
+  const crudElement = !readOnly && /* @__PURE__ */ jsx(StepCruds, { children: /* @__PURE__ */ jsx(Cruds, { onDuplicate: duplicateStep ? () => duplicateStep(stepId) : void 0, onDelete: removeStep ? () => removeStep(stepId) : void 0, duplicateTooltip: texts.duplicateTooltip, deleteTooltip: texts.removeTooltip }) });
+  return /* @__PURE__ */ jsxs(StepHeader$1, { className: "ds-condition-step-header", draggable: draggableEnabled, children: [
+    /* @__PURE__ */ jsxs(LeftSide, { children: [
+      dragHandleElement,
+      /* @__PURE__ */ jsx(StepName, { name: stepNameElement, index, texts })
+    ] }),
+    crudElement
+  ] });
+};
+export {
+  StepHeader
+};

package/dist/ConditionStep/StepHeader/StepHeader.types.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes, type ReactText } from 'react';
-import { type ConditionProps, type ConditionTexts } from '../../Condition.types';
+import { HTMLAttributes, ReactText } from 'react';
+import { ConditionProps, ConditionTexts } from '../../Condition.types';
 export type StepHeaderProps = {
     index: number;
     texts: ConditionTexts;

package/dist/ConditionStep/StepHeader/StepHeader.types.js

@@ -1 +1 @@
-export {};
+

package/dist/ConditionStep/StepHeader/index.js

@@ -1,2 +1,4 @@
-export * from './StepHeader.types';
-export * from './StepHeader';
+import { StepHeader } from "./StepHeader.js";
+export {
+  StepHeader
+};

package/dist/ConditionStep/StepName/StepName.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from 'react';
-import { type ConditionTexts } from '../../Condition.types';
+import { default as React, ReactNode } from 'react';
+import { ConditionTexts } from '../../Condition.types';
 type StepNameProps = {
     texts: ConditionTexts;
     index: number;

package/dist/ConditionStep/StepName/StepName.js

@@ -1,10 +1,19 @@
-import React from 'react';
-import * as S from '../../Condition.style';
-export var StepName = function StepName(_ref) {
-  var texts = _ref.texts,
-    index = _ref.index,
-    name = _ref.name;
-  return /*#__PURE__*/React.createElement(S.StepName, {
-    className: "ds-condition-step-name"
-  }, /*#__PURE__*/React.createElement(S.StepIndexWrapper, null, texts.stepNamePrefix, " ", "" + (index + 1)), name);
-};
+import { jsxs } from "react/jsx-runtime";
+import { StepName as StepName$1, StepIndexWrapper } from "../../Condition.style.js";
+const StepName = ({
+  texts,
+  index,
+  name
+}) => {
+  return /* @__PURE__ */ jsxs(StepName$1, { className: "ds-condition-step-name", children: [
+    /* @__PURE__ */ jsxs(StepIndexWrapper, { children: [
+      texts.stepNamePrefix,
+      " ",
+      `${index + 1}`
+    ] }),
+    name
+  ] });
+};
+export {
+  StepName
+};

package/dist/ConditionStep/index.js

@@ -1,2 +1,4 @@
-export * from './ConditionStep.types';
-export * from './ConditionStep';
+import { ConditionStep } from "./ConditionStep.js";
+export {
+  ConditionStep
+};

package/dist/constants.js

@@ -1,14 +1,25 @@
-export var DEFAULT_FIELD = '';
-export var DEFAULT_CONDITION = '';
-export var DEFAULT_STEP = '';
-export var OPERATOR = 'operator';
-export var PARAMETER = 'parameter';
-export var FACTOR = 'factor';
-export var SUBJECT = 'subject';
-export var ACTION_ATTRIBUTE = 'actionAttribute';
-export var DEFAULT_INPUT_PROPS = {
+const DEFAULT_FIELD = "";
+const DEFAULT_CONDITION = "";
+const DEFAULT_STEP = "";
+const OPERATOR = "operator";
+const PARAMETER = "parameter";
+const FACTOR = "factor";
+const SUBJECT = "subject";
+const ACTION_ATTRIBUTE = "actionAttribute";
+const DEFAULT_INPUT_PROPS = {
   autoResize: {
-    minWidth: '173px',
+    minWidth: "173px",
     stretchToFit: true
   }
-};
+};
+export {
+  ACTION_ATTRIBUTE,
+  DEFAULT_CONDITION,
+  DEFAULT_FIELD,
+  DEFAULT_INPUT_PROPS,
+  DEFAULT_STEP,
+  FACTOR,
+  OPERATOR,
+  PARAMETER,
+  SUBJECT
+};

package/dist/hooks/useTranslations.d.ts

@@ -1,2 +1,2 @@
-import { type ConditionTexts } from '../Condition.types';
+import { ConditionTexts } from '../Condition.types';
 export declare const useTranslations: (defaultTexts?: Partial<ConditionTexts>) => ConditionTexts;

package/dist/hooks/useTranslations.js

@@ -1,60 +1,62 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { useMemo } from 'react';
-import { useIntl } from 'react-intl';
-export var useTranslations = function useTranslations(defaultTexts) {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var texts = useMemo(function () {
-    return _extends({
-      stepNamePrefix: formatMessage({
-        id: 'DS.CONDITION.STEP_NAME-PREFIX',
-        defaultMessage: 'Step'
-      }),
-      emptyConditionLabel: formatMessage({
-        id: 'DS.CONDITION.EMPTY_CONDITION_LABEL',
-        defaultMessage: 'Choose event first'
-      }),
-      stepNamePlaceholder: formatMessage({
-        id: 'DS.CONDITION.STEP_NAME-PLACEHOLDER',
-        defaultMessage: 'Step name'
-      }),
-      removeConditionRowTooltip: formatMessage({
-        id: 'DS.CONDITION.REMOVE-CONDITION-ROW-TOOLTIP',
-        defaultMessage: 'Delete'
-      }),
-      addConditionRowButton: formatMessage({
-        id: 'DS.CONDITION.ADD-CONDITION-ROW-BUTTON',
-        defaultMessage: 'Add condition'
-      }),
-      addFirstConditionRowButton: formatMessage({
-        id: 'DS.CONDITION.ADD-FIRST-CONDITION-ROW-BUTTON',
-        defaultMessage: 'Add condition'
-      }),
-      dropLabel: formatMessage({
-        id: 'DS.CONDITION.DROP-LABEL',
-        defaultMessage: 'Drop me here'
-      }),
-      moveTooltip: formatMessage({
-        id: 'DS.CONDITION.MOVE-TOOLTIP',
-        defaultMessage: 'Move'
-      }),
-      duplicateTooltip: formatMessage({
-        id: 'DS.CONDITION.DUPLICATE-TOOLTIP',
-        defaultMessage: 'Duplicate'
-      }),
-      removeTooltip: formatMessage({
-        id: 'DS.CONDITION.REMOVE-TOOLTIP',
-        defaultMessage: 'Delete'
-      }),
-      addStep: formatMessage({
-        id: 'DS.CONDITION.ADD-STEP',
-        defaultMessage: 'Add step'
-      }),
-      conditionSuffix: formatMessage({
-        id: 'DS.CONDITION.SUFFIX',
-        defaultMessage: 'and'
-      })
-    }, defaultTexts || {});
-  }, [formatMessage, defaultTexts]);
+import { useMemo } from "react";
+import { useIntl } from "react-intl";
+const useTranslations = (defaultTexts) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const texts = useMemo(() => ({
+    stepNamePrefix: formatMessage({
+      id: "DS.CONDITION.STEP_NAME-PREFIX",
+      defaultMessage: "Step"
+    }),
+    emptyConditionLabel: formatMessage({
+      id: "DS.CONDITION.EMPTY_CONDITION_LABEL",
+      defaultMessage: "Choose event first"
+    }),
+    stepNamePlaceholder: formatMessage({
+      id: "DS.CONDITION.STEP_NAME-PLACEHOLDER",
+      defaultMessage: "Step name"
+    }),
+    removeConditionRowTooltip: formatMessage({
+      id: "DS.CONDITION.REMOVE-CONDITION-ROW-TOOLTIP",
+      defaultMessage: "Delete"
+    }),
+    addConditionRowButton: formatMessage({
+      id: "DS.CONDITION.ADD-CONDITION-ROW-BUTTON",
+      defaultMessage: "Add condition"
+    }),
+    addFirstConditionRowButton: formatMessage({
+      id: "DS.CONDITION.ADD-FIRST-CONDITION-ROW-BUTTON",
+      defaultMessage: "Add condition"
+    }),
+    dropLabel: formatMessage({
+      id: "DS.CONDITION.DROP-LABEL",
+      defaultMessage: "Drop me here"
+    }),
+    moveTooltip: formatMessage({
+      id: "DS.CONDITION.MOVE-TOOLTIP",
+      defaultMessage: "Move"
+    }),
+    duplicateTooltip: formatMessage({
+      id: "DS.CONDITION.DUPLICATE-TOOLTIP",
+      defaultMessage: "Duplicate"
+    }),
+    removeTooltip: formatMessage({
+      id: "DS.CONDITION.REMOVE-TOOLTIP",
+      defaultMessage: "Delete"
+    }),
+    addStep: formatMessage({
+      id: "DS.CONDITION.ADD-STEP",
+      defaultMessage: "Add step"
+    }),
+    conditionSuffix: formatMessage({
+      id: "DS.CONDITION.SUFFIX",
+      defaultMessage: "and"
+    }),
+    ...defaultTexts || {}
+  }), [formatMessage, defaultTexts]);
   return texts;
-};
+};
+export {
+  useTranslations
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Condition';
+import { default as default2 } from "./Condition.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "1.6.16",
+  "version": "1.6.17",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,19 +35,19 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-context-selector": "^1.3.16",
-    "@synerise/ds-cruds": "^1.1.1",
-    "@synerise/ds-factors": "^1.11.11",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-inline-edit": "^1.1.23",
-    "@synerise/ds-input": "^1.6.9",
-    "@synerise/ds-operators": "^1.1.23",
-    "@synerise/ds-sortable": "^1.3.13",
-    "@synerise/ds-subject": "^1.1.23",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-typography": "^1.1.12",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-context-selector": "^1.3.17",
+    "@synerise/ds-cruds": "^1.1.2",
+    "@synerise/ds-factors": "^1.11.12",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-inline-edit": "^1.1.24",
+    "@synerise/ds-input": "^1.6.10",
+    "@synerise/ds-operators": "^1.1.24",
+    "@synerise/ds-sortable": "^1.3.14",
+    "@synerise/ds-subject": "^1.1.24",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-typography": "^1.1.13",
+    "@synerise/ds-utils": "^1.7.1",
     "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {
@@ -61,5 +61,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }