@openedx/paragon 21.5.7

package/dist/asInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","ValidationMessage","Variant","withDeprecatedProps","DeprTypes","getDisplayName","WrappedComponent","displayName","name","inputProps","label","oneOfType","string","element","isRequired","id","value","number","dangerIconDescription","description","disabled","bool","required","onChange","func","onKeyPress","onBlur","validator","isValid","validationMessage","className","themes","arrayOf","inline","inputGroupPrepend","inputGroupAppend","type","inputRef","shape","current","instanceOf","defaultProps","undefined","asInput","inputType","arguments","length","labelFirst","NewComponent","Component","constructor","props","handleChange","bind","handleBlur","handleKeyPress","renderInput","state","componentDidUpdate","prevProps","updatedState","Object","keys","setState","event","target","checked","val","getLabel","createElement","htmlFor","isGroupedInput","getDescriptions","errorId","descriptionId","desc","error","invalidMessage","variant","status","hasDangerTheme","DANGER","INFO","variantIconDescription","describedBy","key","trim","getAddons","_ref","addonElements","Array","isArray","map","addon","index","cloneElement","generateInputGroupAddonKey","prefix","indexOf","_ref2","_this$props","others","_objectWithoutProperties","_excluded","_extends","renderInputGroupAppend","renderInputGroupPrepend","render","propTypes","deprType","FORMAT","expect","transform","join","message","ariaLabel","MOVED","newName"],"sources":["../../src/asInput/index.jsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\nimport ValidationMessage from '../ValidationMessage/index';\nimport Variant from '../utils/constants';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\nexport const inputProps = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  name: PropTypes.string.isRequired,\n  id: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  dangerIconDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  description: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyPress: PropTypes.func,\n  onBlur: PropTypes.func,\n  validator: PropTypes.func,\n  isValid: PropTypes.bool,\n  validationMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  className: PropTypes.string,\n  themes: PropTypes.arrayOf(PropTypes.string),\n  inline: PropTypes.bool,\n  inputGroupPrepend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  inputGroupAppend: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n  type: PropTypes.string,\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nexport const defaultProps = {\n  onChange: () => {},\n  onBlur: () => {},\n  onKeyPress: () => {},\n  id: undefined,\n  value: '',\n  dangerIconDescription: '',\n  description: undefined,\n  disabled: false,\n  required: false,\n  validator: undefined,\n  isValid: true,\n  validationMessage: '',\n  className: undefined,\n  themes: [],\n  inline: false,\n  inputGroupPrepend: undefined,\n  inputGroupAppend: undefined,\n  type: undefined,\n  inputRef: undefined,\n};\n\nconst asInput = (WrappedComponent, inputType = undefined, labelFirst = true) => {\n  class NewComponent extends React.Component {\n    constructor(props) {\n      super(props);\n      this.handleChange = this.handleChange.bind(this);\n      this.handleBlur = this.handleBlur.bind(this);\n      this.handleKeyPress = this.handleKeyPress.bind(this);\n      this.renderInput = this.renderInput.bind(this);\n\n      const id = this.props.id ? this.props.id : newId('asInput');\n      const isValid = this.props.validator ? true : this.props.isValid;\n      const validationMessage = this.props.validator ? '' : this.props.validationMessage;\n      const dangerIconDescription = this.props.validator ? '' : this.props.dangerIconDescription;\n      this.state = {\n        id,\n        value: this.props.value,\n        isValid,\n        validationMessage,\n        dangerIconDescription,\n      };\n    }\n\n    /* eslint-disable react/no-did-update-set-state */\n    componentDidUpdate(prevProps) {\n      const updatedState = {};\n      if (this.props.value !== prevProps.value) {\n        updatedState.value = this.props.value;\n      }\n      if (this.props.isValid !== prevProps.isValid && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n      }\n      if (this.props.validationMessage !== prevProps.validationMessage && !this.props.validator) {\n        updatedState.validationMessage = this.props.validationMessage;\n      }\n      if (this.props.dangerIconDescription !== prevProps.dangerIconDescription\n          && !this.props.validator) {\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      // If validator goes away, revert to props\n      if (this.props.validator !== prevProps.validator && !this.props.validator) {\n        updatedState.isValid = this.props.isValid;\n        updatedState.validationMessage = this.props.validationMessage;\n        updatedState.dangerIconDescription = this.props.dangerIconDescription;\n      }\n      if (Object.keys(updatedState).length > 0) {\n        this.setState(updatedState);\n      }\n    }\n\n    handleChange(event) {\n      this.setState({ value: event.target.value });\n\n      this.props.onChange(\n        event.target.type === 'checkbox' ? event.target.checked : event.target.value,\n        this.props.name,\n      );\n    }\n\n    handleKeyPress(event) {\n      this.props.onKeyPress(event, this.props.name);\n    }\n\n    handleBlur(event) {\n      const val = event.target.value;\n\n      if (this.props.validator) {\n        this.setState(this.props.validator(val));\n      }\n      this.props.onBlur(val, this.props.name);\n    }\n\n    getLabel() {\n      return (\n        // eslint-disable-next-line jsx-a11y/label-has-for\n        <label\n          id={`label-${this.state.id}`}\n          htmlFor={this.state.id}\n          className={classNames({\n            'form-check-label': this.isGroupedInput(),\n          })}\n        >\n          {this.props.label}\n        </label>\n      );\n    }\n\n    getDescriptions() {\n      // possible future work: multiple feedback msgs?\n      const errorId = `error-${this.state.id}`;\n      const descriptionId = `description-${this.state.id}`;\n      const desc = {};\n\n      // TODO: refactor this component to use Variants instead of the themes array.\n      desc.error = (\n        <ValidationMessage\n          id={errorId}\n          isValid={this.state.isValid}\n          invalidMessage={this.state.validationMessage}\n          variant={{\n            status: this.hasDangerTheme() ? Variant.status.DANGER : Variant.status.INFO,\n          }}\n          variantIconDescription={this.state.dangerIconDescription}\n        />\n      );\n      desc.describedBy = errorId;\n\n      if (this.props.description) {\n        desc.description = (\n          <small className=\"form-text\" id={descriptionId} key=\"1\">\n            {this.props.description}\n          </small>\n        );\n        desc.describedBy = `${desc.describedBy} ${descriptionId}`.trim();\n      }\n\n      return desc;\n    }\n\n    getAddons({ addonElements, type }) {\n      if (Array.isArray(addonElements)) {\n        return addonElements.map((addon, index) => React.cloneElement(\n          addon,\n          { key: this.generateInputGroupAddonKey({ prefix: type, index }) },\n        ));\n      }\n      return addonElements;\n    }\n\n    hasDangerTheme() {\n      return this.props.themes.indexOf('danger') >= 0;\n    }\n\n    isGroupedInput() {\n      switch (inputType) {\n        case 'checkbox':\n          return true;\n        default:\n          return false;\n      }\n    }\n\n    generateInputGroupAddonKey({ prefix, index }) {\n      return `${this.state.id}-${prefix}-${index}`;\n    }\n\n    renderInput(describedBy) {\n      const {\n        className,\n        inputRef,\n        type,\n        isValid,\n        // unused\n        validator,\n        themes,\n        inline,\n        inputGroupPrepend,\n        inputGroupAppend,\n        label,\n        dangerIconDescription,\n        description,\n        validationMessage,\n        ...others\n      } = this.props;\n\n      return (\n        <WrappedComponent\n          {...others}\n          id={this.state.id}\n          value={this.state.value}\n          className={classNames(\n            {\n              'form-control': !this.isGroupedInput(),\n              'form-check-input': this.isGroupedInput(),\n              'is-invalid': !this.state.isValid,\n              'is-invalid-nodanger': !this.hasDangerTheme(),\n            },\n            className,\n          )}\n          aria-describedby={describedBy}\n          aria-invalid={!isValid}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyPress={this.handleKeyPress}\n          type={type}\n          inputRef={inputRef}\n        />\n      );\n    }\n\n    renderInputGroupAppend() {\n      return (\n        <div className=\"input-group-append\">\n          {this.getAddons({ type: 'append', addonElements: this.props.inputGroupAppend })}\n        </div>\n      );\n    }\n\n    renderInputGroupPrepend() {\n      return (\n        <div className=\"input-group-prepend\">\n          {this.getAddons({ type: 'prepend', addonElements: this.props.inputGroupPrepend })}\n        </div>\n      );\n    }\n\n    render() {\n      const { description, error, describedBy } = this.getDescriptions();\n      return (\n        <div className={classNames({\n          'form-group': !this.isGroupedInput(),\n          'form-inline': !this.isGroupedInput() && this.props.inline,\n          'form-check': this.isGroupedInput(),\n        })}\n        >\n          {labelFirst && this.getLabel()}\n          {this.props.inputGroupPrepend || this.props.inputGroupAppend ? (\n            <div className={classNames('input-group')} data-testid=\"input-group\">\n              {this.renderInputGroupPrepend()}\n              {this.renderInput(describedBy)}\n              {this.renderInputGroupAppend()}\n            </div>\n          ) : this.renderInput(describedBy)}\n          {!labelFirst && this.getLabel()}\n          {error}\n          {description}\n        </div>\n      );\n    }\n  }\n\n  NewComponent.displayName = `asInput(${getDisplayName(WrappedComponent)})`;\n\n  NewComponent.propTypes = inputProps;\n\n  NewComponent.defaultProps = defaultProps;\n\n  return withDeprecatedProps(NewComponent, 'asInput', {\n    className: {\n      deprType: DeprTypes.FORMAT,\n      expect: value => typeof value === 'string',\n      transform: value => (Array.isArray(value) ? value.join(' ') : value),\n      message: 'It should be a string.',\n    },\n    ariaLabel: {\n      deprType: DeprTypes.MOVED,\n      newName: 'aria-label',\n    },\n  });\n};\n\nexport default asInput;\n"],"mappings":"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"}

package/dist/hooks/useArrowKeyNavigation.js

@@ -0,0 +1,121 @@
+import { useRef, useEffect } from 'react';
+
+/**
+ * A React hook to enable arrow key navigation on a component.
+ */
+
+function handleEnter(_ref) {
+  let {
+    event,
+    currentIndex,
+    activeElement
+  } = _ref;
+  if (currentIndex === -1) {
+    return;
+  }
+  activeElement.click();
+  event.preventDefault();
+}
+function handleArrowKey(_ref2) {
+  let {
+    event,
+    currentIndex,
+    availableElements
+  } = _ref2;
+  // If the focus isn't in the container, focus on the first thing
+  if (currentIndex === -1) {
+    availableElements[0].focus();
+  }
+
+  // Move the focus up or down. Wrap around ends of list.
+  let nextElement;
+  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {
+    nextElement = availableElements[(currentIndex + 1) % availableElements.length];
+  }
+  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
+    nextElement = currentIndex - 1 < 0 ? availableElements[currentIndex - 1 + availableElements.length] : availableElements[currentIndex - 1];
+  }
+  if (event.key === 'End') {
+    nextElement = availableElements[availableElements.length - 1];
+  }
+  if (event.key === 'Home') {
+    [nextElement] = availableElements;
+  }
+
+  // eslint-disable-next-line no-unused-expressions
+  nextElement && nextElement.focus();
+  event.preventDefault();
+}
+
+/**
+ * Implement arrow key navigation for the given parentNode
+ */
+function handleEvents(_ref3) {
+  let {
+    event,
+    ignoredKeys = [],
+    parentNode,
+    selectors = 'a,button,input'
+  } = _ref3;
+  if (!parentNode) {
+    return;
+  }
+  const {
+    key
+  } = event;
+  if (!['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Enter', 'Home', 'End'].includes(key) || ignoredKeys.includes(key)) {
+    return;
+  }
+  const {
+    activeElement
+  } = document;
+
+  // If we're not inside the container, don't do anything
+  if (!parentNode.contains(activeElement)) {
+    return;
+  }
+
+  // Get the list of elements we're allowed to scroll through
+  const availableElements = parentNode.querySelectorAll(selectors);
+
+  // No elements are available to loop through.
+  if (!availableElements.length) {
+    return;
+  }
+
+  // Which index is currently selected
+  const currentIndex = Array.from(availableElements).findIndex(availableElement => availableElement === activeElement);
+  if (key === 'Enter') {
+    handleEnter({
+      event,
+      currentIndex,
+      activeElement
+    });
+  }
+  handleArrowKey({
+    event,
+    currentIndex,
+    availableElements
+  });
+}
+export default function useArrowKeyNavigation(props) {
+  const {
+    selectors,
+    ignoredKeys
+  } = props || {};
+  const parentNode = useRef();
+  useEffect(() => {
+    const eventHandler = event => {
+      handleEvents({
+        event,
+        ignoredKeys,
+        parentNode: parentNode.current,
+        selectors
+      });
+    };
+    document.addEventListener('keydown', eventHandler);
+    return () => document.removeEventListener('keydown', eventHandler);
+  }, [ignoredKeys, selectors]);
+  return parentNode;
+}
+//# sourceMappingURL=useArrowKeyNavigation.js.map

package/dist/hooks/useArrowKeyNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowKeyNavigation.js","names":["useRef","useEffect","handleEnter","_ref","event","currentIndex","activeElement","click","preventDefault","handleArrowKey","_ref2","availableElements","focus","nextElement","key","length","handleEvents","_ref3","ignoredKeys","parentNode","selectors","includes","document","contains","querySelectorAll","Array","from","findIndex","availableElement","useArrowKeyNavigation","props","eventHandler","current","addEventListener","removeEventListener"],"sources":["../../src/hooks/useArrowKeyNavigation.jsx"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\n/**\n * A React hook to enable arrow key navigation on a component.\n */\n\nfunction handleEnter({ event, currentIndex, activeElement }) {\n  if (currentIndex === -1) { return; }\n  activeElement.click();\n  event.preventDefault();\n}\n\nfunction handleArrowKey({ event, currentIndex, availableElements }) {\n  // If the focus isn't in the container, focus on the first thing\n  if (currentIndex === -1) { availableElements[0].focus(); }\n\n  // Move the focus up or down. Wrap around ends of list.\n  let nextElement;\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    nextElement = availableElements[(currentIndex + 1) % availableElements.length];\n  }\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    nextElement = currentIndex - 1 < 0\n      ? availableElements[currentIndex - 1 + availableElements.length]\n      : availableElements[currentIndex - 1];\n  }\n  if (event.key === 'End') {\n    nextElement = availableElements[availableElements.length - 1];\n  }\n  if (event.key === 'Home') {\n    [nextElement] = availableElements;\n  }\n\n  // eslint-disable-next-line no-unused-expressions\n  nextElement && nextElement.focus();\n  event.preventDefault();\n}\n\n/**\n * Implement arrow key navigation for the given parentNode\n */\nfunction handleEvents({\n  event,\n  ignoredKeys = [],\n  parentNode,\n  selectors = 'a,button,input',\n}) {\n  if (!parentNode) { return; }\n\n  const { key } = event;\n\n  if (!['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Enter', 'Home', 'End'].includes(key)\n      || ignoredKeys.includes(key)) {\n    return;\n  }\n\n  const { activeElement } = document;\n\n  // If we're not inside the container, don't do anything\n  if (!parentNode.contains(activeElement)) { return; }\n\n  // Get the list of elements we're allowed to scroll through\n  const availableElements = parentNode.querySelectorAll(selectors);\n\n  // No elements are available to loop through.\n  if (!availableElements.length) { return; }\n\n  // Which index is currently selected\n  const currentIndex = Array.from(availableElements).findIndex(\n    (availableElement) => availableElement === activeElement,\n  );\n\n  if (key === 'Enter') {\n    handleEnter({ event, currentIndex, activeElement });\n  }\n  handleArrowKey({ event, currentIndex, availableElements });\n}\n\nexport default function useArrowKeyNavigation(props) {\n  const { selectors, ignoredKeys } = props || {};\n  const parentNode = useRef();\n\n  useEffect(() => {\n    const eventHandler = (event) => {\n      handleEvents({\n        event, ignoredKeys, parentNode: parentNode.current, selectors,\n      });\n    };\n\n    document.addEventListener('keydown', eventHandler);\n\n    return () => document.removeEventListener('keydown', eventHandler);\n  }, [ignoredKeys, selectors]);\n\n  return parentNode;\n}\n"],"mappings":"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"}

package/dist/hooks/useIndexOfLastVisibleChild.js

@@ -0,0 +1,57 @@
+import { useLayoutEffect, useState } from 'react';
+import useWindowSize from './useWindowSize';
+
+/**
+ * This hook will find the index of the last child of a containing element
+ * that fits within its bounding rectangle. This is done by summing the widths
+ * of the children until they exceed the width of the container.
+ *
+ * @param {Element} containerElementRef - container element
+ * @param {Element} overflowElementRef - overflow element
+ *
+ * The hook returns an array containing:
+ * [indexOfLastVisibleChild, containerElementRef, overflowElementRef]
+ *
+ * indexOfLastVisibleChild - the index of the last visible child
+ * containerElementRef - a ref to be added to the containing html node
+ * overflowElementRef - a ref to be added to an html node inside the container
+ *    that is likely to be used to contain a "More" type dropdown or other
+ *    mechanism to reveal hidden children. The width of this element is always
+ *    included when determining which children will fit or not. Usage of this ref
+ *    is optional.
+ */
+const useIndexOfLastVisibleChild = (containerElementRef, overflowElementRef) => {
+  const [indexOfLastVisibleChild, setIndexOfLastVisibleChild] = useState(-1);
+  const windowSize = useWindowSize();
+  useLayoutEffect(() => {
+    if (!containerElementRef) {
+      return;
+    }
+    // Get array of child nodes from NodeList form
+    const childNodesArr = Array.prototype.slice.call(containerElementRef.children);
+    const {
+      nextIndexOfLastVisibleChild
+    } = childNodesArr
+    // filter out the overflow element
+    .filter(childNode => childNode !== overflowElementRef)
+    // sum the widths to find the last visible element's index
+    .reduce((acc, childNode, index) => {
+      acc.sumWidth += childNode.getBoundingClientRect().width;
+      if (acc.sumWidth <= containerElementRef.getBoundingClientRect().width) {
+        acc.nextIndexOfLastVisibleChild = index;
+      }
+      return acc;
+    }, {
+      // Include the overflow element's width to begin with. Doing this means
+      // sometimes we'll show a dropdown with one item in it when it would fit,
+      // but allowing this case dramatically simplifies the calculations we need
+      // to do above.
+      sumWidth: overflowElementRef ? overflowElementRef.getBoundingClientRect().width : 0,
+      nextIndexOfLastVisibleChild: -1
+    });
+    setIndexOfLastVisibleChild(nextIndexOfLastVisibleChild);
+  }, [windowSize, containerElementRef, overflowElementRef]);
+  return indexOfLastVisibleChild;
+};
+export default useIndexOfLastVisibleChild;
+//# sourceMappingURL=useIndexOfLastVisibleChild.js.map

package/dist/hooks/useIndexOfLastVisibleChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexOfLastVisibleChild.js","names":["useLayoutEffect","useState","useWindowSize","useIndexOfLastVisibleChild","containerElementRef","overflowElementRef","indexOfLastVisibleChild","setIndexOfLastVisibleChild","windowSize","childNodesArr","Array","prototype","slice","call","children","nextIndexOfLastVisibleChild","filter","childNode","reduce","acc","index","sumWidth","getBoundingClientRect","width"],"sources":["../../src/hooks/useIndexOfLastVisibleChild.jsx"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport useWindowSize from './useWindowSize';\n\n/**\n * This hook will find the index of the last child of a containing element\n * that fits within its bounding rectangle. This is done by summing the widths\n * of the children until they exceed the width of the container.\n *\n * @param {Element} containerElementRef - container element\n * @param {Element} overflowElementRef - overflow element\n *\n * The hook returns an array containing:\n * [indexOfLastVisibleChild, containerElementRef, overflowElementRef]\n *\n * indexOfLastVisibleChild - the index of the last visible child\n * containerElementRef - a ref to be added to the containing html node\n * overflowElementRef - a ref to be added to an html node inside the container\n *    that is likely to be used to contain a \"More\" type dropdown or other\n *    mechanism to reveal hidden children. The width of this element is always\n *    included when determining which children will fit or not. Usage of this ref\n *    is optional.\n */\nconst useIndexOfLastVisibleChild = (containerElementRef, overflowElementRef) => {\n  const [indexOfLastVisibleChild, setIndexOfLastVisibleChild] = useState(-1);\n  const windowSize = useWindowSize();\n\n  useLayoutEffect(() => {\n    if (!containerElementRef) {\n      return;\n    }\n    // Get array of child nodes from NodeList form\n    const childNodesArr = Array.prototype.slice.call(containerElementRef.children);\n    const { nextIndexOfLastVisibleChild } = childNodesArr\n      // filter out the overflow element\n      .filter(childNode => childNode !== overflowElementRef)\n      // sum the widths to find the last visible element's index\n      .reduce((acc, childNode, index) => {\n        acc.sumWidth += childNode.getBoundingClientRect().width;\n        if (acc.sumWidth <= containerElementRef.getBoundingClientRect().width) {\n          acc.nextIndexOfLastVisibleChild = index;\n        }\n        return acc;\n      }, {\n        // Include the overflow element's width to begin with. Doing this means\n        // sometimes we'll show a dropdown with one item in it when it would fit,\n        // but allowing this case dramatically simplifies the calculations we need\n        // to do above.\n        sumWidth: overflowElementRef ? overflowElementRef.getBoundingClientRect().width : 0,\n        nextIndexOfLastVisibleChild: -1,\n      });\n\n    setIndexOfLastVisibleChild(nextIndexOfLastVisibleChild);\n  }, [windowSize, containerElementRef, overflowElementRef]);\n\n  return indexOfLastVisibleChild;\n};\n\nexport default useIndexOfLastVisibleChild;\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,OAAOC,aAAa,MAAM,iBAAiB;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,0BAA0B,GAAGA,CAACC,mBAAmB,EAAEC,kBAAkB,KAAK;EAC9E,MAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC1E,MAAMO,UAAU,GAAGN,aAAa,CAAC,CAAC;EAElCF,eAAe,CAAC,MAAM;IACpB,IAAI,CAACI,mBAAmB,EAAE;MACxB;IACF;IACA;IACA,MAAMK,aAAa,GAAGC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CAACT,mBAAmB,CAACU,QAAQ,CAAC;IAC9E,MAAM;MAAEC;IAA4B,CAAC,GAAGN;IACtC;IAAA,CACCO,MAAM,CAACC,SAAS,IAAIA,SAAS,KAAKZ,kBAAkB;IACrD;IAAA,CACCa,MAAM,CAAC,CAACC,GAAG,EAAEF,SAAS,EAAEG,KAAK,KAAK;MACjCD,GAAG,CAACE,QAAQ,IAAIJ,SAAS,CAACK,qBAAqB,CAAC,CAAC,CAACC,KAAK;MACvD,IAAIJ,GAAG,CAACE,QAAQ,IAAIjB,mBAAmB,CAACkB,qBAAqB,CAAC,CAAC,CAACC,KAAK,EAAE;QACrEJ,GAAG,CAACJ,2BAA2B,GAAGK,KAAK;MACzC;MACA,OAAOD,GAAG;IACZ,CAAC,EAAE;MACD;MACA;MACA;MACA;MACAE,QAAQ,EAAEhB,kBAAkB,GAAGA,kBAAkB,CAACiB,qBAAqB,CAAC,CAAC,CAACC,KAAK,GAAG,CAAC;MACnFR,2BAA2B,EAAE,CAAC;IAChC,CAAC,CAAC;IAEJR,0BAA0B,CAACQ,2BAA2B,CAAC;EACzD,CAAC,EAAE,CAACP,UAAU,EAAEJ,mBAAmB,EAAEC,kBAAkB,CAAC,CAAC;EAEzD,OAAOC,uBAAuB;AAChC,CAAC;AAED,eAAeH,0BAA0B"}

package/dist/hooks/useIsVisible.js

@@ -0,0 +1,35 @@
+import { useRef, useState, useEffect } from 'react';
+const useIsVisible = function () {
+  let defaultIsVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const sentinelRef = useRef();
+  const [isVisible, setIsVisible] = useState(defaultIsVisible);
+  useEffect(() => {
+    try {
+      if (sentinelRef.current) {
+        const observer = new IntersectionObserver(entries => {
+          entries.forEach(_ref => {
+            let {
+              isIntersecting
+            } = _ref;
+            setIsVisible(isIntersecting);
+          });
+        }, {});
+        observer.observe(sentinelRef.current);
+        return () => {
+          observer.disconnect();
+        };
+      }
+    } catch (e) {
+      const isReferenceError = e instanceof ReferenceError;
+      if (!isReferenceError) {
+        throw e;
+      }
+      // Do nothing if an intersection observer can't be created.
+    }
+
+    return () => {};
+  }, []);
+  return [isVisible, sentinelRef];
+};
+export default useIsVisible;
+//# sourceMappingURL=useIsVisible.js.map

package/dist/hooks/useIsVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsVisible.js","names":["useRef","useState","useEffect","useIsVisible","defaultIsVisible","arguments","length","undefined","sentinelRef","isVisible","setIsVisible","current","observer","IntersectionObserver","entries","forEach","_ref","isIntersecting","observe","disconnect","e","isReferenceError","ReferenceError"],"sources":["../../src/hooks/useIsVisible.jsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\nconst useIsVisible = (defaultIsVisible = true) => {\n  const sentinelRef = useRef();\n  const [isVisible, setIsVisible] = useState(defaultIsVisible);\n\n  useEffect(() => {\n    try {\n      if (sentinelRef.current) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach(({ isIntersecting }) => {\n            setIsVisible(isIntersecting);\n          });\n        }, {});\n        observer.observe(sentinelRef.current);\n        return () => {\n          observer.disconnect();\n        };\n      }\n    } catch (e) {\n      const isReferenceError = e instanceof ReferenceError;\n      if (!isReferenceError) {\n        throw e;\n      }\n      // Do nothing if an intersection observer can't be created.\n    }\n    return () => {};\n  }, []);\n\n  return [isVisible, sentinelRef];\n};\n\nexport default useIsVisible;\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAEnD,MAAMC,YAAY,GAAG,SAAAA,CAAA,EAA6B;EAAA,IAA5BC,gBAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC3C,MAAMG,WAAW,GAAGR,MAAM,CAAC,CAAC;EAC5B,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAACG,gBAAgB,CAAC;EAE5DF,SAAS,CAAC,MAAM;IACd,IAAI;MACF,IAAIM,WAAW,CAACG,OAAO,EAAE;QACvB,MAAMC,QAAQ,GAAG,IAAIC,oBAAoB,CAAEC,OAAO,IAAK;UACrDA,OAAO,CAACC,OAAO,CAACC,IAAA,IAAwB;YAAA,IAAvB;cAAEC;YAAe,CAAC,GAAAD,IAAA;YACjCN,YAAY,CAACO,cAAc,CAAC;UAC9B,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC,CAAC;QACNL,QAAQ,CAACM,OAAO,CAACV,WAAW,CAACG,OAAO,CAAC;QACrC,OAAO,MAAM;UACXC,QAAQ,CAACO,UAAU,CAAC,CAAC;QACvB,CAAC;MACH;IACF,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV,MAAMC,gBAAgB,GAAGD,CAAC,YAAYE,cAAc;MACpD,IAAI,CAACD,gBAAgB,EAAE;QACrB,MAAMD,CAAC;MACT;MACA;IACF;;IACA,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACX,SAAS,EAAED,WAAW,CAAC;AACjC,CAAC;AAED,eAAeL,YAAY"}

package/dist/hooks/useToggle.js

@@ -0,0 +1,38 @@
+import { useState, useCallback } from 'react';
+export default function useToggle(defaultIsOn) {
+  let handlers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    handleToggleOn,
+    handleToggleOff,
+    handleToggle
+  } = handlers;
+  const [isOn, setIsOn] = useState(defaultIsOn || false);
+  const setOn = useCallback(() => {
+    setIsOn(true);
+    // istanbul ignore else
+    if (handleToggleOn) {
+      handleToggleOn();
+    }
+    // istanbul ignore else
+    if (handleToggle) {
+      handleToggle(true);
+    }
+  }, [handleToggleOn, handleToggle]);
+  const setOff = useCallback(() => {
+    setIsOn(false);
+    // istanbul ignore else
+    if (handleToggleOff) {
+      handleToggleOff();
+    }
+    // istanbul ignore else
+    if (handleToggle) {
+      handleToggle(false);
+    }
+  }, [handleToggleOff, handleToggle]);
+  const toggle = useCallback(() => {
+    const doToggle = isOn ? setOff : setOn;
+    doToggle();
+  }, [isOn, setOn, setOff]);
+  return [isOn, setOn, setOff, toggle];
+}
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","names":["useState","useCallback","useToggle","defaultIsOn","handlers","arguments","length","undefined","handleToggleOn","handleToggleOff","handleToggle","isOn","setIsOn","setOn","setOff","toggle","doToggle"],"sources":["../../src/hooks/useToggle.jsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport default function useToggle(defaultIsOn, handlers = {}) {\n  const { handleToggleOn, handleToggleOff, handleToggle } = handlers;\n  const [isOn, setIsOn] = useState(defaultIsOn || false);\n\n  const setOn = useCallback(() => {\n    setIsOn(true);\n    // istanbul ignore else\n    if (handleToggleOn) {\n      handleToggleOn();\n    }\n    // istanbul ignore else\n    if (handleToggle) {\n      handleToggle(true);\n    }\n  }, [handleToggleOn, handleToggle]);\n\n  const setOff = useCallback(() => {\n    setIsOn(false);\n    // istanbul ignore else\n    if (handleToggleOff) {\n      handleToggleOff();\n    }\n    // istanbul ignore else\n    if (handleToggle) {\n      handleToggle(false);\n    }\n  }, [handleToggleOff, handleToggle]);\n\n  const toggle = useCallback(() => {\n    const doToggle = isOn ? setOff : setOn;\n    doToggle();\n  }, [isOn, setOn, setOff]);\n\n  return [isOn, setOn, setOff, toggle];\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAE7C,eAAe,SAASC,SAASA,CAACC,WAAW,EAAiB;EAAA,IAAfC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC1D,MAAM;IAAEG,cAAc;IAAEC,eAAe;IAAEC;EAAa,CAAC,GAAGN,QAAQ;EAClE,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGZ,QAAQ,CAACG,WAAW,IAAI,KAAK,CAAC;EAEtD,MAAMU,KAAK,GAAGZ,WAAW,CAAC,MAAM;IAC9BW,OAAO,CAAC,IAAI,CAAC;IACb;IACA,IAAIJ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;IAClB;IACA;IACA,IAAIE,YAAY,EAAE;MAChBA,YAAY,CAAC,IAAI,CAAC;IACpB;EACF,CAAC,EAAE,CAACF,cAAc,EAAEE,YAAY,CAAC,CAAC;EAElC,MAAMI,MAAM,GAAGb,WAAW,CAAC,MAAM;IAC/BW,OAAO,CAAC,KAAK,CAAC;IACd;IACA,IAAIH,eAAe,EAAE;MACnBA,eAAe,CAAC,CAAC;IACnB;IACA;IACA,IAAIC,YAAY,EAAE;MAChBA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACD,eAAe,EAAEC,YAAY,CAAC,CAAC;EAEnC,MAAMK,MAAM,GAAGd,WAAW,CAAC,MAAM;IAC/B,MAAMe,QAAQ,GAAGL,IAAI,GAAGG,MAAM,GAAGD,KAAK;IACtCG,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACL,IAAI,EAAEE,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEzB,OAAO,CAACH,IAAI,EAAEE,KAAK,EAAEC,MAAM,EAAEC,MAAM,CAAC;AACtC"}

package/dist/hooks/useWindowSize.js

@@ -0,0 +1,32 @@
+import { useState, useLayoutEffect } from 'react';
+function useWindowSize() {
+  // Initialize state with undefined width/height so server and client renders match
+  // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+  const [windowSize, setWindowSize] = useState({
+    width: undefined,
+    height: undefined
+  });
+  useLayoutEffect(() => {
+    // Handler to call on window resize
+    function handleResize() {
+      // Set window width/height to state
+      setWindowSize({
+        width: global.innerWidth,
+        height: global.innerHeight
+      });
+    }
+
+    // Add event listener
+    global.addEventListener('resize', handleResize);
+
+    // Call handler right away so state gets updated with initial window size
+    handleResize();
+
+    // Remove event listener on cleanup
+    return () => global.removeEventListener('resize', handleResize);
+  }, []); // Empty array ensures that effect is only run on mount
+
+  return windowSize;
+}
+export default useWindowSize;
+//# sourceMappingURL=useWindowSize.js.map

package/dist/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","names":["useState","useLayoutEffect","useWindowSize","windowSize","setWindowSize","width","undefined","height","handleResize","global","innerWidth","innerHeight","addEventListener","removeEventListener"],"sources":["../../src/hooks/useWindowSize.jsx"],"sourcesContent":["import { useState, useLayoutEffect } from 'react';\n\nfunction useWindowSize() {\n  // Initialize state with undefined width/height so server and client renders match\n  // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/\n  const [windowSize, setWindowSize] = useState({\n    width: undefined,\n    height: undefined,\n  });\n\n  useLayoutEffect(() => {\n    // Handler to call on window resize\n    function handleResize() {\n      // Set window width/height to state\n      setWindowSize({\n        width: global.innerWidth,\n        height: global.innerHeight,\n      });\n    }\n\n    // Add event listener\n    global.addEventListener('resize', handleResize);\n\n    // Call handler right away so state gets updated with initial window size\n    handleResize();\n\n    // Remove event listener on cleanup\n    return () => global.removeEventListener('resize', handleResize);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return windowSize;\n}\n\nexport default useWindowSize;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,eAAe,QAAQ,OAAO;AAEjD,SAASC,aAAaA,CAAA,EAAG;EACvB;EACA;EACA,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGJ,QAAQ,CAAC;IAC3CK,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAED;EACV,CAAC,CAAC;EAEFL,eAAe,CAAC,MAAM;IACpB;IACA,SAASO,YAAYA,CAAA,EAAG;MACtB;MACAJ,aAAa,CAAC;QACZC,KAAK,EAAEI,MAAM,CAACC,UAAU;QACxBH,MAAM,EAAEE,MAAM,CAACE;MACjB,CAAC,CAAC;IACJ;;IAEA;IACAF,MAAM,CAACG,gBAAgB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;;IAE/C;IACAA,YAAY,CAAC,CAAC;;IAEd;IACA,OAAO,MAAMC,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEL,YAAY,CAAC;EACjE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;;EAER,OAAOL,UAAU;AACnB;AAEA,eAAeD,aAAa"}

package/dist/i18n/index.js

@@ -0,0 +1,41 @@
+import arMessages from './messages/ar.json';
+import caMessages from './messages/ca.json';
+import es419Messages from './messages/es_419.json';
+import esarMessages from './messages/es_AR.json';
+import esesMessages from './messages/es_ES.json';
+import frMessages from './messages/fr.json';
+import heMessages from './messages/he.json';
+import idMessages from './messages/id.json';
+import ititMessages from './messages/it_IT.json';
+import kokrMessages from './messages/ko_KR.json';
+import plMessages from './messages/pl.json';
+import ptbrMessages from './messages/pt_BR.json';
+import ptptMessages from './messages/pt_PT.json';
+import ruMessages from './messages/ru.json';
+import thMessages from './messages/th.json';
+import trtrMessages from './messages/tr_TR.json';
+import ukMessages from './messages/uk.json';
+import zhcnMessages from './messages/zh_CN.json';
+
+const messages = {
+  ar: arMessages,
+  ca: caMessages,
+  'es-419': es419Messages,
+  fr: frMessages,
+  he: heMessages,
+  id: idMessages,
+  'ko-kr': kokrMessages,
+  pl: plMessages,
+  'pt-br': ptbrMessages,
+  ru: ruMessages,
+  th: thMessages,
+  uk: ukMessages,
+  'zh-cn': zhcnMessages,
+  'es-ar': esarMessages,
+  'es-es': esesMessages,
+  'it-it': ititMessages,
+  'pt-pt': ptptMessages,
+  'tr-tr': trtrMessages,
+};
+
+export default messages;

package/dist/i18n/messages/ar.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "يجب أن يكون حجم الملف أكبر من {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "يجب أن يكون حجم الملف أقل من {size}.",
+  "dropzone.Dropzone.invalidType": "The file type must be {count, plural, one {{typeString} file} other {one of {typeString} files}}.",
+  "dropzone.Dropzone.multipleDraggedError": "يسمح بتحميل ملف واحد فقط.",
+  "dropzone.Dropzone.unexpectedValidationError": "حدثت مشكلة غير متوقعة أثناء التحقق من صحة الملف. رجاءً حاول مرة اخرى.",
+  "dropzone.Dropzone.uploadError": "حدثت مشكلة أثناء رفع ملفك. رجاءً حاول مجددًا.",
+  "pgn.Alert.closeLabel": "تجاهل",
+  "pgn.CardCarousel.scrollToNext": "Scroll to next",
+  "pgn.CardCarousel.scrollToPrevious": "Scroll to previous",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "تم تحديد الـ {numSelectedRows} كلها",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "إلغاء التحديد",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "تحديد الـ {itemCount} كلها",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "تم تحديد {numSelectedRows}",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "تم تحديد {numSelectedRows} ({numSelectedRowsOnPage} موضح أدناه)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "طي الكل",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "فتح الكل",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "إزالة المرشحات",
+  "pgn.DataTable.RowStatus.statusText": "يتم إظهار {pageSize} من {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "المرشحات",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "بين {sizeMin} و {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "أقصى قيمة {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "أدنى قيمة {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Upload {count, plural, one {{firstPart} files} other {{firstPart} or {secondPart} files}}",
+  "pgn.Dropzone.DefaultContent.label": "اسحب و ألق ملفك هنا أو انقر للرفع.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "إلغاء",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "رفع {filename} جارٍ.",
+  "pgn.FormAutosuggest.iconButtonClosed": "إغلاق قائمة الخيارات",
+  "pgn.FormAutosuggest.iconButtonOpened": "فتح قائمة الخيارات",
+  "pgn.Toast.closeLabel": "إغلاق "
+}

package/dist/i18n/messages/ca.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "File must be larger than {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "File must be less than {size}.",
+  "dropzone.Dropzone.invalidType": "The file type must be {count, plural, one {{typeString} file} other {one of {typeString} files}}.",
+  "dropzone.Dropzone.multipleDraggedError": "Only one upload permitted.",
+  "dropzone.Dropzone.unexpectedValidationError": "An unexpected problem occured during file validation. Please try again.",
+  "dropzone.Dropzone.uploadError": "A problem occured while uploading your file. Please try again.",
+  "pgn.Alert.closeLabel": "Dismiss",
+  "pgn.CardCarousel.scrollToNext": "Scroll to next",
+  "pgn.CardCarousel.scrollToPrevious": "Scroll to previous",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "All {numSelectedRows} selected",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "Clear selection",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "Select all {itemCount}",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "{numSelectedRows} selected",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "Collapse all",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "Expand all",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "Clear filters",
+  "pgn.DataTable.RowStatus.statusText": "Showing {pageSize} of {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "Filters",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "Between {sizeMin} and {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "Max {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "Min {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Upload {count, plural, one {{firstPart} files} other {{firstPart} or {secondPart} files}}",
+  "pgn.Dropzone.DefaultContent.label": "Drag and drop your file here or click to upload.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "Cancel",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "Uploading {filename}.",
+  "pgn.FormAutosuggest.iconButtonClosed": "Close the options menu",
+  "pgn.FormAutosuggest.iconButtonOpened": "Open the options menu",
+  "pgn.Toast.closeLabel": "Close"
+}

package/dist/i18n/messages/es_419.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "El archivo debe ser más grande que {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "El tamaño del archivo debe ser inferior a {size}.",
+  "dropzone.Dropzone.invalidType": "El tipo de archivo debe ser {count, plural, one {{typeString} archivo} other {one of {typeString} files}}.",
+  "dropzone.Dropzone.multipleDraggedError": "Solo se permite una carga.",
+  "dropzone.Dropzone.unexpectedValidationError": "Ocurrió un problema inesperado durante la validación del archivo. Inténtalo de nuevo.",
+  "dropzone.Dropzone.uploadError": "Ocurrió un problema al cargar su archivo. Inténtalo de nuevo.",
+  "pgn.Alert.closeLabel": "Descartar",
+  "pgn.CardCarousel.scrollToNext": "Desplácese al siguiente",
+  "pgn.CardCarousel.scrollToPrevious": "Desplazarse al anterior",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "Todos los {numSelectedRows} seleccionados",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "Borrar selección",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "Seleccionar todo {itemCount}",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "{numSelectedRows} seleccionado",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "{numSelectedRows} seleccionado ({numSelectedRowsOnPage} se muestra a continuación)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "Colapsar todo",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "Expandir todo",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "Borrar filtros",
+  "pgn.DataTable.RowStatus.statusText": "Mostrando {pageSize} de {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "Filtros",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "Entre {sizeMin} y {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "máximo {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "Mín. {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Cargue {count, plural, one {{firstPart} files} other {{firstPart} o {secondPart} files}}",
+  "pgn.Dropzone.DefaultContent.label": "Arrastre y suelte su archivo aquí o haga clic para cargarlo.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "Cancelar",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "Subiendo {filename}.",
+  "pgn.FormAutosuggest.iconButtonClosed": "Cerrar el menú de opciones",
+  "pgn.FormAutosuggest.iconButtonOpened": "Abre el menú de opciones",
+  "pgn.Toast.closeLabel": "Cerrar"
+}

package/dist/i18n/messages/es_AR.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "El archivo debe ser más grande que {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "El archivo debe ser inferior a {size}.",
+  "dropzone.Dropzone.invalidType": "El tipo de archivo debe ser {count, plural, one {{typeString} archivo} other {uno de {typeString} archivos}}.",
+  "dropzone.Dropzone.multipleDraggedError": "Solo se permite una carga.",
+  "dropzone.Dropzone.unexpectedValidationError": "Ocurrió un problema inesperado durante la validación del archivo. Inténtalo de nuevo.",
+  "dropzone.Dropzone.uploadError": "Ocurrió un problema al cargar su archivo. Intentar de nuevo.",
+  "pgn.Alert.closeLabel": "Descartar",
+  "pgn.CardCarousel.scrollToNext": "Desplazarse al siguiente",
+  "pgn.CardCarousel.scrollToPrevious": "Desplazarse al anterior",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "Todos los {numSelectedRows} seleccionados",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "Borrar selección",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "Seleccionar todo {itemCount}",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "{numSelectedRows} seleccionado",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "{numSelectedRows} seleccionado ({numSelectedRowsOnPage} se muestra a continuación)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "Desplegar todo",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "Expandir todo",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "Borrar filtros",
+  "pgn.DataTable.RowStatus.statusText": "Mostrando {pageSize} de {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "Filtros",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "Entre {sizeMin} y {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "máximo {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "Mín. {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Cargue {count, plural, one {{firstPart} archivos} other {{firstPart} o {secondPart} archivos}}",
+  "pgn.Dropzone.DefaultContent.label": "Arrastre y suelte su archivo aquí o haga clic para cargar.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "Cancelar",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "Subiendo {filename}.",
+  "pgn.FormAutosuggest.iconButtonClosed": "Cerrar el menú de opciones",
+  "pgn.FormAutosuggest.iconButtonOpened": "Abre el menú de opciones",
+  "pgn.Toast.closeLabel": "Cerrar"
+}

package/dist/i18n/messages/es_ES.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "El archivo debe ser más grande que {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "El archivo debe ser inferior a {size}.",
+  "dropzone.Dropzone.invalidType": "El tipo de archivo debe ser {count, plural, one {{typeString} archivo} other {uno de {typeString} archivos}}.",
+  "dropzone.Dropzone.multipleDraggedError": "Solo se permite una carga.",
+  "dropzone.Dropzone.unexpectedValidationError": "Ocurrió un problema inesperado durante la validación del archivo. Inténtalo de nuevo.",
+  "dropzone.Dropzone.uploadError": "Ocurrió un problema al cargar su archivo. Inténtalo de nuevo.",
+  "pgn.Alert.closeLabel": "Descartar",
+  "pgn.CardCarousel.scrollToNext": "Desplazarse al siguiente",
+  "pgn.CardCarousel.scrollToPrevious": "Desplazarse al anterior",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "Todos los {numSelectedRows} seleccionados",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "Selección clara",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "Seleccionar todo {itemCount}",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "{numSelectedRows} seleccionado",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "Contraer todo",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "Desplegar todo",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "Borrar filtros",
+  "pgn.DataTable.RowStatus.statusText": "Mostrando {pageSize} de {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "filtros",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "Entre {sizeMin} y {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "máximo {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "Mín. {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Cargue {count, plural, one {{firstPart} archivos} other {{firstPart} o {secondPart} archivos}}",
+  "pgn.Dropzone.DefaultContent.label": "Arrastre y suelte su archivo aquí o haga clic para cargar.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "Cancelar",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "Subiendo {filename}.",
+  "pgn.FormAutosuggest.iconButtonClosed": "Cerrar el menú de opciones",
+  "pgn.FormAutosuggest.iconButtonOpened": "Abre el menú de opciones",
+  "pgn.Toast.closeLabel": "Cerrar"
+}

package/dist/i18n/messages/fr.json

@@ -0,0 +1,31 @@
+{
+  "dropzone.Dropzone.invalidSizeLessError": "File must be larger than {size}.",
+  "dropzone.Dropzone.invalidSizeMoreError": "File must be less than {size}.",
+  "dropzone.Dropzone.invalidType": "The file type must be {count, plural, one {{typeString} file} other {one of {typeString} files}}.",
+  "dropzone.Dropzone.multipleDraggedError": "Only one upload permitted.",
+  "dropzone.Dropzone.unexpectedValidationError": "An unexpected problem occured during file validation. Please try again.",
+  "dropzone.Dropzone.uploadError": "A problem occured while uploading your file. Please try again.",
+  "pgn.Alert.closeLabel": "Dismiss",
+  "pgn.CardCarousel.scrollToNext": "Scroll to next",
+  "pgn.CardCarousel.scrollToPrevious": "Scroll to previous",
+  "pgn.DataTable.BaseSelectionStatus.allSelectedText": "All {numSelectedRows} selected",
+  "pgn.DataTable.BaseSelectionStatus.clearSelectionText": "Clear selection",
+  "pgn.DataTable.BaseSelectionStatus.selectAllText": "Select all {itemCount}",
+  "pgn.DataTable.BaseSelectionStatus.selectedText": "{numSelectedRows} selected",
+  "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated": "{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)",
+  "pgn.DataTable.ExpandAll.collapseAllLabel": "Collapse all",
+  "pgn.DataTable.ExpandAll.expandAllLabel": "Expand all",
+  "pgn.DataTable.FilterStatus.clearFiltersText": "Clear filters",
+  "pgn.DataTable.RowStatus.statusText": "Showing {pageSize} of {itemCount}.",
+  "pgn.DataTable.SidebarFilters.title": "Filters",
+  "pgn.Dropzone.DefaultContent.fileSizeBetween": "Between {sizeMin} and {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMax": "Max {sizeMax}",
+  "pgn.Dropzone.DefaultContent.fileSizeMin": "Min {sizeMin}",
+  "pgn.Dropzone.DefaultContent.fileTypeRestriction": "Upload {count, plural, one {{firstPart} files} other {{firstPart} or {secondPart} files}}",
+  "pgn.Dropzone.DefaultContent.label": "Drag and drop your file here or click to upload.",
+  "pgn.Dropzone.UploadProgress.cancelLabel": "Cancel",
+  "pgn.Dropzone.UploadProgress.uploadLabel": "Uploading {filename}.",
+  "pgn.FormAutosuggest.iconButtonClosed": "Close the options menu",
+  "pgn.FormAutosuggest.iconButtonOpened": "Open the options menu",
+  "pgn.Toast.closeLabel": "Close"
+}