@papillonarts/components 0.48.0 → 0.49.1

package/build/Legacy/Breadcrumb/Breadcrumb.js

@@ -1,73 +1,77 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Breadcrumb = Breadcrumb;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typography = _interopRequireDefault(require("@papillonarts/css/utilities/typography.scss"));
 var _array = require("@papillonarts/library/array");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
-var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb.scss"));
-var _Breadcrumb2 = require("./Breadcrumb.type");
+var _Breadcrumb = require("./Breadcrumb.const");
+var _Breadcrumb2 = _interopRequireDefault(require("./Breadcrumb.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
-function Breadcrumb(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Breadcrumb2.BreadcrumbDefault.ClassName : _ref$className,
-    ariaAttr = _ref.ariaAttr,
-    items = _ref.items,
-    _onClick = _ref.onClick,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Breadcrumb2.BreadcrumbDefault.State : _ref$state;
-  var indexItems = (0, _array.getIndexItems)(items);
-  var label = ariaAttr.label,
-    current = ariaAttr.current;
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+
+function Breadcrumb({
+  className = _Breadcrumb.BreadcrumbDefault.ClassName,
+  ariaAttr,
+  items,
+  onClick,
+  state = _Breadcrumb.BreadcrumbDefault.State
+}) {
+  const indexItems = (0, _array.getIndexItems)(items);
+  const {
+    label,
+    current
+  } = ariaAttr;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb["default"]['breadcrumb-inactive'], state === _Breadcrumb2.BreadcrumbState.Inactive)),
+    className: (0, _classnames.default)(className, {
+      [_Breadcrumb2.default['breadcrumb-inactive']]: state === _Breadcrumb.BreadcrumbState.Inactive
+    }),
     "aria-label": label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
-      children: indexItems.map(function (indexItem) {
-        var href = indexItem.href,
-          text = indexItem.text,
-          isSelected = indexItem.isSelected;
-        var itemOtherProps = isSelected ? _objectSpread({}, {
-          'aria-current': current
-        }) : null;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({
-          onClick: function onClick(e) {
+      children: indexItems.map(indexItem => {
+        const {
+          href,
+          text,
+          isSelected
+        } = indexItem;
+        const itemOtherProps = isSelected ? {
+          ...{
+            'aria-current': current
+          }
+        } : null;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          onClick: e => {
             e.preventDefault();
-            var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
-            _onClick({
+            const newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+            onClick({
               active: text,
-              ariaAttr: ariaAttr,
-              items: newIndexItems.map(function (newIndexItem) {
-                return function (_ref2) {
-                  var href = _ref2.href,
-                    text = _ref2.text,
-                    isSelected = _ref2.isSelected;
-                  return {
-                    href: href,
-                    text: text,
-                    isSelected: isSelected
-                  };
-                }(newIndexItem);
-              })
+              ariaAttr,
+              items: newIndexItems.map(newIndexItem => (({
+                href,
+                text,
+                isSelected
+              }) => ({
+                href,
+                text,
+                isSelected
+              }))(newIndexItem))
             });
           },
-          className: !isSelected ? (0, _classnames["default"])(_Breadcrumb["default"]['breadcrumb-item']) : (0, _classnames["default"])(_Breadcrumb["default"]['breadcrumb-item'], _Breadcrumb["default"]['breadcrumb-item-selected'], _typography["default"]['text-gray'])
+          className: !isSelected ? (0, _classnames.default)(_Breadcrumb2.default['breadcrumb-item']) : (0, _classnames.default)(_Breadcrumb2.default['breadcrumb-item'], _Breadcrumb2.default['breadcrumb-item-selected'], _typography.default['text-gray'])
           // @ts-ignore
           ,
-          href: href
-        }, itemOtherProps), {}, {
+          href: href,
+          ...itemOtherProps,
           children: isSelected ? text : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
             href: href,
             children: text
           })
-        }), (0, _uuid.v1)());
+        }, (0, _uuid.v1)());
       })
     })
   });

package/build/Legacy/Breadcrumb/Breadcrumb.type.d.ts

@@ -3,28 +3,31 @@ export interface IBreadcrumbState {
     Active: string;
     Inactive: string;
 }
-export declare const BreadcrumbState: IBreadcrumbState;
 export interface IBreadcrumbDefault {
-    ClassName: string;
+    ClassName: string | null;
     State: string;
 }
-export declare const BreadcrumbDefault: IBreadcrumbDefault;
 export interface IAriaAttr {
     label: string;
     current: string;
 }
 export interface IItem {
-    href: string;
+    href: string | null;
     text: string;
     isSelected: boolean;
 }
 export interface IIndexedItem extends IIndexed, IItem {
 }
+export interface IBreadcrumbOnClickValue {
+    active: string;
+    ariaAttr: IAriaAttr;
+    items: IItem[];
+}
 export interface IBreadcrumb {
-    className?: string;
+    className?: string | null;
     ariaAttr: IAriaAttr;
     items: IItem[];
-    onClick: (value: any) => void;
+    onClick: (value: IBreadcrumbOnClickValue) => void;
     state?: string;
 }
 //# sourceMappingURL=Breadcrumb.type.d.ts.map

package/build/Legacy/Breadcrumb/Breadcrumb.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Breadcrumb/Breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"Breadcrumb.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Breadcrumb/Breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AACD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AACD,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AACD,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AACxD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;CACf;AACD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/Legacy/Breadcrumb/Breadcrumb.type.js

@@ -2,13 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.BreadcrumbState = exports.BreadcrumbDefault = void 0;
-var BreadcrumbState = exports.BreadcrumbState = {
-  Active: 'active',
-  Inactive: 'inactive'
-};
-var BreadcrumbDefault = exports.BreadcrumbDefault = {
-  ClassName: null,
-  State: BreadcrumbState.Active
-};
+});

package/build/Legacy/Breadcrumb/__tests__/Breadcrumb.doc.md

@@ -16,10 +16,10 @@ Breadcrumb all props and variants
 
 ```typescript
 export interface IBreadcrumb {
-  className?: string
+  className?: string | null
   ariaAttr: IAriaAttr
   items: IItem[]
-  onClick: (value) => void
+  onClick: (value: IBreadcrumbOnClickValue) => void
   state?: string
 }
 ```

package/build/Legacy/Breadcrumb/index.d.ts

@@ -1,3 +1,3 @@
 export { Breadcrumb } from './Breadcrumb';
-export { BreadcrumbState } from './Breadcrumb.type';
+export { BreadcrumbState } from './Breadcrumb.const';
 //# sourceMappingURL=index.d.ts.map

package/build/Legacy/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}

package/build/Legacy/Breadcrumb/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Breadcrumb.Breadcrumb;
   }
 });
 Object.defineProperty(exports, "BreadcrumbState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Breadcrumb2.BreadcrumbState;
   }
 });
 var _Breadcrumb = require("./Breadcrumb");
-var _Breadcrumb2 = require("./Breadcrumb.type");
+var _Breadcrumb2 = require("./Breadcrumb.const");

package/build/Legacy/Button/Button.const.d.ts

@@ -0,0 +1,9 @@
+import type { IButtonDefault, IButtonElement, IButtonInputType, IButtonSize, IButtonState, IButtonVariant, IIconAlignment } from './Button.type';
+export declare const ButtonElement: IButtonElement;
+export declare const ButtonSize: IButtonSize;
+export declare const ButtonState: IButtonState;
+export declare const IconAlignment: IIconAlignment;
+export declare const ButtonInputType: IButtonInputType;
+export declare const ButtonVariant: IButtonVariant;
+export declare const ButtonDefault: IButtonDefault;
+//# sourceMappingURL=Button.const.d.ts.map

package/build/Legacy/Button/Button.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.const.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Button/Button.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,cAAc,EACf,MAAM,eAAe,CAAA;AAEtB,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,WAIxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,YAGzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,cAO3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,cAY3B,CAAA"}

package/build/Legacy/Button/Button.const.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconAlignment = exports.ButtonVariant = exports.ButtonState = exports.ButtonSize = exports.ButtonInputType = exports.ButtonElement = exports.ButtonDefault = void 0;
+const ButtonElement = exports.ButtonElement = {
+  Button: 'button',
+  A: 'a'
+};
+const ButtonSize = exports.ButtonSize = {
+  Small: 'small',
+  Normal: 'normal',
+  Large: 'large'
+};
+const ButtonState = exports.ButtonState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+const IconAlignment = exports.IconAlignment = {
+  Left: 'left',
+  Right: 'Right'
+};
+const ButtonInputType = exports.ButtonInputType = {
+  File: 'file',
+  Submit: 'submit'
+};
+const ButtonVariant = exports.ButtonVariant = {
+  Default: 'default',
+  Primary: 'primary',
+  Danger: 'danger',
+  Outline: 'outline',
+  Blue: 'blue',
+  Orange: 'orange'
+};
+const ButtonDefault = exports.ButtonDefault = {
+  DataTestId: 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/Legacy/Button/Button.d.ts

@@ -1,3 +1,4 @@
-import { IButton } from './Button.type';
-export declare function Button({ dataTestId, id, className, element, href, text, variant, size, state, icon, onClick, inputType, autoFocus, }: IButton): import("react/jsx-runtime").JSX.Element;
+import type { JSX } from 'react';
+import type { IButton } from './Button.type';
+export declare function Button({ dataTestId, id, className, element, href, text, variant, size, state, icon, onClick, inputType, autoFocus, }: IButton): JSX.Element | null;
 //# sourceMappingURL=Button.d.ts.map

package/build/Legacy/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,OAAO,EAER,MAAM,eAAe,CAAA;AAEtB,wBAAgB,MAAM,CAAC,EACrB,UAAqC,EACrC,EAAqB,EACrB,SAAmC,EACnC,OAA+B,EAC/B,IAAyB,EACzB,IAAI,EACJ,OAA+B,EAC/B,IAAyB,EACzB,KAA2B,EAC3B,IAAyB,EACzB,OAAO,EACP,SAAmC,EACnC,SAAmC,GACpC,EAAE,OAAO,2CA+DT"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE5C,wBAAgB,MAAM,CAAC,EACrB,UAAqC,EACrC,EAAqB,EACrB,SAAmC,EACnC,OAA+B,EAC/B,IAAyB,EACzB,IAAI,EACJ,OAA+B,EAC/B,IAAyB,EACzB,KAA2B,EAC3B,IAAyB,EACzB,OAAO,EACP,SAAmC,EACnC,SAAmC,GACpC,EAAE,OAAO,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA8D9B"}

package/build/Legacy/Button/Button.js

@@ -1,111 +1,101 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = Button;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _margin = _interopRequireDefault(require("@papillonarts/css/utilities/margin.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _Icon = require("../Icon");
-var _Button = _interopRequireDefault(require("./Button.scss"));
-var _Button2 = require("./Button.type");
+var _Button = require("./Button.const");
+var _Button2 = _interopRequireDefault(require("./Button.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Button(_ref) {
-  var _ref$dataTestId = _ref.dataTestId,
-    dataTestId = _ref$dataTestId === void 0 ? _Button2.ButtonDefault.DataTestId : _ref$dataTestId,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Button2.ButtonDefault.Id : _ref$id,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Button2.ButtonDefault.ClassName : _ref$className,
-    _ref$element = _ref.element,
-    element = _ref$element === void 0 ? _Button2.ButtonDefault.Element : _ref$element,
-    _ref$href = _ref.href,
-    href = _ref$href === void 0 ? _Button2.ButtonDefault.Href : _ref$href,
-    text = _ref.text,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Button2.ButtonDefault.Variant : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _Button2.ButtonDefault.Size : _ref$size,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Button2.ButtonDefault.State : _ref$state,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? _Button2.ButtonDefault.Icon : _ref$icon,
-    _onClick = _ref.onClick,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Button2.ButtonDefault.InputType : _ref$inputType,
-    _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? _Button2.ButtonDefault.AutoFocus : _ref$autoFocus;
-  var stateProps = state === _Button2.ButtonState.Inactive ? _objectSpread({}, {
-    disabled: true,
-    'aria-disabled': true
-  }) : null;
-  var fileInputRef = (0, _react.useRef)(null);
-  if (element === _Button2.ButtonElement.Button) {
-    return (
-      /*#__PURE__*/
-      // @ts-ignore
-      (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
-        "data-testid": dataTestId,
-        id: id,
-        className: (0, _classnames["default"])(className, _Button["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button["default"]['btn-sm'], size === _Button2.ButtonSize.Small), _Button["default"]['btn-large'], size === _Button2.ButtonSize.Large), _Button["default"]['btn-primary'], variant === _Button2.ButtonVariant.Primary), _Button["default"]['btn-danger'], variant === _Button2.ButtonVariant.Danger), _Button["default"]['btn-outline'], variant === _Button2.ButtonVariant.Outline), _Button["default"]['btn-blue'], variant === _Button2.ButtonVariant.Blue), _Button["default"]['btn-orange'], variant === _Button2.ButtonVariant.Orange), _Button["default"]['button-inactive'], state === _Button2.ButtonState.Inactive)),
-        type: "button",
+function Button({
+  dataTestId = _Button.ButtonDefault.DataTestId,
+  id = _Button.ButtonDefault.Id,
+  className = _Button.ButtonDefault.ClassName,
+  element = _Button.ButtonDefault.Element,
+  href = _Button.ButtonDefault.Href,
+  text,
+  variant = _Button.ButtonDefault.Variant,
+  size = _Button.ButtonDefault.Size,
+  state = _Button.ButtonDefault.State,
+  icon = _Button.ButtonDefault.Icon,
+  onClick,
+  inputType = _Button.ButtonDefault.InputType,
+  autoFocus = _Button.ButtonDefault.AutoFocus
+}) {
+  const stateProps = state === _Button.ButtonState.Inactive ? {
+    ...{
+      disabled: true,
+      'aria-disabled': true
+    }
+  } : null;
+  const fileInputRef = (0, _react.useRef)(null);
+  if (element === _Button.ButtonElement.Button) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      "data-testid": dataTestId,
+      id: id,
+      className: (0, _classnames.default)(className, _Button2.default.btn, {
+        [_Button2.default['btn-sm']]: size === _Button.ButtonSize.Small,
+        [_Button2.default['btn-large']]: size === _Button.ButtonSize.Large,
+        [_Button2.default['btn-primary']]: variant === _Button.ButtonVariant.Primary,
+        [_Button2.default['btn-danger']]: variant === _Button.ButtonVariant.Danger,
+        [_Button2.default['btn-outline']]: variant === _Button.ButtonVariant.Outline,
+        [_Button2.default['btn-blue']]: variant === _Button.ButtonVariant.Blue,
+        [_Button2.default['btn-orange']]: variant === _Button.ButtonVariant.Orange,
+        [_Button2.default['button-inactive']]: state === _Button.ButtonState.Inactive
+      }),
+      type: "button",
+      autoFocus: autoFocus // eslint-disable-line
+      ,
+      onClick: () => {
+        if (inputType === _Button.ButtonInputType.File) {
+          fileInputRef.current?.click();
+        }
+        if (inputType === _Button.ButtonInputType.Submit) {
+          onClick?.();
+        }
+        if (!inputType) {
+          onClick?.();
+        }
+      },
+      ...stateProps,
+      children: [icon?.alignment === _Button.IconAlignment.Left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        className: _margin.default['mr-2'],
+        icon: icon.name,
+        size: _Icon.IconSize.Small
+      }), text, icon?.alignment === _Button.IconAlignment.Right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        className: _margin.default['ml-2'],
+        icon: icon.name,
+        size: _Icon.IconSize.Small
+      }), inputType && inputType === _Button.ButtonInputType.File && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        onChange: () => {
+          ;
+          onClick?.(fileInputRef.current?.files ?? null);
+        },
+        ref: fileInputRef,
+        type: "file",
         autoFocus: autoFocus // eslint-disable-line
         ,
-        onClick: function onClick() {
-          if (inputType === _Button2.ButtonInputType.File) {
-            fileInputRef.current.click();
-          }
-          if (inputType === _Button2.ButtonInputType.Submit) {
-            _onClick();
-          }
-          if (!inputType) {
-            _onClick();
-          }
+        multiple: true,
+        style: {
+          display: 'none'
         }
-      }, stateProps), {}, {
-        children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button2.IconAlignment.Left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          className: _margin["default"]['mr-2'],
-          icon: icon.name,
-          size: _Icon.IconSize.Small
-        }), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button2.IconAlignment.Right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          className: _margin["default"]['ml-2'],
-          icon: icon.name,
-          size: _Icon.IconSize.Small
-        }), inputType && inputType === _Button2.ButtonInputType.File && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          onChange: function onChange() {
-            _onClick(fileInputRef.current.files);
-          },
-          ref: fileInputRef,
-          type: "file",
-          autoFocus: autoFocus // eslint-disable-line
-          ,
-          multiple: true,
-          style: {
-            display: 'none'
-          }
-        })]
-      }))
-    );
+      })]
+    });
   }
-
-  // @ts-ignore
-  if (element === _Button2.ButtonElement.A) {
-    return (
-      /*#__PURE__*/
-      // @ts-ignore
-      (0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-        className: (0, _classnames["default"])(className, _Button["default"].btn),
-        href: href,
-        role: "button",
-        onClick: _onClick
-      }, stateProps), {}, {
-        children: text
-      }))
-    );
+  if (element === _Button.ButtonElement.A) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      className: (0, _classnames.default)(className, _Button2.default.btn),
+      href: href ?? undefined,
+      role: "button",
+      onClick: () => onClick?.(),
+      ...stateProps,
+      children: text
+    });
   }
+  return null;
 }

package/build/Legacy/Button/Button.type.d.ts

@@ -2,28 +2,23 @@ export interface IButtonElement {
     Button: string;
     A: string;
 }
-export declare const ButtonElement: IButtonElement;
 export interface IButtonSize {
     Small: string;
     Normal: string;
     Large: string;
 }
-export declare const ButtonSize: IButtonSize;
 export interface IButtonState {
     Active: string;
     Inactive: string;
 }
-export declare const ButtonState: IButtonState;
 export interface IIconAlignment {
     Left: string;
     Right: string;
 }
-export declare const IconAlignment: IIconAlignment;
 export interface IButtonInputType {
     File: string;
     Submit: string;
 }
-export declare const ButtonInputType: IButtonInputType;
 export interface IButtonVariant {
     Default: string;
     Primary: string;
@@ -32,38 +27,36 @@ export interface IButtonVariant {
     Blue: string;
     Orange: string;
 }
-export declare const ButtonVariant: IButtonVariant;
 export interface IButtonDefault {
-    DataTestId: string;
-    Id: string;
-    ClassName: string;
+    DataTestId: string | null;
+    Id: string | null;
+    ClassName: string | null;
     Element: string;
-    Href: string;
+    Href: string | null;
     Variant: string;
     Size: string;
     State: string;
-    Icon: IIcon;
-    InputType: string;
+    Icon: IIcon | null;
+    InputType: string | null;
     AutoFocus: boolean;
 }
-export declare const ButtonDefault: IButtonDefault;
 export interface IIcon {
     name?: string;
     alignment?: string;
 }
 export interface IButton {
-    dataTestId?: string;
-    id?: string;
-    className?: string;
+    dataTestId?: string | null;
+    id?: string | null;
+    className?: string | null;
     element?: string;
-    href?: string;
+    href?: string | null;
     text: string;
     variant?: string;
     size?: string;
     state?: string;
     icon?: IIcon;
-    onClick: (value?: string) => void;
-    inputType?: string;
+    onClick?: ((value?: FileList | null) => void) | ((value?: string) => void) | (() => void);
+    inputType?: string | null;
     autoFocus?: boolean;
 }
 //# sourceMappingURL=Button.type.d.ts.map

package/build/Legacy/Button/Button.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Button/Button.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,CAAC,EAAE,MAAM,CAAA;CACV;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,UAAU,EAAE,WAIxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,YAGzB,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,EAAE,cAG3B,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,cAO3B,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,cAY3B,CAAA;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,OAAO;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}
+{"version":3,"file":"Button.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Button/Button.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,CAAC,EAAE,MAAM,CAAA;CACV;AACD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AACD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AACD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AACD,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB;AACD,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,MAAM,WAAW,OAAO;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}