@commercetools-frontend/experimental-components 8.0.2 → 8.0.4
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/dist/commercetools-frontend-experimental-components.cjs.dev.js +594 -861
- package/dist/commercetools-frontend-experimental-components.cjs.prod.js +558 -807
- package/dist/commercetools-frontend-experimental-components.esm.js +615 -880
- package/dist/declarations/src/custom-fields/custom-fields-form-field/custom-fields-form-field.d.ts +3 -1
- package/dist/declarations/src/index.d.ts +2 -5
- package/dist/declarations/src/utils/constants.d.ts +38 -39
- package/package.json +18 -19
- package/dist/declarations/src/components/buttons/button/button.d.ts +0 -19
- package/dist/declarations/src/fields/search-input/messages.d.ts +0 -16
- package/dist/declarations/src/fields/search-input/search-input.d.ts +0 -54
package/dist/declarations/src/custom-fields/custom-fields-form-field/custom-fields-form-field.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
export default CustomFieldsFormField;
|
|
2
|
-
declare function CustomFieldsFormField({ resources, isReadOnly, isCondensed, hideEmptyFields, rootFormStateFieldName, panelTitle, }: {
|
|
2
|
+
declare function CustomFieldsFormField({ resources, isReadOnly, isCondensed, hideEmptyFields, rootFormStateFieldName, panelTitle, leftAlignDropdown, }: {
|
|
3
3
|
resources: any;
|
|
4
4
|
isReadOnly: any;
|
|
5
5
|
isCondensed: any;
|
|
6
6
|
hideEmptyFields: any;
|
|
7
7
|
rootFormStateFieldName: any;
|
|
8
8
|
panelTitle: any;
|
|
9
|
+
leftAlignDropdown: any;
|
|
9
10
|
}): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
11
|
declare namespace CustomFieldsFormField {
|
|
11
12
|
export { createFormStateFromResource };
|
|
@@ -17,6 +18,7 @@ declare namespace CustomFieldsFormField {
|
|
|
17
18
|
let hideEmptyFields: any;
|
|
18
19
|
let rootFormStateFieldName: any;
|
|
19
20
|
let panelTitle: any;
|
|
21
|
+
let leftAlignDropdown: any;
|
|
20
22
|
}
|
|
21
23
|
}
|
|
22
24
|
import { createFormStateFromResource } from "./utils.js";
|
|
@@ -3,7 +3,6 @@ import { CategorySearchPickerOptionFragment } from './actions/reference-search/c
|
|
|
3
3
|
import CartDiscountReferenceSearch from "./components/attribute-definitions/reference-search/cart-discount-reference-search/cart-discount-reference-search.jsx";
|
|
4
4
|
import CategoryReferenceSearch from "./components/attribute-definitions/reference-search/category-reference-search/category-reference-search.jsx";
|
|
5
5
|
import useCachedCategoryOptions from "./components/attribute-definitions/reference-search/category-reference-search/use-cached-category-options.js";
|
|
6
|
-
import Button from "./components/buttons/button/button.jsx";
|
|
7
6
|
import FileInput from "./components/buttons/file-input/file-input.jsx";
|
|
8
7
|
import Carousel, { type CarouselItem } from "./components/carousel/index.js";
|
|
9
8
|
import CenteredLoadingSpinner from "./components/centered-loading-spinner/index.js";
|
|
@@ -43,8 +42,6 @@ import LabelRange from "./fields/label-range/label-range.jsx";
|
|
|
43
42
|
import MissingValueField, { messages as missingValueMessages } from "./fields/missing-value-field/index.js";
|
|
44
43
|
import MultiValueSearchInput from "./fields/multi-value-search-input/multi-value-search-input.jsx";
|
|
45
44
|
import NumericFormatInput from "./fields/numeric-format-input/numeric-format-input.jsx";
|
|
46
|
-
import searchInputMessages from "./fields/search-input/messages.js";
|
|
47
|
-
import SearchInput from "./fields/search-input/search-input.jsx";
|
|
48
45
|
import ThrottledField from "./fields/throttled-field/throttled-field.jsx";
|
|
49
46
|
import { injectDataTablePaginationState, injectNotifications, wrapDisplayName, withProps, withRedirectTo, injectModalState, injectToggleState, injectStorage, getDisplayName, setDisplayName } from "./hocs/index.js";
|
|
50
47
|
import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useIdentityBannerNotification, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useFormatLocalizedString, usePersistedReminder } from "./hooks/index.js";
|
|
@@ -59,7 +56,7 @@ import { getPathName, getCategoryLevel, getAncestors } from "./utils/categories/
|
|
|
59
56
|
import clone from "./utils/clone/clone.js";
|
|
60
57
|
import { coerceToInteger } from "./utils/coerce-to-integer/coerce-to-integer.js";
|
|
61
58
|
import { convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData } from "./utils/connector/connector.js";
|
|
62
|
-
import { PRECISION_TYPES, DefaultPageSizes } from "./utils/constants.js";
|
|
59
|
+
import { PRECISION_TYPES, DefaultPageSizes, FILTER_TYPES } from "./utils/constants.js";
|
|
63
60
|
import { sortDataByIdsArray } from "./utils/conversions/sort-array.js";
|
|
64
61
|
import createNextSortDefinition from "./utils/create-next-sort-definition/create-next-sort-definition.js";
|
|
65
62
|
import createReducer from "./utils/create-reducer/create-reducer.js";
|
|
@@ -117,4 +114,4 @@ import getIndexesOfInvalidValues from "./utils/validation/get-indexes-of-invalid
|
|
|
117
114
|
import withoutEmptyErrorsByField from "./utils/validation/without-empty-errors-by-field.js";
|
|
118
115
|
import withPendingRequests from "./utils/with-pending-requests/with-pending-requests.jsx";
|
|
119
116
|
export { QUERY_LIMIT, QUERY_MAX_LIMIT, LOWER_STORES_LIMIT, UPPER_STORES_LIMIT, } from "./constants/index.js";
|
|
120
|
-
export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery,
|
|
117
|
+
export { allowedProperties, and, attributesMapToNameValuePairs, attributeToCustomField, base64ToString, BooleanField, booleanMessages, buildSearchQuery, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, Carousel, type CarouselItem, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createPlatformLimitsQueryVariables, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, CustomFieldInput, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, FILTER_TYPES, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getFractionDigit, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getProductAttributes, getProductLevelAttributes, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getStampToneByPublishState, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, useBusinessUnitsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapShippingRateTierToGraphQL, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PlatformLimitsFetcherQuery, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, RecurrentIntervalPicker, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, RESOURCES_WITH_PLATFORM_LIMITS, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, splitProductAndVariantAttributes, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatCustomField, useFormatLocalizedFieldToString, useFormatLocalizedString, usePersistedReminder, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useIdentityBannerNotification, useShowBulkNotification, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useStoresSearchFetcher, useStoreSearchIndexStatusFetcher, useStoresPlatformLimits, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, CUSTOM_FIELD_TYPES, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, valueMapping, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };
|
|
@@ -1,39 +1,38 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
export const
|
|
39
|
-
export const DefaultPageSize: number;
|
|
1
|
+
export declare const PRODUCT_STATUSES: {
|
|
2
|
+
PUBLISHED: string;
|
|
3
|
+
UNPUBLISHED: string;
|
|
4
|
+
MODIFIED: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const FILTER_TYPES: {
|
|
7
|
+
readonly lessThan: "lessThan";
|
|
8
|
+
readonly moreThan: "moreThan";
|
|
9
|
+
readonly equalTo: "equalTo";
|
|
10
|
+
readonly range: "range";
|
|
11
|
+
readonly missing: "missing";
|
|
12
|
+
readonly missingIn: "missingIn";
|
|
13
|
+
readonly in: "in";
|
|
14
|
+
};
|
|
15
|
+
export declare const FIELD_TYPES: {
|
|
16
|
+
Money: string;
|
|
17
|
+
LocalizedString: string;
|
|
18
|
+
Time: string;
|
|
19
|
+
DateTime: string;
|
|
20
|
+
Boolean: string;
|
|
21
|
+
String: string;
|
|
22
|
+
Enum: string;
|
|
23
|
+
LocalizedEnum: string;
|
|
24
|
+
Number: string;
|
|
25
|
+
Date: string;
|
|
26
|
+
Reference: string;
|
|
27
|
+
Set: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const PRECISION_TYPES: {
|
|
30
|
+
highPrecision: string;
|
|
31
|
+
centPrecision: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const ERROR_CODES: {
|
|
34
|
+
semanticError: string;
|
|
35
|
+
invalidInput: string;
|
|
36
|
+
};
|
|
37
|
+
export declare const DefaultPageSizes: number[];
|
|
38
|
+
export declare const DefaultPageSize: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/experimental-components",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -25,18 +25,18 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/core": "^7.22.11",
|
|
27
27
|
"@babel/runtime-corejs3": "^7.21.0",
|
|
28
|
-
"@commercetools-frontend/actions-global": "24.
|
|
29
|
-
"@commercetools-frontend/application-components": "24.
|
|
30
|
-
"@commercetools-frontend/application-shell": "24.
|
|
31
|
-
"@commercetools-frontend/application-shell-connectors": "24.
|
|
32
|
-
"@commercetools-frontend/constants": "24.
|
|
33
|
-
"@commercetools-frontend/l10n": "24.
|
|
34
|
-
"@commercetools-frontend/sdk": "24.
|
|
35
|
-
"@commercetools-frontend/sentry": "24.
|
|
36
|
-
"@commercetools-frontend/ui-kit": "20.
|
|
37
|
-
"@commercetools-uikit/design-system": "20.
|
|
38
|
-
"@commercetools-uikit/select-utils": "20.
|
|
39
|
-
"@commercetools-uikit/utils": "20.
|
|
28
|
+
"@commercetools-frontend/actions-global": "24.11.0",
|
|
29
|
+
"@commercetools-frontend/application-components": "24.11.0",
|
|
30
|
+
"@commercetools-frontend/application-shell": "24.11.0",
|
|
31
|
+
"@commercetools-frontend/application-shell-connectors": "24.11.0",
|
|
32
|
+
"@commercetools-frontend/constants": "24.11.0",
|
|
33
|
+
"@commercetools-frontend/l10n": "24.11.0",
|
|
34
|
+
"@commercetools-frontend/sdk": "24.11.0",
|
|
35
|
+
"@commercetools-frontend/sentry": "24.11.0",
|
|
36
|
+
"@commercetools-frontend/ui-kit": "20.3.0",
|
|
37
|
+
"@commercetools-uikit/design-system": "20.3.0",
|
|
38
|
+
"@commercetools-uikit/select-utils": "20.3.0",
|
|
39
|
+
"@commercetools-uikit/utils": "20.3.0",
|
|
40
40
|
"@emotion/react": "11.14.0",
|
|
41
41
|
"@hello-pangea/dnd": "^18.0.1",
|
|
42
42
|
"classnames": "2.5.1",
|
|
@@ -61,11 +61,11 @@
|
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@apollo/client": "3.12.4",
|
|
64
|
-
"@commercetools/composable-commerce-test-data": "13.
|
|
65
|
-
"@testing-library/react": "16.
|
|
64
|
+
"@commercetools/composable-commerce-test-data": "13.11.0",
|
|
65
|
+
"@testing-library/react": "16.3.0",
|
|
66
66
|
"@types/debounce-promise": "3.1.9",
|
|
67
67
|
"@types/jest": "^29.5.2",
|
|
68
|
-
"@types/react": "19.2.
|
|
68
|
+
"@types/react": "19.2.2",
|
|
69
69
|
"@types/testing-library__jest-dom": "^5.14.6",
|
|
70
70
|
"formik": "2.4.6",
|
|
71
71
|
"graphql": "16.11.0",
|
|
@@ -73,15 +73,14 @@
|
|
|
73
73
|
"msw": "1.3.5",
|
|
74
74
|
"react": "19.2.0",
|
|
75
75
|
"react-dom": "19.2.0",
|
|
76
|
-
"react-intl": "7.1.
|
|
76
|
+
"react-intl": "7.1.14",
|
|
77
77
|
"react-redux": "7.2.9",
|
|
78
78
|
"react-required-if": "1.0.3",
|
|
79
79
|
"react-router-dom": "5.3.4",
|
|
80
80
|
"react-test-renderer": "17.0.2",
|
|
81
81
|
"redux": "4.2.1",
|
|
82
82
|
"typescript": "5.2.2",
|
|
83
|
-
"@commercetools-local/test-
|
|
84
|
-
"@commercetools-local/test-utils": "1.2.23"
|
|
83
|
+
"@commercetools-local/test-utils": "1.2.24"
|
|
85
84
|
},
|
|
86
85
|
"peerDependencies": {
|
|
87
86
|
"@apollo/client": "3.x",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export default Button;
|
|
2
|
-
declare function Button({ type, ...props }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
type?: string | undefined;
|
|
5
|
-
}): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare namespace Button {
|
|
7
|
-
let displayName: string;
|
|
8
|
-
let propTypes: {
|
|
9
|
-
className: any;
|
|
10
|
-
type: any;
|
|
11
|
-
onClick: any;
|
|
12
|
-
isDisabled: any;
|
|
13
|
-
children: any;
|
|
14
|
-
'aria-label': any;
|
|
15
|
-
variant: any;
|
|
16
|
-
fullWidth: any;
|
|
17
|
-
isAlt: any;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
namespace buttonLabel {
|
|
3
|
-
let id: string;
|
|
4
|
-
let description: string;
|
|
5
|
-
let defaultMessage: string;
|
|
6
|
-
}
|
|
7
|
-
namespace placeholder {
|
|
8
|
-
let id_1: string;
|
|
9
|
-
export { id_1 as id };
|
|
10
|
-
let description_1: string;
|
|
11
|
-
export { description_1 as description };
|
|
12
|
-
let defaultMessage_1: string;
|
|
13
|
-
export { defaultMessage_1 as defaultMessage };
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export default _default;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
export class SearchInput extends Component<any, any, any> {
|
|
2
|
-
static displayName: string;
|
|
3
|
-
static propTypes: {
|
|
4
|
-
initialValue: any;
|
|
5
|
-
onSubmit: any;
|
|
6
|
-
onReset: any;
|
|
7
|
-
onBlur: any;
|
|
8
|
-
shouldSubmitOnInputChange: any;
|
|
9
|
-
placeholder: any;
|
|
10
|
-
blockClassName: any;
|
|
11
|
-
containerClassName: any;
|
|
12
|
-
throttleMS: any;
|
|
13
|
-
onChange: any;
|
|
14
|
-
disabled: any;
|
|
15
|
-
isGranular: any;
|
|
16
|
-
shouldClearOnSubmit: any;
|
|
17
|
-
inputRef: any;
|
|
18
|
-
iconColor: any;
|
|
19
|
-
testId: any;
|
|
20
|
-
label: any;
|
|
21
|
-
searchMode: any;
|
|
22
|
-
intl: any;
|
|
23
|
-
handleMouseOver: any;
|
|
24
|
-
handleMouseOut: any;
|
|
25
|
-
isMouseOver: any;
|
|
26
|
-
};
|
|
27
|
-
static defaultProps: {
|
|
28
|
-
throttleMS: number;
|
|
29
|
-
onReset: () => null;
|
|
30
|
-
label: string;
|
|
31
|
-
onChange: () => null;
|
|
32
|
-
};
|
|
33
|
-
static getDerivedStateFromProps(nextProps: any, prevState: any): {
|
|
34
|
-
initialValue: any;
|
|
35
|
-
text: any;
|
|
36
|
-
} | null;
|
|
37
|
-
constructor(props: any);
|
|
38
|
-
constructor(props: any, context: any);
|
|
39
|
-
state: {
|
|
40
|
-
initialValue: any;
|
|
41
|
-
text: any;
|
|
42
|
-
};
|
|
43
|
-
shouldComponentUpdate(nextProps: any, nextState: any): boolean;
|
|
44
|
-
handleInputChange: (event: any) => void;
|
|
45
|
-
handleEnter: (value: any) => void;
|
|
46
|
-
handleSubmit: () => void;
|
|
47
|
-
handleClear: () => void;
|
|
48
|
-
setInputRef: (inputRef: any) => void;
|
|
49
|
-
inputRef: any;
|
|
50
|
-
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
51
|
-
}
|
|
52
|
-
declare const _default: any;
|
|
53
|
-
export default _default;
|
|
54
|
-
import { Component } from 'react';
|