phx-react 1.3.1261 → 1.3.1262

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.
@@ -18,7 +18,7 @@ export interface PHXDrawerProps {
18
18
  disabled?: boolean;
19
19
  error?: boolean;
20
20
  errorText?: string;
21
- closeOnOverlayClick?: boolean;
21
+ closeOutsiteClick?: boolean;
22
22
  }
23
23
  export declare const PHXDrawer: React.FC<PHXDrawerProps>;
24
24
  export {};
@@ -9,37 +9,37 @@ var framer_motion_1 = require("framer-motion");
9
9
  var react_2 = tslib_1.__importDefault(require("react"));
10
10
  var types_1 = require("../types");
11
11
  var PHXDrawer = function (_a) {
12
- var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOnOverlayClick, closeOnOverlayClick = _h === void 0 ? true : _h;
12
+ var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOutsiteClick, closeOutsiteClick = _h === void 0 ? true : _h;
13
13
  var variants = {
14
14
  right: { hidden: { x: '100%' }, visible: { x: 0 } },
15
15
  left: { hidden: { x: '-100%' }, visible: { x: 0 } },
16
16
  top: { hidden: { y: '-100%' }, visible: { y: 0 } },
17
17
  bottom: { hidden: { y: '100%' }, visible: { y: 0 } },
18
18
  };
19
- var dimensionStyle = position === 'left' || position === 'right' ? { maxWidth: width } : { maxHeight: height };
20
- var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-sm' : 'p-4';
21
- return (
22
- // eslint-disable-next-line @typescript-eslint/no-empty-function
23
- react_2.default.createElement(react_1.Dialog, { open: open, onClose: function (value) {
24
- if (!closeOnOverlayClick || disabled)
19
+ var isSide = position === 'left' || position === 'right';
20
+ var dimensionStyle = isSide ? { width: width } : { height: height };
21
+ var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-base' : 'p-4 text-sm';
22
+ return (react_2.default.createElement(react_1.Dialog, { open: open, onClose: function () {
23
+ if (disabled)
25
24
  return;
26
- onClose(value);
25
+ if (closeOutsiteClick)
26
+ onClose(false);
27
27
  }, className: 'relative z-50' },
28
28
  react_2.default.createElement("div", { className: 'fixed inset-0 bg-black/35', "aria-hidden": 'true', onClick: function () {
29
- if (closeOnOverlayClick && !disabled)
29
+ if (closeOutsiteClick && !disabled)
30
30
  onClose(false);
31
31
  } }),
32
32
  react_2.default.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
33
33
  react_2.default.createElement("div", { className: 'absolute inset-0 overflow-hidden' },
34
- react_2.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-none fixed flex max-w-full max-h-full', position === 'right' && 'inset-y-0 right-0 pl-16', position === 'left' && 'inset-y-0 left-0 pr-16', position === 'top' && 'inset-x-0 top-0 pb-16 justify-center', position === 'bottom' && 'inset-x-0 bottom-0 pt-16 justify-center') },
35
- react_2.default.createElement(framer_motion_1.motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: (0, types_1.classNames)('pointer-events-auto bg-white shadow-xl w-screen h-screen flex flex-col', disabled && 'opacity-50 cursor-not-allowed', className) },
36
- react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between border-b border-gray-200 ', sizeClass) },
34
+ react_2.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-none fixed flex', isSide ? 'inset-y-0 max-h-full' : 'inset-x-0 max-w-full justify-center', position === 'right' && 'right-0 pl-16', position === 'left' && 'left-0 pr-16', position === 'top' && 'top-0 pb-16', position === 'bottom' && 'bottom-0 pt-16') },
35
+ react_2.default.createElement(framer_motion_1.motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: (0, types_1.classNames)('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', disabled && 'opacity-50 cursor-not-allowed', className) },
36
+ react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between border-b border-gray-200', sizeClass) },
37
37
  react_2.default.createElement(react_1.Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
38
- !disabled && (react_2.default.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, className: 'rounded-md text-gray-400 hover:text-gray-600 ' },
38
+ !disabled && (react_2.default.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, "aria-label": 'Close', className: 'rounded-md text-gray-400 hover:text-gray-600' },
39
39
  react_2.default.createElement(outline_1.XMarkIcon, { className: 'h-6 w-6' })))),
40
40
  react_2.default.createElement("div", { className: (0, types_1.classNames)('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
41
41
  showFooter && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
42
- react_2.default.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: (0, types_1.classNames)('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800 ', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
42
+ react_2.default.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: (0, types_1.classNames)('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
43
43
  react_2.default.createElement("button", { onClick: onSave, disabled: disabled, className: (0, types_1.classNames)('px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white', disabled && 'opacity-50 cursor-not-allowed') }, "Save"))),
44
44
  error && errorText && (react_2.default.createElement("div", { className: 'text-red-700 px-4 py-2 text-sm border-t border-red-300 bg-red-50' }, errorText))))))));
45
45
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,2CAA0C;AAC1C,uDAAuD;AACvD,+CAAsC;AAEtC,wDAAyB;AACzB,kCAAqC;AAwB9B,IAAM,SAAS,GAA6B,UAAC,EAiBnC;QAhBf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,aAAqB,EAArB,KAAK,mBAAG,aAAa,KAAA,EACrB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA,EACZ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA;IAE1B,IAAM,QAAQ,GAAG;QACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;QACnD,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;QACnD,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;QAClD,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;KACrD,CAAA;IAED,IAAM,cAAc,GAAG,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAA;IAEhH,IAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAA;IAEvF,OAAO;IACL,gEAAgE;IAChE,8BAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,KAAK;YACb,IAAI,CAAC,mBAAmB,IAAI,QAAQ;gBAAE,OAAM;YAC5C,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,SAAS,EAAC,eAAe;QAEzB,uCACE,SAAS,EAAC,2BAA2B,iBACzB,MAAM,EAClB,OAAO,EAAE;gBACP,IAAI,mBAAmB,IAAI,CAAC,QAAQ;oBAAE,OAAO,CAAC,KAAK,CAAC,CAAA;YACtD,CAAC,GACD;QAEF,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCAAK,SAAS,EAAC,kCAAkC;gBAC/C,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sDAAsD,EACtD,QAAQ,KAAK,OAAO,IAAI,yBAAyB,EACjD,QAAQ,KAAK,MAAM,IAAI,wBAAwB,EAC/C,QAAQ,KAAK,KAAK,IAAI,sCAAsC,EAC5D,QAAQ,KAAK,QAAQ,IAAI,yCAAyC,CACnE;oBAED,8BAAC,sBAAM,CAAC,GAAG,IACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpC,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC7C,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC5B,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,IAAA,kBAAU,EACnB,yEAAyE,EACzE,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV;wBAGD,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,6DAA6D,EAAE,SAAS,CAAC;4BAClG,8BAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAgB;4BAEnF,CAAC,QAAQ,IAAI,CACZ,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,SAAS,EAAC,+CAA+C;gCAEzD,8BAAC,mBAAS,IAAC,SAAS,EAAC,SAAS,GAAG,CAC1B,CACV,CACG;wBAEN,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,8CAA8C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO;wBAEtG,UAAU,IAAI,CACb,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,yEAAyE,EACzE,SAAS,CACV;4BAED,0CACE,OAAO,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,EAC3C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,kBAAU,EACnB,mEAAmE,EACnE,QAAQ,IAAI,+BAA+B,CAC5C,aAGM;4BACT,0CACE,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,kBAAU,EACnB,mEAAmE,EACnE,QAAQ,IAAI,+BAA+B,CAC5C,WAGM,CACL,CACP;wBAGA,KAAK,IAAI,SAAS,IAAI,CACrB,uCAAK,SAAS,EAAC,kEAAkE,IAAE,SAAS,CAAO,CACpG,CACU,CACT,CACF,CACF,CACC,CACV,CAAA;AACH,CAAC,CAAA;AA/HY,QAAA,SAAS,aA+HrB"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
@@ -18,7 +18,7 @@ export interface PHXDrawerProps {
18
18
  disabled?: boolean;
19
19
  error?: boolean;
20
20
  errorText?: string;
21
- closeOnOverlayClick?: boolean;
21
+ closeOutsiteClick?: boolean;
22
22
  }
23
23
  export declare const PHXDrawer: React.FC<PHXDrawerProps>;
24
24
  export {};
@@ -5,37 +5,37 @@ import { motion } from 'framer-motion';
5
5
  import React from 'react';
6
6
  import { classNames } from '../types';
7
7
  export var PHXDrawer = function (_a) {
8
- var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOnOverlayClick, closeOnOverlayClick = _h === void 0 ? true : _h;
8
+ var open = _a.open, onClose = _a.onClose, _b = _a.title, title = _b === void 0 ? 'Panel Title' : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.width, width = _e === void 0 ? 420 : _e, _f = _a.height, height = _f === void 0 ? 320 : _f, _g = _a.showFooter, showFooter = _g === void 0 ? false : _g, onSave = _a.onSave, onCancel = _a.onCancel, children = _a.children, className = _a.className, disabled = _a.disabled, error = _a.error, errorText = _a.errorText, _h = _a.closeOutsiteClick, closeOutsiteClick = _h === void 0 ? true : _h;
9
9
  var variants = {
10
10
  right: { hidden: { x: '100%' }, visible: { x: 0 } },
11
11
  left: { hidden: { x: '-100%' }, visible: { x: 0 } },
12
12
  top: { hidden: { y: '-100%' }, visible: { y: 0 } },
13
13
  bottom: { hidden: { y: '100%' }, visible: { y: 0 } },
14
14
  };
15
- var dimensionStyle = position === 'left' || position === 'right' ? { maxWidth: width } : { maxHeight: height };
16
- var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-sm' : 'p-4';
17
- return (
18
- // eslint-disable-next-line @typescript-eslint/no-empty-function
19
- React.createElement(Dialog, { open: open, onClose: function (value) {
20
- if (!closeOnOverlayClick || disabled)
15
+ var isSide = position === 'left' || position === 'right';
16
+ var dimensionStyle = isSide ? { width: width } : { height: height };
17
+ var sizeClass = size === 'sm' ? 'p-3 text-sm' : size === 'lg' ? 'p-6 text-base' : 'p-4 text-sm';
18
+ return (React.createElement(Dialog, { open: open, onClose: function () {
19
+ if (disabled)
21
20
  return;
22
- onClose(value);
21
+ if (closeOutsiteClick)
22
+ onClose(false);
23
23
  }, className: 'relative z-50' },
24
24
  React.createElement("div", { className: 'fixed inset-0 bg-black/35', "aria-hidden": 'true', onClick: function () {
25
- if (closeOnOverlayClick && !disabled)
25
+ if (closeOutsiteClick && !disabled)
26
26
  onClose(false);
27
27
  } }),
28
28
  React.createElement("div", { className: 'fixed inset-0 overflow-hidden' },
29
29
  React.createElement("div", { className: 'absolute inset-0 overflow-hidden' },
30
- React.createElement("div", { className: classNames('pointer-events-none fixed flex max-w-full max-h-full', position === 'right' && 'inset-y-0 right-0 pl-16', position === 'left' && 'inset-y-0 left-0 pr-16', position === 'top' && 'inset-x-0 top-0 pb-16 justify-center', position === 'bottom' && 'inset-x-0 bottom-0 pt-16 justify-center') },
31
- React.createElement(motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: classNames('pointer-events-auto bg-white shadow-xl w-screen h-screen flex flex-col', disabled && 'opacity-50 cursor-not-allowed', className) },
32
- React.createElement("div", { className: classNames('flex items-center justify-between border-b border-gray-200 ', sizeClass) },
30
+ React.createElement("div", { className: classNames('pointer-events-none fixed flex', isSide ? 'inset-y-0 max-h-full' : 'inset-x-0 max-w-full justify-center', position === 'right' && 'right-0 pl-16', position === 'left' && 'left-0 pr-16', position === 'top' && 'top-0 pb-16', position === 'bottom' && 'bottom-0 pt-16') },
31
+ React.createElement(motion.div, { initial: 'hidden', animate: open ? 'visible' : 'hidden', transition: { type: 'tween', duration: 0.35 }, variants: variants[position], style: dimensionStyle, className: classNames('pointer-events-auto bg-white shadow-xl flex flex-col', isSide ? 'h-screen' : 'w-screen', disabled && 'opacity-50 cursor-not-allowed', className) },
32
+ React.createElement("div", { className: classNames('flex items-center justify-between border-b border-gray-200', sizeClass) },
33
33
  React.createElement(Dialog.Title, { className: 'font-semibold text-gray-900 text-sm' }, title),
34
- !disabled && (React.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, className: 'rounded-md text-gray-400 hover:text-gray-600 ' },
34
+ !disabled && (React.createElement("button", { type: 'button', onClick: function () { return onClose(false); }, "aria-label": 'Close', className: 'rounded-md text-gray-400 hover:text-gray-600' },
35
35
  React.createElement(XMarkIcon, { className: 'h-6 w-6' })))),
36
36
  React.createElement("div", { className: classNames('flex-1 overflow-y-auto text-xs text-gray-500', sizeClass) }, children),
37
37
  showFooter && (React.createElement("div", { className: classNames('flex items-center justify-end gap-3 border-t border-gray-200 bg-gray-50', sizeClass) },
38
- React.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: classNames('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800 ', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
38
+ React.createElement("button", { onClick: onCancel !== null && onCancel !== void 0 ? onCancel : (function () { return onClose(false); }), disabled: disabled, className: classNames('px-4 py-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800', disabled && 'opacity-50 cursor-not-allowed') }, "Cancel"),
39
39
  React.createElement("button", { onClick: onSave, disabled: disabled, className: classNames('px-4 py-2 rounded-md bg-indigo-600 hover:bg-indigo-700 text-white', disabled && 'opacity-50 cursor-not-allowed') }, "Save"))),
40
40
  error && errorText && (React.createElement("div", { className: 'text-red-700 px-4 py-2 text-sm border-t border-red-300 bg-red-50' }, errorText))))))));
41
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.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.1261",
3
+ "version": "1.3.1262",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",