@servicetitan/confirm 16.1.0 → 17.1.1
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.
- package/dist/confirm.js +2 -2
- package/dist/confirm.js.map +1 -1
- package/dist/confirmation-messages/default-confirmation.js +1 -1
- package/dist/confirmation-messages/default-confirmation.js.map +1 -1
- package/dist/confirmation-messages/yes-no-confirmation.js +1 -1
- package/dist/confirmation-messages/yes-no-confirmation.js.map +1 -1
- package/dist/demo/basic.js +1 -1
- package/dist/demo/basic.js.map +1 -1
- package/dist/demo/configurable.js +1 -1
- package/dist/demo/configurable.js.map +1 -1
- package/dist/demo/custom.js +2 -2
- package/dist/demo/custom.js.map +1 -1
- package/dist/demo/hook.js +2 -2
- package/dist/demo/hook.js.map +1 -1
- package/dist/demo/toggleable.js +2 -2
- package/dist/demo/toggleable.js.map +1 -1
- package/dist/demo/yes-no.js +1 -1
- package/dist/demo/yes-no.js.map +1 -1
- package/dist/use-confirm.js +4 -4
- package/dist/use-confirm.js.map +1 -1
- package/package.json +5 -5
package/dist/confirm.js
CHANGED
|
@@ -17,8 +17,8 @@ const react_1 = require("react");
|
|
|
17
17
|
const use_confirm_1 = require("./use-confirm");
|
|
18
18
|
const Confirm = (_a) => {
|
|
19
19
|
var { onConfirm, onDecline, children } = _a, props = __rest(_a, ["onConfirm", "onDecline", "children"]);
|
|
20
|
-
const [Confirm, handler] = use_confirm_1.useConfirm(onConfirm, onDecline);
|
|
21
|
-
return (jsx_runtime_1.jsxs(react_1.Fragment, { children: [children(handler), jsx_runtime_1.jsx(Confirm, Object.assign({}, props), void 0)] }, void 0));
|
|
20
|
+
const [Confirm, handler] = (0, use_confirm_1.useConfirm)(onConfirm, onDecline);
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [children(handler), (0, jsx_runtime_1.jsx)(Confirm, Object.assign({}, props), void 0)] }, void 0));
|
|
22
22
|
};
|
|
23
23
|
exports.Confirm = Confirm;
|
|
24
24
|
//# sourceMappingURL=confirm.js.map
|
package/dist/confirm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../src/confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,+CAAiG;AAS1F,MAAM,OAAO,GAAG,CAGrB,EAKmB,EAAE,EAAE;QALvB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,OAES,EADd,KAAK,cAJV,sCAKD,CADW;IAER,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,wBAAU,
|
|
1
|
+
{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../src/confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,+CAAiG;AAS1F,MAAM,OAAO,GAAG,CAGrB,EAKmB,EAAE,EAAE;QALvB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,OAES,EADd,KAAK,cAJV,sCAKD,CADW;IAER,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAA,wBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,wBAAC,gBAAQ,eACJ,QAAQ,CAAC,OAAO,CAAC,EAElB,uBAAC,OAAO,oBAAM,KAAyC,UAAI,YACpD,CACd,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,OAAO,WAkBlB"}
|
|
@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
const design_system_1 = require("@servicetitan/design-system");
|
|
17
17
|
const DefaultConfirmation = (_a) => {
|
|
18
18
|
var { negative = true, title = 'Are you sure?', message = '', onConfirm, onCancel } = _a, props = __rest(_a, ["negative", "title", "message", "onConfirm", "onCancel"]);
|
|
19
|
-
return (jsx_runtime_1.jsx(design_system_1.Dialog, Object.assign({ open: true, negative: negative, onClose: onCancel, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Confirm", onSecondaryActionClick: onCancel, secondaryActionName: "Cancel" }, props, { children: message }), void 0));
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(design_system_1.Dialog, Object.assign({ open: true, negative: negative, onClose: onCancel, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Confirm", onSecondaryActionClick: onCancel, secondaryActionName: "Cancel" }, props, { children: message }), void 0));
|
|
20
20
|
};
|
|
21
21
|
exports.DefaultConfirmation = DefaultConfirmation;
|
|
22
22
|
//# sourceMappingURL=default-confirmation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/default-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,+DAAkE;AAiB3D,MAAM,mBAAmB,GAAiC,CAAC,EAOjE,EAAE,EAAE;QAP6D,EAC9D,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,eAAe,EACvB,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cANsD,yDAOjE,CADW;IACN,OAAA,CACF,
|
|
1
|
+
{"version":3,"file":"default-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/default-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,+DAAkE;AAiB3D,MAAM,mBAAmB,GAAiC,CAAC,EAOjE,EAAE,EAAE;QAP6D,EAC9D,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,eAAe,EACvB,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cANsD,yDAOjE,CADW;IACN,OAAA,CACF,uBAAC,sBAAM,kBACH,IAAI,QACJ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,SAAS,EAC/B,iBAAiB,EAAC,SAAS,EAC3B,sBAAsB,EAAE,QAAQ,EAChC,mBAAmB,EAAC,QAAQ,IACxB,KAAK,cAER,OAAO,YACH,CACZ,CAAA;CAAA,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}
|
|
@@ -28,6 +28,6 @@ const design_system_1 = require("@servicetitan/design-system");
|
|
|
28
28
|
const classnames_1 = __importDefault(require("classnames"));
|
|
29
29
|
const Styles = __importStar(require("./yes-no-confirmation.module.css"));
|
|
30
30
|
// TODO: think about suitable default title
|
|
31
|
-
const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel, }) => (jsx_runtime_1.jsx(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: jsx_runtime_1.jsxs(design_system_1.ButtonGroup, { children: [jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onCancel }, { children: "Cancel" }), void 0), jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ negative: true, onClick: onDecline }, { children: "No" }), void 0), jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ primary: true, onClick: onConfirm }, { children: "Yes" }), void 0)] }, void 0), className: classnames_1.default(Styles.yesNoConfirmation, !message && Styles.withoutMessage) }, { children: message }), void 0));
|
|
31
|
+
const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel, }) => ((0, jsx_runtime_1.jsx)(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: (0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onCancel }, { children: "Cancel" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ negative: true, onClick: onDecline }, { children: "No" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ primary: true, onClick: onConfirm }, { children: "Yes" }), void 0)] }, void 0), className: (0, classnames_1.default)(Styles.yesNoConfirmation, !message && Styles.withoutMessage) }, { children: message }), void 0));
|
|
32
32
|
exports.YesNoConfirmation = YesNoConfirmation;
|
|
33
33
|
//# sourceMappingURL=yes-no-confirmation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yes-no-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/yes-no-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+DAAyE;AAIzE,4DAAoC;AACpC,yEAA2D;AAE3D,2CAA2C;AACpC,MAAM,iBAAiB,GAA0B,CAAC,EACrD,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,
|
|
1
|
+
{"version":3,"file":"yes-no-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/yes-no-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+DAAyE;AAIzE,4DAAoC;AACpC,yEAA2D;AAE3D,2CAA2C;AACpC,MAAM,iBAAiB,GAA0B,CAAC,EACrD,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,uBAAC,qBAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,qBAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,wBAAC,2BAAW,eACR,uBAAC,sBAAM,kBAAC,OAAO,EAAE,QAAQ,oCAAiB,EAC1C,uBAAC,sBAAM,kBAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,gCAE1B,EACT,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,SAAS,iCAEzB,YACC,EAElB,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,gBAEjF,OAAO,YACJ,CACX,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B"}
|
package/dist/demo/basic.js
CHANGED
|
@@ -6,7 +6,7 @@ const design_system_1 = require("@servicetitan/design-system");
|
|
|
6
6
|
const __1 = require("..");
|
|
7
7
|
const BasicExample = () => {
|
|
8
8
|
const handleConfirm = () => alert('Confirmed');
|
|
9
|
-
return (jsx_runtime_1.jsx(__1.Confirm, Object.assign({ onConfirm: handleConfirm }, { children: onClick => jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
10
10
|
};
|
|
11
11
|
exports.BasicExample = BasicExample;
|
|
12
12
|
//# sourceMappingURL=basic.js.map
|
package/dist/demo/basic.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/demo/basic.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/demo/basic.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,WAAO,kBAAC,SAAS,EAAE,aAAa,gBAC5B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}
|
|
@@ -6,7 +6,7 @@ const design_system_1 = require("@servicetitan/design-system");
|
|
|
6
6
|
const __1 = require("..");
|
|
7
7
|
const ConfigurableExample = () => {
|
|
8
8
|
const handleConfirm = () => alert('Confirmed');
|
|
9
|
-
return (jsx_runtime_1.jsx(__1.Confirm, Object.assign({ negative: false, title: "You have unsaved changes", message: "Leave anyways?", onConfirm: handleConfirm }, { children: onClick => jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ negative: false, title: "You have unsaved changes", message: "Leave anyways?", onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
10
10
|
};
|
|
11
11
|
exports.ConfigurableExample = ConfigurableExample;
|
|
12
12
|
//# sourceMappingURL=configurable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/demo/configurable.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACxC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/demo/configurable.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACxC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,WAAO,kBACJ,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAE,aAAa,gBAEvB,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,mBAAmB,uBAa9B"}
|
package/dist/demo/custom.js
CHANGED
|
@@ -7,8 +7,8 @@ const __1 = require("..");
|
|
|
7
7
|
const CustomExample = () => {
|
|
8
8
|
const handleConfirm = () => alert('Confirmed');
|
|
9
9
|
const handleDecline = () => alert('Declined');
|
|
10
|
-
return (jsx_runtime_1.jsx(__1.Confirm, Object.assign({ title: "Builder will be closed", message: "Do you want to save your changes?", details: "(Your progress will be removed permanently)", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: CustomConfirmation }, { children: onClick => jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ title: "Builder will be closed", message: "Do you want to save your changes?", details: "(Your progress will be removed permanently)", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: CustomConfirmation }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
11
11
|
};
|
|
12
12
|
exports.CustomExample = CustomExample;
|
|
13
|
-
const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel, }) => (jsx_runtime_1.jsxs(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: jsx_runtime_1.jsxs(design_system_1.ButtonGroup, { children: [jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ outline: true, onClick: onCancel }, { children: "Continue working" }), void 0), jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ outline: true, negative: true, onClick: onDecline }, { children: "No, thanks" }), void 0), jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ outline: true, primary: true, onClick: onConfirm }, { children: "Sure, let's do it" }), void 0)] }, void 0) }, { children: [jsx_runtime_1.jsx(design_system_1.Text, Object.assign({ size: 3 }, { children: message }), void 0), jsx_runtime_1.jsx(design_system_1.Text, Object.assign({ size: 2, subdued: true }, { children: details }), void 0)] }), void 0));
|
|
13
|
+
const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel, }) => ((0, jsx_runtime_1.jsxs)(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: (0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, onClick: onCancel }, { children: "Continue working" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, negative: true, onClick: onDecline }, { children: "No, thanks" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, primary: true, onClick: onConfirm }, { children: "Sure, let's do it" }), void 0)] }, void 0) }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 3 }, { children: message }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 2, subdued: true }, { children: details }), void 0)] }), void 0));
|
|
14
14
|
//# sourceMappingURL=custom.js.map
|
package/dist/demo/custom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../src/demo/custom.tsx"],"names":[],"mappings":";;;;AAEA,+DAA+E;AAE/E,0BAAgD;AAEzC,MAAM,aAAa,GAAO,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../src/demo/custom.tsx"],"names":[],"mappings":";;;;AAEA,+DAA+E;AAE/E,0BAAgD;AAEzC,MAAM,aAAa,GAAO,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,uBAAC,WAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,mCAAmC,EAC3C,OAAO,EAAC,6CAA6C,EACrD,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,kBAAkB,gBAE/B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB;AAMF,MAAM,kBAAkB,GAAgC,CAAC,EACrD,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,wBAAC,qBAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,qBAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,wBAAC,2BAAW,eACR,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,QAAQ,8CAExB,EAET,uBAAC,sBAAM,kBAAC,OAAO,QAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,wCAElC,EAET,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,SAAS,+CAEjC,YACC,iBAGlB,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,gBAAG,OAAO,YAAQ,EAC/B,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,OAAO,sBACjB,OAAO,YACL,aACH,CACX,CAAC"}
|
package/dist/demo/hook.js
CHANGED
|
@@ -7,8 +7,8 @@ const design_system_1 = require("@servicetitan/design-system");
|
|
|
7
7
|
const __1 = require("..");
|
|
8
8
|
const HookExample = () => {
|
|
9
9
|
const handleConfirm = () => alert('Confirmed');
|
|
10
|
-
const [HookConfirm, hookHandler] = __1.useConfirm(handleConfirm);
|
|
11
|
-
return (jsx_runtime_1.jsxs(react_1.Fragment, { children: [jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: hookHandler }, { children: "Do Something" }), void 0), jsx_runtime_1.jsx(HookConfirm, {}, void 0)] }, void 0));
|
|
10
|
+
const [HookConfirm, hookHandler] = (0, __1.useConfirm)(handleConfirm);
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: hookHandler }, { children: "Do Something" }), void 0), (0, jsx_runtime_1.jsx)(HookConfirm, {}, void 0)] }, void 0));
|
|
12
12
|
};
|
|
13
13
|
exports.HookExample = HookExample;
|
|
14
14
|
//# sourceMappingURL=hook.js.map
|
package/dist/demo/hook.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../src/demo/hook.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAqD;AAErD,0BAAgC;AAEzB,MAAM,WAAW,GAAO,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,cAAU,
|
|
1
|
+
{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../src/demo/hook.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAqD;AAErD,0BAAgC;AAEzB,MAAM,WAAW,GAAO,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,cAAU,EAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACH,wBAAC,gBAAQ,eACL,uBAAC,sBAAM,kBAAC,OAAO,EAAE,WAAW,0CAAuB,EACnD,uBAAC,WAAW,aAAG,YACR,CACd,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,WAAW,eAWtB"}
|
package/dist/demo/toggleable.js
CHANGED
|
@@ -6,12 +6,12 @@ const react_1 = require("react");
|
|
|
6
6
|
const design_system_1 = require("@servicetitan/design-system");
|
|
7
7
|
const __1 = require("..");
|
|
8
8
|
const ToggleableExample = () => {
|
|
9
|
-
const [confirmEnabled, setConfirmEnabled] = react_1.useState(true);
|
|
9
|
+
const [confirmEnabled, setConfirmEnabled] = (0, react_1.useState)(true);
|
|
10
10
|
const handleConfirm = () => alert('Confirmed');
|
|
11
11
|
const handleChangeConfirmEnabled = (_0, checked) => {
|
|
12
12
|
setConfirmEnabled(checked);
|
|
13
13
|
};
|
|
14
|
-
return (jsx_runtime_1.jsxs(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [jsx_runtime_1.jsx(__1.Confirm, Object.assign({ when: confirmEnabled, onConfirm: handleConfirm }, { children: onClick => jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0), jsx_runtime_1.jsx(design_system_1.Checkbox, { label: "Enable confirmation?", checked: confirmEnabled, onChange: handleChangeConfirmEnabled, className: "m-l-4" }, void 0)] }), void 0));
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ when: confirmEnabled, onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Checkbox, { label: "Enable confirmation?", checked: confirmEnabled, onChange: handleChangeConfirmEnabled, className: "m-l-4" }, void 0)] }), void 0));
|
|
15
15
|
};
|
|
16
16
|
exports.ToggleableExample = ToggleableExample;
|
|
17
17
|
//# sourceMappingURL=toggleable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleable.js","sourceRoot":"","sources":["../../src/demo/toggleable.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAsE;AAEtE,0BAA6B;AAEtB,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,
|
|
1
|
+
{"version":3,"file":"toggleable.js","sourceRoot":"","sources":["../../src/demo/toggleable.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAsE;AAEtE,0BAA6B;AAEtB,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,0BAA0B,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QAC/D,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,wBAAC,qBAAK,kBAAC,UAAU,EAAC,QAAQ,iBACtB,uBAAC,WAAO,kBAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,gBAClD,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,EAEV,uBAAC,wBAAQ,IACL,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,0BAA0B,EACpC,SAAS,EAAC,OAAO,WACnB,aACE,CACX,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,iBAAiB,qBAuB5B"}
|
package/dist/demo/yes-no.js
CHANGED
|
@@ -7,7 +7,7 @@ const __1 = require("..");
|
|
|
7
7
|
const YesNoExample = () => {
|
|
8
8
|
const handleConfirm = () => alert('Confirmed');
|
|
9
9
|
const handleDecline = () => alert('Declined');
|
|
10
|
-
return (jsx_runtime_1.jsx(__1.Confirm, Object.assign({ title: "Save current progress?", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: __1.YesNoConfirmation }, { children: onClick => jsx_runtime_1.jsx(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ title: "Save current progress?", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: __1.YesNoConfirmation }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
|
|
11
11
|
};
|
|
12
12
|
exports.YesNoExample = YesNoExample;
|
|
13
13
|
//# sourceMappingURL=yes-no.js.map
|
package/dist/demo/yes-no.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yes-no.js","sourceRoot":"","sources":["../../src/demo/yes-no.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAAgD;AAEzC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,
|
|
1
|
+
{"version":3,"file":"yes-no.js","sourceRoot":"","sources":["../../src/demo/yes-no.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAAgD;AAEzC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,uBAAC,WAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,qBAAiB,gBAE9B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,YAAY,gBAcvB"}
|
package/dist/use-confirm.js
CHANGED
|
@@ -25,8 +25,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
25
25
|
const react_1 = require("react");
|
|
26
26
|
const default_confirmation_1 = require("./confirmation-messages/default-confirmation");
|
|
27
27
|
function useConfirm(onConfirm, onDecline) {
|
|
28
|
-
const [defer, setDefer] = react_1.useState(undefined);
|
|
29
|
-
const handler = react_1.useCallback((...args) => __awaiter(this, void 0, void 0, function* () {
|
|
28
|
+
const [defer, setDefer] = (0, react_1.useState)(undefined);
|
|
29
|
+
const handler = (0, react_1.useCallback)((...args) => __awaiter(this, void 0, void 0, function* () {
|
|
30
30
|
let isConfirmed;
|
|
31
31
|
try {
|
|
32
32
|
isConfirmed = yield new Promise((resolve, reject) => {
|
|
@@ -50,7 +50,7 @@ function useConfirm(onConfirm, onDecline) {
|
|
|
50
50
|
onDecline(...args);
|
|
51
51
|
}
|
|
52
52
|
}), [onConfirm, onDecline]);
|
|
53
|
-
const Confirm = react_1.useMemo(() => (_a) => {
|
|
53
|
+
const Confirm = (0, react_1.useMemo)(() => (_a) => {
|
|
54
54
|
var { when = true, confirmation: Confirmation = default_confirmation_1.DefaultConfirmation } = _a, props = __rest(_a, ["when", "confirmation"]);
|
|
55
55
|
if (!defer) {
|
|
56
56
|
return null;
|
|
@@ -59,7 +59,7 @@ function useConfirm(onConfirm, onDecline) {
|
|
|
59
59
|
defer.confirm();
|
|
60
60
|
return null;
|
|
61
61
|
}
|
|
62
|
-
return (jsx_runtime_1.jsx(Confirmation, Object.assign({}, props, { onConfirm: defer.confirm, onDecline: defer.decline, onCancel: defer.cancel }), void 0));
|
|
62
|
+
return ((0, jsx_runtime_1.jsx)(Confirmation, Object.assign({}, props, { onConfirm: defer.confirm, onDecline: defer.decline, onCancel: defer.cancel }), void 0));
|
|
63
63
|
}, [defer]);
|
|
64
64
|
return [Confirm, handler];
|
|
65
65
|
}
|
package/dist/use-confirm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-confirm.js","sourceRoot":"","sources":["../src/use-confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsE;AAEtE,uFAGsD;AAqBtD,SAAgB,UAAU,CAAoC,SAAY,EAAE,SAAa;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,
|
|
1
|
+
{"version":3,"file":"use-confirm.js","sourceRoot":"","sources":["../src/use-confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsE;AAEtE,uFAGsD;AAqBtD,SAAgB,UAAU,CAAoC,SAAY,EAAE,SAAa;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAoB,SAAS,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACvB,CAAO,GAAG,IAAW,EAAE,EAAE;QACrB,IAAI,WAAoB,CAAC;QAEzB,IAAI;YACA,WAAW,GAAG,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBAChD,QAAQ,CAAC;oBACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;oBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;oBAC7B,MAAM,EAAE,MAAM;iBACjB,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;SACN;QAAC,WAAM;YACJ,OAAO;SACV;gBAAS;YACN,QAAQ,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,WAAW,EAAE;YACb,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;aAAM,IAAI,SAAS,EAAE;YAClB,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;IACL,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACD,CAAyD,EAIvC,EAAE,EAAE;YAJmC,EACrD,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,YAAY,GAAG,0CAAuC,OAEtD,EADX,KAAK,cAH6C,wBAIxD,CADW;QAER,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,IAAI,CAAC;SACf;QAED,IAAI,CAAC,IAAI,EAAE;YACP,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,CACH,uBAAC,YAAY,oBACJ,KAAW,IAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,KAAK,CAAC,MAAM,YACxB,CACL,CAAC;IACN,CAAC,EACL,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,OAAO,CAAwB,CAAC;AACrD,CAAC;AA3DD,gCA2DC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/confirm",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.1.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/confirm",
|
|
6
6
|
"repository": {
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"src"
|
|
16
16
|
],
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@servicetitan/design-system": "~10.
|
|
19
|
-
"@types/react": "~17.0.
|
|
18
|
+
"@servicetitan/design-system": "~10.3.3",
|
|
19
|
+
"@types/react": "~17.0.27",
|
|
20
20
|
"react": "~17.0.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@servicetitan/design-system": "~10.
|
|
23
|
+
"@servicetitan/design-system": "~10.3.3",
|
|
24
24
|
"react": "~17.0.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"cli": {
|
|
33
33
|
"webpack": false
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "01f27439e67c569dd6534738dfba79d6dbbb41a5"
|
|
36
36
|
}
|