@cloudscape-design/components 3.0.0

package/property-filter/controller.js

@@ -0,0 +1,247 @@
+import { __spreadArray } from "tslib";
+import { fireNonCancelableEvent } from '../internal/events';
+export var getQueryActions = function (query, onChange, inputRef, preventFocus) {
+    var tokens = query.tokens, operation = query.operation;
+    var fireOnChange = function (tokens, operation) {
+        return fireNonCancelableEvent(onChange, { tokens: tokens, operation: operation });
+    };
+    var setToken = function (index, newToken) {
+        var newTokens = __spreadArray([], tokens, true);
+        if (newTokens && index < newTokens.length) {
+            newTokens[index] = newToken;
+        }
+        fireOnChange(newTokens, operation);
+    };
+    var removeToken = function (index) {
+        var _a;
+        var newTokens = tokens.filter(function (_, i) { return i !== index; });
+        fireOnChange(newTokens, operation);
+        preventFocus.current = true;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var removeAllTokens = function () {
+        var _a;
+        fireOnChange([], operation);
+        preventFocus.current = true;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var addToken = function (newToken) {
+        var newTokens = __spreadArray([], tokens, true);
+        newTokens.push(newToken);
+        fireOnChange(newTokens, operation);
+    };
+    var setOperation = function (newOperation) {
+        fireOnChange(tokens, newOperation);
+    };
+    return {
+        setToken: setToken,
+        removeToken: removeToken,
+        removeAllTokens: removeAllTokens,
+        addToken: addToken,
+        setOperation: setOperation
+    };
+};
+export var getAllowedOperators = function (property) {
+    var _a;
+    var operators = property.operators, defaultOperator = property.defaultOperator;
+    var operatorOrder = ['=', '!=', ':', '!:', '>=', '<=', '<', '>'];
+    var operatorSet = (_a = {}, _a[defaultOperator !== null && defaultOperator !== void 0 ? defaultOperator : '='] = true, _a);
+    operators === null || operators === void 0 ? void 0 : operators.forEach(function (op) { return (operatorSet[op] = true); });
+    return operatorOrder.filter(function (op) { return operatorSet[op]; });
+};
+/*
+ * parses the value of the filtering input to figure out the current step of entering the token:
+ * - "property": means that a filter on a particular column is being added, with operator already finalized
+ * - "operator": means that a filter on a particular column is being added, with operator not yet finalized
+ * - "free-text": means that a "free text" token is being added
+ */
+export var parseText = function (filteringText, filteringProperties, disableFreeTextFiltering) {
+    var negatedGlobalQuery = /^(!:|!)(.*)/.exec(filteringText);
+    if (!disableFreeTextFiltering && negatedGlobalQuery) {
+        return {
+            step: 'free-text',
+            operator: '!:',
+            value: negatedGlobalQuery[2]
+        };
+    }
+    var property = (filteringProperties === null || filteringProperties === void 0 ? void 0 : filteringProperties.reduce(function (acc, property) {
+        if (filteringText.toLowerCase().indexOf(property.propertyLabel.toLowerCase()) === 0) {
+            // find the longest property whose name matches the filtering text
+            if (property.propertyLabel.length > acc.length) {
+                acc.length = property.propertyLabel.length;
+                acc.property = property;
+            }
+        }
+        return acc;
+    }, { length: 0 })).property;
+    if (!property) {
+        return {
+            step: 'free-text',
+            value: filteringText
+        };
+    }
+    var allowedOps = getAllowedOperators(property);
+    var textWithoutProperty = filteringText.substring(property.propertyLabel.length);
+    var hasOperator = new RegExp("^(\\s*)(".concat(allowedOps.join('|'), ")(.*)")).exec(textWithoutProperty);
+    if (hasOperator) {
+        return {
+            step: 'property',
+            property: property,
+            // regex above can't match anything but an operator in the second capturing group
+            operator: hasOperator[2],
+            value: hasOperator[3].charAt(0) === ' ' ? hasOperator[3].slice(1) : hasOperator[3]
+        };
+    }
+    var opPrefixesMap = allowedOps.reduce(function (acc, op) {
+        if (op.length > 1) {
+            var substr = op.substring(0, 1);
+            acc[substr] = true;
+        }
+        return acc;
+    }, {});
+    var opPrefixes = Object.keys(opPrefixesMap);
+    var enteringOperator = new RegExp("^(\\s*)([".concat(opPrefixes.join(','), "])?$")).exec(textWithoutProperty);
+    if (enteringOperator) {
+        return { step: 'operator', property: property, operatorPrefix: enteringOperator[2] || '' };
+    }
+    return {
+        step: 'free-text',
+        value: filteringText
+    };
+};
+export var getPropertyOptions = function (filteringProperty, filteringOptions) {
+    return filteringOptions === null || filteringOptions === void 0 ? void 0 : filteringOptions.filter(function (option) { return option.propertyKey === filteringProperty.key; });
+};
+export var getAllValueSuggestions = function (filteringOptions, filteringProperties, operator, i18nStrings, customGroupsText) {
+    if (operator === void 0) { operator = '='; }
+    var defaultGroup = {
+        label: i18nStrings.groupValuesText,
+        options: []
+    };
+    var customGroups = {};
+    filteringOptions === null || filteringOptions === void 0 ? void 0 : filteringOptions.forEach(function (filteringOption) {
+        var property = getPropertyByKey(filteringProperties, filteringOption.propertyKey);
+        // given option refers to a non-existent filtering property
+        if (!property) {
+            return;
+        }
+        // this option's filtering property does not support current operator
+        if (getAllowedOperators(property).indexOf(operator) === -1) {
+            return;
+        }
+        if (property.group && !customGroups[property.group]) {
+            var label = (customGroupsText === null || customGroupsText === void 0 ? void 0 : customGroupsText.reduce(function (acc, customGroup) { return (customGroup.group === property.group ? customGroup.values : acc); }, '')) || '';
+            customGroups[property.group] = {
+                label: label,
+                options: []
+            };
+        }
+        var propertyGroup = property.group ? customGroups[property.group] : defaultGroup;
+        propertyGroup.options.push({
+            tokenValue: property.propertyLabel + (operator || '=') + filteringOption.value,
+            label: filteringOption.value,
+            __labelPrefix: property.propertyLabel + ' ' + (operator || '=')
+        });
+    });
+    return __spreadArray([defaultGroup], Object.keys(customGroups).map(function (group) { return customGroups[group]; }), true);
+};
+export var getPropertyByKey = function (filteringProperties, key) {
+    var propertyMap = filteringProperties.reduce(function (acc, property) {
+        acc[property.key] = property;
+        return acc;
+    }, {});
+    return propertyMap[key];
+};
+var filteringPropertyToAutosuggestOption = function (filteringProperty) { return ({
+    value: filteringProperty.propertyLabel,
+    keepOpenOnSelect: true
+}); };
+export function getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, filteringPropertyToOption) {
+    var defaultGroup = {
+        label: i18nStrings.groupPropertiesText,
+        options: []
+    };
+    var customGroups = {};
+    filteringProperties.forEach(function (filteringProperty) {
+        var group = filteringProperty.group;
+        var optionsGroup = defaultGroup;
+        if (group) {
+            if (!customGroups[group]) {
+                var label = (customGroupsText === null || customGroupsText === void 0 ? void 0 : customGroupsText.reduce(function (acc, customGroup) { return (customGroup.group === group ? customGroup.properties : acc); }, '')) || '';
+                customGroups[group] = { options: [], label: label };
+            }
+            optionsGroup = customGroups[group];
+        }
+        optionsGroup.options.push(filteringPropertyToOption(filteringProperty));
+    });
+    var defaultGroupArray = defaultGroup.options.length ? [defaultGroup] : [];
+    var customGroupsArray = Object.keys(customGroups).map(function (groupKey) { return customGroups[groupKey]; });
+    return __spreadArray(__spreadArray([], defaultGroupArray, true), customGroupsArray, true);
+}
+export var getAutosuggestOptions = function (parsedText, filteringOptions, filteringProperties, customGroupsText, i18nStrings) {
+    switch (parsedText.step) {
+        case 'property': {
+            var _a = parsedText.property, propertyLabel_1 = _a.propertyLabel, groupValuesLabel = _a.groupValuesLabel;
+            var options = getPropertyOptions(parsedText.property, filteringOptions);
+            return {
+                __filterText: parsedText.value,
+                options: [
+                    {
+                        options: (options || []).map(function (_a) {
+                            var value = _a.value;
+                            return ({
+                                tokenValue: propertyLabel_1 + parsedText.operator + value,
+                                label: value,
+                                __labelPrefix: propertyLabel_1 + ' ' + parsedText.operator
+                            });
+                        }),
+                        label: groupValuesLabel
+                    },
+                ]
+            };
+        }
+        case 'operator': {
+            return {
+                __filterText: parsedText.property.propertyLabel + ' ' + parsedText.operatorPrefix,
+                options: __spreadArray(__spreadArray([], getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, filteringPropertyToAutosuggestOption), true), [
+                    {
+                        options: getAllowedOperators(parsedText.property).map(function (value) { return ({
+                            value: parsedText.property.propertyLabel + ' ' + value + ' ',
+                            label: parsedText.property.propertyLabel + ' ' + value,
+                            description: operatorToDescription(value, i18nStrings),
+                            keepOpenOnSelect: true
+                        }); }),
+                        label: i18nStrings.operatorsText
+                    },
+                ], false)
+            };
+        }
+        case 'free-text': {
+            var needsValueSuggestions = !!parsedText.value;
+            var needsPropertySuggestions = !(parsedText.step === 'free-text' && parsedText.operator === '!:');
+            return {
+                __filterText: parsedText.value,
+                options: __spreadArray(__spreadArray([], (needsPropertySuggestions
+                    ? getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, filteringPropertyToAutosuggestOption)
+                    : []), true), (needsValueSuggestions
+                    ? getAllValueSuggestions(filteringOptions, filteringProperties, parsedText.operator, i18nStrings, customGroupsText)
+                    : []), true)
+            };
+        }
+    }
+};
+export var operatorToDescription = function (operator, i18nStrings) {
+    var _a;
+    var mapping = (_a = {},
+        _a['<'] = i18nStrings.operatorLessText,
+        _a['<='] = i18nStrings.operatorLessOrEqualText,
+        _a['>'] = i18nStrings.operatorGreaterText,
+        _a['>='] = i18nStrings.operatorGreaterOrEqualText,
+        _a[':'] = i18nStrings.operatorContainsText,
+        _a['!:'] = i18nStrings.operatorDoesNotContainText,
+        _a['='] = i18nStrings.operatorEqualsText,
+        _a['!='] = i18nStrings.operatorDoesNotEqualText,
+        _a);
+    return mapping[operator];
+};
+//# sourceMappingURL=controller.js.map

package/property-filter/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PropertyFilterProps } from './interfaces';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { AutosuggestProps } from '../autosuggest/interfaces';\nimport { InputProps } from '../input/interfaces';\n\nexport const getQueryActions = (\n  query: PropertyFilterProps['query'],\n  onChange: PropertyFilterProps['onChange'],\n  inputRef: React.RefObject<InputProps.Ref>,\n  preventFocus: React.MutableRefObject<boolean>\n) => {\n  const { tokens, operation } = query;\n  const fireOnChange = (tokens: readonly PropertyFilterProps.Token[], operation: PropertyFilterProps.JoinOperation) =>\n    fireNonCancelableEvent(onChange, { tokens, operation });\n  const setToken = (index: number, newToken: PropertyFilterProps.Token) => {\n    const newTokens = [...tokens];\n    if (newTokens && index < newTokens.length) {\n      newTokens[index] = newToken;\n    }\n    fireOnChange(newTokens, operation);\n  };\n  const removeToken = (index: number) => {\n    const newTokens = tokens.filter((_, i) => i !== index);\n    fireOnChange(newTokens, operation);\n    preventFocus.current = true;\n    inputRef.current?.focus();\n  };\n  const removeAllTokens = () => {\n    fireOnChange([], operation);\n    preventFocus.current = true;\n    inputRef.current?.focus();\n  };\n  const addToken = (newToken: PropertyFilterProps.Token) => {\n    const newTokens = [...tokens];\n    newTokens.push(newToken);\n    fireOnChange(newTokens, operation);\n  };\n  const setOperation = (newOperation: PropertyFilterProps.JoinOperation) => {\n    fireOnChange(tokens, newOperation);\n  };\n  return {\n    setToken,\n    removeToken,\n    removeAllTokens,\n    addToken,\n    setOperation,\n  };\n};\n\n// All possible prefixes of the two-character operators\ntype OperatorPrefix = '<' | '>' | '!';\n\nexport type ParsedText =\n  | {\n      step: 'property';\n      property: PropertyFilterProps.FilteringProperty;\n      operator: PropertyFilterProps.ComparisonOperator;\n      value: string;\n    }\n  | { step: 'operator'; property: PropertyFilterProps.FilteringProperty; operatorPrefix: string }\n  | { step: 'free-text'; operator?: PropertyFilterProps.ComparisonOperator; value: string };\n\nexport const getAllowedOperators = (\n  property: PropertyFilterProps.FilteringProperty\n): PropertyFilterProps.ComparisonOperator[] => {\n  const { operators, defaultOperator } = property;\n  const operatorOrder = ['=', '!=', ':', '!:', '>=', '<=', '<', '>'] as const;\n  const operatorSet: { [key: string]: true } = { [defaultOperator ?? '=']: true };\n  operators?.forEach(op => (operatorSet[op] = true));\n  return operatorOrder.filter(op => operatorSet[op]);\n};\n\n/*\n * parses the value of the filtering input to figure out the current step of entering the token:\n * - \"property\": means that a filter on a particular column is being added, with operator already finalized\n * - \"operator\": means that a filter on a particular column is being added, with operator not yet finalized\n * - \"free-text\": means that a \"free text\" token is being added\n */\nexport const parseText = (\n  filteringText: string,\n  filteringProperties: PropertyFilterProps['filteringProperties'],\n  disableFreeTextFiltering: boolean\n): ParsedText => {\n  const negatedGlobalQuery = /^(!:|!)(.*)/.exec(filteringText);\n  if (!disableFreeTextFiltering && negatedGlobalQuery) {\n    return {\n      step: 'free-text',\n      operator: '!:',\n      value: negatedGlobalQuery[2],\n    };\n  }\n  const { property } = filteringProperties?.reduce<{\n    property?: PropertyFilterProps.FilteringProperty;\n    length: number;\n  }>(\n    (acc, property) => {\n      if (filteringText.toLowerCase().indexOf(property.propertyLabel.toLowerCase()) === 0) {\n        // find the longest property whose name matches the filtering text\n        if (property.propertyLabel.length > acc.length) {\n          acc.length = property.propertyLabel.length;\n          acc.property = property;\n        }\n      }\n      return acc;\n    },\n    { length: 0 }\n  );\n  if (!property) {\n    return {\n      step: 'free-text',\n      value: filteringText,\n    };\n  }\n  const allowedOps = getAllowedOperators(property);\n  const textWithoutProperty = filteringText.substring(property.propertyLabel.length);\n  const hasOperator = new RegExp(`^(\\\\s*)(${allowedOps.join('|')})(.*)`).exec(textWithoutProperty);\n  if (hasOperator) {\n    return {\n      step: 'property',\n      property,\n      // regex above can't match anything but an operator in the second capturing group\n      operator: hasOperator[2] as PropertyFilterProps.ComparisonOperator,\n      value: hasOperator[3].charAt(0) === ' ' ? hasOperator[3].slice(1) : hasOperator[3],\n      // We need to remove the first leading space in case the user presses space\n      // after the operator, for example: Owner: admin, will result in value of ` admin`\n      // and we need to remove the first space, if the user added any more spaces only the\n      // first one will be removed.\n    };\n  }\n  const opPrefixesMap = allowedOps.reduce<{ [key in OperatorPrefix]?: true }>((acc, op) => {\n    if (op.length > 1) {\n      const substr = op.substring(0, 1);\n      acc[substr as OperatorPrefix] = true;\n    }\n    return acc;\n  }, {});\n  const opPrefixes = Object.keys(opPrefixesMap) as OperatorPrefix[];\n  const enteringOperator = new RegExp(`^(\\\\s*)([${opPrefixes.join(',')}])?$`).exec(textWithoutProperty);\n  if (enteringOperator) {\n    return { step: 'operator', property, operatorPrefix: enteringOperator[2] || '' };\n  }\n  return {\n    step: 'free-text',\n    value: filteringText,\n  };\n};\n\nexport const getPropertyOptions = (\n  filteringProperty: PropertyFilterProps.FilteringProperty,\n  filteringOptions: PropertyFilterProps['filteringOptions']\n) => {\n  return filteringOptions?.filter(option => option.propertyKey === filteringProperty.key);\n};\n\ninterface OptionGroup<T> {\n  label: string;\n  options: T[];\n}\n\ninterface ExtendedAutosuggestOption extends AutosuggestProps.Option {\n  tokenValue: string;\n}\n\nexport const getAllValueSuggestions = (\n  filteringOptions: PropertyFilterProps['filteringOptions'],\n  filteringProperties: PropertyFilterProps['filteringProperties'],\n  operator: PropertyFilterProps.ComparisonOperator | undefined = '=',\n  i18nStrings: Pick<PropertyFilterProps.I18nStrings, 'groupValuesText'>,\n  customGroupsText: PropertyFilterProps['customGroupsText']\n) => {\n  const defaultGroup: OptionGroup<ExtendedAutosuggestOption> = {\n    label: i18nStrings.groupValuesText,\n    options: [],\n  };\n  const customGroups: { [K in string]: OptionGroup<ExtendedAutosuggestOption> } = {};\n  filteringOptions?.forEach(filteringOption => {\n    const property = getPropertyByKey(filteringProperties, filteringOption.propertyKey);\n    // given option refers to a non-existent filtering property\n    if (!property) {\n      return;\n    }\n    // this option's filtering property does not support current operator\n    if (getAllowedOperators(property).indexOf(operator) === -1) {\n      return;\n    }\n    if (property.group && !customGroups[property.group]) {\n      const label =\n        customGroupsText?.reduce<string>(\n          (acc, customGroup) => (customGroup.group === property.group ? customGroup.values : acc),\n          ''\n        ) || '';\n      customGroups[property.group] = {\n        label,\n        options: [],\n      };\n    }\n    const propertyGroup = property.group ? customGroups[property.group] : defaultGroup;\n    propertyGroup.options.push({\n      tokenValue: property.propertyLabel + (operator || '=') + filteringOption.value,\n      label: filteringOption.value,\n      __labelPrefix: property.propertyLabel + ' ' + (operator || '='),\n    });\n  });\n  return [defaultGroup, ...Object.keys(customGroups).map(group => customGroups[group])];\n};\n\nexport const getPropertyByKey = (filteringProperties: PropertyFilterProps['filteringProperties'], key: string) => {\n  const propertyMap = filteringProperties.reduce<{ [K: string]: PropertyFilterProps.FilteringProperty }>(\n    (acc, property) => {\n      acc[property.key] = property;\n      return acc;\n    },\n    {}\n  );\n  return propertyMap[key] as PropertyFilterProps.FilteringProperty | undefined;\n};\n\nconst filteringPropertyToAutosuggestOption = (filteringProperty: PropertyFilterProps.FilteringProperty) => ({\n  value: filteringProperty.propertyLabel,\n  keepOpenOnSelect: true,\n});\n\nexport function getPropertySuggestions<T>(\n  filteringProperties: PropertyFilterProps['filteringProperties'],\n  customGroupsText: PropertyFilterProps['customGroupsText'],\n  i18nStrings: Pick<PropertyFilterProps['i18nStrings'], 'groupPropertiesText'>,\n  filteringPropertyToOption: (filteringProperty: PropertyFilterProps.FilteringProperty) => T\n) {\n  const defaultGroup: OptionGroup<T> = {\n    label: i18nStrings.groupPropertiesText,\n    options: [],\n  };\n  const customGroups: { [K in string]: OptionGroup<T> } = {};\n\n  filteringProperties.forEach(filteringProperty => {\n    const { group } = filteringProperty;\n    let optionsGroup = defaultGroup;\n    if (group) {\n      if (!customGroups[group]) {\n        const label =\n          customGroupsText?.reduce<string>(\n            (acc, customGroup) => (customGroup.group === group ? customGroup.properties : acc),\n            ''\n          ) || '';\n        customGroups[group] = { options: [], label };\n      }\n      optionsGroup = customGroups[group];\n    }\n    optionsGroup.options.push(filteringPropertyToOption(filteringProperty));\n  });\n  const defaultGroupArray = defaultGroup.options.length ? [defaultGroup] : [];\n  const customGroupsArray = Object.keys(customGroups).map(groupKey => customGroups[groupKey]);\n  return [...defaultGroupArray, ...customGroupsArray];\n}\n\nexport type OperatorStrings =\n  | 'operatorLessText'\n  | 'operatorLessOrEqualText'\n  | 'operatorGreaterText'\n  | 'operatorGreaterOrEqualText'\n  | 'operatorContainsText'\n  | 'operatorDoesNotContainText'\n  | 'operatorEqualsText'\n  | 'operatorDoesNotEqualText';\nexport const getAutosuggestOptions = (\n  parsedText: ParsedText,\n  filteringOptions: PropertyFilterProps['filteringOptions'],\n  filteringProperties: PropertyFilterProps['filteringProperties'],\n  customGroupsText: PropertyFilterProps['customGroupsText'],\n  i18nStrings: Pick<\n    PropertyFilterProps['i18nStrings'],\n    'groupPropertiesText' | 'groupValuesText' | 'operatorsText' | OperatorStrings\n  >\n) => {\n  switch (parsedText.step) {\n    case 'property': {\n      const { propertyLabel, groupValuesLabel } = parsedText.property;\n      const options = getPropertyOptions(parsedText.property, filteringOptions);\n      return {\n        __filterText: parsedText.value,\n        options: [\n          {\n            options: (options || []).map(({ value }) => ({\n              tokenValue: propertyLabel + parsedText.operator + value,\n              label: value,\n              __labelPrefix: propertyLabel + ' ' + parsedText.operator,\n            })),\n            label: groupValuesLabel,\n          },\n        ],\n      };\n    }\n    case 'operator': {\n      return {\n        __filterText: parsedText.property.propertyLabel + ' ' + parsedText.operatorPrefix,\n        options: [\n          ...getPropertySuggestions(\n            filteringProperties,\n            customGroupsText,\n            i18nStrings,\n            filteringPropertyToAutosuggestOption\n          ),\n          {\n            options: getAllowedOperators(parsedText.property).map(value => ({\n              value: parsedText.property.propertyLabel + ' ' + value + ' ',\n              label: parsedText.property.propertyLabel + ' ' + value,\n              description: operatorToDescription(value, i18nStrings),\n              keepOpenOnSelect: true,\n            })),\n            label: i18nStrings.operatorsText,\n          },\n        ],\n      };\n    }\n    case 'free-text': {\n      const needsValueSuggestions = !!parsedText.value;\n      const needsPropertySuggestions = !(parsedText.step === 'free-text' && parsedText.operator === '!:');\n      return {\n        __filterText: parsedText.value,\n        options: [\n          ...(needsPropertySuggestions\n            ? getPropertySuggestions(\n                filteringProperties,\n                customGroupsText,\n                i18nStrings,\n                filteringPropertyToAutosuggestOption\n              )\n            : []),\n          ...(needsValueSuggestions\n            ? getAllValueSuggestions(\n                filteringOptions,\n                filteringProperties,\n                parsedText.operator,\n                i18nStrings,\n                customGroupsText\n              )\n            : []),\n        ],\n      };\n    }\n  }\n};\n\nexport const operatorToDescription = (\n  operator: PropertyFilterProps.ComparisonOperator,\n  i18nStrings: Pick<PropertyFilterProps['i18nStrings'], OperatorStrings>\n) => {\n  const mapping: { [K in PropertyFilterProps.ComparisonOperator]: string } = {\n    ['<']: i18nStrings.operatorLessText,\n    ['<=']: i18nStrings.operatorLessOrEqualText,\n    ['>']: i18nStrings.operatorGreaterText,\n    ['>=']: i18nStrings.operatorGreaterOrEqualText,\n    [':']: i18nStrings.operatorContainsText,\n    ['!:']: i18nStrings.operatorDoesNotContainText,\n    ['=']: i18nStrings.operatorEqualsText,\n    ['!=']: i18nStrings.operatorDoesNotEqualText,\n  };\n  return mapping[operator];\n};\n"]}

package/property-filter/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PropertyFilterProps } from './interfaces';
+export { PropertyFilterProps };
+declare const PropertyFilter: React.ForwardRefExoticComponent<PropertyFilterProps & React.RefAttributes<PropertyFilterProps.Ref>>;
+export default PropertyFilter;
+//# sourceMappingURL=index.d.ts.map

package/property-filter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAazD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGAwPnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/property-filter/index.js

@@ -0,0 +1,149 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React, { useRef, useState, useMemo } from 'react';
+import InternalSpaceBetween from '../space-between/internal';
+import InternalAutosuggest from '../autosuggest/internal';
+import { InternalButton } from '../button/internal';
+import { getBaseProps } from '../internal/base-component';
+import useForwardFocus from '../internal/hooks/forward-focus';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import { KeyCode } from '../internal/keycode';
+import SelectToggle from '../token-group/toggle';
+import { generateUniqueId } from '../internal/hooks/use-unique-id/index';
+import { fireNonCancelableEvent } from '../internal/events';
+import { Token } from './token';
+import { getQueryActions, parseText, getAutosuggestOptions } from './controller';
+import { useLoadItems } from './use-load-items';
+import styles from './styles.css.js';
+import useBaseComponent from '../internal/hooks/use-base-component';
+var PropertyFilter = React.forwardRef(function (_a, ref) {
+    var disabled = _a.disabled, i18nStrings = _a.i18nStrings, countText = _a.countText, query = _a.query, hideOperations = _a.hideOperations, onChange = _a.onChange, filteringProperties = _a.filteringProperties, filteringOptions = _a.filteringOptions, customGroupsText = _a.customGroupsText, _b = _a.disableFreeTextFiltering, disableFreeTextFiltering = _b === void 0 ? false : _b, onLoadItems = _a.onLoadItems, virtualScroll = _a.virtualScroll, customControl = _a.customControl, filteringEmpty = _a.filteringEmpty, filteringLoadingText = _a.filteringLoadingText, filteringFinishedText = _a.filteringFinishedText, filteringErrorText = _a.filteringErrorText, filteringRecoveryText = _a.filteringRecoveryText, filteringStatusType = _a.filteringStatusType, asyncProperties = _a.asyncProperties, tokenLimit = _a.tokenLimit, expandToViewport = _a.expandToViewport, rest = __rest(_a, ["disabled", "i18nStrings", "countText", "query", "hideOperations", "onChange", "filteringProperties", "filteringOptions", "customGroupsText", "disableFreeTextFiltering", "onLoadItems", "virtualScroll", "customControl", "filteringEmpty", "filteringLoadingText", "filteringFinishedText", "filteringErrorText", "filteringRecoveryText", "filteringStatusType", "asyncProperties", "tokenLimit", "expandToViewport"]);
+    var __internalRootRef = useBaseComponent('PropertyFilter').__internalRootRef;
+    var inputRef = useRef(null);
+    var preventFocus = useRef(false);
+    var baseProps = getBaseProps(rest);
+    useForwardFocus(ref, inputRef);
+    var tokens = query.tokens, operation = query.operation;
+    var showResults = (tokens === null || tokens === void 0 ? void 0 : tokens.length) && !disabled;
+    var _c = getQueryActions(query, onChange, inputRef, preventFocus), addToken = _c.addToken, removeToken = _c.removeToken, setToken = _c.setToken, setOperation = _c.setOperation, removeAllTokens = _c.removeAllTokens;
+    var _d = useState(''), filteringText = _d[0], setFilteringText = _d[1];
+    var parsedText = parseText(filteringText, filteringProperties, disableFreeTextFiltering);
+    var autosuggestOptions = getAutosuggestOptions(parsedText, filteringOptions, filteringProperties, customGroupsText, i18nStrings);
+    var createToken = function (currentText) {
+        var parsedText = parseText(currentText, filteringProperties, disableFreeTextFiltering);
+        var newToken;
+        switch (parsedText.step) {
+            case 'property': {
+                newToken = {
+                    propertyKey: parsedText.property.key,
+                    operator: parsedText.operator,
+                    value: parsedText.value
+                };
+                break;
+            }
+            case 'free-text': {
+                newToken = {
+                    operator: parsedText.operator || ':',
+                    value: parsedText.value
+                };
+                break;
+            }
+            case 'operator': {
+                newToken = {
+                    operator: ':',
+                    value: currentText
+                };
+                break;
+            }
+        }
+        if (disableFreeTextFiltering && !('propertyKey' in newToken)) {
+            return;
+        }
+        addToken(newToken);
+        setFilteringText('');
+    };
+    var ignoreKeyDown = useRef(false);
+    var handleKeyDown = function (event) {
+        if (filteringText && !ignoreKeyDown.current && event.detail.keyCode === KeyCode.enter) {
+            createToken(filteringText);
+        }
+    };
+    var getLoadMoreDetail = function (parsedText, filteringText) {
+        var loadMoreDetail = {
+            filteringProperty: undefined,
+            filteringText: filteringText,
+            filteringOperator: undefined
+        };
+        if (parsedText.step === 'property') {
+            loadMoreDetail.filteringProperty = parsedText.property;
+            loadMoreDetail.filteringText = parsedText.value;
+            loadMoreDetail.filteringOperator = parsedText.operator;
+        }
+        return loadMoreDetail;
+    };
+    var loadMoreDetail = getLoadMoreDetail(parsedText, filteringText);
+    var inputLoadItemsHandlers = useLoadItems(onLoadItems, loadMoreDetail.filteringText, loadMoreDetail.filteringProperty, loadMoreDetail.filteringText, loadMoreDetail.filteringOperator);
+    var asyncProps = {
+        empty: filteringEmpty,
+        loadingText: filteringLoadingText,
+        finishedText: filteringFinishedText,
+        errorText: filteringErrorText,
+        recoveryText: filteringRecoveryText,
+        statusType: filteringStatusType
+    };
+    var asyncAutosuggestProps = !!filteringText.length || asyncProperties
+        ? __assign(__assign({}, inputLoadItemsHandlers), asyncProps) : {};
+    var handleSelected = function (event) {
+        // The ignoreKeyDown flag makes sure `createToken` routine runs only once. Autosuggest's `onKeyDown` fires,
+        // when an item is selected from the list using "enter" key.
+        ignoreKeyDown.current = true;
+        setTimeout(function () {
+            ignoreKeyDown.current = false;
+        }, 0);
+        var option = event.detail;
+        var value = option.value || '';
+        if ('tokenValue' in option) {
+            createToken(option.tokenValue);
+            return;
+        }
+        // create a token from the 'use' option
+        if (!('keepOpenOnSelect' in option)) {
+            createToken(value);
+            return;
+        }
+        // stop dropdown from closing
+        event.preventDefault();
+        var loadMoreDetail = getLoadMoreDetail(parseText(value, filteringProperties, disableFreeTextFiltering), value);
+        fireNonCancelableEvent(onLoadItems, __assign(__assign({}, loadMoreDetail), { firstPage: true, samePage: false }));
+    };
+    var _e = useState(false), tokensExpanded = _e[0], setTokensExpanded = _e[1];
+    var toggleExpandedTokens = function () { return setTokensExpanded(!tokensExpanded); };
+    var hasHiddenOptions = tokenLimit !== undefined && tokens.length > tokenLimit;
+    var slicedTokens = hasHiddenOptions && !tokensExpanded ? tokens.slice(0, tokenLimit) : tokens;
+    var controlId = useMemo(function () { return generateUniqueId(); }, []);
+    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
+        React.createElement("div", { className: styles['search-field'] },
+            customControl && React.createElement("div", { className: styles['custom-control'] }, customControl),
+            React.createElement(InternalAutosuggest, __assign({ virtualScroll: virtualScroll, enteredTextLabel: i18nStrings.enteredTextLabel, ref: inputRef, className: styles.input, ariaLabel: i18nStrings.filteringAriaLabel, placeholder: i18nStrings.filteringPlaceholder, value: filteringText, disabled: disabled, onKeyDown: handleKeyDown }, autosuggestOptions, { onChange: function (event) { return setFilteringText(event.detail.value); }, empty: filteringEmpty }, asyncAutosuggestProps, { expandToViewport: expandToViewport, __disableShowAll: true, __dropdownWidth: 300, __onOptionClick: handleSelected, __onOpen: function (e) {
+                    if (preventFocus.current) {
+                        e.preventDefault();
+                        preventFocus.current = false;
+                    }
+                }, __hideEnteredTextOption: disableFreeTextFiltering && parsedText.step !== 'property' })),
+            React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: clsx(styles.results, showResults && styles['results-visible']) }, showResults ? countText : '')),
+        tokens && tokens.length > 0 && (React.createElement("div", { className: styles.tokens },
+            React.createElement(InternalSpaceBetween, { size: "xs", direction: "horizontal", id: controlId },
+                slicedTokens.map(function (token, index) { return (React.createElement(Token, { token: token, first: index === 0, operation: operation, key: index, removeToken: function () { return removeToken(index); }, setToken: function (newToken) { return setToken(index, newToken); }, setOperation: setOperation, filteringOptions: filteringOptions, filteringProperties: filteringProperties, asyncProps: asyncProps, onLoadItems: onLoadItems, i18nStrings: i18nStrings, asyncProperties: asyncProperties, hideOperations: hideOperations, customGroupsText: customGroupsText, disableFreeTextFiltering: disableFreeTextFiltering, disabled: disabled, expandToViewport: expandToViewport })); }),
+                hasHiddenOptions && (React.createElement("div", { className: styles['toggle-collapsed'] },
+                    React.createElement(SelectToggle, { controlId: controlId, allHidden: tokenLimit === 0, expanded: tokensExpanded, numberOfHiddenOptions: tokens.length - slicedTokens.length, i18nStrings: {
+                            limitShowFewer: i18nStrings.tokenLimitShowFewer,
+                            limitShowMore: i18nStrings.tokenLimitShowMore
+                        }, onClick: toggleExpandedTokens }))),
+                React.createElement("div", { className: styles.separator }),
+                React.createElement(InternalButton, { onClick: removeAllTokens, className: styles['remove-all'], disabled: disabled }, i18nStrings.clearFiltersText))))));
+});
+applyDisplayName(PropertyFilter, 'PropertyFilter');
+export default PropertyFilter;
+//# sourceMappingURL=index.js.map

package/property-filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef, useState, useMemo } from 'react';\n\nimport InternalSpaceBetween from '../space-between/internal';\nimport InternalAutosuggest, { InternalAutosuggestProps } from '../autosuggest/internal';\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { KeyCode } from '../internal/keycode';\nimport SelectToggle from '../token-group/toggle';\nimport { generateUniqueId } from '../internal/hooks/use-unique-id/index';\nimport { fireNonCancelableEvent } from '../internal/events';\n\nimport { PropertyFilterProps } from './interfaces';\nimport { Token } from './token';\nimport { getQueryActions, parseText, getAutosuggestOptions, ParsedText } from './controller';\nimport { useLoadItems } from './use-load-items';\nimport styles from './styles.css.js';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { PropertyFilterProps };\n\nconst PropertyFilter = React.forwardRef(\n  (\n    {\n      disabled,\n      i18nStrings,\n      countText,\n      query,\n      hideOperations,\n      onChange,\n      filteringProperties,\n      filteringOptions,\n      customGroupsText,\n      disableFreeTextFiltering = false,\n      onLoadItems,\n      virtualScroll,\n      customControl,\n      filteringEmpty,\n      filteringLoadingText,\n      filteringFinishedText,\n      filteringErrorText,\n      filteringRecoveryText,\n      filteringStatusType,\n      asyncProperties,\n      tokenLimit,\n      expandToViewport,\n      ...rest\n    }: PropertyFilterProps,\n    ref: React.Ref<PropertyFilterProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('PropertyFilter');\n    const inputRef = useRef<HTMLInputElement>(null);\n    const preventFocus = useRef<boolean>(false);\n    const baseProps = getBaseProps(rest);\n    useForwardFocus(ref, inputRef);\n    const { tokens, operation } = query;\n    const showResults = tokens?.length && !disabled;\n    const { addToken, removeToken, setToken, setOperation, removeAllTokens } = getQueryActions(\n      query,\n      onChange,\n      inputRef,\n      preventFocus\n    );\n    const [filteringText, setFilteringText] = useState<string>('');\n    const parsedText = parseText(filteringText, filteringProperties, disableFreeTextFiltering);\n    const autosuggestOptions = getAutosuggestOptions(\n      parsedText,\n      filteringOptions,\n      filteringProperties,\n      customGroupsText,\n      i18nStrings\n    );\n\n    const createToken = (currentText: string) => {\n      const parsedText = parseText(currentText, filteringProperties, disableFreeTextFiltering);\n      let newToken: PropertyFilterProps.Token;\n      switch (parsedText.step) {\n        case 'property': {\n          newToken = {\n            propertyKey: parsedText.property.key,\n            operator: parsedText.operator,\n            value: parsedText.value,\n          };\n          break;\n        }\n        case 'free-text': {\n          newToken = {\n            operator: parsedText.operator || ':',\n            value: parsedText.value,\n          };\n          break;\n        }\n        case 'operator': {\n          newToken = {\n            operator: ':',\n            value: currentText,\n          };\n          break;\n        }\n      }\n      if (disableFreeTextFiltering && !('propertyKey' in newToken)) {\n        return;\n      }\n      addToken(newToken);\n      setFilteringText('');\n    };\n    const ignoreKeyDown = useRef<boolean>(false);\n    const handleKeyDown: InternalAutosuggestProps['onKeyDown'] = event => {\n      if (filteringText && !ignoreKeyDown.current && event.detail.keyCode === KeyCode.enter) {\n        createToken(filteringText);\n      }\n    };\n    const getLoadMoreDetail = (parsedText: ParsedText, filteringText: string) => {\n      const loadMoreDetail: {\n        filteringProperty: PropertyFilterProps.FilteringProperty | undefined;\n        filteringText: string;\n        filteringOperator: PropertyFilterProps.ComparisonOperator | undefined;\n      } = {\n        filteringProperty: undefined,\n        filteringText,\n        filteringOperator: undefined,\n      };\n      if (parsedText.step === 'property') {\n        loadMoreDetail.filteringProperty = parsedText.property;\n        loadMoreDetail.filteringText = parsedText.value;\n        loadMoreDetail.filteringOperator = parsedText.operator;\n      }\n      return loadMoreDetail;\n    };\n    const loadMoreDetail = getLoadMoreDetail(parsedText, filteringText);\n    const inputLoadItemsHandlers = useLoadItems(\n      onLoadItems,\n      loadMoreDetail.filteringText,\n      loadMoreDetail.filteringProperty,\n      loadMoreDetail.filteringText,\n      loadMoreDetail.filteringOperator\n    );\n    const asyncProps = {\n      empty: filteringEmpty,\n      loadingText: filteringLoadingText,\n      finishedText: filteringFinishedText,\n      errorText: filteringErrorText,\n      recoveryText: filteringRecoveryText,\n      statusType: filteringStatusType,\n    };\n    const asyncAutosuggestProps =\n      !!filteringText.length || asyncProperties\n        ? {\n            ...inputLoadItemsHandlers,\n            ...asyncProps,\n          }\n        : {};\n    const handleSelected: InternalAutosuggestProps['__onOptionClick'] = event => {\n      // The ignoreKeyDown flag makes sure `createToken` routine runs only once. Autosuggest's `onKeyDown` fires,\n      // when an item is selected from the list using \"enter\" key.\n      ignoreKeyDown.current = true;\n      setTimeout(() => {\n        ignoreKeyDown.current = false;\n      }, 0);\n      const { detail: option } = event;\n      const value = option.value || '';\n      if ('tokenValue' in option) {\n        createToken((option as { tokenValue: string }).tokenValue);\n        return;\n      }\n      // create a token from the 'use' option\n      if (!('keepOpenOnSelect' in option)) {\n        createToken(value);\n        return;\n      }\n\n      // stop dropdown from closing\n      event.preventDefault();\n      const loadMoreDetail = getLoadMoreDetail(parseText(value, filteringProperties, disableFreeTextFiltering), value);\n      fireNonCancelableEvent(onLoadItems, { ...loadMoreDetail, firstPage: true, samePage: false });\n    };\n    const [tokensExpanded, setTokensExpanded] = useState(false);\n    const toggleExpandedTokens = () => setTokensExpanded(!tokensExpanded);\n    const hasHiddenOptions = tokenLimit !== undefined && tokens.length > tokenLimit;\n    const slicedTokens = hasHiddenOptions && !tokensExpanded ? tokens.slice(0, tokenLimit) : tokens;\n    const controlId = useMemo(() => generateUniqueId(), []);\n    return (\n      <span {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n        <div className={styles['search-field']}>\n          {customControl && <div className={styles['custom-control']}>{customControl}</div>}\n          <InternalAutosuggest\n            virtualScroll={virtualScroll}\n            enteredTextLabel={i18nStrings.enteredTextLabel}\n            ref={inputRef}\n            className={styles.input}\n            ariaLabel={i18nStrings.filteringAriaLabel}\n            placeholder={i18nStrings.filteringPlaceholder}\n            value={filteringText}\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            {...autosuggestOptions}\n            onChange={event => setFilteringText(event.detail.value)}\n            empty={filteringEmpty}\n            {...asyncAutosuggestProps}\n            expandToViewport={expandToViewport}\n            __disableShowAll={true}\n            __dropdownWidth={300}\n            __onOptionClick={handleSelected}\n            __onOpen={e => {\n              if (preventFocus.current) {\n                e.preventDefault();\n                preventFocus.current = false;\n              }\n            }}\n            __hideEnteredTextOption={disableFreeTextFiltering && parsedText.step !== 'property'}\n          />\n          <span\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className={clsx(styles.results, showResults && styles['results-visible'])}\n          >\n            {showResults ? countText : ''}\n          </span>\n        </div>\n        {tokens && tokens.length > 0 && (\n          <div className={styles.tokens}>\n            <InternalSpaceBetween size=\"xs\" direction=\"horizontal\" id={controlId}>\n              {slicedTokens.map((token, index) => (\n                <Token\n                  token={token}\n                  first={index === 0}\n                  operation={operation}\n                  key={index}\n                  removeToken={() => removeToken(index)}\n                  setToken={(newToken: PropertyFilterProps.Token) => setToken(index, newToken)}\n                  setOperation={setOperation}\n                  filteringOptions={filteringOptions}\n                  filteringProperties={filteringProperties}\n                  asyncProps={asyncProps}\n                  onLoadItems={onLoadItems}\n                  i18nStrings={i18nStrings}\n                  asyncProperties={asyncProperties}\n                  hideOperations={hideOperations}\n                  customGroupsText={customGroupsText}\n                  disableFreeTextFiltering={disableFreeTextFiltering}\n                  disabled={disabled}\n                  expandToViewport={expandToViewport}\n                />\n              ))}\n              {hasHiddenOptions && (\n                <div className={styles['toggle-collapsed']}>\n                  <SelectToggle\n                    controlId={controlId}\n                    allHidden={tokenLimit === 0}\n                    expanded={tokensExpanded}\n                    numberOfHiddenOptions={tokens.length - slicedTokens.length}\n                    i18nStrings={{\n                      limitShowFewer: i18nStrings.tokenLimitShowFewer,\n                      limitShowMore: i18nStrings.tokenLimitShowMore,\n                    }}\n                    onClick={toggleExpandedTokens}\n                  />\n                </div>\n              )}\n              <div className={styles.separator} />\n              <InternalButton onClick={removeAllTokens} className={styles['remove-all']} disabled={disabled}>\n                {i18nStrings.clearFiltersText}\n              </InternalButton>\n            </InternalSpaceBetween>\n          </div>\n        )}\n      </span>\n    );\n  }\n);\n\napplyDisplayName(PropertyFilter, 'PropertyFilter');\nexport default PropertyFilter;\n"]}