@commercetools-frontend/experimental-components 6.4.4 → 6.4.6

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.
Files changed (20) hide show
  1. package/dist/commercetools-frontend-experimental-components.cjs.dev.js +2184 -2020
  2. package/dist/commercetools-frontend-experimental-components.cjs.prod.js +2184 -2020
  3. package/dist/commercetools-frontend-experimental-components.esm.js +2181 -2018
  4. package/dist/declarations/src/components/channel-picker-input/channel-picker-input.d.ts +3 -1
  5. package/dist/declarations/src/features/picker/index.d.ts +1 -0
  6. package/dist/declarations/src/features/picker/shared/hooks/use-current-multiple-options.d.ts +16 -0
  7. package/dist/declarations/src/features/picker/shared/hooks/use-current-option.d.ts +2 -1
  8. package/dist/declarations/src/hooks/index.d.ts +1 -0
  9. package/dist/declarations/src/hooks/use-is-field-duplicated/use-is-field-duplicated.d.ts +1 -0
  10. package/dist/declarations/src/hooks/use-product-selections-fetcher/use-product-selections-fetcher.d.ts +1 -0
  11. package/dist/declarations/src/hooks/use-product-selections-total-fetcher/use-product-selections-total-fetcher.d.ts +1 -0
  12. package/dist/declarations/src/hooks/use-recurrence-intervals/use-recurrence-intervals.d.ts +15 -0
  13. package/dist/declarations/src/index.d.ts +2 -3
  14. package/dist/styles.css +81 -81
  15. package/package.json +19 -20
  16. package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.cjs.dev.js +1 -0
  17. package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.cjs.prod.js +1 -0
  18. package/test-utils/dist/commercetools-frontend-experimental-components-test-utils.esm.js +1 -0
  19. package/dist/declarations/src/utils/store-data-fence-product-selection/index.d.ts +0 -1
  20. package/dist/declarations/src/utils/store-data-fence-product-selection/store-data-fence-product-selection.d.ts +0 -1
@@ -1,5 +1,5 @@
1
1
  export default ChannelPickerInput;
2
- declare function ChannelPickerInput({ isClearable, isDisabled, isReadOnly, onChange, name, onBlur, value, hasError, onError, placeholder, roles, hasWarning, }: {
2
+ declare function ChannelPickerInput({ isClearable, isDisabled, isReadOnly, onChange, name, onBlur, value, hasError, onError, placeholder, roles, hasWarning, isMulti, }: {
3
3
  isClearable: any;
4
4
  isDisabled: any;
5
5
  isReadOnly: any;
@@ -12,6 +12,7 @@ declare function ChannelPickerInput({ isClearable, isDisabled, isReadOnly, onCha
12
12
  placeholder: any;
13
13
  roles: any;
14
14
  hasWarning: any;
15
+ isMulti?: boolean | undefined;
15
16
  }): import("@emotion/react/jsx-runtime").JSX.Element;
16
17
  declare namespace ChannelPickerInput {
17
18
  let displayName: string;
@@ -28,5 +29,6 @@ declare namespace ChannelPickerInput {
28
29
  let placeholder: any;
29
30
  let roles: any;
30
31
  let hasWarning: any;
32
+ let isMulti: any;
31
33
  }
32
34
  }
@@ -2,4 +2,5 @@ export { default as useHandlers } from "./shared/hooks/use-handlers.js";
2
2
  export { default as useLoadOptions } from "./shared/hooks/use-load-options.js";
3
3
  export { default as useProductTypeOptions } from "./shared/hooks/use-product-type-options.js";
4
4
  export { default as useCurrentOption } from "./shared/hooks/use-current-option.js";
5
+ export { default as useCurrentMultipleOptions } from "./shared/hooks/use-current-multiple-options.js";
5
6
  export { Option, getBottomOption } from "./shared/components/index.js";
@@ -0,0 +1,16 @@
1
+ import { DocumentNode } from '@apollo/client';
2
+ type UseCurrentOptionsParams<TData, TItem, TOption> = {
3
+ ids: string[];
4
+ typename: string;
5
+ query: DocumentNode;
6
+ fragment: DocumentNode;
7
+ extractItems: (data: TData) => TItem[];
8
+ itemToOption: (item: TItem) => TOption;
9
+ skip: boolean;
10
+ };
11
+ export default function useCurrentMultipleOptions<TData, TItem, TOption>({ ids, typename, query, fragment, extractItems, itemToOption, skip, }: UseCurrentOptionsParams<TData, TItem, TOption>): {
12
+ loading: boolean;
13
+ data: TOption[];
14
+ error: Error | undefined;
15
+ };
16
+ export {};
@@ -1,10 +1,11 @@
1
- export default function useCurrentOption({ id, typename, query, fragment, queryDataToItem, itemToOption, }: {
1
+ export default function useCurrentOption({ id, typename, query, fragment, queryDataToItem, itemToOption, skip, }: {
2
2
  id: any;
3
3
  typename: any;
4
4
  query: any;
5
5
  fragment: any;
6
6
  queryDataToItem: any;
7
7
  itemToOption: any;
8
+ skip?: boolean | undefined;
8
9
  }): {
9
10
  loading: boolean;
10
11
  data: any;
@@ -16,3 +16,4 @@ export { default as usePersistedTableConfiguration } from "./use-persisted-table
16
16
  export { default as useProductSelectionsTotalFetcher } from "./use-product-selections-total-fetcher/index.js";
17
17
  export { default as useProductSelectionsFetcher } from "./use-product-selections-fetcher/index.js";
18
18
  export { useFormatLocalizedString } from "./use-format-localized-string/index.js";
19
+ export { useRecurrenceIntervals } from "./use-recurrence-intervals/use-recurrence-intervals.js";
@@ -17,6 +17,7 @@ export namespace MC_RESOURCES_WITH_KEYS {
17
17
  let PRODUCT_SELECTION: string;
18
18
  let PRODUCT_TYPE: string;
19
19
  let SHIPPING_METHOD: string;
20
+ let SHOPPING_LIST: string;
20
21
  let STORE: string;
21
22
  let TAX_CATEGORY: string;
22
23
  let ZONE: string;
@@ -6,5 +6,6 @@ declare function useProductSelectionsFetcher(props: any): {
6
6
  limit: any;
7
7
  offset: any;
8
8
  sort: any;
9
+ where: any;
9
10
  }> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
10
11
  };
@@ -2,4 +2,5 @@ export default useProductSelectionsTotalFetcher;
2
2
  declare function useProductSelectionsTotalFetcher(props: any): {
3
3
  isLoading: boolean;
4
4
  total: any;
5
+ refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
5
6
  };
@@ -0,0 +1,15 @@
1
+ export declare const useRecurrenceIntervals: () => {
2
+ recurrencePolicies: {
3
+ __typename?: "RecurrencePolicy" | undefined;
4
+ id: string;
5
+ key: string;
6
+ nameAllLocales?: {
7
+ __typename?: "LocalizedString" | undefined;
8
+ locale: string;
9
+ value: string;
10
+ }[] | null | undefined;
11
+ }[];
12
+ loading: boolean;
13
+ error: import("@apollo/client").ApolloError | undefined;
14
+ isRecurringOrdersDisabled: any;
15
+ };
@@ -44,7 +44,7 @@ import searchInputMessages from "./fields/search-input/messages.js";
44
44
  import SearchInput from "./fields/search-input/search-input.jsx";
45
45
  import ThrottledField from "./fields/throttled-field/throttled-field.jsx";
46
46
  import { injectDataTablePaginationState, injectNotifications, wrapDisplayName, withProps, withRedirectTo, injectModalState, injectToggleState, injectStorage, getDisplayName, setDisplayName } from "./hocs/index.js";
47
- import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useFormatLocalizedString } from "./hooks/index.js";
47
+ import { useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useIsFieldDuplicated, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useFormatLocalizedString, useRecurrenceIntervals } from "./hooks/index.js";
48
48
  import { MC_RESOURCES_WITH_KEYS } from "./hooks/use-is-field-duplicated/index.js";
49
49
  import { setToArray } from "./utils/array-helpers/array-helpers.js";
50
50
  import { isEmptyValue, filterEmptyValues } from "./utils/attributes/attributes.js";
@@ -102,7 +102,6 @@ import RequestCache from "./utils/request-cache/request-cache.js";
102
102
  import shallowEqual from "./utils/shallow-equal/shallow-equal.js";
103
103
  import shouldUpdateAttributeInput from "./utils/should-update-attribute-input/should-update-attribute-input.js";
104
104
  import slugify from "./utils/slugify/slugify.js";
105
- import { isStoreDataFenceProductSelection } from "./utils/store-data-fence-product-selection/index.js";
106
105
  import swapArrayItems, { reorderArrayItems } from "./utils/swap-array-items/swap-array-items.js";
107
106
  import { safelyAddFallback } from "./utils/text-fallback/text-fallback.js";
108
107
  import { getTimeZoneLabel, mapTimeZonesToOptions, getTimeZoneId } from "./utils/time-zones/time-zone-utils.js";
@@ -114,4 +113,4 @@ import getIndexesOfInvalidValues from "./utils/validation/get-indexes-of-invalid
114
113
  import withoutEmptyErrorsByField from "./utils/validation/without-empty-errors-by-field.js";
115
114
  import withPendingRequests from "./utils/with-pending-requests/with-pending-requests.jsx";
116
115
  export { QUERY_LIMIT } from "./constants/index.js";
117
- export { allowedProperties, and, attributesMapToNameValuePairs, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, isStoreDataFenceProductSelection, };
116
+ export { allowedProperties, and, attributesMapToNameValuePairs, base64ToString, BooleanField, booleanMessages, buildSearchQuery, Button, businessRoles, businessRoleConstants, businessRoleMessages, capitalizeFirst, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CustomerGroupPickerInput, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, CountriesPicker, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, CustomFieldDefinitionsConnector, CustomFieldTypeDefinitionsConnector, CustomFields, useDnDContext as useCustomFieldsDnDContext, CustomFieldsErrorTextNotification, CustomFieldsFormField, customFieldsTransformer, CustomFieldTooltip, dateTransformer, DefaultPageSizes, Divider, EMAIL_REGEX, exact, exists, extractErrorFromGraphQlResponse, FileInput, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomerAddress, formatCustomerName, formatCustomField, formatDateTime, formatDateRangeValue, formatDiscount, formatMoneyRangeValue, formatMoney, formatMoneyValue, formatPercentage, formatProductAttribute, FormattedDateTime, FormattedLocalizedString, getAncestors, getAttributeValueByType, getAttributeValueType, getBottomOption, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, graphqlDateTransformer, graphqlMissingLocaleTransformer, graphqlMissingTransformer, graphqlNumberTransformer, graphqlQueryBuilder, graphqlReferenceTransformer, graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectToggleState, injectZonesPlatformLimits, isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, LabelRange, mapTimeZonesToOptions, mapStoresToOptions, MC_RESOURCES_WITH_KEYS, minusify, MissingValueField, missingValueMessages, MultiValueSearchInput, nameValuePairsToMap, normalizeProductSettings, not, NumericFormatInput, omitDeep, omitSetsOfSets, or, Option, pickerMessages, PimIndexerProvider, PRECISION_TYPES, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionPicker, range, reorderArrayItems, RequestCache, RequiredIndicator, resolveStatusType, safelyAddFallback, sanitize, ScrollToFieldError, searchCategories, SearchInput, searchInputMessages, SelectableFieldSearchInput, setToArray, setDisplayName, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, StoreSelectField, StoreSelectInput, stringToBase64, swapArrayItems, ThrottledField, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCurrentOption, useCustomersPlatformLimits, useCustomerGroupsPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useFormatLocalizedString, useIsFieldDuplicated, useLocalizedKeyFallback, useLoadOptions, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRecurrenceIntervals, useRoleNotificationEffect, useStorage, type UseStorageOptions, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, useShippingMethodsPlatformLimits, validatedInput, validateCustomField, validateCustomFields, validateDate, validateMultiOptionEnum, validateSingleOptionEnum, validateText, validateNumber, validationMessages, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, withProps, withoutEmptyErrorsByField, withPendingRequests, WithPimIndexer, withRedirectTo, wrapDisplayName, };
package/dist/styles.css CHANGED
@@ -40,12 +40,6 @@
40
40
  .validated-input-module__container___3L2KB {
41
41
  display: inline;
42
42
  }
43
- /* imported from label-range.module.css */
44
-
45
- .label-range-module__label___3Tb0p {
46
- font-size: 0.9rem;
47
- font-weight: bold;
48
- }
49
43
  /* imported from multi-value-search-input.module.css */
50
44
 
51
45
  .multi-value-search-input-module__container___2u64d {
@@ -92,6 +86,78 @@
92
86
  border-bottom-left-radius: var(--border-radius-for-input);
93
87
  border-bottom-right-radius: var(--border-radius-for-input);
94
88
  }
89
+ /* imported from throttled-field.module.css */
90
+
91
+ .throttled-field-module__size___324jx {
92
+ width: 100%;
93
+ }
94
+
95
+ .throttled-field-module__size___324jx {
96
+ min-height: var(--height-for-input);
97
+ }
98
+
99
+ .throttled-field-module__input-text___3zFFp {
100
+ transition: 0.2s ease;
101
+ border-radius: 6px;
102
+ border-style: solid;
103
+ border-width: 1px;
104
+ color: var(--color-solid);
105
+ font-weight: 500;
106
+ font-size: 1rem;
107
+ font-family: 'Open Sans', sans-serif !important;
108
+ padding: 7.5px 10px;
109
+ outline: none;
110
+ box-shadow: none;
111
+ appearance: none;
112
+ }
113
+
114
+ .throttled-field-module__input-secondary___cFo9e {
115
+ background-color: var(--color-neutral-95);
116
+ border-color: var(--color-surface);
117
+ width: 100%;
118
+ }
119
+
120
+ .throttled-field-module__input-primary___26G3R {
121
+ border-color: var(--color-neutral);
122
+ background-color: var(--color-surface);
123
+ }
124
+
125
+ .throttled-field-module__textarea___3ZNEs {
126
+ width: 100%;
127
+ min-height: 36px;
128
+ resize: vertical;
129
+ }
130
+
131
+ .throttled-field-module__textarea-primary___24Wwt {
132
+ border-color: var(--color-neutral);
133
+ background-color: var(--color-surface);
134
+ }
135
+
136
+ .throttled-field-module__textarea-secondary___2rmFG {
137
+ background-color: var(--color-neutral-95);
138
+ border-color: var(--color-surface);
139
+ width: 100%;
140
+ }
141
+
142
+ .throttled-field-module__invalid___1yZLW {
143
+ /* this needs !important because react-select has a :focus style that
144
+ stops the border colour being set unless the element is blurred */
145
+ border-color: var(--color-error) !important;
146
+ border: 1px solid;
147
+ }
148
+
149
+ .throttled-field-module__disabled___qVj79 {
150
+ cursor: not-allowed;
151
+ background-color: var(--color-accent-98);
152
+ color: var(--color-solid);
153
+ opacity: 1; /* fix for mobile safari */
154
+ }
155
+
156
+ .throttled-field-module__granular___2LXJf {
157
+ border-top-left-radius: 0;
158
+ border-bottom-left-radius: 0;
159
+ margin-left: 0;
160
+ }
95
161
  /* imported from numeric-format-input.module.css */
96
162
 
97
163
  .numeric-format-input-module__invalid___3LcyE {
@@ -194,77 +260,11 @@
194
260
  flex-shrink: 1;
195
261
  margin-left: var(--spacing-s);
196
262
  }
197
- /* imported from throttled-field.module.css */
198
-
199
- .throttled-field-module__size___324jx {
200
- width: 100%;
201
- }
202
-
203
- .throttled-field-module__size___324jx {
204
- min-height: var(--height-for-input);
205
- }
206
-
207
- .throttled-field-module__input-text___3zFFp {
208
- transition: 0.2s ease;
209
- border-radius: 6px;
210
- border-style: solid;
211
- border-width: 1px;
212
- color: var(--color-solid);
213
- font-weight: 500;
214
- font-size: 1rem;
215
- font-family: 'Open Sans', sans-serif !important;
216
- padding: 7.5px 10px;
217
- outline: none;
218
- box-shadow: none;
219
- appearance: none;
220
- }
221
-
222
- .throttled-field-module__input-secondary___cFo9e {
223
- background-color: var(--color-neutral-95);
224
- border-color: var(--color-surface);
225
- width: 100%;
226
- }
227
-
228
- .throttled-field-module__input-primary___26G3R {
229
- border-color: var(--color-neutral);
230
- background-color: var(--color-surface);
231
- }
232
-
233
- .throttled-field-module__textarea___3ZNEs {
234
- width: 100%;
235
- min-height: 36px;
236
- resize: vertical;
237
- }
238
-
239
- .throttled-field-module__textarea-primary___24Wwt {
240
- border-color: var(--color-neutral);
241
- background-color: var(--color-surface);
242
- }
243
-
244
- .throttled-field-module__textarea-secondary___2rmFG {
245
- background-color: var(--color-neutral-95);
246
- border-color: var(--color-surface);
247
- width: 100%;
248
- }
249
-
250
- .throttled-field-module__invalid___1yZLW {
251
- /* this needs !important because react-select has a :focus style that
252
- stops the border colour being set unless the element is blurred */
253
- border-color: var(--color-error) !important;
254
- border: 1px solid;
255
- }
256
-
257
- .throttled-field-module__disabled___qVj79 {
258
- cursor: not-allowed;
259
- background-color: var(--color-accent-98);
260
- color: var(--color-solid);
261
- opacity: 1; /* fix for mobile safari */
262
- }
263
+ /* imported from label-range.module.css */
263
264
 
264
- .throttled-field-module__granular___2LXJf {
265
- border-top-left-radius: 0;
266
- border-bottom-left-radius: 0;
267
- margin-left: 0;
265
+ .label-range-module__label___3Tb0p {
266
+ font-size: 0.9rem;
267
+ font-weight: bold;
268
268
  }
269
269
  /* imported from button.module.css */
270
270
 
@@ -590,16 +590,16 @@
590
590
  .set-buttons-module__gap___38Qr0 {
591
591
  padding: 20px;
592
592
  }
593
- /* imported from platform-limits-customers-combined.module.css */
594
-
595
- .platform-limits-customers-combined-module__combined___OszDd {
596
- margin-bottom: var(--spacing-s);
597
- }
598
593
  /* imported from platform-limits-customers-status.module.css */
599
594
 
600
595
  .platform-limits-customers-status-module__status___3rXYM {
601
596
  min-width: max-content;
602
597
  }
598
+ /* imported from platform-limits-customers-combined.module.css */
599
+
600
+ .platform-limits-customers-combined-module__combined___OszDd {
601
+ margin-bottom: var(--spacing-s);
602
+ }
603
603
  /* imported from platform-limits-customer-groups-status.module.css */
604
604
 
605
605
  .platform-limits-customer-groups-status-module__status___6099G {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/experimental-components",
3
- "version": "6.4.4",
3
+ "version": "6.4.6",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,19 +25,20 @@
25
25
  "dependencies": {
26
26
  "@babel/core": "^7.22.11",
27
27
  "@babel/runtime-corejs3": "^7.21.0",
28
- "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^23.2.2",
29
- "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^23.2.2",
30
- "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^23.2.2",
31
- "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^23.2.2",
32
- "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^23.2.2",
33
- "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^23.2.2",
34
- "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^23.2.2",
35
- "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^23.2.2",
36
- "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.22.7",
37
- "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.22.7",
38
- "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.22.7",
39
- "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.22.7",
28
+ "@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^23.3.0",
29
+ "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^23.3.0",
30
+ "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^23.3.0",
31
+ "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^23.3.0",
32
+ "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^23.3.0",
33
+ "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^23.3.0",
34
+ "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^23.3.0",
35
+ "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^23.3.0",
36
+ "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.25.1",
37
+ "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.25.1",
38
+ "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.25.1",
39
+ "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.25.1",
40
40
  "@emotion/react": "11.14.0",
41
+ "@testing-library/jest-dom": "^6.6.3",
41
42
  "classnames": "2.5.1",
42
43
  "cleave.js": "1.5.10",
43
44
  "common-tags": "1.8.2",
@@ -60,14 +61,11 @@
60
61
  },
61
62
  "devDependencies": {
62
63
  "@apollo/client": "3.7.10",
63
- "@commercetools-test-data/channel": "10.14.2",
64
- "@commercetools-test-data/commons": "10.14.2",
65
- "@commercetools-test-data/core": "10.14.2",
66
- "@commercetools-test-data/product-selection": "10.14.2",
67
- "@commercetools-test-data/store": "10.14.2",
64
+ "@commercetools/composable-commerce-test-data": "11.0.0",
68
65
  "@testing-library/react": "12.1.5",
69
66
  "@testing-library/react-hooks": "8.0.1",
70
67
  "@types/debounce-promise": "3.1.9",
68
+ "@types/jest": "^29.5.2",
71
69
  "@types/react": "17.0.83",
72
70
  "formik": "2.4.6",
73
71
  "graphql": "16.10.0",
@@ -82,11 +80,12 @@
82
80
  "react-test-renderer": "17.0.2",
83
81
  "redux": "4.2.1",
84
82
  "typescript": "5.2.2",
85
- "@commercetools-local/test-data": "1.2.18",
86
- "@commercetools-local/test-utils": "1.2.19"
83
+ "@commercetools-local/test-data": "1.2.19",
84
+ "@commercetools-local/test-utils": "1.2.20"
87
85
  },
88
86
  "peerDependencies": {
89
87
  "@apollo/client": "3.x",
88
+ "@commercetools/composable-commerce-test-data": "11.0.0",
90
89
  "@testing-library/react": "12.x",
91
90
  "@testing-library/react-hooks": "8.x",
92
91
  "formik": "2.x.x",
@@ -69,6 +69,7 @@ const graphqlQueries = {
69
69
  PRODUCT_SELECTION: 'productSelections',
70
70
  PRODUCT_TYPE: 'productTypes',
71
71
  SHIPPING_METHOD: 'shippingMethods',
72
+ SHOPPING_LIST: 'shoppingLists',
72
73
  STORE: 'stores',
73
74
  TAX_CATEGORY: 'taxCategories',
74
75
  ZONE: 'zones'
@@ -69,6 +69,7 @@ const graphqlQueries = {
69
69
  PRODUCT_SELECTION: 'productSelections',
70
70
  PRODUCT_TYPE: 'productTypes',
71
71
  SHIPPING_METHOD: 'shippingMethods',
72
+ SHOPPING_LIST: 'shoppingLists',
72
73
  STORE: 'stores',
73
74
  TAX_CATEGORY: 'taxCategories',
74
75
  ZONE: 'zones'
@@ -52,6 +52,7 @@ const graphqlQueries = {
52
52
  PRODUCT_SELECTION: 'productSelections',
53
53
  PRODUCT_TYPE: 'productTypes',
54
54
  SHIPPING_METHOD: 'shippingMethods',
55
+ SHOPPING_LIST: 'shoppingLists',
55
56
  STORE: 'stores',
56
57
  TAX_CATEGORY: 'taxCategories',
57
58
  ZONE: 'zones'
@@ -1 +0,0 @@
1
- export * from "./store-data-fence-product-selection.js";
@@ -1 +0,0 @@
1
- export function isStoreDataFenceProductSelection(projectKey: any): boolean;