@papillonarts/components 0.8.0 → 0.9.0

package/build/primer/ErrorBoundary/ErrorBoundary.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorBoundary = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = require("react");
-var _ErrorBoundary = require("./ErrorBoundary.prop");
-var _jsxRuntime = require("react/jsx-runtime");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable no-unused-vars, no-console */
-var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
-  function ErrorBoundary(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ErrorBoundary);
-    _this = _callSuper(this, ErrorBoundary, [props]);
-    _this.state = {
-      hasError: false
-    };
-    return _this;
-  }
-  (0, _inherits2["default"])(ErrorBoundary, _Component);
-  return (0, _createClass2["default"])(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      // You can also log the error to an error reporting service
-      console.log('~error~', error);
-      console.log('~errorInfo~', errorInfo);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var hasError = this.state.hasError;
-      var children = this.props.children;
-      if (hasError) {
-        // You can render any custom fallback UI
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          children: "Something went wrong."
-        });
-      }
-      return children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      // Update state so the next render will show the fallback UI.
-      return {
-        hasError: true
-      };
-    }
-  }]);
-}(_react.Component);
-ErrorBoundary.propTypes = _ErrorBoundary.propTypes;

package/build/primer/ErrorBoundary/ErrorBoundary.prop.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var propTypes = exports.propTypes = {
-  children: _propTypes.node.isRequired
-};
-var defaultProps = exports.defaultProps = {};

package/build/primer/ErrorBoundary/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorBoundary.ErrorBoundary;
-  }
-});
-var _ErrorBoundary = require("./ErrorBoundary");

package/build/primer/Form/Checkbox/Checkbox.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Checkbox = Checkbox;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Checkbox = require("./Checkbox.prop");
-var _Checkbox2 = _interopRequireDefault(require("./Checkbox.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Checkbox(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Checkbox.defaultProps.dataTest : _ref$dataTest,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Checkbox.defaultProps.className : _ref$className,
-    _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Checkbox.defaultProps.htmlFor : _ref$htmlFor,
-    ariaAttr = _ref.ariaAttr,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Checkbox.defaultProps.inputType : _ref$inputType,
-    _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Checkbox.defaultProps.isChecked : _ref$isChecked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Checkbox.defaultProps.text : _ref$text,
-    _onChange = _ref.onChange,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Checkbox.defaultProps.state : _ref$state;
-  var describedBy = ariaAttr.describedBy;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      htmlFor: htmlFor,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: inputType,
-        "aria-describedby": describedBy,
-        onChange: function onChange(event) {
-          _onChange(event);
-        },
-        checked: isChecked
-      }), text]
-    })
-  });
-}
-Checkbox.propTypes = _Checkbox.propTypes;

package/build/primer/Form/Checkbox/Checkbox.prop.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.inputType = exports.defaultProps = exports.checkboxState = void 0;
-var _propTypes = require("prop-types");
-var checkboxState = exports.checkboxState = {
-  active: 'active',
-  inactive: 'inactive'
-};
-var inputType = exports.inputType = {
-  checkbox: 'checkbox'
-};
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  className: _propTypes.string,
-  htmlFor: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    describedBy: _propTypes.string
-  }).isRequired,
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  isChecked: _propTypes.bool,
-  text: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(checkboxState))
-};
-var defaultProps = exports.defaultProps = {
-  dataTest: null,
-  className: null,
-  htmlFor: 'checkbox',
-  inputType: inputType.checkbox,
-  isChecked: false,
-  text: null,
-  state: checkboxState.active
-};

package/build/primer/Form/Checkbox/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.Checkbox;
-  }
-});
-Object.defineProperty(exports, "checkboxState", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox2.checkboxState;
-  }
-});
-var _Checkbox = require("./Checkbox");
-var _Checkbox2 = require("./Checkbox.prop");

package/build/primer/Form/Input/Input.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = Input;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Input = require("./Input.prop");
-var _Input2 = _interopRequireDefault(require("./Input.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Input(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Input.defaultProps.dataTest : _ref$dataTest,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Input.defaultProps.id : _ref$id,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Input.defaultProps.className : _ref$className,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? _Input.defaultProps.placeholder : _ref$placeholder,
-    _ref$ariaAttr = _ref.ariaAttr,
-    ariaAttr = _ref$ariaAttr === void 0 ? _Input.defaultProps.ariaAttr : _ref$ariaAttr,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Input.defaultProps.inputType : _ref$inputType,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    _onKeyUp = _ref.onKeyUp,
-    _ref$onFocus = _ref.onFocus,
-    onFocus = _ref$onFocus === void 0 ? _Input.defaultProps.onFocus : _ref$onFocus,
-    _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? _Input.defaultProps.onBlur : _ref$onBlur,
-    autoFocus = _ref.autoFocus,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Input.defaultProps.state : _ref$state;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-    "data-test": dataTest,
-    id: id,
-    className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.inputState.inactive)),
-    value: value,
-    onChange: function onChange(event) {
-      _onChange(event);
-    },
-    onKeyUp: function onKeyUp(event) {
-      _onKeyUp(event);
-    },
-    onFocus: onFocus,
-    onBlur: onBlur,
-    type: inputType,
-    placeholder: placeholder,
-    "aria-label": ariaAttr.label,
-    autoFocus: autoFocus // eslint-disable-line
-  });
-}
-Input.propTypes = _Input.propTypes;

package/build/primer/Form/Input/Input.prop.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.inputType = exports.inputState = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var inputState = exports.inputState = {
-  active: 'active',
-  inactive: 'inactive'
-};
-var inputType = exports.inputType = {
-  text: 'text',
-  password: 'password'
-};
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  id: _propTypes.string,
-  className: _propTypes.string,
-  placeholder: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    label: _propTypes.string
-  }),
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  onChange: _propTypes.func.isRequired,
-  onKeyUp: _propTypes.func.isRequired,
-  onFocus: _propTypes.func,
-  onBlur: _propTypes.func,
-  state: (0, _propTypes.oneOf)(Object.keys(inputState))
-};
-var defaultProps = exports.defaultProps = {
-  dataTest: null,
-  id: null,
-  className: null,
-  placeholder: null,
-  ariaAttr: {
-    input: ''
-  },
-  inputType: inputType.text,
-  onFocus: function onFocus() {},
-  onBlur: function onBlur() {},
-  state: inputState.active
-};

package/build/primer/Form/Input/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input.Input;
-  }
-});
-Object.defineProperty(exports, "inputState", {
-  enumerable: true,
-  get: function get() {
-    return _Input2.inputState;
-  }
-});
-Object.defineProperty(exports, "inputType", {
-  enumerable: true,
-  get: function get() {
-    return _Input2.inputType;
-  }
-});
-var _Input = require("./Input");
-var _Input2 = require("./Input.prop");

package/build/primer/Form/Radio/Radio.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = Radio;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Radio = require("./Radio.prop");
-var _Radio2 = _interopRequireDefault(require("./Radio.scss"));
-var _index = _interopRequireDefault(require("../index.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Radio(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Radio.defaultProps.dataTest : _ref$dataTest,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Radio.defaultProps.className : _ref$className,
-    _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Radio.defaultProps.htmlFor : _ref$htmlFor,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Radio.defaultProps.inputType : _ref$inputType,
-    name = _ref.name,
-    _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Radio.defaultProps.isChecked : _ref$isChecked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Radio.defaultProps.text : _ref$text,
-    _onChange = _ref.onChange,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Radio.defaultProps.state : _ref$state;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      htmlFor: htmlFor,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: inputType,
-        name: name,
-        onChange: function onChange(event) {
-          _onChange(event);
-        },
-        checked: isChecked
-      }), text]
-    })
-  });
-}
-Radio.propTypes = _Radio.propTypes;

package/build/primer/Form/Radio/Radio.prop.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.radioState = exports.propTypes = exports.inputType = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var radioState = exports.radioState = {
-  active: 'active',
-  inactive: 'inactive'
-};
-var inputType = exports.inputType = {
-  radio: 'radio'
-};
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  className: _propTypes.string,
-  htmlFor: _propTypes.string,
-  inputType: (0, _propTypes.oneOf)(Object.keys(inputType)),
-  name: _propTypes.string.isRequired,
-  isChecked: _propTypes.bool,
-  text: _propTypes.string,
-  onChange: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(radioState))
-};
-var defaultProps = exports.defaultProps = {
-  dataTest: null,
-  className: null,
-  htmlFor: 'checkbox',
-  inputType: inputType.radio,
-  isChecked: false,
-  text: null,
-  state: radioState.active
-};

package/build/primer/Form/Radio/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function get() {
-    return _Radio.Radio;
-  }
-});
-Object.defineProperty(exports, "radioState", {
-  enumerable: true,
-  get: function get() {
-    return _Radio2.radioState;
-  }
-});
-var _Radio = require("./Radio");
-var _Radio2 = require("./Radio.prop");

package/build/primer/Form/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = void 0;
-var _Checkbox = require("./Checkbox");
-var _Input = require("./Input");
-var _Radio = require("./Radio");
-var Form = exports.Form = {
-  Checkbox: {
-    Checkbox: _Checkbox.Checkbox,
-    checkboxState: _Checkbox.checkboxState
-  },
-  Input: {
-    Input: _Input.Input,
-    inputType: _Input.inputType,
-    inputState: _Input.inputState
-  },
-  Radio: {
-    Radio: _Radio.Radio,
-    radioState: _Radio.radioState
-  }
-};

package/build/primer/Grid/DisplayTable/DisplayTable.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DisplayTable = DisplayTable;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
-var _borders = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/borders.scss"));
-var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
-var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
-var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
-var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _DisplayTable = require("./DisplayTable.prop");
-var _jsxRuntime = require("react/jsx-runtime");
-function DisplayTable(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _DisplayTable.defaultProps.className : _ref$className,
-    items = _ref.items,
-    _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _DisplayTable.defaultProps.idIndex : _ref$idIndex,
-    _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.defaultProps.isSelectedIndex : _ref$isSelectedIndex;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12'], _colors["default"]['bg-blue-light']),
-      children: items[0].names.map(function (name, index) {
-        var isIdColumn = index === idIndex;
-        var isSelectedColumn = index === isSelectedIndex;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-          children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2'], _typography["default"].h6),
-            children: isSelectedColumn ? '' : name
-          }, (0, _uuid.v1)())
-        }, (0, _uuid.v1)());
-      })
-    }), items.map(function (item) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12']),
-        children: item.values.map(function (value, valueIndex) {
-          var _value$value;
-          var isIdColumn = valueIndex === idIndex;
-          var isSelectedColumn = valueIndex === isSelectedIndex;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-            children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2']),
-              children: isSelectedColumn ? '' : (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value
-            }, (0, _uuid.v1)())
-          }, (0, _uuid.v1)());
-        })
-      }, (0, _uuid.v1)());
-    })]
-  });
-}
-DisplayTable.propTypes = _DisplayTable.propTypes;

package/build/primer/Grid/DisplayTable/DisplayTable.prop.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  items: _propTypes.array.isRequired,
-  idIndex: _propTypes.number,
-  isSelectedIndex: _propTypes.number
-};
-var defaultProps = exports.defaultProps = {
-  className: null,
-  idIndex: -1,
-  isSelectedIndex: -1
-};

package/build/primer/Grid/DisplayTable/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DisplayTable", {
-  enumerable: true,
-  get: function get() {
-    return _DisplayTable.DisplayTable;
-  }
-});
-var _DisplayTable = require("./DisplayTable");