@papillonarts/components 0.10.0 → 0.12.0

package/build/primer/Button/Button.prop.d.ts

@@ -0,0 +1,63 @@
+import { IconNameType } from '../Icon/Icon.prop';
+export declare const buttonElement: {
+    button: string;
+    a: string;
+};
+export declare const buttonVariant: {
+    default: string;
+    primary: string;
+    danger: string;
+    outline: string;
+    blue: string;
+    orange: string;
+};
+export declare const buttonSize: {
+    small: string;
+    normal: string;
+    large: string;
+};
+export declare const buttonState: {
+    active: string;
+    inactive: string;
+};
+export declare const iconAlignment: {
+    left: string;
+    right: string;
+};
+export declare const buttonInputType: {
+    file: string;
+    submit: string;
+};
+export declare const defaultProps: {
+    dataTest: any;
+    id: any;
+    className: any;
+    element: string;
+    href: any;
+    variant: string;
+    size: string;
+    state: string;
+    icon: any;
+    inputType: any;
+    autoFocus: boolean;
+};
+export interface IconType {
+    name?: IconNameType;
+    alignment?: typeof iconAlignment.left | typeof iconAlignment.right;
+}
+export interface ButtonProps {
+    dataTest?: string;
+    id?: string;
+    className?: string;
+    element?: typeof buttonElement.button | typeof buttonElement.a;
+    href?: string;
+    text: string;
+    variant?: typeof buttonVariant.default | typeof buttonVariant.primary | typeof buttonVariant.danger | typeof buttonVariant.outline | typeof buttonVariant.blue | typeof buttonVariant.orange;
+    size?: typeof buttonSize.small | typeof buttonSize.normal | typeof buttonSize.large;
+    state?: typeof buttonState.active | typeof buttonState.inactive;
+    icon?: IconType;
+    onClick: (value?: string) => void;
+    inputType?: typeof buttonInputType.file | typeof buttonInputType.submit;
+    autoFocus?: boolean;
+}
+//# sourceMappingURL=Button.prop.d.ts.map

package/build/primer/Button/Button.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/Button.prop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAO,MAAM,aAAa;;;CAGzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAGzB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAG3B,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYxB,CAAA;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,aAAa,CAAC,IAAI,GAAG,OAAO,aAAa,CAAC,KAAK,CAAA;CACnE;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,aAAa,CAAC,MAAM,GAAG,OAAO,aAAa,CAAC,CAAC,CAAA;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EACJ,OAAO,aAAa,CAAC,OAAO,GAC5B,OAAO,aAAa,CAAC,OAAO,GAC5B,OAAO,aAAa,CAAC,MAAM,GAC3B,OAAO,aAAa,CAAC,OAAO,GAC5B,OAAO,aAAa,CAAC,IAAI,GACzB,OAAO,aAAa,CAAC,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,KAAK,GAAG,OAAO,UAAU,CAAC,MAAM,GAAG,OAAO,UAAU,CAAC,KAAK,CAAA;IACnF,KAAK,CAAC,EAAE,OAAO,WAAW,CAAC,MAAM,GAAG,OAAO,WAAW,CAAC,QAAQ,CAAA;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,eAAe,CAAC,IAAI,GAAG,OAAO,eAAe,CAAC,MAAM,CAAA;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}

package/build/primer/Button/Button.prop.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconAlignment = exports.defaultProps = exports.buttonVariant = exports.buttonState = exports.buttonSize = exports.buttonInputType = exports.buttonElement = void 0;
+var buttonElement = exports.buttonElement = {
+  button: 'button',
+  a: 'a'
+};
+var buttonVariant = exports.buttonVariant = {
+  "default": 'default',
+  primary: 'primary',
+  danger: 'danger',
+  outline: 'outline',
+  blue: 'blue',
+  orange: 'orange'
+};
+var buttonSize = exports.buttonSize = {
+  small: 'small',
+  normal: 'normal',
+  large: 'large'
+};
+var buttonState = exports.buttonState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var iconAlignment = exports.iconAlignment = {
+  left: 'left',
+  right: 'right'
+};
+var buttonInputType = exports.buttonInputType = {
+  file: 'file',
+  submit: 'submit'
+};
+var defaultProps = exports.defaultProps = {
+  dataTest: null,
+  id: null,
+  className: null,
+  element: buttonElement.button,
+  href: null,
+  variant: buttonVariant["default"],
+  size: buttonSize.normal,
+  state: buttonState.active,
+  icon: null,
+  inputType: null,
+  autoFocus: false
+};

package/build/primer/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export { buttonElement, buttonVariant, buttonSize, buttonState, iconAlignment, buttonInputType } from './Button.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/build/primer/Button/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.Button;
+  }
+});
+Object.defineProperty(exports, "buttonElement", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonElement;
+  }
+});
+Object.defineProperty(exports, "buttonInputType", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonInputType;
+  }
+});
+Object.defineProperty(exports, "buttonSize", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonSize;
+  }
+});
+Object.defineProperty(exports, "buttonState", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonState;
+  }
+});
+Object.defineProperty(exports, "buttonVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonVariant;
+  }
+});
+Object.defineProperty(exports, "iconAlignment", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.iconAlignment;
+  }
+});
+var _Button = require("./Button");
+var _Button2 = require("./Button.prop");

package/build/primer/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from './Dropdown.prop';
+export declare function Dropdown({ className, summary, ariaAttr, items, onClick, state, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/build/primer/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAA;AAG5E,wBAAgB,QAAQ,CAAC,EACvB,SAAkC,EAClC,OAAO,EACP,QAAgC,EAChC,KAAK,EACL,OAAO,EACP,KAA0B,GAC3B,EAAE,aAAa,2CAkFf"}

package/build/primer/Dropdown/Dropdown.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dropdown = Dropdown;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
+var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
+var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
+var _flexbox = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/flexbox.scss"));
+var _array = require("@papillonarts/library/array");
+var _hooks = require("@papillonarts/library/hooks");
+var _Button = _interopRequireDefault(require("../Button/Button.scss"));
+var _Dropdown = require("./Dropdown.prop");
+var _Dropdown2 = _interopRequireDefault(require("./Dropdown.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Dropdown(_ref) {
+  var _ariaAttr$haspopup;
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Dropdown.defaultProps.className : _ref$className,
+    summary = _ref.summary,
+    _ref$ariaAttr = _ref.ariaAttr,
+    ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown.defaultProps.ariaAttr : _ref$ariaAttr,
+    items = _ref.items,
+    _onClick = _ref.onClick,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _Dropdown.defaultProps.state : _ref$state;
+  var details = (0, _hooks.useRef)(null);
+  if (!items) {
+    return null;
+  }
+  var indexItems = (0, _array.getIndexItems)(items);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
+      ref: details,
+      className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
+        className: (0, _classnames["default"])(_Button["default"].btn),
+        "aria-haspopup": (_ariaAttr$haspopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.haspopup) !== null && _ariaAttr$haspopup !== void 0 ? _ariaAttr$haspopup : false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: summary
+          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _Dropdown2["default"]['dropdown-caret']
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: (0, _classnames["default"])(_Dropdown2["default"]['dropdown-menu'], _Dropdown2["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
+        children: indexItems.map(function (indexItem) {
+          var href = indexItem.href,
+            text = indexItem.text;
+
+          // const itemOtherProps = isSelected ? { ...{ 'aria-current': ariaAttr?.current } } : null
+
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              onClick: function onClick(e) {
+                e.preventDefault();
+                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                _onClick({
+                  summary: text,
+                  ariaAttr: ariaAttr,
+                  items: newIndexItems.map(function (newIndexItem) {
+                    return function (_ref2) {
+                      var newIndexItemId = _ref2.id,
+                        newIndexItemHref = _ref2.href,
+                        newIndexItemText = _ref2.text,
+                        dateModified = _ref2['date-modified'],
+                        dateCreated = _ref2['date-created'],
+                        newIndexItemIsSelected = _ref2.isSelected;
+                      return {
+                        id: newIndexItemId,
+                        href: newIndexItemHref,
+                        text: newIndexItemText,
+                        'date-modified': dateModified,
+                        'date-created': dateCreated,
+                        isSelected: newIndexItemIsSelected
+                      };
+                    }(newIndexItem);
+                  })
+                });
+                details.current.removeAttribute('open');
+              },
+              className: _Dropdown2["default"]['dropdown-item'],
+              href: href
+              // @ts-ignore
+              // {...itemOtherProps}
+              ,
+              children: text
+            })
+          }, (0, _uuid.v1)());
+        })
+      })]
+    })
+  });
+}

package/build/primer/Dropdown/Dropdown.prop.d.ts

@@ -0,0 +1,30 @@
+export declare const dropdownState: {
+    active: string;
+    inactive: string;
+};
+export declare const defaultProps: {
+    className: any;
+    ariaAttr: {
+        haspopup: boolean;
+        current: string;
+    };
+    state: string;
+};
+export interface AriaAttrType {
+    haspopup: boolean;
+    current: string;
+}
+export interface ItemType {
+    href: string;
+    text: string;
+    isSelected: boolean;
+}
+export interface DropdownProps {
+    className?: string;
+    summary: string;
+    ariaAttr?: AriaAttrType;
+    items: ItemType[];
+    onClick: (value: any) => void;
+    state?: typeof dropdownState.active | typeof dropdownState.inactive;
+}
+//# sourceMappingURL=Dropdown.prop.d.ts.map

package/build/primer/Dropdown/Dropdown.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/Dropdown.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGzB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,aAAa,CAAC,MAAM,GAAG,OAAO,aAAa,CAAC,QAAQ,CAAA;CACpE"}

package/build/primer/Dropdown/Dropdown.prop.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dropdownState = exports.defaultProps = void 0;
+var dropdownState = exports.dropdownState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  ariaAttr: {
+    haspopup: false,
+    current: 'page'
+  },
+  state: dropdownState.active
+};

package/build/primer/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown';
+export { dropdownState } from './Dropdown.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/build/primer/Dropdown/index.js

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

package/build/primer/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+import { ErrorBoundaryProps } from './ErrorBoundary.prop';
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>> | import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/build/primer/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/primer/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;gBAClD,KAAK,KAAA;IAKjB,MAAM,CAAC,wBAAwB,CAAC,KAAK,KAAA;;;IAKrC,iBAAiB,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA;IAMlC,MAAM;CAaP"}

package/build/primer/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,59 @@
+"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 _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() {
+      // @ts-ignore
+      var hasError = this.state.hasError;
+      // @ts-ignore
+      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);

package/build/primer/ErrorBoundary/ErrorBoundary.prop.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultProps: {};
+export interface ErrorBoundaryProps {
+    children: React.ReactNode;
+}
+//# sourceMappingURL=ErrorBoundary.prop.d.ts.map

package/build/primer/ErrorBoundary/ErrorBoundary.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/ErrorBoundary/ErrorBoundary.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,IAAK,CAAA;AAE9B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B"}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {};

package/build/primer/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorBoundary } from './ErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/ErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/build/primer/ErrorBoundary/index.js

@@ -0,0 +1,12 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from './Checkbox.prop';
+export declare function Checkbox({ dataTest, className, htmlFor, ariaAttr, inputType, isChecked, text, onChange, state, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/build/primer/Form/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAA;AAI5E,wBAAgB,QAAQ,CAAC,EACvB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,QAAQ,EACR,SAAkC,EAClC,SAAkC,EAClC,IAAwB,EACxB,QAAQ,EACR,KAA0B,GAC3B,EAAE,aAAa,2CAuBf"}

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

@@ -0,0 +1,48 @@
+"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]
+    })
+  });
+}

package/build/primer/Form/Checkbox/Checkbox.prop.d.ts

@@ -0,0 +1,31 @@
+export declare const checkboxState: {
+    active: string;
+    inactive: string;
+};
+export declare const inputType: {
+    checkbox: string;
+};
+export declare const defaultProps: {
+    dataTest: any;
+    className: any;
+    htmlFor: string;
+    inputType: string;
+    isChecked: boolean;
+    text: any;
+    state: string;
+};
+export interface AriaAttrType {
+    describedBy: string;
+}
+export interface CheckboxProps {
+    dataTest?: string;
+    className?: string;
+    htmlFor?: string;
+    ariaAttr: AriaAttrType;
+    inputType?: typeof inputType.checkbox;
+    isChecked?: boolean;
+    text?: string;
+    onChange: (value: any) => void;
+    state?: typeof checkboxState.active | typeof checkboxState.inactive;
+}
+//# sourceMappingURL=Checkbox.prop.d.ts.map

package/build/primer/Form/Checkbox/Checkbox.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.prop.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Checkbox/Checkbox.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGzB,CAAA;AAED,eAAO,MAAM,SAAS;;CAErB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,YAAY,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,SAAS,CAAC,QAAQ,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,aAAa,CAAC,MAAM,GAAG,OAAO,aAAa,CAAC,QAAQ,CAAA;CACpE"}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputType = exports.defaultProps = exports.checkboxState = void 0;
+var checkboxState = exports.checkboxState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var inputType = exports.inputType = {
+  checkbox: 'checkbox'
+};
+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.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from './Checkbox';
+export { checkboxState } from './Checkbox.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Form/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

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

@@ -0,0 +1,19 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.prop';
+export declare function Input({ dataTest, id, className, placeholder, ariaAttr, inputType, value, onChange, onKeyUp, onFocus, onBlur, autoFocus, state, }: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/build/primer/Form/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/primer/Form/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAA;AAInE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,EAAoB,EACpB,SAAkC,EAClC,WAAsC,EACtC,QAAgC,EAChC,SAAkC,EAClC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAA8B,EAC9B,MAA4B,EAC5B,SAAS,EACT,KAA0B,GAC3B,EAAE,UAAU,2CAuBZ"}