@commercetools-frontend/experimental-components 5.0.2 → 5.0.3

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.
@@ -75,6 +75,7 @@ var sdk = require('@commercetools-frontend/sdk');
75
75
  var client = require('@apollo/client');
76
76
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
77
77
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
78
+ var _parseFloat = require('@babel/runtime-corejs3/core-js-stable/parse-float');
78
79
  var omit = require('lodash/omit');
79
80
  var isEmpty$3 = require('lodash/isEmpty');
80
81
  var _Object$freeze = require('@babel/runtime-corejs3/core-js-stable/object/freeze');
@@ -101,7 +102,6 @@ var _ = require('@commercetools-frontend/ui-kit/');
101
102
  var selectUtils = require('@commercetools-uikit/select-utils');
102
103
  var memoize = require('memoize-one');
103
104
  var utils = require('@commercetools-uikit/utils');
104
- var _parseFloat = require('@babel/runtime-corejs3/core-js-stable/parse-float');
105
105
  var flatMap = require('lodash/flatMap');
106
106
  var reactRedux = require('react-redux');
107
107
  var commonTags = require('common-tags');
@@ -162,6 +162,7 @@ var Textarea__default = /*#__PURE__*/_interopDefault(Textarea);
162
162
  var has__default = /*#__PURE__*/_interopDefault(has);
163
163
  var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
164
164
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
165
+ var _parseFloat__default = /*#__PURE__*/_interopDefault(_parseFloat);
165
166
  var omit__default = /*#__PURE__*/_interopDefault(omit);
166
167
  var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
167
168
  var _Object$freeze__default = /*#__PURE__*/_interopDefault(_Object$freeze);
@@ -182,7 +183,6 @@ var times__default = /*#__PURE__*/_interopDefault(times);
182
183
  var merge__default = /*#__PURE__*/_interopDefault(merge);
183
184
  var set__default = /*#__PURE__*/_interopDefault(set);
184
185
  var memoize__default = /*#__PURE__*/_interopDefault(memoize);
185
- var _parseFloat__default = /*#__PURE__*/_interopDefault(_parseFloat);
186
186
  var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
187
187
  var warning__default = /*#__PURE__*/_interopDefault(warning);
188
188
  var _Math$trunc__default = /*#__PURE__*/_interopDefault(_Math$trunc);
@@ -3686,9 +3686,9 @@ var messages$D = reactIntl.defineMessages({
3686
3686
 
3687
3687
  function ownKeys$11(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3688
3688
  function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$11(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$11(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
3689
- const getBottomOption = () => ({
3689
+ const getBottomOption = formatMessage => ({
3690
3690
  options: [{
3691
- label: messages$D.bottomOption,
3691
+ label: formatMessage ? formatMessage(messages$D.bottomOption) : messages$D.bottomOption,
3692
3692
  isBottomOption: true,
3693
3693
  isDisabled: true
3694
3694
  }]
@@ -4368,7 +4368,7 @@ const convertChangeValueAction = actionPayload => {
4368
4368
  * as its dynamic content can not be typed in SDL for the mutation.
4369
4369
  */
4370
4370
  const convertAction = (actionName, actionPayload) => {
4371
- var _actionPayload$type, _context3, _actionPayload$shippi, _context4, _context5;
4371
+ var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5;
4372
4372
  const getNameFromPayload = payload => {
4373
4373
  // changeName for `Organizations`
4374
4374
  if (typeof payload.name === 'string') return payload;
@@ -4454,6 +4454,17 @@ const convertAction = (actionName, actionPayload) => {
4454
4454
  }
4455
4455
  }
4456
4456
  };
4457
+ case 'setGeoLocation':
4458
+ return {
4459
+ [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
4460
+ geoLocation: {
4461
+ type: 'Point',
4462
+ coordinates: [_parseFloat__default["default"]((_actionPayload$geoLoc = actionPayload.geoLocation) === null || _actionPayload$geoLoc === void 0 ? void 0 : _actionPayload$geoLoc.longitude), _parseFloat__default["default"]((_actionPayload$geoLoc2 = actionPayload.geoLocation) === null || _actionPayload$geoLoc2 === void 0 ? void 0 : _actionPayload$geoLoc2.latitude)]
4463
+ }
4464
+ } : {
4465
+ undefined
4466
+ }
4467
+ };
4457
4468
  case 'changeLabel':
4458
4469
  return {
4459
4470
  changeLabel: {
@@ -8840,9 +8851,20 @@ StoreSelectInput.defaultProps = {
8840
8851
  shouldFetchProductSelections: false
8841
8852
  };
8842
8853
 
8843
- // Keys have to match enum values on core ws
8854
+ // Values have to match enum values on core ws
8844
8855
  // https://github.com/sphereio/sphere-backend/blob/master/ws/core/users.md#-businessrole
8845
- const businessRoleKeys = ['ExecutiveManagement', 'Architect', 'Engineer', 'ProductProjectManagerOrOwner', 'Marketing', 'CustomerService', 'SalesAndECommerceManager', 'Other'];
8856
+ const businessRoleConstants = {
8857
+ ExecutiveManagement: 'ExecutiveManagement',
8858
+ Architect: 'Architect',
8859
+ Engineer: 'Engineer',
8860
+ ProductProjectManagerOrOwner: 'ProductProjectManagerOrOwner',
8861
+ Marketing: 'Marketing',
8862
+ CustomerService: 'CustomerService',
8863
+ SalesAndECommerceManager: 'SalesAndECommerceManager',
8864
+ Other: 'Other'
8865
+ };
8866
+
8867
+ const businessRoleKeys = _Object$values__default["default"](businessRoleConstants);
8846
8868
 
8847
8869
  var messages$q = reactIntl.defineMessages({
8848
8870
  ExecutiveManagement: {
@@ -12866,6 +12888,7 @@ exports.attributesMapToNameValuePairs = attributesMapToNameValuePairs;
12866
12888
  exports.base64ToString = base64ToString;
12867
12889
  exports.booleanMessages = messages$7;
12868
12890
  exports.buildSearchQuery = buildSearchQuery;
12891
+ exports.businessRoleConstants = businessRoleConstants;
12869
12892
  exports.businessRoleMessages = messages$q;
12870
12893
  exports.businessRoles = businessRoleKeys;
12871
12894
  exports.capitalizeFirst = capitalizeFirst;
@@ -75,6 +75,7 @@ var sdk = require('@commercetools-frontend/sdk');
75
75
  var client = require('@apollo/client');
76
76
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
77
77
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
78
+ var _parseFloat = require('@babel/runtime-corejs3/core-js-stable/parse-float');
78
79
  var omit = require('lodash/omit');
79
80
  var isEmpty$3 = require('lodash/isEmpty');
80
81
  var _Object$freeze = require('@babel/runtime-corejs3/core-js-stable/object/freeze');
@@ -101,7 +102,6 @@ var _ = require('@commercetools-frontend/ui-kit/');
101
102
  var selectUtils = require('@commercetools-uikit/select-utils');
102
103
  var memoize = require('memoize-one');
103
104
  var utils = require('@commercetools-uikit/utils');
104
- var _parseFloat = require('@babel/runtime-corejs3/core-js-stable/parse-float');
105
105
  var flatMap = require('lodash/flatMap');
106
106
  var reactRedux = require('react-redux');
107
107
  var commonTags = require('common-tags');
@@ -162,6 +162,7 @@ var Textarea__default = /*#__PURE__*/_interopDefault(Textarea);
162
162
  var has__default = /*#__PURE__*/_interopDefault(has);
163
163
  var _reverseInstanceProperty__default = /*#__PURE__*/_interopDefault(_reverseInstanceProperty);
164
164
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
165
+ var _parseFloat__default = /*#__PURE__*/_interopDefault(_parseFloat);
165
166
  var omit__default = /*#__PURE__*/_interopDefault(omit);
166
167
  var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty$3);
167
168
  var _Object$freeze__default = /*#__PURE__*/_interopDefault(_Object$freeze);
@@ -182,7 +183,6 @@ var times__default = /*#__PURE__*/_interopDefault(times);
182
183
  var merge__default = /*#__PURE__*/_interopDefault(merge);
183
184
  var set__default = /*#__PURE__*/_interopDefault(set);
184
185
  var memoize__default = /*#__PURE__*/_interopDefault(memoize);
185
- var _parseFloat__default = /*#__PURE__*/_interopDefault(_parseFloat);
186
186
  var flatMap__default = /*#__PURE__*/_interopDefault(flatMap);
187
187
  var _Math$trunc__default = /*#__PURE__*/_interopDefault(_Math$trunc);
188
188
  var _Number$isNaN__default = /*#__PURE__*/_interopDefault(_Number$isNaN);
@@ -3685,9 +3685,9 @@ var messages$D = reactIntl.defineMessages({
3685
3685
 
3686
3686
  function ownKeys$11(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3687
3687
  function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$11(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$11(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
3688
- const getBottomOption = () => ({
3688
+ const getBottomOption = formatMessage => ({
3689
3689
  options: [{
3690
- label: messages$D.bottomOption,
3690
+ label: formatMessage ? formatMessage(messages$D.bottomOption) : messages$D.bottomOption,
3691
3691
  isBottomOption: true,
3692
3692
  isDisabled: true
3693
3693
  }]
@@ -4367,7 +4367,7 @@ const convertChangeValueAction = actionPayload => {
4367
4367
  * as its dynamic content can not be typed in SDL for the mutation.
4368
4368
  */
4369
4369
  const convertAction = (actionName, actionPayload) => {
4370
- var _actionPayload$type, _context3, _actionPayload$shippi, _context4, _context5;
4370
+ var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5;
4371
4371
  const getNameFromPayload = payload => {
4372
4372
  // changeName for `Organizations`
4373
4373
  if (typeof payload.name === 'string') return payload;
@@ -4453,6 +4453,17 @@ const convertAction = (actionName, actionPayload) => {
4453
4453
  }
4454
4454
  }
4455
4455
  };
4456
+ case 'setGeoLocation':
4457
+ return {
4458
+ [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
4459
+ geoLocation: {
4460
+ type: 'Point',
4461
+ coordinates: [_parseFloat__default["default"]((_actionPayload$geoLoc = actionPayload.geoLocation) === null || _actionPayload$geoLoc === void 0 ? void 0 : _actionPayload$geoLoc.longitude), _parseFloat__default["default"]((_actionPayload$geoLoc2 = actionPayload.geoLocation) === null || _actionPayload$geoLoc2 === void 0 ? void 0 : _actionPayload$geoLoc2.latitude)]
4462
+ }
4463
+ } : {
4464
+ undefined
4465
+ }
4466
+ };
4456
4467
  case 'changeLabel':
4457
4468
  return {
4458
4469
  changeLabel: {
@@ -8839,9 +8850,20 @@ StoreSelectInput.defaultProps = {
8839
8850
  shouldFetchProductSelections: false
8840
8851
  };
8841
8852
 
8842
- // Keys have to match enum values on core ws
8853
+ // Values have to match enum values on core ws
8843
8854
  // https://github.com/sphereio/sphere-backend/blob/master/ws/core/users.md#-businessrole
8844
- const businessRoleKeys = ['ExecutiveManagement', 'Architect', 'Engineer', 'ProductProjectManagerOrOwner', 'Marketing', 'CustomerService', 'SalesAndECommerceManager', 'Other'];
8855
+ const businessRoleConstants = {
8856
+ ExecutiveManagement: 'ExecutiveManagement',
8857
+ Architect: 'Architect',
8858
+ Engineer: 'Engineer',
8859
+ ProductProjectManagerOrOwner: 'ProductProjectManagerOrOwner',
8860
+ Marketing: 'Marketing',
8861
+ CustomerService: 'CustomerService',
8862
+ SalesAndECommerceManager: 'SalesAndECommerceManager',
8863
+ Other: 'Other'
8864
+ };
8865
+
8866
+ const businessRoleKeys = _Object$values__default["default"](businessRoleConstants);
8845
8867
 
8846
8868
  var messages$q = reactIntl.defineMessages({
8847
8869
  ExecutiveManagement: {
@@ -12857,6 +12879,7 @@ exports.attributesMapToNameValuePairs = attributesMapToNameValuePairs;
12857
12879
  exports.base64ToString = base64ToString;
12858
12880
  exports.booleanMessages = messages$7;
12859
12881
  exports.buildSearchQuery = buildSearchQuery;
12882
+ exports.businessRoleConstants = businessRoleConstants;
12860
12883
  exports.businessRoleMessages = messages$q;
12861
12884
  exports.businessRoles = businessRoleKeys;
12862
12885
  exports.capitalizeFirst = capitalizeFirst;
@@ -71,6 +71,7 @@ import { useAsyncDispatch, actions } from '@commercetools-frontend/sdk';
71
71
  import { useApolloClient as useApolloClient$1, useQuery as useQuery$2 } from '@apollo/client';
72
72
  import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
73
73
  import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
74
+ import _parseFloat from '@babel/runtime-corejs3/core-js-stable/parse-float';
74
75
  import omit from 'lodash/omit';
75
76
  import isEmpty$3 from 'lodash/isEmpty';
76
77
  import _Object$freeze from '@babel/runtime-corejs3/core-js-stable/object/freeze';
@@ -97,7 +98,6 @@ import { ErrorMessage } from '@commercetools-frontend/ui-kit/';
97
98
  import { CustomSelectInputOption } from '@commercetools-uikit/select-utils';
98
99
  import memoize from 'memoize-one';
99
100
  import { filterAriaAttributes, filterDataAttributes as filterDataAttributes$1 } from '@commercetools-uikit/utils';
100
- import _parseFloat from '@babel/runtime-corejs3/core-js-stable/parse-float';
101
101
  import flatMap from 'lodash/flatMap';
102
102
  import { connect } from 'react-redux';
103
103
  import { oneLineTrim } from 'common-tags';
@@ -3604,9 +3604,9 @@ var messages$D = defineMessages({
3604
3604
 
3605
3605
  function ownKeys$11(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3606
3606
  function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$11(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$11(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
3607
- const getBottomOption = () => ({
3607
+ const getBottomOption = formatMessage => ({
3608
3608
  options: [{
3609
- label: messages$D.bottomOption,
3609
+ label: formatMessage ? formatMessage(messages$D.bottomOption) : messages$D.bottomOption,
3610
3610
  isBottomOption: true,
3611
3611
  isDisabled: true
3612
3612
  }]
@@ -4286,7 +4286,7 @@ const convertChangeValueAction = actionPayload => {
4286
4286
  * as its dynamic content can not be typed in SDL for the mutation.
4287
4287
  */
4288
4288
  const convertAction = (actionName, actionPayload) => {
4289
- var _actionPayload$type, _context3, _actionPayload$shippi, _context4, _context5;
4289
+ var _actionPayload$type, _context3, _actionPayload$geoLoc, _actionPayload$geoLoc2, _actionPayload$shippi, _context4, _context5;
4290
4290
  const getNameFromPayload = payload => {
4291
4291
  // changeName for `Organizations`
4292
4292
  if (typeof payload.name === 'string') return payload;
@@ -4372,6 +4372,17 @@ const convertAction = (actionName, actionPayload) => {
4372
4372
  }
4373
4373
  }
4374
4374
  };
4375
+ case 'setGeoLocation':
4376
+ return {
4377
+ [actionName]: actionPayload !== null && actionPayload !== void 0 && actionPayload.geoLocation ? {
4378
+ geoLocation: {
4379
+ type: 'Point',
4380
+ coordinates: [_parseFloat((_actionPayload$geoLoc = actionPayload.geoLocation) === null || _actionPayload$geoLoc === void 0 ? void 0 : _actionPayload$geoLoc.longitude), _parseFloat((_actionPayload$geoLoc2 = actionPayload.geoLocation) === null || _actionPayload$geoLoc2 === void 0 ? void 0 : _actionPayload$geoLoc2.latitude)]
4381
+ }
4382
+ } : {
4383
+ undefined
4384
+ }
4385
+ };
4375
4386
  case 'changeLabel':
4376
4387
  return {
4377
4388
  changeLabel: {
@@ -8758,9 +8769,20 @@ StoreSelectInput.defaultProps = {
8758
8769
  shouldFetchProductSelections: false
8759
8770
  };
8760
8771
 
8761
- // Keys have to match enum values on core ws
8772
+ // Values have to match enum values on core ws
8762
8773
  // https://github.com/sphereio/sphere-backend/blob/master/ws/core/users.md#-businessrole
8763
- const businessRoleKeys = ['ExecutiveManagement', 'Architect', 'Engineer', 'ProductProjectManagerOrOwner', 'Marketing', 'CustomerService', 'SalesAndECommerceManager', 'Other'];
8774
+ const businessRoleConstants = {
8775
+ ExecutiveManagement: 'ExecutiveManagement',
8776
+ Architect: 'Architect',
8777
+ Engineer: 'Engineer',
8778
+ ProductProjectManagerOrOwner: 'ProductProjectManagerOrOwner',
8779
+ Marketing: 'Marketing',
8780
+ CustomerService: 'CustomerService',
8781
+ SalesAndECommerceManager: 'SalesAndECommerceManager',
8782
+ Other: 'Other'
8783
+ };
8784
+
8785
+ const businessRoleKeys = _Object$values(businessRoleConstants);
8764
8786
 
8765
8787
  var messages$q = defineMessages({
8766
8788
  ExecutiveManagement: {
@@ -12738,4 +12760,4 @@ function withPendingRequests() {
12738
12760
 
12739
12761
  var CategorySearchPickerOptionFragment = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "CategorySearchPickerOptionFragment" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "CategorySearch" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "externalId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "slugAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "parent" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "ancestors" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "nameAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 685, source: { body: "query SearchCategoryReference($locale: Locale!, $text: String!) {\n categories: categoryAutocomplete(locale: $locale, text: $text) {\n results {\n ...CategorySearchPickerOptionFragment\n }\n }\n}\n\nquery FetchCategoriesByIds($where: String!) {\n categories(where: $where) {\n results {\n id\n nameAllLocales {\n locale\n value\n }\n }\n }\n}\n\nfragment CategorySearchPickerOptionFragment on CategorySearch {\n id\n externalId\n nameAllLocales {\n locale\n value\n }\n slugAllLocales {\n locale\n value\n }\n parent {\n nameAllLocales {\n locale\n value\n }\n }\n ancestors {\n nameAllLocales {\n locale\n value\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
12740
12762
 
12741
- export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$7 as booleanMessages, buildSearchQuery, messages$q as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$2 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$E as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$5 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$1 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$J as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
12763
+ export { booleanField as BooleanField, Button, CartDiscountReferenceSearch, CategoryReferenceSearch, CategorySearchPickerOptionFragment, CenteredLoadingSpinner, ChannelPickerInput, CountriesPicker, customFieldDefinitionsConnector as CustomFieldDefinitionsConnector, customFieldTypeDefinitionsConnector as CustomFieldTypeDefinitionsConnector, CustomFields, CustomFieldsErrorTextNotification, CustomerGroupPickerInput, DefaultPageSizes, Divider, EMAIL_REGEX, FileInput, FormattedDateTime$1 as FormattedDateTime, LabelRange, MissingValueField, MultiValueSearchInput, numericFormatInput as NumericFormatInput, PRECISION_TYPES, pimIndexerProvider as PimIndexerProvider, ProductAttributeInput, ProductAttributes, ProductPickerInput, ProductSelectionsPicker as ProductSelectionPicker, RequestCache, RequiredIndicator, ScrollToFieldError, searchInput as SearchInput, SelectableFieldSearchInput, StoreSelectField, StoreSelectInput, ThrottledField, VALIDATOR_INTEGER, VALIDATOR_NUMERIC, VALIDATOR_REQUIRED, WithPimIndexer, allowedProperties, and, attributesMapToNameValuePairs, base64ToString, messages$7 as booleanMessages, buildSearchQuery, businessRoleConstants, messages$q as businessRoleMessages, businessRoleKeys as businessRoles, capitalizeFirst, clone, coerceToInteger, computedProperties, convertApolloNetworkStatusToLoadingState, convertApolloQueryDataToConnectorData, convertProductSelectionFromGraphQl, convertRatioToPercentage, createGraphQlUpdateActions, createNextSortDefinition, createReducer, createResourceReducer, handlers$2 as customFieldDefinitionsMockHanders, customFields as customFieldsTransformer, dateTransformer$1 as dateTransformer, exact, exists, extractErrorFromGraphQlResponse, filterCustomTypeUpdateActionValues, filterDataAttributes, filterEmptyValues, formatCustomField, formatCustomerAddress, formatCustomerName, formatDateRangeValue, formatDateTime$1 as formatDateTime, formatDiscount, formatMoney$1 as formatMoney, formatMoneyRangeValue, formatMoneyValue, formatPercentage, formatAttribute as formatProductAttribute, getAncestors, getAttributeValueByType, getAttributeValueType, getBulkNotification, getCategoryLevel, getCountsFromBulkSummary, getDiscountValue, getDisplayName, getFractionedAmount, getIndexesOfInvalidValues, getMinimumPricesByCurrencyCode, getNetUnitPrice, getPathName, getPrefixSearchBounds, getPriceChannelName, getReferenceTypeId, getSelectedPrice, getTimeZoneId, getTimeZoneLabel, getTypeNameOfType, graphqlCategoryLevelTransformer, dateTransformer as graphqlDateTransformer, missingLocaleTransformer as graphqlMissingLocaleTransformer, missingTransformer as graphqlMissingTransformer, numberTransformer as graphqlNumberTransformer, graphqlQueryBuilder, referenceTransformer as graphqlReferenceTransformer, textTransformer as graphqlTextTransformer, hasInvalidInputError, hasSemanticError, injectCustomerGroupsPlatformLimits, injectCustomersPlatformLimits, injectDataTablePaginationState, injectModalState$1 as injectModalState, injectNotifications, injectPimIndexer, injectShippingMethodsPlatformLimits, injectStorage, injectTaxCategoriesPlatformLimits, injectModalState as injectToggleState, injectZonesPlatformLimits, isEmptyFilter as isEmpty, isEmptyValue, isUUID, isValidISODate, isValidISODateTime, isValidISOTime, keepDisplayName, mapStoresToOptions, mapTimeZonesToOptions, minusify, messages$6 as missingValueMessages, nameValuePairsToMap, normalizeProductSettings, not, omitDeep, omitSetsOfSets, or, commonPickerMessages as pickerMessages, handlers as platformLimitsMockHandlers, handlers$3 as productSelectionsFetcherMockHandler, handlers$4 as productSelectionsTotalFetcherMockHandler, range, reorderArrayItems, resolveStatusType, safelyAddFallback, sanitize, searchCategories, messages$E as searchInputMessages, setDisplayName, setToArray, shallowEqual, shouldUpdateAttributeInput, slugify, sortDataByIdsArray, sortRequiresLanguage, splitVariantAttributesByConstraint, handlers$5 as storesListConnectorMockHandlers, stringToBase64, swapArrayItems, transformAllToProperNounCase, transformCustomFieldsRawToCustomFields, transformLocalizedFieldsForCategory, truncate, unique, uniqueObjects, useCachedCategoryOptions, useCustomerGroupsPlatformLimits, useCustomersPlatformLimits, useDebouncedPromiseCallback, useFormatLocalizedFieldToString, useLocalizedKeyFallback, usePendingRequests, usePersistedTableConfiguration, usePimIndexer, usePrevious, useProductSelectionsFetcher, useProductSelectionsTotalFetcher, useRoleNotificationEffect, useShippingMethodsLimits as useShippingMethodsPlatformLimits, useStorage, useStoreKeysInDataFences, useStoresListFetcher, useTaxCategoriesLimits as useTaxCategoriesPlatformLimits, useTotalNumberOfStoresFetcher, handlers$1 as useTotalNumberOfStoresFetcherHandlers, validateFilter$2 as validateCustomField, validations as validateCustomFields, validateFilter$1 as validateDate, validateMultiOptionEnum, validateFilter as validateNumber, validateSingleOptionEnum, validateText, validatedInput, messages$J as validationMessages, withPendingRequests, withProps, withRedirectTo, withoutEmptyErrorsByField, wrapDisplayName };
package/dist/styles.css CHANGED
@@ -1,3 +1,85 @@
1
+ /* imported from required-indicator.module.css */
2
+
3
+ .required-indicator-module__colored____YUFm {
4
+ color: var(--color-warning);
5
+ }
6
+
7
+ .required-indicator-module__indicatorAsterisk___3lEdX {
8
+ font-style: normal;
9
+ margin-left: 2px;
10
+ }
11
+ /* imported from throttled-field.module.css */
12
+
13
+ .throttled-field-module__size___324jx {
14
+ width: 100%;
15
+ }
16
+
17
+ .throttled-field-module__size___324jx {
18
+ min-height: var(--height-for-input);
19
+ }
20
+
21
+ .throttled-field-module__input-text___3zFFp {
22
+ transition: 0.2s ease;
23
+ border-radius: 6px;
24
+ border-style: solid;
25
+ border-width: 1px;
26
+ color: var(--color-solid);
27
+ font-weight: 500;
28
+ font-size: 1rem;
29
+ font-family: 'Open Sans', sans-serif !important;
30
+ padding: 7.5px 10px;
31
+ outline: none;
32
+ box-shadow: none;
33
+ appearance: none;
34
+ }
35
+
36
+ .throttled-field-module__input-secondary___cFo9e {
37
+ background-color: var(--color-neutral-95);
38
+ border-color: var(--color-surface);
39
+ width: 100%;
40
+ }
41
+
42
+ .throttled-field-module__input-primary___26G3R {
43
+ border-color: var(--color-neutral);
44
+ background-color: var(--color-surface);
45
+ }
46
+
47
+ .throttled-field-module__textarea___3ZNEs {
48
+ width: 100%;
49
+ min-height: 36px;
50
+ resize: vertical;
51
+ }
52
+
53
+ .throttled-field-module__textarea-primary___24Wwt {
54
+ border-color: var(--color-neutral);
55
+ background-color: var(--color-surface);
56
+ }
57
+
58
+ .throttled-field-module__textarea-secondary___2rmFG {
59
+ background-color: var(--color-neutral-95);
60
+ border-color: var(--color-surface);
61
+ width: 100%;
62
+ }
63
+
64
+ .throttled-field-module__invalid___1yZLW {
65
+ /* this needs !important because react-select has a :focus style that
66
+ stops the border colour being set unless the element is blurred */
67
+ border-color: var(--color-error) !important;
68
+ border: 1px solid;
69
+ }
70
+
71
+ .throttled-field-module__disabled___qVj79 {
72
+ cursor: not-allowed;
73
+ background-color: var(--color-accent-98);
74
+ color: var(--color-solid);
75
+ opacity: 1; /* fix for mobile safari */
76
+ }
77
+
78
+ .throttled-field-module__granular___2LXJf {
79
+ border-top-left-radius: 0;
80
+ border-bottom-left-radius: 0;
81
+ margin-left: 0;
82
+ }
1
83
  /* imported from search-input.module.css */
2
84
 
3
85
  .search-input-module__block___1uM-y {
@@ -88,16 +170,6 @@
88
170
  flex-shrink: 1;
89
171
  margin-left: var(--spacing-s);
90
172
  }
91
- /* imported from required-indicator.module.css */
92
-
93
- .required-indicator-module__colored____YUFm {
94
- color: var(--color-warning);
95
- }
96
-
97
- .required-indicator-module__indicatorAsterisk___3lEdX {
98
- font-style: normal;
99
- margin-left: 2px;
100
- }
101
173
  /* imported from selectable-field-search-input.module.css */
102
174
 
103
175
  .selectable-field-search-input-module__container___z2ltR {
@@ -189,77 +261,41 @@
189
261
  .numeric-format-input-module__disabled___hb6h4 {
190
262
  cursor: not-allowed;
191
263
  }
192
- /* imported from throttled-field.module.css */
193
-
194
- .throttled-field-module__size___324jx {
195
- width: 100%;
196
- }
197
-
198
- .throttled-field-module__size___324jx {
199
- min-height: var(--height-for-input);
200
- }
201
-
202
- .throttled-field-module__input-text___3zFFp {
203
- transition: 0.2s ease;
204
- border-radius: 6px;
205
- border-style: solid;
206
- border-width: 1px;
207
- color: var(--color-solid);
208
- font-weight: 500;
209
- font-size: 1rem;
210
- font-family: 'Open Sans', sans-serif !important;
211
- padding: 7.5px 10px;
212
- outline: none;
213
- box-shadow: none;
214
- appearance: none;
215
- }
264
+ /* imported from file-input.module.css */
216
265
 
217
- .throttled-field-module__input-secondary___cFo9e {
218
- background-color: var(--color-neutral-95);
219
- border-color: var(--color-surface);
220
- width: 100%;
221
- }
266
+ /** Button */
222
267
 
223
- .throttled-field-module__input-primary___26G3R {
224
- border-color: var(--color-neutral);
268
+ .file-input-module__button___2KypN {
269
+ display: inline-flex;
225
270
  background-color: var(--color-surface);
271
+ border: var(--border-for-button-as-secondary);
272
+ box-shadow: none;
273
+ border-radius: var(--border-radius-4);
274
+ color: var(--color-solid);
275
+ height: var(--height-for-button-as-big);
276
+ font-size: var(--font-size-20);
277
+ font-weight: var(--font-weight-500);
278
+ align-items: center;
279
+ transition: background-color var(--transition-linear-80ms);
280
+ padding: 0 var(--spacing-m);
226
281
  }
227
282
 
228
- .throttled-field-module__textarea___3ZNEs {
229
- width: 100%;
230
- min-height: 36px;
231
- resize: vertical;
283
+ .file-input-module__button___2KypN:hover,
284
+ .file-input-module__button___2KypN:focus {
285
+ cursor: pointer;
286
+ background-color: var(--background-color-for-button-when-hovered);
287
+ box-shadow: none;
232
288
  }
233
289
 
234
- .throttled-field-module__textarea-primary___24Wwt {
235
- border-color: var(--color-neutral);
290
+ .file-input-module__button___2KypN:active {
291
+ box-shadow: var(--shadow-9);
236
292
  background-color: var(--color-surface);
237
293
  }
238
294
 
239
- .throttled-field-module__textarea-secondary___2rmFG {
240
- background-color: var(--color-neutral-95);
241
- border-color: var(--color-surface);
242
- width: 100%;
243
- }
244
-
245
- .throttled-field-module__invalid___1yZLW {
246
- /* this needs !important because react-select has a :focus style that
247
- stops the border colour being set unless the element is blurred */
248
- border-color: var(--color-error) !important;
249
- border: 1px solid;
250
- }
251
-
252
- .throttled-field-module__disabled___qVj79 {
253
- cursor: not-allowed;
254
- background-color: var(--color-accent-98);
255
- color: var(--color-solid);
256
- opacity: 1; /* fix for mobile safari */
257
- }
258
-
259
- .throttled-field-module__granular___2LXJf {
260
- border-top-left-radius: 0;
261
- border-bottom-left-radius: 0;
262
- margin-left: 0;
295
+ .file-input-module__input___3MP4D {
296
+ visibility: hidden;
297
+ width: 1px;
298
+ height: 1px;
263
299
  }
264
300
  /* imported from button.module.css */
265
301
 
@@ -464,51 +500,6 @@
464
500
  .button-module__add-button___1f093 {
465
501
  min-height: 32px;
466
502
  }
467
- /* imported from file-input.module.css */
468
-
469
- /** Button */
470
-
471
- .file-input-module__button___2KypN {
472
- display: inline-flex;
473
- background-color: var(--color-surface);
474
- border: var(--border-for-button-as-secondary);
475
- box-shadow: none;
476
- border-radius: var(--border-radius-4);
477
- color: var(--color-solid);
478
- height: var(--height-for-button-as-big);
479
- font-size: var(--font-size-20);
480
- font-weight: var(--font-weight-500);
481
- align-items: center;
482
- transition: background-color var(--transition-linear-80ms);
483
- padding: 0 var(--spacing-m);
484
- }
485
-
486
- .file-input-module__button___2KypN:hover,
487
- .file-input-module__button___2KypN:focus {
488
- cursor: pointer;
489
- background-color: var(--background-color-for-button-when-hovered);
490
- box-shadow: none;
491
- }
492
-
493
- .file-input-module__button___2KypN:active {
494
- box-shadow: var(--shadow-9);
495
- background-color: var(--color-surface);
496
- }
497
-
498
- .file-input-module__input___3MP4D {
499
- visibility: hidden;
500
- width: 1px;
501
- height: 1px;
502
- }
503
- /* imported from centered-loading-spinner.module.css */
504
-
505
- .centered-loading-spinner-module__loading-container___3_9-h {
506
- height: 100%;
507
- display: flex;
508
- flex-grow: 1;
509
- align-items: center;
510
- justify-content: center;
511
- }
512
503
  /* imported from divider.module.css */
513
504
 
514
505
  .divider-module__divider___4-vdy {
@@ -527,6 +518,15 @@
527
518
  .divider-module__divider-dashed___2Em8A {
528
519
  border-style: dashed;
529
520
  }
521
+ /* imported from centered-loading-spinner.module.css */
522
+
523
+ .centered-loading-spinner-module__loading-container___3_9-h {
524
+ height: 100%;
525
+ display: flex;
526
+ flex-grow: 1;
527
+ align-items: center;
528
+ justify-content: center;
529
+ }
530
530
  /* imported from reference-search.module.css */
531
531
 
532
532
  .reference-search-module__container___3-iK3 {
@@ -556,23 +556,23 @@
556
556
  .set-buttons-module__gap___38Qr0 {
557
557
  padding: 20px;
558
558
  }
559
- /* imported from platform-limits-customers-status.module.css */
559
+ /* imported from platform-limits-customer-groups-status.module.css */
560
560
 
561
- .platform-limits-customers-status-module__status___3rXYM {
561
+ .platform-limits-customer-groups-status-module__status___6099G {
562
562
  min-width: max-content;
563
563
  }
564
- /* imported from platform-limits-customers-combined.module.css */
564
+ /* imported from platform-limits-customer-groups-combined.module.css */
565
565
 
566
- .platform-limits-customers-combined-module__combined___OszDd {
566
+ .platform-limits-customer-groups-combined-module__combined___WjRoI {
567
567
  margin-bottom: var(--spacing-s);
568
568
  }
569
- /* imported from platform-limits-customer-groups-status.module.css */
569
+ /* imported from platform-limits-customers-status.module.css */
570
570
 
571
- .platform-limits-customer-groups-status-module__status___6099G {
571
+ .platform-limits-customers-status-module__status___3rXYM {
572
572
  min-width: max-content;
573
573
  }
574
- /* imported from platform-limits-customer-groups-combined.module.css */
574
+ /* imported from platform-limits-customers-combined.module.css */
575
575
 
576
- .platform-limits-customer-groups-combined-module__combined___WjRoI {
576
+ .platform-limits-customers-combined-module__combined___OszDd {
577
577
  margin-bottom: var(--spacing-s);
578
578
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/experimental-components",
3
- "version": "5.0.2",
3
+ "version": "5.0.3",
4
4
  "description": "",
5
5
  "main": "dist/commercetools-frontend-experimental-components.cjs.js",
6
6
  "module": "dist/commercetools-frontend-experimental-components.esm.js",