phx-react 1.3.286 → 1.3.287

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  export interface TableProps {
3
+ addNewLoading?: boolean;
3
4
  titleSize?: string;
4
5
  className?: string;
5
6
  title?: string;
@@ -30,4 +31,4 @@ export interface TableProps {
30
31
  onUpload?(): void;
31
32
  onAdd?(): void;
32
33
  }
33
- export declare const PHXHeaderBar: ({ addNew, addNewText, badge, className, downloadText, exportData, importData, isCancel, downloadButton, uploadButton, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, uploadText, }: TableProps) => React.JSX.Element;
34
+ export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downloadButton, downloadText, exportData, importData, isCancel, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, uploadButton, uploadText, }: TableProps) => React.JSX.Element;
@@ -10,7 +10,15 @@ var solid_1 = require("@heroicons/react/20/solid");
10
10
  var solid_2 = require("@heroicons/react/20/solid");
11
11
  var Badge_1 = require("../Badge");
12
12
  var PHXHeaderBar = function (_a) {
13
- var _b = _a.addNew, addNew = _b === void 0 ? true : _b, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, _c = _a.downloadButton, downloadButton = _c === void 0 ? { softButton: true, dangerSoftButton: false, secondaryButton: false } : _c, _d = _a.uploadButton, uploadButton = _d === void 0 ? { softButton: true, dangerSoftButton: false, secondaryButton: false } : _d, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, uploadText = _a.uploadText;
13
+ var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
14
+ softButton: true,
15
+ dangerSoftButton: false,
16
+ secondaryButton: false
17
+ } : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, _g = _a.uploadButton, uploadButton = _g === void 0 ? {
18
+ softButton: true,
19
+ dangerSoftButton: false,
20
+ secondaryButton: false
21
+ } : _g, uploadText = _a.uploadText;
14
22
  var handleDownload = function () {
15
23
  // e.preventDefault()
16
24
  if (onDownload) {
@@ -31,12 +39,12 @@ var PHXHeaderBar = function (_a) {
31
39
  react_1["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
32
40
  type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
33
41
  react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
34
- react_1["default"].createElement("div", { className: 'flex flex-shrink-0 justify-end gap-x-2 items-center' },
42
+ react_1["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
35
43
  react_1["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
36
- react_1["default"].createElement(Button_1.PHXButton, { onClick: onDownload, className: exportData ? '' : 'hidden', soft: downloadButton.softButton, secondary: downloadButton.secondaryButton, deleted: downloadButton.dangerSoftButton, deletedButton: false, size: 'small' }, downloadText),
37
- react_1["default"].createElement(Button_1.PHXButton, { onClick: onUpload, className: importData ? '' : 'hidden', soft: uploadButton.softButton, secondary: uploadButton.secondaryButton, deleted: uploadButton.dangerSoftButton, deletedButton: false, size: 'small' }, uploadText)),
38
- react_1["default"].createElement(react_2.Menu, { as: 'div', className: importData || exportData ? 'md:hidden relative' : 'hidden' },
39
- react_1["default"].createElement(react_2.Menu.Button, { className: 'flex items-center p-1.5 bg-gray-200 hover:bg-gray-300 px-2 py-1 text-sm rounded-lg' },
44
+ react_1["default"].createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', deleted: downloadButton.dangerSoftButton, deletedButton: false, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText),
45
+ react_1["default"].createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', deleted: uploadButton.dangerSoftButton, deletedButton: false, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText)),
46
+ react_1["default"].createElement(react_2.Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
47
+ react_1["default"].createElement(react_2.Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
40
48
  react_1["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
41
49
  react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
42
50
  react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
@@ -49,7 +57,7 @@ var PHXHeaderBar = function (_a) {
49
57
  var active = _a.active;
50
58
  return (react_1["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
51
59
  }))))),
52
- react_1["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', onClick: onAdd, primary: true, size: 'small' }, addNewText))));
60
+ react_1["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))));
53
61
  };
54
62
  exports.PHXHeaderBar = PHXHeaderBar;
55
63
  //# sourceMappingURL=HeaderBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  export interface TableProps {
3
+ addNewLoading?: boolean;
3
4
  titleSize?: string;
4
5
  className?: string;
5
6
  title?: string;
@@ -30,4 +31,4 @@ export interface TableProps {
30
31
  onUpload?(): void;
31
32
  onAdd?(): void;
32
33
  }
33
- export declare const PHXHeaderBar: ({ addNew, addNewText, badge, className, downloadText, exportData, importData, isCancel, downloadButton, uploadButton, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, uploadText, }: TableProps) => React.JSX.Element;
34
+ export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, downloadButton, downloadText, exportData, importData, isCancel, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, uploadButton, uploadText, }: TableProps) => React.JSX.Element;
@@ -6,7 +6,15 @@ import { EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
6
6
  import { ArrowLeftIcon } from '@heroicons/react/20/solid';
7
7
  import { PHXBadge } from '../Badge';
8
8
  export var PHXHeaderBar = function (_a) {
9
- var _b = _a.addNew, addNew = _b === void 0 ? true : _b, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, _c = _a.downloadButton, downloadButton = _c === void 0 ? { softButton: true, dangerSoftButton: false, secondaryButton: false } : _c, _d = _a.uploadButton, uploadButton = _d === void 0 ? { softButton: true, dangerSoftButton: false, secondaryButton: false } : _d, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, uploadText = _a.uploadText;
9
+ var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, _d = _a.downloadButton, downloadButton = _d === void 0 ? {
10
+ softButton: true,
11
+ dangerSoftButton: false,
12
+ secondaryButton: false
13
+ } : _d, downloadText = _a.downloadText, exportData = _a.exportData, importData = _a.importData, isCancel = _a.isCancel, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'text-base' : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f, _g = _a.uploadButton, uploadButton = _g === void 0 ? {
14
+ softButton: true,
15
+ dangerSoftButton: false,
16
+ secondaryButton: false
17
+ } : _g, uploadText = _a.uploadText;
10
18
  var handleDownload = function () {
11
19
  // e.preventDefault()
12
20
  if (onDownload) {
@@ -27,12 +35,12 @@ export var PHXHeaderBar = function (_a) {
27
35
  React.createElement("h1", { className: classNames("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
28
36
  type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
29
37
  React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
30
- React.createElement("div", { className: 'flex flex-shrink-0 justify-end gap-x-2 items-center' },
38
+ React.createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
31
39
  React.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
32
- React.createElement(PHXButton, { onClick: onDownload, className: exportData ? '' : 'hidden', soft: downloadButton.softButton, secondary: downloadButton.secondaryButton, deleted: downloadButton.dangerSoftButton, deletedButton: false, size: 'small' }, downloadText),
33
- React.createElement(PHXButton, { onClick: onUpload, className: importData ? '' : 'hidden', soft: uploadButton.softButton, secondary: uploadButton.secondaryButton, deleted: uploadButton.dangerSoftButton, deletedButton: false, size: 'small' }, uploadText)),
34
- React.createElement(Menu, { as: 'div', className: importData || exportData ? 'md:hidden relative' : 'hidden' },
35
- React.createElement(Menu.Button, { className: 'flex items-center p-1.5 bg-gray-200 hover:bg-gray-300 px-2 py-1 text-sm rounded-lg' },
40
+ React.createElement(PHXButton, { className: exportData ? '' : 'hidden', deleted: downloadButton.dangerSoftButton, deletedButton: false, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText),
41
+ React.createElement(PHXButton, { className: importData ? '' : 'hidden', deleted: uploadButton.dangerSoftButton, deletedButton: false, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText)),
42
+ React.createElement(Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
43
+ React.createElement(Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
36
44
  React.createElement("span", { className: 'sr-only' }, "Open menu"),
37
45
  React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
38
46
  React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
@@ -45,6 +53,6 @@ export var PHXHeaderBar = function (_a) {
45
53
  var active = _a.active;
46
54
  return (React.createElement("p", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
47
55
  }))))),
48
- React.createElement(PHXButton, { className: addNew ? '' : 'hidden', onClick: onAdd, primary: true, size: 'small' }, addNewText))));
56
+ React.createElement(PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))));
49
57
  };
50
58
  //# sourceMappingURL=HeaderBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.286",
3
+ "version": "1.3.287",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",