@openedx/paragon 23.2.0 → 23.3.1

package/dist/SearchField/index.js

@@ -1,12 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["label", "placeholder", "inputProps", "variant", "submitButtonLocation", "buttonText"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { Search, Close } from '../../icons';
@@ -15,30 +6,32 @@ import SearchFieldLabel from './SearchFieldLabel';
 import SearchFieldInput from './SearchFieldInput';
 import SearchFieldClearButton from './SearchFieldClearButton';
 import SearchFieldSubmitButton from './SearchFieldSubmitButton';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';
-export var SEARCH_FIELD_BUTTON_TEXT = 'search';
-var STYLE_VARIANTS = ['light', 'dark'];
-var BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
+export const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';
+export const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';
+export const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';
+export const SEARCH_FIELD_BUTTON_TEXT = 'search';
+const STYLE_VARIANTS = ['light', 'dark'];
+const BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
 function SearchField(props) {
-  var label = props.label,
-    placeholder = props.placeholder,
-    inputProps = props.inputProps,
-    variant = props.variant,
-    submitButtonLocation = props.submitButtonLocation,
-    buttonText = props.buttonText,
-    others = _objectWithoutProperties(props, _excluded);
-  var Wrapper = useCallback(function (wrapperProps) {
-    return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement("div", {
-      className: "pgn__searchfield_wrapper"
-    }, wrapperProps.children) : wrapperProps.children;
-  }, [submitButtonLocation]);
-  return /*#__PURE__*/React.createElement(SearchField.Advanced, _objectSpread(_objectSpread({}, others), {}, {
+  const {
+    label,
+    placeholder,
+    inputProps,
+    variant,
+    submitButtonLocation,
+    buttonText,
+    ...others
+  } = props;
+  const Wrapper = useCallback(wrapperProps => submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement("div", {
+    className: "pgn__searchfield_wrapper"
+  }, wrapperProps.children) : wrapperProps.children, [submitButtonLocation]);
+  return /*#__PURE__*/React.createElement(SearchField.Advanced, {
+    ...others,
     submitButtonLocation: submitButtonLocation
-  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, _objectSpread({
-    placeholder: placeholder
-  }, inputProps)), /*#__PURE__*/React.createElement(SearchField.ClearButton, null)), /*#__PURE__*/React.createElement(SearchField.SubmitButton, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, {
+    placeholder: placeholder,
+    ...inputProps
+  }), /*#__PURE__*/React.createElement(SearchField.ClearButton, null)), /*#__PURE__*/React.createElement(SearchField.SubmitButton, {
     variant: variant,
     submitButtonLocation: submitButtonLocation,
     buttonText: buttonText
@@ -156,10 +149,10 @@ SearchField.defaultProps = {
     clear: Close,
     submit: Search
   },
-  onBlur: function onBlur() {},
-  onChange: function onChange() {},
-  onFocus: function onFocus() {},
-  onClear: function onClear() {},
+  onBlur: () => {},
+  onChange: () => {},
+  onFocus: () => {},
+  onClear: () => {},
   inputProps: {},
   variant: 'light',
   disabled: false,

package/dist/SearchField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","Wrapper","wrapperProps","createElement","className","children","Advanced","_objectSpread","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** Specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","Wrapper","wrapperProps","createElement","className","children","Advanced","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** Specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":"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","ignoreList":[]}

package/dist/SearchField/index.scss

@@ -1,3 +1,5 @@
+@use "sass:map";
+
 .pgn__searchfield {
   transition: var(--pgn-transition-form-input);
   border: var(--pgn-size-search-field-border-width-base) solid var(--pgn-color-search-field-border-base);
@@ -127,5 +129,5 @@
 .pgn__searchfield__iconbutton-submit,
 .pgn__searchfield__iconbutton-reset {
   flex-shrink: 0;
-  margin-inline-end: map-get($spacers, 1);
+  margin-inline-end: map.get($spacers, 1);
 }

package/dist/SelectableBox/SelectableBoxSet.js

@@ -1,42 +1,36 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "name", "value", "defaultValue", "onChange", "type", "columns", "className", "ariaLabel", "ariaLabelledby"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { getInputType } from './utils';
 import { requiredWhenNot } from '../utils/propTypes';
-var INPUT_TYPES = ['radio', 'checkbox'];
-var DEFAULT_COLUMNS_NUMBER = 2;
-var SelectableBoxSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    name = _ref.name,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    type = _ref.type,
-    columns = _ref.columns,
-    className = _ref.className,
-    ariaLabel = _ref.ariaLabel,
-    ariaLabelledby = _ref.ariaLabelledby,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var inputType = getInputType('SelectableBoxSet', type);
-  return /*#__PURE__*/React.createElement(inputType, _objectSpread({
-    name: name,
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange,
-    ref: ref,
-    className: classNames('pgn__selectable_box-set', "pgn__selectable_box-set--".concat(columns || DEFAULT_COLUMNS_NUMBER), className),
+const INPUT_TYPES = ['radio', 'checkbox'];
+const DEFAULT_COLUMNS_NUMBER = 2;
+const SelectableBoxSet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    name,
+    value,
+    defaultValue,
+    onChange,
+    type,
+    columns,
+    className,
+    ariaLabel,
+    ariaLabelledby,
+    ...props
+  } = _ref;
+  const inputType = getInputType('SelectableBoxSet', type);
+  return /*#__PURE__*/React.createElement(inputType, {
+    name,
+    value,
+    defaultValue,
+    onChange,
+    ref,
+    className: classNames('pgn__selectable_box-set', `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`, className),
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  }, props), children);
+    'aria-labelledby': ariaLabelledby,
+    ...props
+  }, children);
 });
 SelectableBoxSet.propTypes = {
   /** Specifies a name for the group of `SelectableBox`'es. */
@@ -74,7 +68,7 @@ SelectableBoxSet.propTypes = {
 };
 SelectableBoxSet.defaultProps = {
   children: undefined,
-  onChange: function onChange() {},
+  onChange: () => {},
   value: undefined,
   defaultValue: undefined,
   type: 'radio',

package/dist/SelectableBox/SelectableBoxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","_objectWithoutProperties","_excluded","inputType","createElement","_objectSpread","concat","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","inputType","createElement","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,MAAMC,WAAW,GAAG,CAClB,OAAO,EACP,UAAU,CACX;AAED,MAAMC,sBAAsB,GAAG,CAAC;AAEhC,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAYvCC,GAAG,KAAK;EAAA,IAZgC;IACzCC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,SAAS;IACTC,cAAc;IACd,GAAGC;EACL,CAAC,GAAAZ,IAAA;EACC,MAAMa,SAAS,GAAGnB,YAAY,CAAC,kBAAkB,EAAEa,IAAI,CAAC;EAExD,oBAAOhB,KAAK,CAACuB,aAAa,CACxBD,SAAS,EACT;IACEV,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRL,GAAG;IACHQ,SAAS,EAAEhB,UAAU,CACnB,yBAAyB,EACzB,4BAA4Be,OAAO,IAAIX,sBAAsB,EAAE,EAC/DY,SACF,CAAC;IACD,YAAY,EAAEC,SAAS;IACvB,iBAAiB,EAAEC,cAAc;IACjC,GAAGC;EACL,CAAC,EACDV,QACF,CAAC;AACH,CAAC,CAAC;AAEFJ,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAZ,IAAI,EAAEX,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjC;EACAf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI;EACxB;EACAZ,QAAQ,EAAEd,SAAS,CAAC2B,IAAI;EACxB;EACAf,KAAK,EAAEZ,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC;EACjF;EACAjB,YAAY,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC6B,MAAM,CAAC,CAAC;EACvE;EACAd,IAAI,EAAEf,SAAS,CAAC+B,KAAK,CAAC3B,WAAW,CAAC;EAClC;AACF;AACA;AACA;AACA;AACA;EACEY,OAAO,EAAEhB,SAAS,CAAC6B,MAAM;EACzB;EACAZ,SAAS,EAAEjB,SAAS,CAACwB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEL,cAAc,EAAEnB,SAAS,CAACwB,MAAM;EAChC;AACF;AACA;AACA;EACEN,SAAS,EAAEf,eAAe,CAACH,SAAS,CAACwB,MAAM,EAAE,gBAAgB;AAC/D,CAAC;AAEDlB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BtB,QAAQ,EAAEuB,SAAS;EACnBnB,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBF,KAAK,EAAEqB,SAAS;EAChBpB,YAAY,EAAEoB,SAAS;EACvBlB,IAAI,EAAE,OAAO;EACbC,OAAO,EAAEX,sBAAsB;EAC/BY,SAAS,EAAEgB,SAAS;EACpBd,cAAc,EAAEc,SAAS;EACzBf,SAAS,EAAEe;AACb,CAAC;AAED,eAAe3B,gBAAgB","ignoreList":[]}

package/dist/SelectableBox/index.js

@@ -1,12 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["type", "value", "checked", "children", "isIndeterminate", "isInvalid", "onClick", "onFocus", "inputHidden", "className", "showActiveBoxState"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,27 +5,30 @@ import SelectableBoxSet from './SelectableBoxSet';
 import { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';
 import { useRadioSetContext } from '../Form/FormRadioSetContext';
 import { getInputType } from './utils';
-var INPUT_TYPES = ['radio', 'checkbox'];
-var SelectableBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var type = _ref.type,
-    value = _ref.value,
-    checked = _ref.checked,
-    children = _ref.children,
-    isIndeterminate = _ref.isIndeterminate,
-    isInvalid = _ref.isInvalid,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    inputHidden = _ref.inputHidden,
-    className = _ref.className,
-    showActiveBoxState = _ref.showActiveBoxState,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var inputType = getInputType('SelectableBox', type);
-  var _useRadioSetContext = useRadioSetContext(),
-    radioValue = _useRadioSetContext.value;
-  var _useCheckboxSetContex = useCheckboxSetContext(),
-    _useCheckboxSetContex2 = _useCheckboxSetContex.value,
-    checkboxValues = _useCheckboxSetContex2 === void 0 ? [] : _useCheckboxSetContex2;
-  var isChecked = function isChecked() {
+const INPUT_TYPES = ['radio', 'checkbox'];
+const SelectableBox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    type,
+    value,
+    checked,
+    children,
+    isIndeterminate,
+    isInvalid,
+    onClick,
+    onFocus,
+    inputHidden,
+    className,
+    showActiveBoxState,
+    ...props
+  } = _ref;
+  const inputType = getInputType('SelectableBox', type);
+  const {
+    value: radioValue
+  } = useRadioSetContext();
+  const {
+    value: checkboxValues = []
+  } = useCheckboxSetContext();
+  const isChecked = () => {
     switch (type) {
       case 'radio':
         return radioValue === value;
@@ -44,40 +38,39 @@ var SelectableBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         return radioValue === value;
     }
   };
-  var inputRef = useRef(null);
-  var input = /*#__PURE__*/React.createElement(inputType, _objectSpread({
-    value: value,
-    checked: checked,
+  const inputRef = useRef(null);
+  const input = /*#__PURE__*/React.createElement(inputType, {
+    value,
+    checked,
     hidden: inputHidden,
     ref: inputRef,
     tabIndex: -1,
-    onChange: function onChange() {}
-  }, type === 'checkbox' ? _objectSpread(_objectSpread({}, props), {}, {
-    isIndeterminate: isIndeterminate
-  }) : _objectSpread({}, props)), null);
-  useEffect(function () {
+    onChange: () => {},
+    ...(type === 'checkbox' ? {
+      ...props,
+      isIndeterminate
+    } : {
+      ...props
+    })
+  }, null);
+  useEffect(() => {
     if (onClick && inputRef.current) {
-      inputRef.current.onclick = function () {
-        return onClick(inputRef.current);
-      };
+      inputRef.current.onclick = () => onClick(inputRef.current);
     }
   }, [onClick]);
-  return /*#__PURE__*/React.createElement("div", _objectSpread({
+  return /*#__PURE__*/React.createElement("div", {
     role: "button",
-    onKeyPress: function onKeyPress() {
-      return inputRef.current.click();
-    },
-    onClick: function onClick() {
-      return inputRef.current.click();
-    },
+    onKeyPress: () => inputRef.current.click(),
+    onClick: () => inputRef.current.click(),
     onFocus: onFocus,
     className: classNames('pgn__selectable_box', className, {
       'pgn__selectable_box-active': !inputHidden && !showActiveBoxState ? false : isChecked() || checked,
       'pgn__selectable_box-invalid': isInvalid
     }),
     tabIndex: 0,
-    ref: ref
-  }, props), input, children);
+    ref: ref,
+    ...props
+  }, input, children);
 });
 SelectableBox.propTypes = {
   /** Content of the `SelectableBox`. */
@@ -107,8 +100,8 @@ SelectableBox.defaultProps = {
   value: undefined,
   checked: false,
   type: 'radio',
-  onClick: function onClick() {},
-  onFocus: function onFocus() {},
+  onClick: () => {},
+  onFocus: () => {},
   inputHidden: true,
   isIndeterminate: false,
   isInvalid: false,

package/dist/SelectableBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","_objectWithoutProperties","_excluded","inputType","_useRadioSetContext","radioValue","_useCheckboxSetContex","_useCheckboxSetContex2","checkboxValues","isChecked","includes","inputRef","input","createElement","_objectSpread","hidden","tabIndex","onChange","current","onclick","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","inputType","radioValue","checkboxValues","isChecked","includes","inputRef","input","createElement","hidden","tabIndex","onChange","current","onclick","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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","ignoreList":[]}

package/dist/Sheet/SheetContainer.js

@@ -1,51 +1,29 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-var SheetContainer = /*#__PURE__*/function (_React$Component) {
-  _inherits(SheetContainer, _React$Component);
-  var _super = _createSuper(SheetContainer);
-  function SheetContainer(props) {
-    var _this;
-    _classCallCheck(this, SheetContainer);
-    _this = _super.call(this, props);
-    _this.sheetRootName = 'sheet-root';
+class SheetContainer extends React.Component {
+  constructor(props) {
+    super(props);
+    this.sheetRootName = 'sheet-root';
     if (typeof document === 'undefined') {
-      _this.rootElement = null;
-    } else if (document.getElementById(_this.sheetRootName)) {
-      _this.rootElement = document.getElementById(_this.sheetRootName);
+      this.rootElement = null;
+    } else if (document.getElementById(this.sheetRootName)) {
+      this.rootElement = document.getElementById(this.sheetRootName);
     } else {
-      var rootElement = document.createElement('div');
-      rootElement.setAttribute('id', _this.sheetRootName);
+      const rootElement = document.createElement('div');
+      rootElement.setAttribute('id', this.sheetRootName);
       rootElement.setAttribute('class', 'sheet-container');
       rootElement.setAttribute('data-testid', 'sheet-container');
-      _this.rootElement = document.body.appendChild(rootElement);
+      this.rootElement = document.body.appendChild(rootElement);
     }
-    return _this;
   }
-  _createClass(SheetContainer, [{
-    key: "render",
-    value: function render() {
-      if (this.rootElement) {
-        return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
-      }
-      return null;
+  render() {
+    if (this.rootElement) {
+      return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
     }
-  }]);
-  return SheetContainer;
-}(React.Component);
+    return null;
+  }
+}
 SheetContainer.propTypes = {
   children: PropTypes.node.isRequired
 };

package/dist/Sheet/SheetContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","SheetContainer","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","sheetRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.sheetRootName)) {\n      this.rootElement = document.getElementById(this.sheetRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('class', 'sheet-container');\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SheetContainer;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,cAAc,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAClB,SAAAA,eAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,cAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC,EAAE;MACtDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1DR,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,cAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,cAAA;AAAA,EAzB0BH,KAAK,CAAC0B,SAAS;AA4B5CvB,cAAc,CAACwB,SAAS,GAAG;EACzBF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,cAAc","ignoreList":[]}
+{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","SheetContainer","Component","constructor","props","sheetRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","render","createPortal","children","propTypes","node","isRequired"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.sheetRootName)) {\n      this.rootElement = document.getElementById(this.sheetRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('class', 'sheet-container');\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SheetContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,SAASH,KAAK,CAACI,SAAS,CAAC;EAC3CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI,CAACC,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC,EAAE;MACtD,IAAI,CAACE,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,MAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAE,IAAI,CAACL,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1D,IAAI,CAACH,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;EACF;EAEAM,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACN,WAAW,EAAE;MACpB,oBAAOR,QAAQ,CAACe,YAAY,CAC1B,IAAI,CAACV,KAAK,CAACW,QAAQ,EACnB,IAAI,CAACR,WACP,CAAC;IACH;IACA,OAAO,IAAI;EACb;AACF;AAEAN,cAAc,CAACe,SAAS,GAAG;EACzBD,QAAQ,EAAEf,SAAS,CAACiB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAejB,cAAc","ignoreList":[]}