@synerise/ds-condition 1.3.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +778 -2456
- package/README.md +38 -38
- package/dist/Condition.js +8 -6
- package/dist/Condition.style.js +1 -1
- package/dist/Condition.types.d.ts +4 -4
- package/dist/ConditionStep/AddCondition/AddCondition.d.ts +1 -1
- package/dist/ConditionStep/AddCondition/AddCondition.types.d.ts +2 -2
- package/dist/ConditionStep/ConditionRow/ConditionRow.d.ts +1 -1
- package/dist/ConditionStep/ConditionRow/ConditionRow.js +3 -3
- package/dist/ConditionStep/ConditionRow/ConditionRow.types.d.ts +1 -1
- package/dist/ConditionStep/ConditionStep.d.ts +1 -1
- package/dist/ConditionStep/ConditionStep.js +6 -6
- package/dist/ConditionStep/ConditionStep.types.d.ts +3 -3
- package/dist/ConditionStep/EmptyCondition/EmptyCondition.d.ts +1 -1
- package/dist/ConditionStep/EmptyCondition/EmptyCondition.js +1 -1
- package/dist/ConditionStep/EmptyCondition/emptyCondition.styles.d.ts +1 -1
- package/dist/ConditionStep/StepHeader/StepHeader.d.ts +1 -1
- package/dist/ConditionStep/StepHeader/StepHeader.js +2 -2
- package/dist/ConditionStep/StepHeader/StepHeader.types.d.ts +3 -3
- package/dist/ConditionStep/StepName/StepName.d.ts +2 -2
- package/dist/hooks/useTranslations.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +15 -15
package/README.md
CHANGED
|
@@ -6,6 +6,7 @@ title: Condition
|
|
|
6
6
|
Condition UI Component
|
|
7
7
|
|
|
8
8
|
## Installation
|
|
9
|
+
|
|
9
10
|
```
|
|
10
11
|
npm i @synerise/ds-condition
|
|
11
12
|
or
|
|
@@ -13,6 +14,7 @@ yarn add @synerise/ds-condition
|
|
|
13
14
|
```
|
|
14
15
|
|
|
15
16
|
## Usage
|
|
17
|
+
|
|
16
18
|
```
|
|
17
19
|
import Condition from '@synerise/ds-condition'
|
|
18
20
|
|
|
@@ -101,54 +103,54 @@ import Condition from '@synerise/ds-condition'
|
|
|
101
103
|
|
|
102
104
|
## API
|
|
103
105
|
|
|
104
|
-
| Property | Description | Type | Default
|
|
105
|
-
|
|
106
|
-
| addCondition | Callback called when user adds new row of conditions | (stepId: React.ReactText) => void | -
|
|
107
|
-
| removeCondition | Callback called when user clicks on remove row of condtions | (stepId: React.ReactText, conditionRowId: React.ReactText) => void | -
|
|
108
|
-
| steps | Array contains all steps of condition | ConditionStep[] | -
|
|
109
|
-
| texts | Translations object | Texts | -
|
|
110
|
-
| updateStepName | Callback called when user change the name of step | (stepId: React.ReactText, value: string) => void | -
|
|
111
|
-
| addStep | Callback called when user clicks on add step button | () => void | -
|
|
112
|
-
| duplicateStep | Callback called when user clicks on duplicate step button | (stepId: React.ReactText) => void | -
|
|
113
|
-
| removeStep | Callback called when user clicks on remove step button | (stepId: React.ReactText) => void | -
|
|
114
|
-
| onChangeOrder | Callback called when user change order of steps | (order: ConditionStep[]) => void | -
|
|
115
|
-
| autoClearCondition | Automatically fires clearing values of dependent elements | Boolean | false
|
|
116
|
-
| minConditionsLength | Minimal length of conditions in step | number | -
|
|
117
|
-
| maxConditionsLength | Maximal length of conditions in step | number \ undefined | -
|
|
118
|
-
| onChangeContext | Callback called when user change value of step context | (stepId: React.ReactText, value: ContextItem \ ContextGroup \ undefined) => void | -
|
|
119
|
-
| onChangeSubject | Callback called when user change value of step subject | (stepId: React.ReactText, value: SubjectItem \ undefined) => void | -
|
|
120
|
-
| onChangeParameter | Callback called when user change value of condition parameter | (stepId: React.ReactText, conditionId: React.ReactText, value: ParameterValue) | -
|
|
121
|
-
| onChangeOperator | Callback called when user change value of condition operator | (stepId: React.ReactText, conditionId: React.ReactText, value: OperatorsItem \ undefined) => void | -
|
|
122
|
-
| onChangeFactorValue | Callback called when user change value of condition factor | (stepId: React.ReactText, conditionId: React.ReactText, value: OperatorsType \ undefined) => void | -
|
|
123
|
-
| onChangeFactorType | Callback called when user change type of condition factor | (stepId: React.ReactText, conditionId: React.ReactText, value: FactorType \ undefined) => void | -
|
|
124
|
-
| onUpdateStepName | Callback called when user change the name of step condition | (stepId: React.ReactText, value: string) => void | -
|
|
125
|
-
| onDeactivate | Callback called when user blur on of the condition inputs | (stepId: React.ReactText, conditionId: string) => void | -
|
|
126
|
-
| getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement | null) => HTMLElement;
|
|
127
|
-
| defaultOpenedComponent | Component which should be opened after render | 'subject' \ 'operator' \ 'factor' \ 'parameter' \ 'context' | -
|
|
128
|
-
| inputProps | group of props from ds-factors types | InputProps | -
|
|
129
|
-
|
|
106
|
+
| Property | Description | Type | Default |
|
|
107
|
+
| ------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | --------------------- | --- |
|
|
108
|
+
| addCondition | Callback called when user adds new row of conditions | (stepId: React.ReactText) => void | - |
|
|
109
|
+
| removeCondition | Callback called when user clicks on remove row of condtions | (stepId: React.ReactText, conditionRowId: React.ReactText) => void | - |
|
|
110
|
+
| steps | Array contains all steps of condition | ConditionStep[] | - |
|
|
111
|
+
| texts | Translations object | Texts | - |
|
|
112
|
+
| updateStepName | Callback called when user change the name of step | (stepId: React.ReactText, value: string) => void | - |
|
|
113
|
+
| addStep | Callback called when user clicks on add step button | () => void | - |
|
|
114
|
+
| duplicateStep | Callback called when user clicks on duplicate step button | (stepId: React.ReactText) => void | - |
|
|
115
|
+
| removeStep | Callback called when user clicks on remove step button | (stepId: React.ReactText) => void | - |
|
|
116
|
+
| onChangeOrder | Callback called when user change order of steps | (order: ConditionStep[]) => void | - |
|
|
117
|
+
| autoClearCondition | Automatically fires clearing values of dependent elements | Boolean | false |
|
|
118
|
+
| minConditionsLength | Minimal length of conditions in step | number | - |
|
|
119
|
+
| maxConditionsLength | Maximal length of conditions in step | number \ undefined | - |
|
|
120
|
+
| onChangeContext | Callback called when user change value of step context | (stepId: React.ReactText, value: ContextItem \ ContextGroup \ undefined) => void | - |
|
|
121
|
+
| onChangeSubject | Callback called when user change value of step subject | (stepId: React.ReactText, value: SubjectItem \ undefined) => void | - |
|
|
122
|
+
| onChangeParameter | Callback called when user change value of condition parameter | (stepId: React.ReactText, conditionId: React.ReactText, value: ParameterValue) | - |
|
|
123
|
+
| onChangeOperator | Callback called when user change value of condition operator | (stepId: React.ReactText, conditionId: React.ReactText, value: OperatorsItem \ undefined) => void | - |
|
|
124
|
+
| onChangeFactorValue | Callback called when user change value of condition factor | (stepId: React.ReactText, conditionId: React.ReactText, value: OperatorsType \ undefined) => void | - |
|
|
125
|
+
| onChangeFactorType | Callback called when user change type of condition factor | (stepId: React.ReactText, conditionId: React.ReactText, value: FactorType \ undefined) => void | - |
|
|
126
|
+
| onUpdateStepName | Callback called when user change the name of step condition | (stepId: React.ReactText, value: string) => void | - |
|
|
127
|
+
| onDeactivate | Callback called when user blur on of the condition inputs | (stepId: React.ReactText, conditionId: string) => void | - |
|
|
128
|
+
| getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement | null) => HTMLElement; | - |
|
|
129
|
+
| defaultOpenedComponent | Component which should be opened after render | 'subject' \ 'operator' \ 'factor' \ 'parameter' \ 'context' | - |
|
|
130
|
+
| inputProps | group of props from ds-factors types | InputProps | - |
|
|
130
131
|
|
|
131
132
|
### ConditionStep
|
|
132
133
|
|
|
133
|
-
| Property | Description
|
|
134
|
-
|
|
|
135
|
-
| conditions | Rows of conditions
|
|
136
|
-
| id | Id of condition step
|
|
137
|
-
| stepName | The name of step
|
|
138
|
-
| subject | Subject options
|
|
139
|
-
| context | ContextSelector options
|
|
140
|
-
| getPopupContainerOverride | Popup container function for child tooltips and dropdowns
|
|
134
|
+
| Property | Description | Type | Default |
|
|
135
|
+
| ------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | --------------------- | --- |
|
|
136
|
+
| conditions | Rows of conditions | StepConditions[] | - |
|
|
137
|
+
| id | Id of condition step | React.ReactText | - |
|
|
138
|
+
| stepName | The name of step | string | - |
|
|
139
|
+
| subject | Subject options | [SubjectProps](/docs/components/subject) | - |
|
|
140
|
+
| context | ContextSelector options | [ContextSelectorProps](/docs/components/context-selector) | - |
|
|
141
|
+
| getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement | null) => HTMLElement; | - |
|
|
141
142
|
|
|
142
143
|
### StepConditions
|
|
143
144
|
|
|
144
145
|
| Property | Description | Type | Default |
|
|
145
|
-
|
|
|
146
|
+
| ---------- | -------------------------- | -------------------------------------------- | ------- |
|
|
146
147
|
| factor? | Factors selector options | [FactorsProps](/docs/components/factors) | - |
|
|
147
148
|
| id | Id condition row | React.ReactText | - |
|
|
148
149
|
| operator? | Operators selector options | [OperatorsProps](/docs/components/operators) | - |
|
|
149
150
|
| parameter? | Parameter selector options | [FactorsProps](/docs/components/factors) | - |
|
|
150
151
|
|
|
151
152
|
#### Selectors appereance rules
|
|
153
|
+
|
|
152
154
|
- Parameter appers when `parameter` prop is provided
|
|
153
155
|
- Operator appears without Parameter when `operator` prop is provided and `parameter` prop is not provided
|
|
154
156
|
- Operator with Parameter appers when `operator` and `parameter` pros are provided and `parameter.value` is set
|
|
@@ -159,7 +161,7 @@ See [Condition.spec.tsx](./src/__specs__/Condition.spec.tsx) for code examples
|
|
|
159
161
|
### Texts
|
|
160
162
|
|
|
161
163
|
| Property | Description | Type | Default |
|
|
162
|
-
|
|
|
164
|
+
| ------------------------- | --------------------------------------- | ------ | ------- |
|
|
163
165
|
| addConditionRowButton | Label of add conditions row button | string | - |
|
|
164
166
|
| removeConditionRowTooltip | Tooltip on remove conditions row button | string | - |
|
|
165
167
|
| stepNamePlaceholder | Placeholder of step name | string | - |
|
|
@@ -168,5 +170,3 @@ See [Condition.spec.tsx](./src/__specs__/Condition.spec.tsx) for code examples
|
|
|
168
170
|
| moveTooltip | Tooltip on move step button | string | - |
|
|
169
171
|
| removeTooltip | Tooltip on remove step button | string | - |
|
|
170
172
|
| dropLabel | Label on drop zone | string | - |
|
|
171
|
-
|
|
172
|
-
|
package/dist/Condition.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
import React, {
|
|
3
|
-
import { SortableContainer, DragOverlay } from '@synerise/ds-sortable';
|
|
4
|
-
import Icon, { Add3M, DragHandleM } from '@synerise/ds-icon';
|
|
2
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
3
|
import Button from '@synerise/ds-button';
|
|
4
|
+
import Icon, { Add3M, DragHandleM } from '@synerise/ds-icon';
|
|
5
|
+
import { DragOverlay, SortableContainer } from '@synerise/ds-sortable';
|
|
6
6
|
import { usePrevious } from '@synerise/ds-utils';
|
|
7
|
-
import { ConditionStep } from './ConditionStep';
|
|
8
7
|
import * as S from './Condition.style';
|
|
9
|
-
import {
|
|
8
|
+
import { ConditionStep } from './ConditionStep';
|
|
10
9
|
import { StepName } from './ConditionStep/StepName/StepName';
|
|
10
|
+
import { ACTION_ATTRIBUTE, DEFAULT_CONDITION, DEFAULT_FIELD, DEFAULT_INPUT_PROPS, DEFAULT_STEP, FACTOR, OPERATOR, PARAMETER, SUBJECT } from './constants';
|
|
11
11
|
import { useTranslations } from './hooks/useTranslations';
|
|
12
12
|
var Condition = function Condition(props) {
|
|
13
13
|
var _draggedStep$context;
|
|
@@ -106,7 +106,9 @@ var Condition = function Condition(props) {
|
|
|
106
106
|
var step = steps.find(function (s) {
|
|
107
107
|
return s.id === stepId;
|
|
108
108
|
});
|
|
109
|
-
if (step === undefined || step.conditions.length === 0)
|
|
109
|
+
if (step === undefined || step.conditions.length === 0) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
110
112
|
if (removeCondition && addCondition) {
|
|
111
113
|
step.conditions.forEach(function (condition, index) {
|
|
112
114
|
if (index > 0) {
|
package/dist/Condition.style.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
-
import Icon from '@synerise/ds-icon';
|
|
3
2
|
import Cruds from '@synerise/ds-cruds';
|
|
3
|
+
import Icon from '@synerise/ds-icon';
|
|
4
4
|
import { InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
|
|
5
5
|
export var ErrorWrapper = styled.div.withConfig({
|
|
6
6
|
displayName: "Conditionstyle__ErrorWrapper",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { SubjectItem, SubjectProps } from '@synerise/ds-subject';
|
|
3
|
-
import type { FactorsProps, FactorType, FactorValueComponentProps, FactorValueType, InputProps, ParameterValueType } from '@synerise/ds-factors';
|
|
4
|
-
import type { OperatorsItem, OperatorsProps } from '@synerise/ds-operators';
|
|
1
|
+
import type { ComponentType, ReactNode, ReactText } from 'react';
|
|
5
2
|
import type { ContextGroup, ContextItem, ContextProps } from '@synerise/ds-context-selector';
|
|
3
|
+
import type { FactorType, FactorValueComponentProps, FactorValueType, FactorsProps, InputProps, ParameterValueType } from '@synerise/ds-factors';
|
|
4
|
+
import type { OperatorsItem, OperatorsProps } from '@synerise/ds-operators';
|
|
5
|
+
import type { SubjectItem, SubjectProps } from '@synerise/ds-subject';
|
|
6
6
|
import type { ConditionStepCrudActions } from './ConditionStep/ConditionStep.types';
|
|
7
7
|
export type StepConditions = {
|
|
8
8
|
id: ReactText;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import * as T from './AddCondition.types';
|
|
2
|
+
import type * as T from './AddCondition.types';
|
|
3
3
|
export declare const AddCondition: ({ addCondition, stepId, conditionsNumber, texts, isDisabled, errorText, }: T.AddConditionProps) => React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ConditionTexts } from '../../Condition.types';
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type ConditionTexts } from '../../Condition.types';
|
|
3
3
|
export type AddConditionProps = {
|
|
4
4
|
addCondition: (stepId: React.ReactText) => void;
|
|
5
5
|
stepId: React.ReactText;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import * as T from './ConditionRow.types';
|
|
2
|
+
import type * as T from './ConditionRow.types';
|
|
3
3
|
export declare const ConditionRow: ({ index, conditionId, conditionParameter, conditionOperator, conditionFactor, removeCondition, addCondition, minConditionLength, maxConditionLength, conditionsNumber, stepId, currentStepId, currentConditionId, currentField, selectParameter, selectOperator, setStepConditionFactorType, setStepConditionFactorValue, getPopupContainerOverride, onActivate, hasPriority, texts, onDeactivate, inputProps, readOnly, parameterSelectorComponent, factorParameterSelectorComponent, }: T.ConditionRowProps) => React.JSX.Element;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
|
+
import { theme } from '@synerise/ds-core';
|
|
3
4
|
import Factors from '@synerise/ds-factors';
|
|
5
|
+
import Icon, { CloseS } from '@synerise/ds-icon';
|
|
4
6
|
import Operators from '@synerise/ds-operators';
|
|
5
7
|
import Tooltip from '@synerise/ds-tooltip';
|
|
6
|
-
import Icon, { CloseS } from '@synerise/ds-icon';
|
|
7
|
-
import { theme } from '@synerise/ds-core';
|
|
8
8
|
import { getPopupContainer } from '@synerise/ds-utils';
|
|
9
|
-
import { FACTOR, OPERATOR, PARAMETER } from '../../constants';
|
|
10
9
|
import * as S from '../../Condition.style';
|
|
10
|
+
import { FACTOR, OPERATOR, PARAMETER } from '../../constants';
|
|
11
11
|
export var ConditionRow = function ConditionRow(_ref) {
|
|
12
12
|
var index = _ref.index,
|
|
13
13
|
conditionId = _ref.conditionId,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode, ReactText } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { FactorValueComponentProps, FactorsProps } from '@synerise/ds-factors';
|
|
3
3
|
import type { OperatorsProps } from '@synerise/ds-operators';
|
|
4
4
|
import type { ConditionProps, ConditionTexts } from '../../Condition.types';
|
|
5
5
|
export type ConditionRowProps = Pick<ConditionProps, 'removeCondition' | 'getPopupContainerOverride' | 'factorParameterSelectorComponent' | 'parameterSelectorComponent'> & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import * as T from './ConditionStep.types';
|
|
2
|
+
import type * as T from './ConditionStep.types';
|
|
3
3
|
export declare const ConditionStep: ({ step, texts, index, isLast, isDragged, addCondition, removeCondition, updateStepName, removeStep, duplicateStep, minConditionsLength, maxConditionsLength, draggableEnabled, selectSubject, selectContext, selectActionAttribute, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, getPopupContainerOverride, hasPriority, currentStepId, currentConditionId, currentField, setCurrentField, setCurrentCondition, setCurrentStep, onDeactivate, showSuffix, inputProps, readOnly, singleStepCondition, showActionAttribute, contextSelectorComponent: CustomContextSelectorComponent, actionAttributeParameterSelectorComponent, parameterSelectorComponent, factorParameterSelectorComponent, showEmptyConditionPlaceholder, }: T.ConditionStepProps) => React.JSX.Element;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import { useSortable, CSS } from '@synerise/ds-sortable';
|
|
4
|
-
import Subject from '@synerise/ds-subject';
|
|
5
3
|
import ContextSelector from '@synerise/ds-context-selector';
|
|
6
|
-
import { DragHandleM } from '@synerise/ds-icon';
|
|
7
4
|
import Factors from '@synerise/ds-factors';
|
|
5
|
+
import { DragHandleM } from '@synerise/ds-icon';
|
|
6
|
+
import { CSS, useSortable } from '@synerise/ds-sortable';
|
|
7
|
+
import Subject from '@synerise/ds-subject';
|
|
8
8
|
import * as S from '../Condition.style';
|
|
9
|
-
import {
|
|
9
|
+
import { ACTION_ATTRIBUTE, SUBJECT } from '../constants';
|
|
10
|
+
import { useTranslations } from '../hooks/useTranslations';
|
|
10
11
|
import { AddCondition } from './AddCondition';
|
|
11
12
|
import { ConditionRow } from './ConditionRow';
|
|
12
|
-
import { ACTION_ATTRIBUTE, SUBJECT } from '../constants';
|
|
13
13
|
import { EmptyCondition } from './EmptyCondition';
|
|
14
|
-
import {
|
|
14
|
+
import { StepHeader } from './StepHeader';
|
|
15
15
|
export var ConditionStep = function ConditionStep(_ref) {
|
|
16
16
|
var _step$actionAttribute2, _step$subject3, _step$context4, _step$actionAttribute4, _step$context6, _step$subject4, _step$context7, _step$actionAttribute5, _step$actionAttribute6;
|
|
17
17
|
var step = _ref.step,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ReactText } from 'react';
|
|
2
|
-
import type { FactorType, FactorValueType } from '@synerise/ds-factors';
|
|
3
2
|
import type { ContextGroup, ContextItem } from '@synerise/ds-context-selector';
|
|
4
|
-
import type {
|
|
3
|
+
import type { FactorType, FactorValueType } from '@synerise/ds-factors';
|
|
5
4
|
import type { OperatorsGroup, OperatorsItem } from '@synerise/ds-operators';
|
|
6
|
-
import type {
|
|
5
|
+
import type { SubjectItem } from '@synerise/ds-subject';
|
|
6
|
+
import type { ConditionProps, ConditionStep } from '../Condition.types';
|
|
7
7
|
export type ConditionStepProps = Pick<ConditionProps, 'singleStepCondition' | 'showActionAttribute' | 'showEmptyConditionPlaceholder' | 'showSuffix' | 'readOnly' | 'inputProps' | 'hoverDisabled' | 'getPopupContainerOverride' | 'minConditionsLength' | 'addCondition' | 'removeCondition' | 'texts' | 'maxConditionsLength' | 'contextSelectorComponent' | 'factorParameterSelectorComponent' | 'parameterSelectorComponent' | 'actionAttributeParameterSelectorComponent'> & {
|
|
8
8
|
index: number;
|
|
9
9
|
isLast?: boolean;
|
|
@@ -3,5 +3,5 @@ type EmptyConditionProps = {
|
|
|
3
3
|
icon?: JSX.Element;
|
|
4
4
|
label: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const EmptyCondition: ({ icon, label }: EmptyConditionProps) => React.JSX.Element;
|
|
6
|
+
export declare const EmptyCondition: ({ icon, label, }: EmptyConditionProps) => React.JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Icon, { ClickM } from '@synerise/ds-icon';
|
|
3
2
|
import { theme } from '@synerise/ds-core';
|
|
3
|
+
import Icon, { ClickM } from '@synerise/ds-icon';
|
|
4
4
|
import * as S from './emptyCondition.styles';
|
|
5
5
|
export var EmptyCondition = function EmptyCondition(_ref) {
|
|
6
6
|
var _ref$icon = _ref.icon,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const LabelWrapper: import("styled-components").StyledComponent<({ size, className, children, ellipsis }: {
|
|
2
|
+
export declare const LabelWrapper: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
3
3
|
size?: import("@synerise/ds-typography").TextSize | undefined;
|
|
4
4
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps | undefined;
|
|
5
5
|
children?: import("react").ReactNode;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import * as T from './StepHeader.types';
|
|
2
|
+
import type * as T from './StepHeader.types';
|
|
3
3
|
export declare const StepHeader: ({ stepName, stepId, texts, updateStepName, duplicateStep, removeStep, index, draggableEnabled, dragHandleProps, readOnly, }: T.StepHeaderProps) => React.JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
import React, { useRef, useState, useEffect, useCallback } from 'react';
|
|
3
2
|
import { debounce } from 'lodash';
|
|
4
|
-
import
|
|
3
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
5
4
|
import Cruds from '@synerise/ds-cruds';
|
|
6
5
|
import { DragHandleM } from '@synerise/ds-icon';
|
|
6
|
+
import InlineEdit from '@synerise/ds-inline-edit';
|
|
7
7
|
import { NOOP } from '@synerise/ds-utils';
|
|
8
8
|
import * as S from '../../Condition.style';
|
|
9
9
|
import { StepName } from '../StepName/StepName';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ConditionProps, ConditionTexts } from '../../Condition.types';
|
|
1
|
+
import { type HTMLAttributes, type ReactText } from 'react';
|
|
2
|
+
import { type ConditionProps, type ConditionTexts } from '../../Condition.types';
|
|
3
3
|
export type StepHeaderProps = {
|
|
4
4
|
index: number;
|
|
5
5
|
texts: ConditionTexts;
|
|
6
6
|
stepName: string;
|
|
7
|
-
stepId:
|
|
7
|
+
stepId: ReactText;
|
|
8
8
|
removeStep: ConditionProps['removeStep'];
|
|
9
9
|
duplicateStep: ConditionProps['duplicateStep'];
|
|
10
10
|
updateStepName: ConditionProps['onUpdateStepName'];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { ConditionTexts } from '../../Condition.types';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import { type ConditionTexts } from '../../Condition.types';
|
|
3
3
|
type StepNameProps = {
|
|
4
4
|
texts: ConditionTexts;
|
|
5
5
|
index: number;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ConditionTexts } from '../Condition.types';
|
|
1
|
+
import { type ConditionTexts } from '../Condition.types';
|
|
2
2
|
export declare const useTranslations: (defaultTexts?: Partial<ConditionTexts>) => ConditionTexts;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default } from './Condition';
|
|
2
2
|
export type { ConditionStepCrudActions } from './ConditionStep/ConditionStep.types';
|
|
3
|
-
export type { ConditionProps, ConditionStep, ConditionTexts, StepConditions } from './Condition.types';
|
|
3
|
+
export type { ConditionProps, ConditionStep, ConditionTexts, StepConditions, } from './Condition.types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-condition",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.2",
|
|
4
4
|
"description": "Condition UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
],
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@synerise/ds-button": "^1.4.
|
|
38
|
-
"@synerise/ds-context-selector": "^1.1.
|
|
39
|
-
"@synerise/ds-cruds": "^1.0.
|
|
40
|
-
"@synerise/ds-factors": "^1.3.
|
|
41
|
-
"@synerise/ds-icon": "^1.5.
|
|
42
|
-
"@synerise/ds-inline-edit": "^1.0.
|
|
43
|
-
"@synerise/ds-input": "^1.3.
|
|
44
|
-
"@synerise/ds-operators": "^1.0.
|
|
45
|
-
"@synerise/ds-sortable": "^1.3.
|
|
46
|
-
"@synerise/ds-subject": "^1.0.
|
|
47
|
-
"@synerise/ds-tooltip": "^1.1.
|
|
48
|
-
"@synerise/ds-typography": "^1.0.
|
|
49
|
-
"@synerise/ds-utils": "^1.3.
|
|
37
|
+
"@synerise/ds-button": "^1.4.2",
|
|
38
|
+
"@synerise/ds-context-selector": "^1.1.16",
|
|
39
|
+
"@synerise/ds-cruds": "^1.0.13",
|
|
40
|
+
"@synerise/ds-factors": "^1.3.2",
|
|
41
|
+
"@synerise/ds-icon": "^1.5.4",
|
|
42
|
+
"@synerise/ds-inline-edit": "^1.0.17",
|
|
43
|
+
"@synerise/ds-input": "^1.3.2",
|
|
44
|
+
"@synerise/ds-operators": "^1.0.16",
|
|
45
|
+
"@synerise/ds-sortable": "^1.3.1",
|
|
46
|
+
"@synerise/ds-subject": "^1.0.17",
|
|
47
|
+
"@synerise/ds-tooltip": "^1.1.12",
|
|
48
|
+
"@synerise/ds-typography": "^1.0.13",
|
|
49
|
+
"@synerise/ds-utils": "^1.3.1",
|
|
50
50
|
"lodash": "^4.17.19"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
56
56
|
"styled-components": "^5.3.3"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "4512641033ba3581a3df208143c547fcfed45895"
|
|
59
59
|
}
|