@flodesk/grain 10.9.1 → 10.9.3
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/es/components/switch.js +3 -3
- package/es/components/toast.js +14 -50
- package/es/hooks/index.js +2 -1
- package/es/hooks/usePrev.js +8 -0
- package/package.json +1 -1
package/es/components/switch.js
CHANGED
|
@@ -19,7 +19,7 @@ import { types } from '../types';
|
|
|
19
19
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
20
20
|
var knobSizePx = 16;
|
|
21
21
|
var trackOffsetPx = 2;
|
|
22
|
-
var trackWidthPx =
|
|
22
|
+
var trackWidthPx = 32;
|
|
23
23
|
var trackHeightPx = knobSizePx + trackOffsetPx * 2;
|
|
24
24
|
var knobActivePositionPx = trackWidthPx - knobSizePx - trackOffsetPx * 2;
|
|
25
25
|
|
|
@@ -28,7 +28,7 @@ var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production"
|
|
|
28
28
|
} : {
|
|
29
29
|
target: "ez8kn7b1",
|
|
30
30
|
label: "Input"
|
|
31
|
-
})("--trackColor:", getColor('shade6'), ";--knobColor:", getColor('shade1'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('disabledBackground'), ";--knobColor:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
})("--trackColor:", getColor('shade6'), ";--knobColor:", getColor('shade1'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('disabledBackground'), ";--knobColor:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBrbm9iU2l6ZVB4ID0gMTY7XG5jb25zdCB0cmFja09mZnNldFB4ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGhQeCA9IDMyO1xuY29uc3QgdHJhY2tIZWlnaHRQeCA9IGtub2JTaXplUHggKyB0cmFja09mZnNldFB4ICogMjtcbmNvbnN0IGtub2JBY3RpdmVQb3NpdGlvblB4ID0gdHJhY2tXaWR0aFB4IC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0UHggKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3RyYWNrSGVpZ2h0UHh9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGhQeH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7dHJhY2tIZWlnaHRQeCAvIDJ9cHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tDb2xvcik7XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICB0b3A6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICBoZWlnaHQ6ICR7a25vYlNpemVQeH1weDtcbiAgICB3aWR0aDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0ta25vYkNvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtrbm9iQWN0aXZlUG9zaXRpb25QeH1weCk7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBoYXNUZXh0IH0pID0+XG4gICAgaGFzVGV4dCAmJlxuICAgIGBcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gIGB9O1xuXG4gIC5zd2l0Y2hMYWJlbCxcbiAgLnN3aXRjaEhpbnQge1xuICAgIGdyaWQtY29sdW1uOiAyIC8gMztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9IGZvcndhcmRSZWYoXG4gICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgY2hlY2tlZD17aXNBY3RpdmV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJzd2l0Y2hMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJzd2l0Y2hIaW50XCI+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Td2l0Y2guTGFiZWwgPSBGaWVsZExhYmVsO1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
|
|
32
32
|
|
|
33
33
|
var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
34
34
|
target: "ez8kn7b0"
|
|
@@ -38,7 +38,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
38
38
|
})(function (_ref) {
|
|
39
39
|
var hasText = _ref.hasText;
|
|
40
40
|
return hasText && "\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n width: fit-content;\n column-gap: ".concat(getSpace('betweenFormControlAndLabel'), ";\n ");
|
|
41
|
-
}, ";.switchLabel,.switchHint{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}, ";.switchLabel,.switchHint{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUR1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSAzMjtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICBgfTtcblxuICAuc3dpdGNoTGFiZWwsXG4gIC5zd2l0Y2hIaW50IHtcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoeyBpc0Rpc2FibGVkLCBpc0FjdGl2ZSwgbGFiZWwsIGhpbnQsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IGhhc1RleHQ9e2xhYmVsIHx8IGhpbnR9IHsuLi5wcm9wc30+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIGNoZWNrZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPVwic3dpdGNoTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY2xhc3NOYW1lPVwic3dpdGNoSGludFwiPntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuU3dpdGNoLkxhYmVsID0gRmllbGRMYWJlbDtcblxuU3dpdGNoLnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
|
|
42
42
|
|
|
43
43
|
export var Switch = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
44
44
|
var isDisabled = _ref2.isDisabled,
|
package/es/components/toast.js
CHANGED
|
@@ -1,35 +1,14 @@
|
|
|
1
|
-
import "core-js/modules/es.symbol.js";
|
|
2
|
-
import "core-js/modules/es.symbol.description.js";
|
|
3
|
-
import "core-js/modules/es.object.to-string.js";
|
|
4
|
-
import "core-js/modules/es.symbol.iterator.js";
|
|
5
|
-
import "core-js/modules/es.array.iterator.js";
|
|
6
|
-
import "core-js/modules/es.string.iterator.js";
|
|
7
|
-
import "core-js/modules/web.dom-collections.iterator.js";
|
|
8
|
-
import "core-js/modules/es.array.slice.js";
|
|
9
|
-
import "core-js/modules/es.array.from.js";
|
|
10
|
-
import "core-js/modules/es.regexp.exec.js";
|
|
11
1
|
import "core-js/modules/es.object.assign.js";
|
|
12
2
|
import _styled from "@emotion/styled/base";
|
|
13
3
|
|
|
14
4
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
5
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
|
|
20
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
|
|
22
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
23
|
-
|
|
24
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
25
|
-
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
|
-
import React, { Fragment, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
|
|
6
|
+
import React, { Fragment, forwardRef, useCallback, useEffect, useRef } from 'react';
|
|
29
7
|
import PropTypes from 'prop-types';
|
|
30
8
|
import { getColor, getRadius, getSpace, getTransition } from '../utilities';
|
|
31
9
|
import { lineHeightAndCapHeightOffset } from '../foundational';
|
|
32
10
|
import { Transition } from '@headlessui/react';
|
|
11
|
+
import { usePrev } from '../hooks';
|
|
33
12
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
34
13
|
var variantStyles = {
|
|
35
14
|
success: {
|
|
@@ -62,7 +41,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
62
41
|
})("--pagePadding:max(var(--grn-space-s), 1.5vw);", function (_ref) {
|
|
63
42
|
var zIndex = _ref.zIndex;
|
|
64
43
|
return "z-index: ".concat(zIndex);
|
|
65
|
-
}, ";position:fixed;bottom:var(--pagePadding);left:50%;transform:translateX(-50%);.leaveTo
|
|
44
|
+
}, ";position:fixed;bottom:var(--pagePadding);left:50%;transform:translateX(-50%);.enterFrom,.leaveTo{opacity:0;transform:translateY(", getSpace('s'), ");transition-duration:", getTransition('slow'), ";}.enterTo,.leaveFrom{opacity:1;transform:translateY(0);transition-duration:", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
66
45
|
|
|
67
46
|
var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
68
47
|
target: "ep1f3rd0"
|
|
@@ -72,30 +51,20 @@ var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
|
|
|
72
51
|
})("--padding:", getSpace(2.5), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);width:max-content;max-width:min(", getSpace(70), ", calc(100vw - var(--pagePadding) * 2));border-radius:", getRadius('m'), ";", function (_ref2) {
|
|
73
52
|
var variant = _ref2.variant;
|
|
74
53
|
return variantStyles[variant];
|
|
75
|
-
}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
76
55
|
|
|
77
56
|
export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
78
|
-
var
|
|
57
|
+
var children = _ref3.children,
|
|
58
|
+
_ref3$zIndex = _ref3.zIndex,
|
|
79
59
|
zIndex = _ref3$zIndex === void 0 ? 1200 : _ref3$zIndex,
|
|
80
|
-
|
|
81
|
-
isOpen = _ref3
|
|
60
|
+
_ref3$isOpen = _ref3.isOpen,
|
|
61
|
+
isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen,
|
|
82
62
|
_ref3$variant = _ref3.variant,
|
|
83
63
|
variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
|
|
84
64
|
_ref3$dismissTimeout = _ref3.dismissTimeout,
|
|
85
65
|
dismissTimeout = _ref3$dismissTimeout === void 0 ? 3000 : _ref3$dismissTimeout,
|
|
86
66
|
onDismiss = _ref3.onDismiss;
|
|
87
|
-
|
|
88
|
-
var _useState = useState(isOpen),
|
|
89
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
90
|
-
isInternallyOpen = _useState2[0],
|
|
91
|
-
setIsInternallyOpen = _useState2[1];
|
|
92
|
-
|
|
93
|
-
var _useState3 = useState(false),
|
|
94
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
95
|
-
isHovered = _useState4[0],
|
|
96
|
-
setIsHovered = _useState4[1];
|
|
97
|
-
|
|
98
|
-
var dismissTimerRef = useRef();
|
|
67
|
+
var dismissTimerRef = useRef(null);
|
|
99
68
|
var clearDismissTimer = useCallback(function () {
|
|
100
69
|
if (dismissTimerRef.current) {
|
|
101
70
|
clearTimeout(dismissTimerRef.current);
|
|
@@ -104,26 +73,21 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
104
73
|
var startDismissTimer = useCallback(function () {
|
|
105
74
|
clearDismissTimer();
|
|
106
75
|
dismissTimerRef.current = setTimeout(function () {
|
|
107
|
-
setIsInternallyOpen(false);
|
|
108
76
|
onDismiss && onDismiss();
|
|
109
77
|
}, dismissTimeout);
|
|
110
78
|
}, [clearDismissTimer, dismissTimeout, onDismiss]);
|
|
79
|
+
var isOpenPrev = usePrev(isOpen);
|
|
111
80
|
useEffect(function () {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
if (isOpen && !isHovered) {
|
|
81
|
+
if (!isOpenPrev && isOpen) {
|
|
115
82
|
startDismissTimer();
|
|
116
83
|
}
|
|
117
|
-
}, [isOpen,
|
|
84
|
+
}, [isOpen, isOpenPrev, startDismissTimer]);
|
|
118
85
|
|
|
119
86
|
var handleMouseEnter = function handleMouseEnter() {
|
|
120
|
-
setIsHovered(true);
|
|
121
87
|
clearDismissTimer();
|
|
122
88
|
};
|
|
123
89
|
|
|
124
90
|
var handleMouseLeave = function handleMouseLeave() {
|
|
125
|
-
setIsHovered(false);
|
|
126
|
-
|
|
127
91
|
if (isOpen) {
|
|
128
92
|
startDismissTimer();
|
|
129
93
|
}
|
|
@@ -135,7 +99,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
135
99
|
onMouseEnter: handleMouseEnter,
|
|
136
100
|
onMouseLeave: handleMouseLeave
|
|
137
101
|
}, ___EmotionJSX(Transition, {
|
|
138
|
-
show:
|
|
102
|
+
show: isOpen,
|
|
139
103
|
as: Fragment
|
|
140
104
|
}, ___EmotionJSX(Transition.Child, _extends({
|
|
141
105
|
as: Fragment
|
|
@@ -144,7 +108,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
144
108
|
}, children))));
|
|
145
109
|
});
|
|
146
110
|
Toast.propTypes = {
|
|
147
|
-
children: PropTypes.node,
|
|
111
|
+
children: PropTypes.node.isRequired,
|
|
148
112
|
zIndex: PropTypes.number,
|
|
149
113
|
isOpen: PropTypes.bool,
|
|
150
114
|
variant: PropTypes.oneOf(['success', 'danger', 'neutral']),
|
package/es/hooks/index.js
CHANGED