@snack-uikit/chips 0.16.3 → 0.16.4-preview-71543426.0

package/dist/cjs/components/ChipChoice/components/ChipChoiceSingle.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSingleValueFormatter = defaultSingleValueFormatter;
+exports.ChipChoiceSingle = ChipChoiceSingle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const list_1 = require("@snack-uikit/list");
+const locale_1 = require("@snack-uikit/locale");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../../constants");
+const constants_2 = require("../constants");
+const hooks_1 = require("../hooks");
+const utils_2 = require("../utils");
+const options_1 = require("../utils/options");
+const ChipChoiceBase_1 = require("./ChipChoiceBase");
+function defaultSingleValueFormatter(_ref) {
+  let {
+    label,
+    allLabel
+  } = _ref;
+  return label !== null && label !== void 0 ? label : allLabel;
+}
+function ChipChoiceSingle(_a) {
+  var {
+      value: valueProp,
+      defaultValue,
+      options,
+      onChange: onChangeProp,
+      valueRender,
+      size = constants_1.SIZE.S,
+      label,
+      searchable,
+      contentRender,
+      dropDownClassName
+    } = _a,
+    rest = __rest(_a, ["value", "defaultValue", "options", "onChange", "valueRender", "size", "label", "searchable", "contentRender", "dropDownClassName"]);
+  const [value, setValue] = (0, utils_1.useValueControl)({
+    value: valueProp,
+    defaultValue,
+    onChange: onChangeProp
+  });
+  const flattenOptions = (0, react_1.useMemo)(() => {
+    const {
+      flattenOptions
+    } = (0, utils_2.kindFlattenOptions)({
+      options
+    });
+    return flattenOptions;
+  }, [options]);
+  const {
+    t
+  } = (0, locale_1.useLocale)('Chips');
+  const [open, setOpen] = (0, react_1.useState)(false);
+  const handleOnKeyDown = (0, hooks_1.useHandleOnKeyDown)({
+    setOpen
+  });
+  const flatMapOptions = (0, react_1.useMemo)(() => Object.values(flattenOptions), [flattenOptions]);
+  const selectedOption = (0, react_1.useMemo)(() => value ? flattenOptions[value] : {}, [flattenOptions, value]);
+  const [searchValue, setSearchValue] = (0, react_1.useState)('');
+  const valueToRender = valueRender ? valueRender(selectedOption) : defaultSingleValueFormatter({
+    label: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label,
+    allLabel: t('allLabel')
+  });
+  const fuzzySearch = (0, hooks_1.useFuzzySearch)(options, flatMapOptions);
+  const result = (0, react_1.useMemo)(() => !searchable || valueToRender === searchValue ? options : fuzzySearch(searchValue), [fuzzySearch, options, searchValue, searchable, valueToRender]);
+  const items = (0, react_1.useMemo)(() => (0, options_1.transformOptionsToItems)(result, contentRender), [contentRender, result]);
+  const clearValue = () => setValue(undefined);
+  const chipRef = (0, react_1.useRef)(null);
+  const handleSelectionChange = (0, react_1.useCallback)(newValue => {
+    var _a;
+    if (newValue !== undefined) {
+      (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      setOpen(false);
+      setValue(newValue);
+      setSearchValue('');
+    }
+  }, [setSearchValue, setValue]);
+  (0, react_1.useEffect)(() => {
+    if (searchValue && !open) {
+      setSearchValue('');
+    }
+  }, [searchable, open, searchValue]);
+  return (0, jsx_runtime_1.jsx)(list_1.Droplist, Object.assign({}, rest, {
+    items: items,
+    selection: {
+      value,
+      onChange: handleSelectionChange,
+      mode: 'single'
+    },
+    "data-test-id": constants_1.CHIP_CHOICE_TEST_IDS.droplist,
+    size: constants_2.DROPLIST_SIZE_MAP[size],
+    trigger: 'click',
+    placement: 'bottom-start',
+    className: dropDownClassName,
+    closeDroplistOnItemClick: true,
+    widthStrategy: 'gte',
+    open: open,
+    onOpenChange: open => {
+      if (!open) {
+        setSearchValue('');
+      }
+      setOpen(open);
+    },
+    scroll: true,
+    search: searchable ? {
+      value: searchValue,
+      onChange: setSearchValue
+    } : undefined,
+    children: (0, jsx_runtime_1.jsx)(ChipChoiceBase_1.ChipChoiceBase, Object.assign({}, rest, {
+      ref: chipRef,
+      onClearButtonClick: clearValue,
+      value: value,
+      valueToRender: valueToRender,
+      label: label,
+      loading: rest.loading,
+      size: size,
+      onKeyDown: handleOnKeyDown()
+    }))
+  }));
+}

package/dist/cjs/components/ChipChoice/components/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ChipChoiceCustom"), exports);
+__exportStar(require("./ChipChoiceSingle"), exports);
+__exportStar(require("./ChipChoiceMultiple"), exports);
+__exportStar(require("./ChipChoiceDate"), exports);
+__exportStar(require("./ChipChoiceDateRange"), exports);

package/dist/cjs/components/ChipChoice/constants.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHIP_CHOICE_TYPE = exports.DROPLIST_SIZE_MAP = exports.CALENDAR_SIZE_MAP = exports.BUTTON_CLEAR_VALUE_SIZE_MAP = void 0;
+const constants_1 = require("../../constants");
+exports.BUTTON_CLEAR_VALUE_SIZE_MAP = {
+  [constants_1.SIZE.Xs]: constants_1.BUTTON_SIZE.Xxs,
+  [constants_1.SIZE.S]: constants_1.BUTTON_SIZE.Xs,
+  [constants_1.SIZE.M]: constants_1.BUTTON_SIZE.Xs,
+  [constants_1.SIZE.L]: constants_1.BUTTON_SIZE.Xs
+};
+exports.CALENDAR_SIZE_MAP = {
+  [constants_1.SIZE.Xs]: 's',
+  [constants_1.SIZE.S]: 's',
+  [constants_1.SIZE.M]: 'm',
+  [constants_1.SIZE.L]: 'm'
+};
+exports.DROPLIST_SIZE_MAP = {
+  [constants_1.SIZE.Xs]: 's',
+  [constants_1.SIZE.S]: 's',
+  [constants_1.SIZE.M]: 'm',
+  [constants_1.SIZE.L]: 'l'
+};
+exports.CHIP_CHOICE_TYPE = {
+  Multiple: 'multiple',
+  Date: 'date',
+  DateRange: 'date-range',
+  Single: 'single',
+  Custom: 'custom'
+};

package/dist/cjs/components/ChipChoice/hooks.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHandleOnKeyDown = useHandleOnKeyDown;
+exports.useFuzzySearch = useFuzzySearch;
+const fuzzy_search_1 = __importDefault(require("fuzzy-search"));
+const react_1 = require("react");
+function useHandleOnKeyDown(_ref) {
+  let {
+    setOpen
+  } = _ref;
+  return (0, react_1.useCallback)(onKeyDown => e => {
+    if (e.code === 'Space') {
+      e.stopPropagation();
+    } else {
+      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    }
+    if (['ArrowDown'].includes(e.key)) {
+      e.preventDefault();
+      setOpen(true);
+    }
+    if (['ArrowUp'].includes(e.key)) {
+      e.preventDefault();
+      setOpen(false);
+    }
+    if (e.key === 'Tab') {
+      setOpen(false);
+    }
+  }, [setOpen]);
+}
+const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
+function useFuzzySearch(options, flatMapOptions, minSearchInputLength) {
+  return (0, react_1.useCallback)(search => {
+    const searcher = new fuzzy_search_1.default(flatMapOptions, ['label', 'contentRenderProps.description', 'contentRenderProps.caption'], {});
+    return search.length > (minSearchInputLength !== null && minSearchInputLength !== void 0 ? minSearchInputLength : DEFAULT_MIN_SEARCH_INPUT_LENGTH) ? searcher.search(search) : options;
+  }, [flatMapOptions, minSearchInputLength, options]);
+}

package/dist/cjs/components/ChipChoice/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNextListOption = exports.isGroupSelectOption = exports.isGroupOption = exports.isBaseOption = exports.isAccordionOption = exports.ChipChoice = void 0;
+const components_1 = require("./components");
+var ChipChoice;
+(function (ChipChoice) {
+  ChipChoice.Custom = components_1.ChipChoiceCustom;
+  ChipChoice.Single = components_1.ChipChoiceSingle;
+  ChipChoice.Multiple = components_1.ChipChoiceMultiple;
+  ChipChoice.Date = components_1.ChipChoiceDate;
+  ChipChoice.DateRange = components_1.ChipChoiceDateRange;
+})(ChipChoice || (exports.ChipChoice = ChipChoice = {}));
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "isAccordionOption", {
+  enumerable: true,
+  get: function () {
+    return utils_1.isAccordionOption;
+  }
+});
+Object.defineProperty(exports, "isBaseOption", {
+  enumerable: true,
+  get: function () {
+    return utils_1.isBaseOption;
+  }
+});
+Object.defineProperty(exports, "isGroupOption", {
+  enumerable: true,
+  get: function () {
+    return utils_1.isGroupOption;
+  }
+});
+Object.defineProperty(exports, "isGroupSelectOption", {
+  enumerable: true,
+  get: function () {
+    return utils_1.isGroupSelectOption;
+  }
+});
+Object.defineProperty(exports, "isNextListOption", {
+  enumerable: true,
+  get: function () {
+    return utils_1.isNextListOption;
+  }
+});

package/dist/cjs/components/ChipChoice/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/components/ChipChoice/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./typeGuards"), exports);
+__exportStar(require("./utils"), exports);

package/dist/cjs/components/ChipChoice/utils/options.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformOptionsToItems = transformOptionsToItems;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_1 = require("@snack-uikit/list");
+const typeGuards_1 = require("./typeGuards");
+function transformOptionsToItems(options, contentRender) {
+  return options.map(option => {
+    if ((0, typeGuards_1.isAccordionOption)(option) || (0, typeGuards_1.isNextListOption)(option)) {
+      const {
+          label,
+          options,
+          id,
+          contentRenderProps,
+          disabled
+        } = option,
+        rest = __rest(option, ["label", "options", "id", "contentRenderProps", "disabled"]);
+      return Object.assign(Object.assign({}, rest), {
+        disabled,
+        id,
+        content: contentRender ? contentRender({
+          label,
+          contentRenderProps,
+          disabled
+        }) : (0, jsx_runtime_1.jsx)(list_1.ItemContent, Object.assign({
+          option: label
+        }, contentRenderProps, {
+          disabled: disabled
+        })),
+        items: transformOptionsToItems(options)
+      });
+    }
+    if ((0, typeGuards_1.isGroupSelectOption)(option)) {
+      const {
+          options
+        } = option,
+        rest = __rest(option, ["options"]);
+      return Object.assign(Object.assign({}, rest), {
+        items: transformOptionsToItems(options)
+      });
+    }
+    if ((0, typeGuards_1.isGroupOption)(option)) {
+      const {
+          options
+        } = option,
+        rest = __rest(option, ["options"]);
+      return Object.assign(Object.assign({}, rest), {
+        items: transformOptionsToItems(options)
+      });
+    }
+    const _a = option,
+      {
+        label,
+        value,
+        contentRenderProps,
+        disabled
+      } = _a,
+      rest = __rest(_a, ["label", "value", "contentRenderProps", "disabled"]);
+    return Object.assign(Object.assign({}, rest), {
+      disabled,
+      id: value,
+      content: contentRender ? contentRender({
+        label,
+        contentRenderProps,
+        disabled,
+        value
+      }) : (0, jsx_runtime_1.jsx)(list_1.ItemContent, Object.assign({
+        option: label
+      }, contentRenderProps, {
+        disabled: disabled
+      }))
+    });
+  });
+}

package/dist/cjs/components/ChipChoice/utils/typeGuards.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBaseOption = isBaseOption;
+exports.isAccordionOption = isAccordionOption;
+exports.isNextListOption = isNextListOption;
+exports.isGroupOption = isGroupOption;
+exports.isGroupSelectOption = isGroupSelectOption;
+function isBaseOption(option) {
+  return !('options' in option);
+}
+function isAccordionOption(option) {
+  return option && 'options' in option && option['type'] === 'collapse';
+}
+function isNextListOption(option) {
+  return option && 'options' in option && option['type'] === 'next-list';
+}
+function isGroupOption(option) {
+  return option && 'options' in option && option['type'] === 'group';
+}
+function isGroupSelectOption(option) {
+  return option && 'options' in option && option['type'] === 'group-select';
+}

package/dist/cjs/components/ChipChoice/utils/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.kindFlattenOptions = kindFlattenOptions;
+const typeGuards_1 = require("./typeGuards");
+function kindFlattenOptions(_ref) {
+  let {
+    options
+  } = _ref;
+  const flattenOptions = {};
+  function flatten(option) {
+    if ((0, typeGuards_1.isBaseOption)(option)) {
+      const {
+        value,
+        label,
+        contentRenderProps,
+        disabled,
+        afterContent,
+        beforeContent,
+        hidden
+      } = option;
+      flattenOptions[value] = {
+        value,
+        label,
+        contentRenderProps,
+        disabled,
+        afterContent,
+        beforeContent,
+        hidden
+      };
+      return;
+    }
+    const {
+      options
+    } = option;
+    for (let idx = 0; idx < options.length; idx++) {
+      flatten(options[idx]);
+    }
+    return;
+  }
+  for (let idx = 0; idx < options.length; idx++) {
+    flatten(options[idx]);
+  }
+  return {
+    flattenOptions
+  };
+}

package/dist/cjs/components/ChipChoiceRow/ChipChoiceRow.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipChoiceRow = ChipChoiceRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uncontrollable_1 = require("uncontrollable");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const locale_1 = require("@snack-uikit/locale");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const components_1 = require("./components");
+const constants_2 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ChipChoiceRow(_a) {
+  var {
+      filters,
+      onChange,
+      showClearAllButton = true,
+      clearAllButtonLabel: clearAllButtonLabelProp,
+      className,
+      value,
+      defaultValue,
+      size = constants_2.CHIP_CHOICE_ROW_SIZE.S
+    } = _a,
+    rest = __rest(_a, ["filters", "onChange", "showClearAllButton", "clearAllButtonLabel", "className", "value", "defaultValue", "size"]);
+  const {
+    t
+  } = (0, locale_1.useLocale)('Chips');
+  const clearAllButtonLabel = clearAllButtonLabelProp !== null && clearAllButtonLabelProp !== void 0 ? clearAllButtonLabelProp : t('clearAllButton');
+  const [state, setState] = (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue !== null && defaultValue !== void 0 ? defaultValue : {}, newState => {
+    const result = typeof newState === 'function' ? newState(state) : newState;
+    onChange === null || onChange === void 0 ? void 0 : onChange(result);
+  });
+  const handleChange = (fieldId, value) => {
+    setState(state => Object.assign(Object.assign({}, state), {
+      [fieldId]: value
+    }));
+  };
+  const handleFiltersClear = () => {
+    setState({});
+  };
+  const hasAnyFilter = Object.values(state).some(filter => {
+    if (Array.isArray(filter)) {
+      return filter.length > 0 && Object.values(filter).some(Boolean);
+    }
+    if (filter && typeof filter === 'object') {
+      return Object.values(filter).some(Boolean) || filter instanceof Date;
+    }
+    return Boolean(filter);
+  });
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.chipChoiceRow, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: [filters.map(filter => (0, jsx_runtime_1.jsx)(components_1.ForwardedChipChoice, Object.assign({}, filter, {
+      value: state[filter.id],
+      size: constants_2.MAP_ROW_SIZE_TO_CHOICE_SIZE[size],
+      onChange: value => handleChange(filter.id, value)
+    }), filter.id)), showClearAllButton && hasAnyFilter && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+      onClick: handleFiltersClear,
+      label: clearAllButtonLabel,
+      icon: (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {}),
+      iconPosition: 'before',
+      size: constants_2.MAP_ROW_SIZE_TO_BUTTON_SIZE[size],
+      "data-test-id": constants_1.CHIP_CHOICE_ROW_IDS.clearAllButton
+    })]
+  }));
+}

package/dist/cjs/components/ChipChoiceRow/components/ForwardedChipChoice.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ForwardedChipChoice = ForwardedChipChoice;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("./constants");
+function ForwardedChipChoice(props) {
+  const Component = constants_1.MAP_CHIP_TYPE_TO_COMPONENT[props.type];
+  return (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props));
+}

package/dist/cjs/components/ChipChoiceRow/components/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MAP_CHIP_TYPE_TO_COMPONENT = void 0;
+const ChipChoice_1 = require("../../ChipChoice");
+const constants_1 = require("../../ChipChoice/constants");
+exports.MAP_CHIP_TYPE_TO_COMPONENT = {
+  [constants_1.CHIP_CHOICE_TYPE.Single]: ChipChoice_1.ChipChoice.Single,
+  [constants_1.CHIP_CHOICE_TYPE.Multiple]: ChipChoice_1.ChipChoice.Multiple,
+  [constants_1.CHIP_CHOICE_TYPE.Date]: ChipChoice_1.ChipChoice.Date,
+  [constants_1.CHIP_CHOICE_TYPE.DateRange]: ChipChoice_1.ChipChoice.DateRange,
+  [constants_1.CHIP_CHOICE_TYPE.Custom]: ChipChoice_1.ChipChoice.Custom
+};

package/dist/cjs/components/ChipChoiceRow/components/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ForwardedChipChoice"), exports);

package/dist/cjs/components/ChipChoiceRow/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MAP_ROW_SIZE_TO_BUTTON_SIZE = exports.MAP_ROW_SIZE_TO_CHOICE_SIZE = exports.CHIP_CHOICE_ROW_SIZE = void 0;
+const constants_1 = require("../../constants");
+exports.CHIP_CHOICE_ROW_SIZE = {
+  Xs: 'xs',
+  S: 's',
+  M: 'm'
+};
+exports.MAP_ROW_SIZE_TO_CHOICE_SIZE = {
+  [exports.CHIP_CHOICE_ROW_SIZE.Xs]: constants_1.SIZE.Xs,
+  [exports.CHIP_CHOICE_ROW_SIZE.S]: constants_1.SIZE.S,
+  [exports.CHIP_CHOICE_ROW_SIZE.M]: constants_1.SIZE.M
+};
+exports.MAP_ROW_SIZE_TO_BUTTON_SIZE = {
+  [exports.CHIP_CHOICE_ROW_SIZE.Xs]: 'xs',
+  [exports.CHIP_CHOICE_ROW_SIZE.S]: 's',
+  [exports.CHIP_CHOICE_ROW_SIZE.M]: 'm'
+};

package/dist/cjs/components/ChipChoiceRow/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ChipChoiceRow"), exports);

package/dist/cjs/components/ChipChoiceRow/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});