@wix/design-system 1.0.0

package/dist/cjs/MultiSelect/MultiSelect.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["multiselectUniDriverFactory","base","body","driver","inputDriver","dropdownLayoutDriver","inputWithOptionsUniDriverFactory","getInputWrapper","inputWrapper","childNodes","tags","$$","multiSelectDriver","baseUniDriverFactory","getMaxHeight","style","maxHeight","clickOnInputWrapper","ReactTestUtils","Simulate","click","inputWrapperHasFocus","isFocusedStyle","inputWrapperIsDisabled","$","attr","numberOfTags","count","getTagLabelAt","index","get","text","pressCommaKey","pressKey","getTagDriverByTagId","tagId","tagPrivateUniDriverFactory","filter","tag","_prop","customSuffixExists","querySelector","statusIndicatorExists","exists"],"sources":["../../../src/MultiSelect/MultiSelect.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\nimport ReactTestUtils from 'react-dom/test-utils';\nimport { inputWithOptionsUniDriverFactory } from '../InputWithOptions/InputWithOptions.uni.driver';\nimport { tagPrivateUniDriverFactory } from '../Tag/Tag.private.uni.driver';\n\nexport const multiselectUniDriverFactory = (base, body) => {\n  const { driver, inputDriver, dropdownLayoutDriver } =\n    inputWithOptionsUniDriverFactory(base, body);\n\n  const getInputWrapper = async () =>\n    (await driver.inputWrapper()).childNodes[0];\n\n  const tags = base.$$('[data-hook=\"tag\"]');\n\n  const multiSelectDriver = {\n    ...baseUniDriverFactory(base),\n    ...driver,\n\n    /** returns the max height of the component */\n    getMaxHeight: async () => (await getInputWrapper()).style.maxHeight,\n\n    /** click on the input element wrapper */\n    clickOnInputWrapper: async () =>\n      ReactTestUtils.Simulate.click(await getInputWrapper()),\n\n    /** returns true if the input is focused */\n    inputWrapperHasFocus: () => inputDriver.isFocusedStyle(),\n\n    /** returns true if the input is disabled */\n    inputWrapperIsDisabled: async () =>\n      !!(await base.$('[data-hook=\"wsr-custom-input\"]')).attr('disabled'),\n\n    /** returns the number of tags selected in the input */\n    numberOfTags: () => tags.count(),\n\n    /** returns the label of the tag given it's index */\n    getTagLabelAt: index => tags.get(index).text(),\n\n    /** press the comma key in the input field */\n    pressCommaKey: () => inputDriver.pressKey(','),\n\n    /** returns the `tagDriver` for the specified tag id */\n    getTagDriverByTagId: async tagId =>\n      tagPrivateUniDriverFactory(\n        tags.filter(async tag => (await tag._prop('id')) === tagId).get(0),\n      ),\n\n    /** returns true if a custom suffix exists */\n    customSuffixExists: async () =>\n      !!(await getInputWrapper()).querySelector('[data-hook=\"custom-suffix\"]'),\n\n    /** returns true if a status indicator exists */\n    statusIndicatorExists: async () =>\n      !!(await getInputWrapper()).querySelector('[data-hook=\"input-status\"]'),\n  };\n\n  return {\n    exists: async () => base.exists(),\n    driver: multiSelectDriver,\n    inputDriver,\n    dropdownLayoutDriver,\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAA2E;AAAA;AAEpE,IAAMA,2BAA2B,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EACzD,IAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAqB,CAAC,GACjD,IAAAC,qDAAgC,EAACL,IAAI,EAAEC,IAAI,CAAC;EAE9C,IAAMK,eAAe;IAAA,2CAAG;MAAA,OACtB,OAAOJ,MAAM,CAACK,YAAY,EAAE,EAAEC,UAAU,CAAC,CAAC,CAAC;IAAA;IAAA,gBADvCF,eAAe;MAAA;IAAA;EAAA,GACwB;EAE7C,IAAMG,IAAI,GAAGT,IAAI,CAACU,EAAE,CAAC,mBAAmB,CAAC;EAEzC,IAAMC,iBAAiB,iDAClB,IAAAC,gCAAoB,EAACZ,IAAI,CAAC,GAC1BE,MAAM;IAET;IACAW,YAAY;MAAA,oDAAE;QAAA,OAAY,OAAOP,eAAe,EAAE,EAAEQ,KAAK,CAACC,SAAS;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEnE;IACAC,mBAAmB;MAAA,2DAAE;QAAA,OACnBC,kBAAc,CAACC,QAAQ,CAACC,KAAK,OAAOb,eAAe,EAAE,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAExD;IACAc,oBAAoB,EAAE,MAAMjB,WAAW,CAACkB,cAAc,EAAE;IAExD;IACAC,sBAAsB;MAAA,8DAAE;QAAA,OACtB,CAAC,CAAC,OAAOtB,IAAI,CAACuB,CAAC,CAAC,gCAAgC,CAAC,EAAEC,IAAI,CAAC,UAAU,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;IACAC,YAAY,EAAE,MAAMhB,IAAI,CAACiB,KAAK,EAAE;IAEhC;IACAC,aAAa,EAAEC,KAAK,IAAInB,IAAI,CAACoB,GAAG,CAACD,KAAK,CAAC,CAACE,IAAI,EAAE;IAE9C;IACAC,aAAa,EAAE,MAAM5B,WAAW,CAAC6B,QAAQ,CAAC,GAAG,CAAC;IAE9C;IACAC,mBAAmB;MAAA,2DAAE,WAAMC,KAAK;QAAA,OAC9B,IAAAC,yCAA0B,EACxB1B,IAAI,CAAC2B,MAAM;UAAA,4CAAC,WAAMC,GAAG;YAAA,OAAI,OAAOA,GAAG,CAACC,KAAK,CAAC,IAAI,CAAC,MAAMJ,KAAK;UAAA;UAAA;YAAA;UAAA;QAAA,IAAC,CAACL,GAAG,CAAC,CAAC,CAAC,CACnE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEH;IACAU,kBAAkB;MAAA,0DAAE;QAAA,OAClB,CAAC,CAAC,OAAOjC,eAAe,EAAE,EAAEkC,aAAa,CAAC,6BAA6B,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE1E;IACAC,qBAAqB;MAAA,6DAAE;QAAA,OACrB,CAAC,CAAC,OAAOnC,eAAe,EAAE,EAAEkC,aAAa,CAAC,4BAA4B,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA,EAC1E;EAED,OAAO;IACLE,MAAM;MAAA,8CAAE;QAAA,OAAY1C,IAAI,CAAC0C,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IACjCxC,MAAM,EAAES,iBAAiB;IACzBR,WAAW;IACXC;EACF,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/MultiSelect/README.DESIGN-SPEC.md

@@ -0,0 +1,140 @@
+As a discussion resulting from [this Issue](https://github.com/wix-private/wix-design-systems/issues/2559)...
+
+# New API
+
+When this prop is passed, the component will have a new callback API.
+
+- The `onSelect` will behave differently.
+- `onManuallyInput` will NOT be called.
+- Paste logic will change
+
+## Internal Actions
+
+These are internal actions which can be performed by the user:
+
+- Submit: Submits the current input value. Calls `onManuallyInput` (if non empty after trimming)
+- Select: Selects the marked option (if there is one)
+- Cancel: Clears the input, and closes options.
+
+### Tag Mode
+
+> This is not the 'mode' prop. The `mode` prop only sets the input's `read-only` attribute.
+
+- **Input** - Allow entering new tags (Suggestions)
+- **Select** - Only selection from a list (no new tags)
+
+### User Actions -> Internal Actions
+
+| User Action                 | Tag Mode   |Input State   | Marked Option |Internal Action |
+|-----------------------------|--------|--------------|---------------|----------------|
+| Click on option             |        |*             | *             | Select         |
+| Paste                       | Input  |*             | *             | Submit         |
+| Paste (TBD)                 | Select | Single value | *             | Only paste text (no submit)         |
+| Paste (TBD)                 | Select | Delimited values | *             | Only paste text (no submit)         |
+| Enter, Tab                  |        |non-empty     | exists        | Select         |
+| Enter, Delimiter, Tab       |        |non-empty     | none          | Submit         |
+| Enter, Tab                  |        |empty         | exists        | Select         |
+| Tab                         |        |empty         | none          | Step Out       |
+| Esc                         |        |*             | *             | Cancel         |
+| COS, Blur                   |        |*             | *             | Cancel , Close Options         |
+
+> COS : Click Out Side
+
+### Internal Actions
+| Action | Action Side-effects |
+|--------|----------------|
+| Select | Clear input |
+| Cancel | Clear input |
+| Submit | Clear input |
+
+## Props
+
+| propName | propType | defaultValue | isRequired | description |
+|----------|----------|--------------|------------|-------------|
+| onManuallyInput | function |  |  |  A callback which is called when the user performs a Submit action. Submit action triggers are: "Enter", "Tab", [typing any defined delimiter], Paste action. Callback receives a single argument `Array<string>` which is a result of splitting the value by the given `delimiters` prop (and trimming each part)|
+| markFirstMatchingOption | boolean | false |  | When true then when typing, the first matching option will be "marked", so that pressing "Enter" will select it.|
+| onSelect | function | | |`onSelect` will be called ONLY when a user clicks on an option from the options list. It receives an `Array<object>` of newly selected options (usually one). Each object is the original option, excluding the `value` property. (`value` property should be used for rendering the option only)|
+
+### markFirstMatchingOption (new prop)
+
+For example, when there is an `Alabama` option, and the input contains `Alab`, the options is showing the `Alabama` option.
+
+- `markFirstMatchingOption === false` (default) : No option will be marked, "Enter" submits (calls `onManuallyInput`) the input value. (The user can navigate to the options)
+- `markFirstMatchingOption === true` : The first matching option is marked (like hovered), "Enter" selects it.
+
+> When `preferOption===true` then it is not possible to enter a new Tag which is a prefix of an existing option value.
+
+> `markFirstMatchingOption === true` is not implemented yet.
+
+### onSelect (Changes)
+
+Current `onSelect` argument is a mess !
+
+The main change we want to make is that we won't try to create a tag ourselves, we just pass the original option, and the consumer will decide how to created a tag from it.
+
+#### The Current `onSelect` Behavior
+
+|#| Original Option | Option in onSelect |
+|-|-----------------|--------------------|
+|1|`{ id: 'Alabama', value: 'Alabama', tag: { label: 'Alabama' } }` |`{ id: 'Alabama', label: 'Alabama' }` |
+|2|`{  id: 'Alaska', value: 'Alaska' }` | `{ id: 'Alaska', label: React.Element, theme: undefined }` |
+|3|`{ id: 'Arkansas', value: <span>Arkansas</span> }` | `{ id: 'Arkansas', label: React.Element, theme: undefined }` |
+|4|`{ id: 'California', value: 'California', code: 'CA' }` | `{ id: 'California', label: React.Element, theme: undefined }`|
+
+- Notice that in case 4, the `code` property is not available.
+
+#### The New `onSelect` Behavior
+
+We want to pass the original option, excluding the `value` prop.
+
+> The `value` prop is (should be) used ONLY for rendering the option ! The consumer does not need it upon selection.
+
+|#| Original Option | Option in onSelect |
+|-|-----------------|--------------------|
+|1|`{ id: 'Alabama', value: 'Alabama' }` |`{ id: 'Alabama' }` |
+|2|`{ id: 'Arkansas', value: <span>Arkansas</span> }` | `{ id: 'Arkansas' }` |
+|3|`{ id: 'California', value: 'California', code: 'CA' }` | `{ id: 'California', code: 'CA'}`|
+
+> If the consumer wants, they can put a `tag` property on the option (which is opaque to MultiSelect), and use it upon selection to add to the tags.
+
+### Paste logic
+
+- Paste will automatically submit (call `onManuallyInput`).
+- Paste will automatically clear the input.
+
+## Callback Summary
+
+### `markFirstMatchingOption === false`
+
+|#| Options | Action               | onSelect       | onManuallyInput  |
+|---|-------|----------------------|----------------|------------------|
+|1  | -     | T&E(foo)             |                | [foo]            |
+|2  |       | T&E(alabama)         |                | [alabama]        |
+|3  |       | T&E(alab)            |                | [alab]           |
+|4  |       | T&E(foo)             |                | [foo]            |
+|5  | -     | Paste(foo)           |                | [foo]            |
+|6  |       | Paste(alabama)       |                | [alabama]        |
+|7  |       | Paste(foo)           |                | [foo]            |
+|8  |       | Paste(alab)          |                | [alab]           |
+|9  |       | Paste(alabama,alaska)|                | [alabama,alaska] |
+|10 |       | Paste(alabama,alas)  |                | [alabama,alas]   |
+
+> Options:
+> - `-` means there is no options. Otherwise the options includes `[alabama,alaska]`
+> Actions:
+> - T&E: Type and press Enter
+
+### `markFirstMatchingOption === true`
+
+|#| Options | Action               | onSelect       | onManuallyInput  |
+|---|-------|----------------------|----------------|------------------|
+|1  | -     | T&E(foo)             |                | [foo]            |
+|2  |       | T&E(alabama)         | [{...alabama}] |                  |
+|3  |       | T&E(alab)            | [{...alabama}] |                  |
+|4  |       | T&E(foo)             |                | [foo]            |
+|5  | -     | Paste(foo)           |                | [foo]            |
+|6  |       | Paste(alabama)       |                | [alabama]        |
+|7  |       | Paste(foo)           |                | [foo]            |
+|8  |       | Paste(alab)          |                | [alab]           |
+|9  |       | Paste(alabama,alaska)|                | [alabama,alaska] |
+|10 |       | Paste(alabama,alas)  |                | [alabama,alas]   |

package/dist/cjs/MultiSelect/index.d.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
+class MultiSelect extends _InputWithOptions.default {}
+exports.default = MultiSelect;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/MultiSelect/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiSelect","InputWithOptions"],"sources":["../../../src/MultiSelect/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { OmitPolyfill } from '../common';\n\nimport InputWithOptions, {\n  InputWithOptionsProps,\n  OnSelectFnSignature,\n} from '../InputWithOptions';\nimport {\n  DropdownLayoutProps,\n  DropdownLayoutValueOption,\n} from '../DropdownLayout';\nimport { TagProps } from '../Tag';\nimport { InputStatus } from '../Input';\n\nexport type MultiSelectStatus = InputStatus;\n\nexport interface MultiSelectProps\n  extends InputWithOptionsProps<(values: string[]) => void> {\n  selectedId?: DropdownLayoutProps['selectedId'];\n  closeOnSelect?: DropdownLayoutProps['closeOnSelect'];\n  selectedHighlight?: DropdownLayoutProps['selectedHighlight'];\n  predicate?: (option: DropdownLayoutValueOption) => boolean;\n  emptyStateMessage?: React.ReactNode;\n  tags?: MultiSelectTag[];\n  maxNumRows?: number;\n  delimiters?: string[];\n  mode?: MultiSelectMode;\n  status?: MultiSelectStatus;\n  statusMessage?: React.ReactNode;\n  onReorder?: OnReorderFn;\n  onSelect?: (option: DropdownLayoutValueOption) => void;\n  customInput?: React.ReactNode | Function;\n  customSuffix?: React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  onRemoveTag?: (tagId: TagProps['id']) => void;\n  clearOnBlur?: boolean;\n  acceptOnBlur?: boolean;\n}\n\nexport default class MultiSelect extends InputWithOptions<\n  (values: string[]) => void,\n  OnSelectFnSignature,\n  MultiSelectProps\n> {}\n\nexport type MultiSelectMode = 'select';\nexport type OnReorderFn = (data: {\n  addedIndex: number;\n  removedIndex: number;\n}) => void;\n\nexport type MultiSelectTag = OmitPolyfill<TagProps, 'children'> & {\n  label: string;\n};\n"],"mappings":";;;;;AAGA;AAqCe,MAAMA,WAAW,SAASC,yBAAgB,CAIvD;AAAE"}

package/dist/cjs/MultiSelect/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _MultiSelect = _interopRequireDefault(require("./MultiSelect"));
+var _default = _MultiSelect.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/MultiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiSelect"],"sources":["../../../src/MultiSelect/index.js"],"sourcesContent":["import MultiSelect from './MultiSelect';\n\nexport default MultiSelect;\n"],"mappings":";;;;;AAAA;AAAwC,eAEzBA,oBAAW;AAAA"}

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=MultiSelectCheckbox.driver.d.js.map

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/MultiSelectCheckbox/MultiSelectCheckbox.driver.d.ts"],"sourcesContent":["import { InputWithOptionsDriver } from '../InputWithOptions/InputWithOptions.driver';\nimport { OmitPolyfill } from '../common';\n\nexport interface MultiSelectCheckboxDriver\n  extends OmitPolyfill<InputWithOptionsDriver, 'driver'> {\n  exists: () => void;\n  driver: {\n    getNumOfLabels: () => number;\n    getLabels: (delimiter?: string) => string[];\n    getLabelAt: (index: number, delimiter?: string) => string;\n  } & Pick<InputWithOptionsDriver, 'driver'>;\n}\n"],"mappings":""}

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.driver.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions/InputWithOptions.driver"));
+var multiSelectCheckboxDriverFactory = _ref => {
+  var {
+    element
+  } = _ref;
+  var {
+    driver,
+    inputDriver,
+    dropdownLayoutDriver
+  } = (0, _InputWithOptions.default)({
+    element
+  });
+  var _getLabels = function getLabels() {
+    var delimiter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ", ";
+    return inputDriver.getValue().split(delimiter);
+  };
+  var multiSelectCheckboxDriver = Object.assign(driver, {
+    getNumOfLabels: () => _getLabels().length,
+    getLabels: delimiter => _getLabels(delimiter),
+    getLabelAt: (index, delimiters) => _getLabels(delimiters)[index]
+  });
+  return {
+    exists: () => !!element,
+    driver: multiSelectCheckboxDriver,
+    inputDriver,
+    dropdownLayoutDriver
+  };
+};
+var _default = multiSelectCheckboxDriverFactory;
+exports.default = _default;
+//# sourceMappingURL=MultiSelectCheckbox.driver.js.map

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["multiSelectCheckboxDriverFactory","element","driver","inputDriver","dropdownLayoutDriver","inputWithOptionsDriverFactory","getLabels","delimiter","getValue","split","multiSelectCheckboxDriver","Object","assign","getNumOfLabels","length","getLabelAt","index","delimiters","exists"],"sources":["../../../src/MultiSelectCheckbox/MultiSelectCheckbox.driver.js"],"sourcesContent":["import inputWithOptionsDriverFactory from '../InputWithOptions/InputWithOptions.driver';\n\nconst multiSelectCheckboxDriverFactory = ({ element }) => {\n  const { driver, inputDriver, dropdownLayoutDriver } =\n    inputWithOptionsDriverFactory({ element });\n\n  const getLabels = (delimiter = `, `) =>\n    inputDriver.getValue().split(delimiter);\n\n  const multiSelectCheckboxDriver = Object.assign(driver, {\n    getNumOfLabels: () => getLabels().length,\n    getLabels: delimiter => getLabels(delimiter),\n    getLabelAt: (index, delimiters) => getLabels(delimiters)[index],\n  });\n\n  return {\n    exists: () => !!element,\n    driver: multiSelectCheckboxDriver,\n    inputDriver,\n    dropdownLayoutDriver,\n  };\n};\n\nexport default multiSelectCheckboxDriverFactory;\n"],"mappings":";;;;;AAAA;AAEA,IAAMA,gCAAgC,GAAG,QAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC;EACnD,IAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAqB,CAAC,GACjD,IAAAC,yBAA6B,EAAC;IAAEJ;EAAQ,CAAC,CAAC;EAE5C,IAAMK,UAAS,GAAG,SAAZA,SAAS;IAAA,IAAIC,SAAS;IAAA,OAC1BJ,WAAW,CAACK,QAAQ,EAAE,CAACC,KAAK,CAACF,SAAS,CAAC;EAAA;EAEzC,IAAMG,yBAAyB,GAAGC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IACtDW,cAAc,EAAE,MAAMP,UAAS,EAAE,CAACQ,MAAM;IACxCR,SAAS,EAAEC,SAAS,IAAID,UAAS,CAACC,SAAS,CAAC;IAC5CQ,UAAU,EAAE,CAACC,KAAK,EAAEC,UAAU,KAAKX,UAAS,CAACW,UAAU,CAAC,CAACD,KAAK;EAChE,CAAC,CAAC;EAEF,OAAO;IACLE,MAAM,EAAE,MAAM,CAAC,CAACjB,OAAO;IACvBC,MAAM,EAAEQ,yBAAyB;IACjCP,WAAW;IACXC;EACF,CAAC;AACH,CAAC;AAAC,eAEaJ,gCAAgC;AAAA"}

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.js

@@ -0,0 +1,316 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _InputWithOptions = _interopRequireDefault(require("../InputWithOptions"));
+var _Input = _interopRequireDefault(require("../Input"));
+var _MultiSelectCheckboxSt = require("./MultiSelectCheckbox.st.css.js");
+var _ListItemSelect = require("../ListItemSelect");
+var _ListItemSection = require("../ListItemSection");
+var _DropdownLayout = require("../DropdownLayout/DropdownLayout");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var OPEN_DROPDOWN_CHARS = ['Enter', 'ArrowDown', 'Space', ' '];
+class MultiSelectCheckbox extends _InputWithOptions.default {
+  createOptions(options) {
+    return options.map(option => {
+      if (this._isUsingCustomRenderFunction(option)) {
+        return this._patchOptionWithSelectionMechanism(option);
+      } else if (this._isDivider(option)) {
+        return (0, _ListItemSection.listItemSectionBuilder)(_objectSpread({
+          type: 'divider'
+        }, option));
+      } else {
+        var builder = (0, _ListItemSelect.listItemSelectBuilder)(_objectSpread(_objectSpread({}, option), {}, {
+          checkbox: true,
+          title: option.value,
+          label: option.label
+        }));
+        return this._patchOptionWithSelectionMechanism(builder);
+      }
+    });
+  }
+  _patchOptionWithSelectionMechanism(option) {
+    var _value = option.value;
+    return _objectSpread(_objectSpread({}, option), {}, {
+      value: props => _value(_objectSpread(_objectSpread({}, props), {}, {
+        selected: this.isSelectedId(option.id)
+      }))
+    });
+  }
+  _isUsingCustomRenderFunction(_ref) {
+    var {
+      value
+    } = _ref;
+    return typeof value === 'function';
+  }
+  _isDivider(_ref2) {
+    var {
+      value
+    } = _ref2;
+    return value === '-';
+  }
+  isSelectedId(optionId) {
+    return this.props.selectedOptions.indexOf(optionId) !== -1;
+  }
+  dropdownAdditionalProps() {
+    return {
+      options: this.createOptions(this.props.options),
+      closeOnSelect: false,
+      selectedHighlight: false
+    };
+  }
+  selectedOptionsToText() {
+    return this.props.selectedOptions.map(selectedOption => this.props.options.find(option => option.id === selectedOption)).filter(selectedOption => selectedOption).map(this.props.valueParser).join(this.props.delimiter);
+  }
+  inputAdditionalProps() {
+    var value = this.props.value !== undefined ? this.props.value : this.selectedOptionsToText();
+    return {
+      readOnly: this.props.readOnly,
+      disableEditing: true,
+      inputElement: /*#__PURE__*/_react.default.createElement(_Input.default, {
+        textOverflow: "ellipsis",
+        disableEditing: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 21
+        }
+      }),
+      value
+    };
+  }
+  inputClasses() {
+    return _MultiSelectCheckboxSt.classes.showPointer;
+  }
+  _onSelect(option) {
+    this.showOptions();
+    if (this.closeOnSelect()) {
+      this.setState({
+        showOptions: false
+      });
+    }
+
+    // The option object is not the original since it was injected a checkbox
+    var originalOption = this.props.options.find(op => option.id === op.id);
+    if (this.isSelectedId(originalOption.id)) {
+      this.props.onDeselect && this.props.onDeselect(originalOption.id, originalOption);
+    } else {
+      this.props.onSelect && this.props.onSelect(originalOption.id, originalOption);
+    }
+  }
+  _onInputClicked(event) {
+    if (!this.props.readOnly) {
+      this.state.showOptions ? this.hideOptions() : this.showOptions();
+    }
+    if (this.props.onInputClicked) {
+      this.props.onInputClicked(event);
+    }
+  }
+  _onKeyDown(event) {
+    if (OPEN_DROPDOWN_CHARS.includes(event.key)) {
+      event.preventDefault();
+      this.showOptions();
+    }
+    this.dropdownLayout && this.dropdownLayout._onSelectListKeyDown(event);
+  }
+  _onFocus(e) {
+    if (this.props.disabled) {
+      return;
+    }
+    this._focused = true;
+    this.setState({
+      isEditing: false
+    });
+    if (this.props.onFocus) {
+      this.props.onFocus(e);
+    }
+  }
+}
+MultiSelectCheckbox.displayName = 'MultiSelectCheckbox';
+MultiSelectCheckbox.propTypes = {
+  /** Associate a control with the regions that it controls */
+  ariaControls: _propTypes.default.string,
+  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */
+  ariaDescribedby: _propTypes.default.string,
+  /** Define a string that labels the current element in case where a text label is not visible on the screen */
+  ariaLabel: _propTypes.default.string,
+  /** Focus the element on mount (standard React input autoFocus) */
+  autoFocus: _propTypes.default.bool,
+  /** Control the border style of input */
+  border: _propTypes.default.oneOf(['standard', 'round', 'bottomLine', 'none']),
+  /** Specifies a CSS class name to be appended to the component’s root element */
+  className: _propTypes.default.string,
+  /** Displays clear button (X) on a non-empty input */
+  clearButton: _propTypes.default.bool,
+  /** Closes `DropdownLayout` when option is selected */
+  closeOnSelect: _propTypes.default.bool,
+  /** Applies a data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Sets a default value for those who want to use this component un-controlled */
+  defaultValue: _propTypes.default.string,
+  /** Specifies the delimiter symbol to be displayed between the selected options in the input */
+  delimiter: _propTypes.default.string,
+  /** Specifies whether input should be disabled or not */
+  disabled: _propTypes.default.bool,
+  /** Sets the width of the dropdown in pixels */
+  dropdownWidth: _propTypes.default.string,
+  /** Adds a fixed footer container at the bottom of options list in `<DropdownLayout/>` */
+  fixedFooter: _propTypes.default.node,
+  /** Adds a fixed header container at the top of options list in `<DropdownLayout/>` */
+  fixedHeader: _propTypes.default.node,
+  /** Highlights and scrolls view to the specified option when dropdown layout is opened. It does not select the specified option. */
+  focusOnOption: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Scrolls view to the selected option when dropdown layout is opened */
+  focusOnSelectedOption: _propTypes.default.bool,
+  /** USED FOR TESTING - forces focus state on the input */
+  forceFocus: _propTypes.default.bool,
+  /** USED FOR TESTING - forces hover state on the input */
+  forceHover: _propTypes.default.bool,
+  /** Specifies whether there are more items to be loaded */
+  hasMore: _propTypes.default.bool,
+  /** Specifies whether status suffix should be hidden */
+  hideStatusSuffix: _propTypes.default.bool,
+  /** Highlight word parts that match search criteria in bold */
+  highlight: _propTypes.default.bool,
+  /** Assigns an unique identifier for the root element */
+  id: _propTypes.default.string,
+  /** Specifies whether lazy loading of the dropdown layout items is enabled */
+  infiniteScroll: _propTypes.default.bool,
+  /** Defines a callback function which is called on a request to render more list items */
+  loadMore: _propTypes.default.func,
+  /** Sets the default hover behavior:
+   *  - `false` - no initially hovered list item
+   *  - `true` - hover first selectable option
+   *  - any `number/string` specify the id of an option to be hovered
+   */
+  markedOption: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string, _propTypes.default.number]),
+  /** Sets the maximum height of the `dropdownLayout` in pixels */
+  maxHeightPixels: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Sets the maximum number of characters that can be entered into a field */
+  maxLength: _propTypes.default.number,
+  /** Specifies whether input should have a dropdown menu arrow on the right side */
+  menuArrow: _propTypes.default.bool,
+  /** Sets the minimum width of `dropdownLayout` in pixels */
+  minWidthPixels: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Reference element data when a form is submitted */
+  name: _propTypes.default.string,
+  /** Specifies whether input shouldn’t have rounded corners on its left */
+  noLeftBorderRadius: _propTypes.default.bool,
+  /** Specifies whether input shouldn’t have rounded corners on its right */
+  noRightBorderRadius: _propTypes.default.bool,
+  /** Defines a standard input `onBlur` callback */
+  onBlur: _propTypes.default.func,
+  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments */
+  onClear: _propTypes.default.func,
+  /** Defines a callback function which is called whenever the user presses the escape key */
+  onClose: _propTypes.default.func,
+  /** Defines a callback function called on `compositionstart`/`compositionend` events */
+  onCompositionChange: _propTypes.default.func,
+  /** Defines a callback function called on option deselect. Function receives the id of the unselected option as the first argument, and the actual option object as the second argument. */
+  onDeselect: _propTypes.default.func,
+  /** Defines a callback handler that is called when user presses -enter- */
+  onEnterPressed: _propTypes.default.func,
+  /** Defines a callback handler that is called when user presses -escape- */
+  onEscapePressed: _propTypes.default.func,
+  /** Defines a standard input `onFocus` callback */
+  onFocus: _propTypes.default.func,
+  /** Defines a standard input `onClick` callback. */
+  onInputClicked: _propTypes.default.func,
+  /** Defines a standard input `onKeyDown` callback */
+  onKeyDown: _propTypes.default.func,
+  /** Defines a standard input `onKeyUp` callback */
+  onKeyUp: _propTypes.default.func,
+  /** Defines a callback function which is called when user performs a submit action. Submit action triggers are:
+   * "Enter", "Tab", [typing any defined delimiters], paste action.
+   * `onManuallyInput(values: Array<string>): void` - the array of strings is the result of splitting the input value by the given delimiters. */
+  onManuallyInput: _propTypes.default.func,
+  /** Defines a callback function which is called whenever the user enters dropdown layout with the mouse cursor */
+  onMouseEnter: _propTypes.default.func,
+  /** Defines a callback function which is called whenever the user exits from dropdown layout with a mouse cursor */
+  onMouseLeave: _propTypes.default.func,
+  /** Defines a callback function which is called whenever an option becomes focused (hovered/active). Receives the relevant option object from the original `props.options` array. */
+  onOptionMarked: _propTypes.default.func,
+  /** Defines a callback function which is called when options dropdown is hidden */
+  onOptionsHide: _propTypes.default.func,
+  /** Defines a callback function which is called when options dropdown is shown */
+  onOptionsShow: _propTypes.default.func,
+  /** Defines a callback handler that is called when user pastes text from a clipboard (using mouse or keyboard shortcut) */
+  onPaste: _propTypes.default.func,
+  /** Defines a callback function which is called whenever user selects a different option in the list */
+  onSelect: _propTypes.default.func,
+  /** Array of objects:
+   * - `id <string / number>` *required*: the id of the option, should be unique;
+   * - value `<function / string / node>` *required*: can be a string, react element or a builder function;
+   * - disabled `<bool>` *default value- false*: whether this option is disabled or not;
+   * - linkTo `<string>`: when provided the option will be an anchor to the given value;
+   * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title;
+   * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles;
+   * - overrideOptionStyle `<bool>` *default value- false* - when set to `true`, the option will be responsible to its own styles. No styles will be applied from the DropdownLayout itself;
+   * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.
+   */
+  options: _propTypes.default.arrayOf(_DropdownLayout.optionValidator),
+  /** Handles container overflow */
+  overflow: _propTypes.default.string,
+  /** Sets a pattern that typed value must match to be valid (regex) */
+  pattern: _propTypes.default.string,
+  /** Sets a placeholder message to display */
+  placeholder: _propTypes.default.string,
+  /** Allows to pass all common popover props. Check `<Popover/>` API for a full list. */
+  popoverProps: _propTypes.default.shape({
+    appendTo: _propTypes.default.oneOf(['window', 'scrollParent', 'parent', 'viewport']),
+    maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    flip: _propTypes.default.bool,
+    fixed: _propTypes.default.bool,
+    placement: _propTypes.default.oneOf(['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']),
+    dynamicWidth: _propTypes.default.bool
+  }),
+  /** Pass a component you want to show as the prefix of the input, e.g., text string, icon */
+  prefix: _propTypes.default.node,
+  /** Specifies whether input is read only */
+  readOnly: _propTypes.default.bool,
+  /** Specifies whether input is mandatory */
+  required: _propTypes.default.bool,
+  /** Specifies selected option by its id */
+  selectedId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Specifies an array of selected options ids  */
+  selectedOptions: _propTypes.default.array,
+  /** Controls whether to show options if input is empty */
+  showOptionsIfEmptyInput: _propTypes.default.bool,
+  /** Controls the size of the input */
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
+  /** Specify the status of a field */
+  status: _propTypes.default.oneOf(['error', 'warning', 'loading']),
+  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
+  statusMessage: _propTypes.default.node,
+  /** Pass a component you want to show as the suffix of the input, e.g., text string, icon */
+  suffix: _propTypes.default.node,
+  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */
+  tabIndex: _propTypes.default.number,
+  /** Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. */
+  textOverflow: _propTypes.default.string,
+  /** Controls placement of a status tooltip */
+  tooltipPlacement: _propTypes.default.string,
+  /** Specifies the type of `<input>` element to display. Default type is text. */
+  type: _propTypes.default.string,
+  /** Specifies the current value of the element */
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  valueParser: _propTypes.default.func
+};
+MultiSelectCheckbox.defaultProps = _objectSpread(_objectSpread({}, _InputWithOptions.default.defaultProps), {}, {
+  delimiter: ', ',
+  selectedOptions: [],
+  closeOnSelect: false,
+  valueParser: option => option.label || option.value,
+  readOnly: false
+});
+var _default = MultiSelectCheckbox;
+exports.default = _default;
+//# sourceMappingURL=MultiSelectCheckbox.js.map

package/dist/cjs/MultiSelectCheckbox/MultiSelectCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OPEN_DROPDOWN_CHARS","MultiSelectCheckbox","InputWithOptions","createOptions","options","map","option","_isUsingCustomRenderFunction","_patchOptionWithSelectionMechanism","_isDivider","listItemSectionBuilder","type","builder","listItemSelectBuilder","checkbox","title","value","label","props","selected","isSelectedId","id","optionId","selectedOptions","indexOf","dropdownAdditionalProps","closeOnSelect","selectedHighlight","selectedOptionsToText","selectedOption","find","filter","valueParser","join","delimiter","inputAdditionalProps","undefined","readOnly","disableEditing","inputElement","inputClasses","classes","showPointer","_onSelect","showOptions","setState","originalOption","op","onDeselect","onSelect","_onInputClicked","event","state","hideOptions","onInputClicked","_onKeyDown","includes","key","preventDefault","dropdownLayout","_onSelectListKeyDown","_onFocus","e","disabled","_focused","isEditing","onFocus","displayName","propTypes","ariaControls","PropTypes","string","ariaDescribedby","ariaLabel","autoFocus","bool","border","oneOf","className","clearButton","dataHook","defaultValue","dropdownWidth","fixedFooter","node","fixedHeader","focusOnOption","oneOfType","number","focusOnSelectedOption","forceFocus","forceHover","hasMore","hideStatusSuffix","highlight","infiniteScroll","loadMore","func","markedOption","maxHeightPixels","maxLength","menuArrow","minWidthPixels","name","noLeftBorderRadius","noRightBorderRadius","onBlur","onClear","onClose","onCompositionChange","onEnterPressed","onEscapePressed","onKeyDown","onKeyUp","onManuallyInput","onMouseEnter","onMouseLeave","onOptionMarked","onOptionsHide","onOptionsShow","onPaste","arrayOf","optionValidator","overflow","pattern","placeholder","popoverProps","shape","appendTo","maxWidth","minWidth","flip","fixed","placement","dynamicWidth","prefix","required","selectedId","array","showOptionsIfEmptyInput","size","status","statusMessage","suffix","tabIndex","textOverflow","tooltipPlacement","defaultProps"],"sources":["../../../src/MultiSelectCheckbox/MultiSelectCheckbox.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputWithOptions from '../InputWithOptions';\nimport Input from '../Input';\nimport { classes } from './MultiSelectCheckbox.st.css';\nimport { listItemSelectBuilder } from '../ListItemSelect';\nimport { listItemSectionBuilder } from '../ListItemSection';\nimport { optionValidator } from '../DropdownLayout/DropdownLayout';\n\nconst OPEN_DROPDOWN_CHARS = ['Enter', 'ArrowDown', 'Space', ' '];\n\nclass MultiSelectCheckbox extends InputWithOptions {\n  createOptions(options) {\n    return options.map(option => {\n      if (this._isUsingCustomRenderFunction(option)) {\n        return this._patchOptionWithSelectionMechanism(option);\n      } else if (this._isDivider(option)) {\n        return listItemSectionBuilder({\n          type: 'divider',\n          ...option,\n        });\n      } else {\n        const builder = listItemSelectBuilder({\n          ...option,\n          checkbox: true,\n          title: option.value,\n          label: option.label,\n        });\n        return this._patchOptionWithSelectionMechanism(builder);\n      }\n    });\n  }\n\n  _patchOptionWithSelectionMechanism(option) {\n    const value = option.value;\n\n    return {\n      ...option,\n      value: props =>\n        value({\n          ...props,\n          selected: this.isSelectedId(option.id),\n        }),\n    };\n  }\n\n  _isUsingCustomRenderFunction({ value }) {\n    return typeof value === 'function';\n  }\n\n  _isDivider({ value }) {\n    return value === '-';\n  }\n\n  isSelectedId(optionId) {\n    return this.props.selectedOptions.indexOf(optionId) !== -1;\n  }\n\n  dropdownAdditionalProps() {\n    return {\n      options: this.createOptions(this.props.options),\n      closeOnSelect: false,\n      selectedHighlight: false,\n    };\n  }\n\n  selectedOptionsToText() {\n    return this.props.selectedOptions\n      .map(selectedOption =>\n        this.props.options.find(option => option.id === selectedOption),\n      )\n      .filter(selectedOption => selectedOption)\n      .map(this.props.valueParser)\n      .join(this.props.delimiter);\n  }\n\n  inputAdditionalProps() {\n    const value =\n      this.props.value !== undefined\n        ? this.props.value\n        : this.selectedOptionsToText();\n\n    return {\n      readOnly: this.props.readOnly,\n      disableEditing: true,\n      inputElement: <Input textOverflow=\"ellipsis\" disableEditing />,\n      value,\n    };\n  }\n\n  inputClasses() {\n    return classes.showPointer;\n  }\n\n  _onSelect(option) {\n    this.showOptions();\n\n    if (this.closeOnSelect()) {\n      this.setState({ showOptions: false });\n    }\n\n    // The option object is not the original since it was injected a checkbox\n    const originalOption = this.props.options.find(op => option.id === op.id);\n    if (this.isSelectedId(originalOption.id)) {\n      this.props.onDeselect &&\n        this.props.onDeselect(originalOption.id, originalOption);\n    } else {\n      this.props.onSelect &&\n        this.props.onSelect(originalOption.id, originalOption);\n    }\n  }\n\n  _onInputClicked(event) {\n    if (!this.props.readOnly) {\n      this.state.showOptions ? this.hideOptions() : this.showOptions();\n    }\n\n    if (this.props.onInputClicked) {\n      this.props.onInputClicked(event);\n    }\n  }\n\n  _onKeyDown(event) {\n    if (OPEN_DROPDOWN_CHARS.includes(event.key)) {\n      event.preventDefault();\n      this.showOptions();\n    }\n\n    this.dropdownLayout && this.dropdownLayout._onSelectListKeyDown(event);\n  }\n\n  _onFocus(e) {\n    if (this.props.disabled) {\n      return;\n    }\n    this._focused = true;\n    this.setState({ isEditing: false });\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  }\n}\n\nMultiSelectCheckbox.displayName = 'MultiSelectCheckbox';\n\nMultiSelectCheckbox.propTypes = {\n  /** Associate a control with the regions that it controls */\n  ariaControls: PropTypes.string,\n\n  /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */\n  ariaDescribedby: PropTypes.string,\n\n  /** Define a string that labels the current element in case where a text label is not visible on the screen */\n  ariaLabel: PropTypes.string,\n\n  /** Focus the element on mount (standard React input autoFocus) */\n  autoFocus: PropTypes.bool,\n\n  /** Control the border style of input */\n  border: PropTypes.oneOf(['standard', 'round', 'bottomLine', 'none']),\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Displays clear button (X) on a non-empty input */\n  clearButton: PropTypes.bool,\n\n  /** Closes `DropdownLayout` when option is selected */\n  closeOnSelect: PropTypes.bool,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Sets a default value for those who want to use this component un-controlled */\n  defaultValue: PropTypes.string,\n\n  /** Specifies the delimiter symbol to be displayed between the selected options in the input */\n  delimiter: PropTypes.string,\n\n  /** Specifies whether input should be disabled or not */\n  disabled: PropTypes.bool,\n\n  /** Sets the width of the dropdown in pixels */\n  dropdownWidth: PropTypes.string,\n\n  /** Adds a fixed footer container at the bottom of options list in `<DropdownLayout/>` */\n  fixedFooter: PropTypes.node,\n\n  /** Adds a fixed header container at the top of options list in `<DropdownLayout/>` */\n  fixedHeader: PropTypes.node,\n\n  /** Highlights and scrolls view to the specified option when dropdown layout is opened. It does not select the specified option. */\n  focusOnOption: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Scrolls view to the selected option when dropdown layout is opened */\n  focusOnSelectedOption: PropTypes.bool,\n\n  /** USED FOR TESTING - forces focus state on the input */\n  forceFocus: PropTypes.bool,\n\n  /** USED FOR TESTING - forces hover state on the input */\n  forceHover: PropTypes.bool,\n\n  /** Specifies whether there are more items to be loaded */\n  hasMore: PropTypes.bool,\n\n  /** Specifies whether status suffix should be hidden */\n  hideStatusSuffix: PropTypes.bool,\n\n  /** Highlight word parts that match search criteria in bold */\n  highlight: PropTypes.bool,\n\n  /** Assigns an unique identifier for the root element */\n  id: PropTypes.string,\n\n  /** Specifies whether lazy loading of the dropdown layout items is enabled */\n  infiniteScroll: PropTypes.bool,\n\n  /** Defines a callback function which is called on a request to render more list items */\n  loadMore: PropTypes.func,\n\n  /** Sets the default hover behavior:\n   *  - `false` - no initially hovered list item\n   *  - `true` - hover first selectable option\n   *  - any `number/string` specify the id of an option to be hovered\n   */\n  markedOption: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n\n  /** Sets the maximum height of the `dropdownLayout` in pixels */\n  maxHeightPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the maximum number of characters that can be entered into a field */\n  maxLength: PropTypes.number,\n\n  /** Specifies whether input should have a dropdown menu arrow on the right side */\n  menuArrow: PropTypes.bool,\n\n  /** Sets the minimum width of `dropdownLayout` in pixels */\n  minWidthPixels: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Reference element data when a form is submitted */\n  name: PropTypes.string,\n\n  /** Specifies whether input shouldn’t have rounded corners on its left */\n  noLeftBorderRadius: PropTypes.bool,\n\n  /** Specifies whether input shouldn’t have rounded corners on its right */\n  noRightBorderRadius: PropTypes.bool,\n\n  /** Defines a standard input `onBlur` callback */\n  onBlur: PropTypes.func,\n\n  /** Displays clear button (X) on a non-empty input and calls a callback function with no arguments */\n  onClear: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user presses the escape key */\n  onClose: PropTypes.func,\n\n  /** Defines a callback function called on `compositionstart`/`compositionend` events */\n  onCompositionChange: PropTypes.func,\n\n  /** Defines a callback function called on option deselect. Function receives the id of the unselected option as the first argument, and the actual option object as the second argument. */\n  onDeselect: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses -enter- */\n  onEnterPressed: PropTypes.func,\n\n  /** Defines a callback handler that is called when user presses -escape- */\n  onEscapePressed: PropTypes.func,\n\n  /** Defines a standard input `onFocus` callback */\n  onFocus: PropTypes.func,\n\n  /** Defines a standard input `onClick` callback. */\n  onInputClicked: PropTypes.func,\n\n  /** Defines a standard input `onKeyDown` callback */\n  onKeyDown: PropTypes.func,\n\n  /** Defines a standard input `onKeyUp` callback */\n  onKeyUp: PropTypes.func,\n\n  /** Defines a callback function which is called when user performs a submit action. Submit action triggers are:\n   * \"Enter\", \"Tab\", [typing any defined delimiters], paste action.\n   * `onManuallyInput(values: Array<string>): void` - the array of strings is the result of splitting the input value by the given delimiters. */\n  onManuallyInput: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user enters dropdown layout with the mouse cursor */\n  onMouseEnter: PropTypes.func,\n\n  /** Defines a callback function which is called whenever the user exits from dropdown layout with a mouse cursor */\n  onMouseLeave: PropTypes.func,\n\n  /** Defines a callback function which is called whenever an option becomes focused (hovered/active). Receives the relevant option object from the original `props.options` array. */\n  onOptionMarked: PropTypes.func,\n\n  /** Defines a callback function which is called when options dropdown is hidden */\n  onOptionsHide: PropTypes.func,\n\n  /** Defines a callback function which is called when options dropdown is shown */\n  onOptionsShow: PropTypes.func,\n\n  /** Defines a callback handler that is called when user pastes text from a clipboard (using mouse or keyboard shortcut) */\n  onPaste: PropTypes.func,\n\n  /** Defines a callback function which is called whenever user selects a different option in the list */\n  onSelect: PropTypes.func,\n\n  /** Array of objects:\n   * - `id <string / number>` *required*: the id of the option, should be unique;\n   * - value `<function / string / node>` *required*: can be a string, react element or a builder function;\n   * - disabled `<bool>` *default value- false*: whether this option is disabled or not;\n   * - linkTo `<string>`: when provided the option will be an anchor to the given value;\n   * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title;\n   * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles;\n   * - overrideOptionStyle `<bool>` *default value- false* - when set to `true`, the option will be responsible to its own styles. No styles will be applied from the DropdownLayout itself;\n   * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.\n   */\n  options: PropTypes.arrayOf(optionValidator),\n\n  /** Handles container overflow */\n  overflow: PropTypes.string,\n\n  /** Sets a pattern that typed value must match to be valid (regex) */\n  pattern: PropTypes.string,\n\n  /** Sets a placeholder message to display */\n  placeholder: PropTypes.string,\n\n  /** Allows to pass all common popover props. Check `<Popover/>` API for a full list. */\n  popoverProps: PropTypes.shape({\n    appendTo: PropTypes.oneOf(['window', 'scrollParent', 'parent', 'viewport']),\n    maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    flip: PropTypes.bool,\n    fixed: PropTypes.bool,\n    placement: PropTypes.oneOf([\n      'auto-start',\n      'auto',\n      'auto-end',\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n    dynamicWidth: PropTypes.bool,\n  }),\n\n  /** Pass a component you want to show as the prefix of the input, e.g., text string, icon */\n  prefix: PropTypes.node,\n\n  /** Specifies whether input is read only */\n  readOnly: PropTypes.bool,\n\n  /** Specifies whether input is mandatory */\n  required: PropTypes.bool,\n\n  /** Specifies selected option by its id */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Specifies an array of selected options ids  */\n  selectedOptions: PropTypes.array,\n\n  /** Controls whether to show options if input is empty */\n  showOptionsIfEmptyInput: PropTypes.bool,\n\n  /** Controls the size of the input */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Specify the status of a field */\n  status: PropTypes.oneOf(['error', 'warning', 'loading']),\n\n  /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */\n  statusMessage: PropTypes.node,\n\n  /** Pass a component you want to show as the suffix of the input, e.g., text string, icon */\n  suffix: PropTypes.node,\n\n  /** Indicates that element can be focused and where it participates in sequential keyboard navigation */\n  tabIndex: PropTypes.number,\n\n  /** Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. */\n  textOverflow: PropTypes.string,\n\n  /** Controls placement of a status tooltip */\n  tooltipPlacement: PropTypes.string,\n\n  /** Specifies the type of `<input>` element to display. Default type is text. */\n  type: PropTypes.string,\n\n  /** Specifies the current value of the element */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  valueParser: PropTypes.func,\n};\n\nMultiSelectCheckbox.defaultProps = {\n  ...InputWithOptions.defaultProps,\n  delimiter: ', ',\n  selectedOptions: [],\n  closeOnSelect: false,\n  valueParser: option => option.label || option.value,\n  readOnly: false,\n};\n\nexport default MultiSelectCheckbox;\n"],"mappings":"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"}