matsuri-ui 16.7.2-alpha-1743491016332-6ec664f.0 → 16.7.2-alpha-1743571736513-38ac508.0
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/Alert/AlertContext.js +4 -3
- package/Alert/AlertContext.js.map +1 -1
- package/Typography/index.js +2 -2
- package/Typography/index.js.map +1 -1
- package/cjs/Alert/AlertContext.js +3 -3
- package/cjs/Alert/AlertContext.js.map +1 -1
- package/cjs/Typography/index.js +2 -2
- package/cjs/Typography/index.js.map +1 -1
- package/cjs/hooks/useIntersectionObserver.js +1 -1
- package/cjs/hooks/useIntersectionObserver.js.map +1 -1
- package/cjs/hooks/useResizeObserver.js +1 -1
- package/cjs/hooks/useResizeObserver.js.map +1 -1
- package/esm/Alert/AlertContext.js +4 -3
- package/esm/Alert/AlertContext.js.map +1 -1
- package/esm/Typography/index.js +2 -2
- package/esm/Typography/index.js.map +1 -1
- package/esm/hooks/useIntersectionObserver.js +2 -1
- package/esm/hooks/useIntersectionObserver.js.map +1 -1
- package/esm/hooks/useResizeObserver.js +2 -1
- package/esm/hooks/useResizeObserver.js.map +1 -1
- package/hooks/useIntersectionObserver.js +2 -1
- package/hooks/useIntersectionObserver.js.map +1 -1
- package/hooks/useResizeObserver.js +2 -1
- package/hooks/useResizeObserver.js.map +1 -1
- package/package.json +2 -2
package/Alert/AlertContext.js
CHANGED
|
@@ -49,7 +49,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
49
49
|
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden"
|
|
50
50
|
} : {
|
|
51
51
|
name: "15vd99c-AlertProvider",
|
|
52
|
-
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
+
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRKZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */",
|
|
53
53
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
54
54
|
};
|
|
55
55
|
export var AlertProvider = _ref2 => {
|
|
@@ -59,7 +59,8 @@ export var AlertProvider = _ref2 => {
|
|
|
59
59
|
} = _ref2;
|
|
60
60
|
var [toasts, setAlerts] = React.useState([]);
|
|
61
61
|
var addAlert = useCallback((message, options) => {
|
|
62
|
-
var id
|
|
62
|
+
var _options$id;
|
|
63
|
+
var id = (_options$id = options == null ? void 0 : options.id) != null ? _options$id : Math.random().toString(36).substr(2, 9);
|
|
63
64
|
setAlerts(pre => {
|
|
64
65
|
return [...pre, _extends({
|
|
65
66
|
id,
|
|
@@ -114,7 +115,7 @@ export var AlertProvider = _ref2 => {
|
|
|
114
115
|
zIndex: theme.zIndex.tooltip,
|
|
115
116
|
padding: theme.spacing,
|
|
116
117
|
gap: theme.spacing
|
|
117
|
-
}, sx[position]), _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
118
|
+
}, sx[position]), _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFKVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */"]
|
|
118
119
|
}, toasts.map(toast => ___EmotionJSX(Alert, _extends({}, toast, {
|
|
119
120
|
key: toast.id
|
|
120
121
|
}))))), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertContext.js","names":["Alert","Portal","css","useTheme","React","createContext","useCallback","useContext","useMemo","jsx","___EmotionJSX","AlertContext","alertPositions","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertProvider","_ref2","children","position","toasts","setAlerts","useState","addAlert","message","options","id","Math","random","substr","pre","_extends","removeAlert","filter","toast","throwAlert","error","errorArr","flat","length","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","_options$successMessa","successMessage","duration","onSuccess","theme","contextValue","Provider","value","zIndex","tooltip","padding","spacing","gap","map","key","useAlert","ctx"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id
|
|
1
|
+
{"version":3,"file":"AlertContext.js","names":["Alert","Portal","css","useTheme","React","createContext","useCallback","useContext","useMemo","jsx","___EmotionJSX","AlertContext","alertPositions","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertProvider","_ref2","children","position","toasts","setAlerts","useState","addAlert","message","options","_options$id","id","Math","random","substr","pre","_extends","removeAlert","filter","toast","throwAlert","error","errorArr","flat","length","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","_options$successMessa","successMessage","duration","onSuccess","theme","contextValue","Provider","value","zIndex","tooltip","padding","spacing","gap","map","key","useAlert","ctx"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id ?? Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/Typography/index.js
CHANGED
|
@@ -30,7 +30,7 @@ export var Typography = _ref => {
|
|
|
30
30
|
} = _ref,
|
|
31
31
|
others = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
32
32
|
var theme = useTheme();
|
|
33
|
-
var Component = as ? as : getHtmlTag(variant);
|
|
33
|
+
var Component = as != null ? as : getHtmlTag(variant);
|
|
34
34
|
return ___EmotionJSX(Component, _extends({
|
|
35
35
|
css: /*#__PURE__*/css([theme.typography[variant], {
|
|
36
36
|
fontWeight: bolder ? "bolder" : theme.typography[variant].fontWeight
|
|
@@ -46,7 +46,7 @@ export var Typography = _ref => {
|
|
|
46
46
|
overflow: "hidden",
|
|
47
47
|
WebkitBoxOrient: "vertical",
|
|
48
48
|
boxOrient: "vertical"
|
|
49
|
-
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+
|
|
49
|
+
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImgxXCI6XG4gICAgY2FzZSBcImgyXCI6XG4gICAgY2FzZSBcImgzXCI6XG4gICAgY2FzZSBcImg0XCI6XG4gICAgY2FzZSBcImg1XCI6XG4gICAgICByZXR1cm4gdmFyaWFudDtcbiAgICBjYXNlIFwiYm9keVwiOlxuICAgICAgcmV0dXJuIFwicFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJzcGFuXCI7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKHtcbiAgYXMsXG4gIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgY29sb3IsXG4gIGFsaWduLFxuICBib2xkZXIgPSBmYWxzZSxcbiAgY2xhbXAsXG4gIC4uLm90aGVyc1xufTogVHlwb2dyYXBoeVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZ2V0SHRtbFRhZyh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0sXG4gICAgICAgIHtcbiAgICAgICAgICBmb250V2VpZ2h0OiBib2xkZXIgPyBcImJvbGRlclwiIDogdGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS5mb250V2VpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIGNvbG9yID09PSBcImluaXRpYWxcIlxuICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgIDogY29sb3IgPT09IFwiaW5oZXJpdFwiXG4gICAgICAgICAgICAgICAgPyBcImluaGVyaXRcIlxuICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmludGVudGlvbnMuc2Vjb25kYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJhY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmFjY2VudC5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRQcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRTZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwidGV4dEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQuaGludFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJ0ZXh0RGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhbXAgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAgICAgICAgIFdlYmtpdExpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIGxpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6IFwidmVydGljYWxcIixcbiAgICAgICAgICAgICAgYm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICBdKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */")
|
|
50
50
|
}, others));
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=index.js.map
|
package/Typography/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useTheme","css","React","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as
|
|
1
|
+
{"version":3,"file":"index.js","names":["useTheme","css","React","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":";;;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAiE1B,OAAO,IAAMC,UAAU,GAAIC,OAA0B,IAAK;EACxD,QAAQA,OAAO;IACb,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;MACP,OAAOA,OAAO;IAChB,KAAK,MAAM;MACT,OAAO,GAAG;IACZ;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAQH;EAAA,IARI;MACzBC,EAAE;MACFH,OAAO,GAAG,MAAM;MAChBI,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,KAAK;MACdC;IAEe,CAAC,GAAAL,IAAA;IADbM,MAAM,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAET,IAAMC,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAMkB,SAAS,GAAGT,EAAE,WAAFA,EAAE,GAAIJ,UAAU,CAACC,OAAO,CAAC;EAC3C,OACEF,aAAA,CAACc,SAAS,EAAAC,QAAA;IACRlB,GAAG,eAAEA,GAAG,CAAC,CACPgB,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,EACzB;MACEe,UAAU,EAAET,MAAM,GAAG,QAAQ,GAAGK,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,CAACe;IAC5D,CAAC,EACD;MACEC,SAAS,EAAEX,KAAK;MAChBY,MAAM,EAAE;IACV,CAAC,EACD;MACEb,KAAK,EACHA,KAAK,KAAK,SAAS,GACf,SAAS,GACTA,KAAK,KAAK,SAAS,GACjB,SAAS,GACTA,KAAK,KAAK,SAAS,GACjBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,IAAI,GACrCjB,KAAK,KAAK,WAAW,GACnBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACG,SAAS,CAACD,IAAI,GACvCjB,KAAK,KAAK,QAAQ,GAChBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACI,MAAM,CAACF,IAAI,GACpCjB,KAAK,KAAK,OAAO,GACfO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACK,KAAK,CAACH,IAAI,GACnCjB,KAAK,KAAK,aAAa,GACrBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACL,OAAO,GAC1BhB,KAAK,KAAK,eAAe,GACvBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACH,SAAS,GAC5BlB,KAAK,KAAK,UAAU,GAClBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACC,IAAI,GACvBtB,KAAK,KAAK,cAAc,GACtBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACE,QAAQ,GAC3BC;IAC1B,CAAC,EACDrB,KAAK,KAAKqB,SAAS,GACf;MACEC,OAAO,EAAE,aAAa;MACtBC,eAAe,EAAEvB,KAAK;MACtBwB,SAAS,EAAExB,KAAK;MAChByB,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAE,UAAU;MAC3BC,SAAS,EAAE;IACb,CAAC,GACDN,SAAS,CACd,EAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,GACC7B,MAAM,CACX,CAAC;AAEN,CAAC","ignoreList":[]}
|
|
@@ -54,7 +54,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
54
54
|
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden"
|
|
55
55
|
} : {
|
|
56
56
|
name: "15vd99c-AlertProvider",
|
|
57
|
-
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRKZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */",
|
|
58
58
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
59
59
|
};
|
|
60
60
|
const AlertProvider = ({
|
|
@@ -63,7 +63,7 @@ const AlertProvider = ({
|
|
|
63
63
|
}) => {
|
|
64
64
|
const [toasts, setAlerts] = _react2.default.useState([]);
|
|
65
65
|
const addAlert = (0, _react2.useCallback)((message, options) => {
|
|
66
|
-
const id = options?.id
|
|
66
|
+
const id = options?.id ?? Math.random().toString(36).substr(2, 9);
|
|
67
67
|
setAlerts(pre => {
|
|
68
68
|
return [...pre, {
|
|
69
69
|
id,
|
|
@@ -120,7 +120,7 @@ const AlertProvider = ({
|
|
|
120
120
|
padding: theme.spacing,
|
|
121
121
|
gap: theme.spacing,
|
|
122
122
|
...sx[position]
|
|
123
|
-
}, _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
123
|
+
}, _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFKVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */"]
|
|
124
124
|
}, toasts.map(toast => (0, _react.jsx)(_Alert.Alert, _extends({}, toast, {
|
|
125
125
|
key: toast.id
|
|
126
126
|
}))))), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertContext.js","names":["_Alert","require","_Portal","_react","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertContext","createContext","alertPositions","exports","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","AlertProvider","children","position","toasts","setAlerts","React","useState","addAlert","useCallback","message","options","id","Math","random","substr","pre","removeAlert","filter","toast","throwAlert","error","errorArr","flat","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","successMessage","duration","onSuccess","theme","useTheme","contextValue","useMemo","jsx","Provider","value","Portal","css","zIndex","tooltip","padding","spacing","gap","map","Alert","key","useAlert","ctx","useContext"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id\n ? options.id\n : Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"AlertContext.js","names":["_Alert","require","_Portal","_react","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertContext","createContext","alertPositions","exports","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","AlertProvider","children","position","toasts","setAlerts","React","useState","addAlert","useCallback","message","options","id","Math","random","substr","pre","removeAlert","filter","toast","throwAlert","error","errorArr","flat","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","successMessage","duration","onSuccess","theme","useTheme","contextValue","useMemo","jsx","Provider","value","Portal","css","zIndex","tooltip","padding","spacing","gap","map","Alert","key","useAlert","ctx","useContext"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id ?? Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/cjs/Typography/index.js
CHANGED
|
@@ -32,7 +32,7 @@ const Typography = ({
|
|
|
32
32
|
...others
|
|
33
33
|
}) => {
|
|
34
34
|
const theme = (0, _theme.useTheme)();
|
|
35
|
-
const Component = as
|
|
35
|
+
const Component = as ?? getHtmlTag(variant);
|
|
36
36
|
return (0, _react.jsx)(Component, _extends({
|
|
37
37
|
css: /*#__PURE__*/(0, _react.css)([theme.typography[variant], {
|
|
38
38
|
fontWeight: bolder ? "bolder" : theme.typography[variant].fontWeight
|
|
@@ -48,7 +48,7 @@ const Typography = ({
|
|
|
48
48
|
overflow: "hidden",
|
|
49
49
|
WebkitBoxOrient: "vertical",
|
|
50
50
|
boxOrient: "vertical"
|
|
51
|
-
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+
|
|
51
|
+
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImgxXCI6XG4gICAgY2FzZSBcImgyXCI6XG4gICAgY2FzZSBcImgzXCI6XG4gICAgY2FzZSBcImg0XCI6XG4gICAgY2FzZSBcImg1XCI6XG4gICAgICByZXR1cm4gdmFyaWFudDtcbiAgICBjYXNlIFwiYm9keVwiOlxuICAgICAgcmV0dXJuIFwicFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJzcGFuXCI7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKHtcbiAgYXMsXG4gIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgY29sb3IsXG4gIGFsaWduLFxuICBib2xkZXIgPSBmYWxzZSxcbiAgY2xhbXAsXG4gIC4uLm90aGVyc1xufTogVHlwb2dyYXBoeVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZ2V0SHRtbFRhZyh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0sXG4gICAgICAgIHtcbiAgICAgICAgICBmb250V2VpZ2h0OiBib2xkZXIgPyBcImJvbGRlclwiIDogdGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS5mb250V2VpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIGNvbG9yID09PSBcImluaXRpYWxcIlxuICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgIDogY29sb3IgPT09IFwiaW5oZXJpdFwiXG4gICAgICAgICAgICAgICAgPyBcImluaGVyaXRcIlxuICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmludGVudGlvbnMuc2Vjb25kYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJhY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmFjY2VudC5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRQcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRTZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwidGV4dEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQuaGludFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJ0ZXh0RGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhbXAgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAgICAgICAgIFdlYmtpdExpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIGxpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6IFwidmVydGljYWxcIixcbiAgICAgICAgICAgICAgYm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICBdKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */")
|
|
52
52
|
}, others));
|
|
53
53
|
};
|
|
54
54
|
exports.Typography = Typography;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_theme","require","_react","_react2","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getHtmlTag","variant","exports","Typography","as","color","align","bolder","clamp","others","theme","useTheme","Component","jsx","css","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as
|
|
1
|
+
{"version":3,"file":"index.js","names":["_theme","require","_react","_react2","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getHtmlTag","variant","exports","Typography","as","color","align","bolder","clamp","others","theme","useTheme","Component","jsx","css","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ var _react = require("react");
|
|
|
6
6
|
const useIntersectionObserver = (ref, options) => {
|
|
7
7
|
const [entry, setEntry] = (0, _react.useState)();
|
|
8
8
|
(0, _react.useLayoutEffect)(() => {
|
|
9
|
-
const element = ref.current
|
|
9
|
+
const element = ref.current ?? null;
|
|
10
10
|
const intersectionObserver = new IntersectionObserver(entries => {
|
|
11
11
|
if (!Array.isArray(entries)) {
|
|
12
12
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIntersectionObserver.js","names":["_react","require","useIntersectionObserver","ref","options","entry","setEntry","useState","useLayoutEffect","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve","exports"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.js","names":["_react","require","useIntersectionObserver","ref","options","entry","setEntry","useState","useLayoutEffect","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve","exports"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current ?? null;\n const intersectionObserver = new IntersectionObserver((entries) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n setEntry(entries[0]);\n }, options);\n if (element) {\n intersectionObserver.observe(element);\n }\n return () => {\n if (element) {\n intersectionObserver.unobserve(element);\n }\n };\n }, [options, ref]);\n return entry;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,uBAAuB,GAAGA,CACrCC,GAAwC,EACxCC,OAAkC,KACQ;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAA4B,CAAC;EAC/D,IAAAC,sBAAe,EAAC,MAAM;IACpB,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,IAAI,IAAI;IACnC,MAAMC,oBAAoB,GAAG,IAAIC,oBAAoB,CAAEC,OAAO,IAAK;MACjE,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAV,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAET,OAAO,CAAC;IACX,IAAIK,OAAO,EAAE;MACXE,oBAAoB,CAACM,OAAO,CAACR,OAAO,CAAC;IACvC;IACA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,oBAAoB,CAACO,SAAS,CAACT,OAAO,CAAC;MACzC;IACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAED,GAAG,CAAC,CAAC;EAClB,OAAOE,KAAK;AACd,CAAC;AAACc,OAAA,CAAAjB,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ const useResizeObserver = ref => {
|
|
|
11
11
|
const [entry, setEntry] = (0, _react.useState)();
|
|
12
12
|
(0, _react.useEffect)(() => {
|
|
13
13
|
if (!_isBrowser.isBrowser) return;
|
|
14
|
-
const element = ref.current
|
|
14
|
+
const element = ref.current ?? null;
|
|
15
15
|
const resizeObserver = new _resizeObserverPolyfill.default(entries => {
|
|
16
16
|
if (!Array.isArray(entries)) {
|
|
17
17
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useResizeObserver.js","names":["_isBrowser","require","_react","_resizeObserverPolyfill","_interopRequireDefault","e","__esModule","default","animationFrameID","useResizeObserver","ref","entry","setEntry","useState","useEffect","isBrowser","element","current","resizeObserver","ResizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame","exports"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useResizeObserver.js","names":["_isBrowser","require","_react","_resizeObserverPolyfill","_interopRequireDefault","e","__esModule","default","animationFrameID","useResizeObserver","ref","entry","setEntry","useState","useEffect","isBrowser","element","current","resizeObserver","ResizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame","exports"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current ?? null;\n const resizeObserver = new ResizeObserver(\n (entries: ResizeObserverEntry[]) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n animationFrameID = window.requestAnimationFrame(() => {\n setEntry(entries[0]);\n });\n },\n );\n if (element) {\n resizeObserver.observe(element);\n }\n\n return () => {\n if (element) {\n resizeObserver.unobserve(element);\n }\n window.cancelAnimationFrame(animationFrameID);\n };\n }, [ref]);\n return entry;\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAsD,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,IAAIG,gBAAgB,GAAG,CAAC;AACjB,MAAMC,iBAAiB,GAC5BC,GAA8B,IACM;EACpC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAsB,CAAC;EAEzD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACC,oBAAS,EAAE;IAChB,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,IAAI,IAAI;IACnC,MAAMC,cAAc,GAAG,IAAIC,+BAAc,CACtCC,OAA8B,IAAK;MAClC,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAf,gBAAgB,GAAGgB,MAAM,CAACC,qBAAqB,CAAC,MAAM;QACpDb,QAAQ,CAACQ,OAAO,CAAC,CAAC,CAAC,CAAC;MACtB,CAAC,CAAC;IACJ,CACF,CAAC;IACD,IAAIJ,OAAO,EAAE;MACXE,cAAc,CAACQ,OAAO,CAACV,OAAO,CAAC;IACjC;IAEA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,cAAc,CAACS,SAAS,CAACX,OAAO,CAAC;MACnC;MACAQ,MAAM,CAACI,oBAAoB,CAACpB,gBAAgB,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,CAACE,GAAG,CAAC,CAAC;EACT,OAAOC,KAAK;AACd,CAAC;AAACkB,OAAA,CAAApB,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -49,7 +49,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
49
49
|
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden"
|
|
50
50
|
} : {
|
|
51
51
|
name: "15vd99c-AlertProvider",
|
|
52
|
-
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
+
styles: "position:fixed;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-height:100%;overflow:hidden;label:AlertProvider;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRKZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */",
|
|
53
53
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
54
54
|
};
|
|
55
55
|
export var AlertProvider = _ref2 => {
|
|
@@ -59,7 +59,8 @@ export var AlertProvider = _ref2 => {
|
|
|
59
59
|
} = _ref2;
|
|
60
60
|
var [toasts, setAlerts] = React.useState([]);
|
|
61
61
|
var addAlert = useCallback((message, options) => {
|
|
62
|
-
var id
|
|
62
|
+
var _options$id;
|
|
63
|
+
var id = (_options$id = options == null ? void 0 : options.id) != null ? _options$id : Math.random().toString(36).substr(2, 9);
|
|
63
64
|
setAlerts(pre => {
|
|
64
65
|
return [...pre, _extends({
|
|
65
66
|
id,
|
|
@@ -114,7 +115,7 @@ export var AlertProvider = _ref2 => {
|
|
|
114
115
|
zIndex: theme.zIndex.tooltip,
|
|
115
116
|
padding: theme.spacing,
|
|
116
117
|
gap: theme.spacing
|
|
117
|
-
}, sx[position]), _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
118
|
+
}, sx[position]), _ref, process.env.NODE_ENV === "production" ? "" : ";label:AlertProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9BbGVydC9BbGVydENvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFKVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQWxlcnQvQWxlcnRDb250ZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBBbGVydE1lc3NhZ2VUeXBlLCBBbGVydE9wdGlvbnMsIEFsZXJ0UHJvcHMgfSBmcm9tIFwiLi9BbGVydFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uL1BvcnRhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5cbnR5cGUgVGhyb3dBbGVydCA9IDxFIGV4dGVuZHMgRXJyb3IgfCBFcnJvcltdPihcbiAgZXJyb3I6IEUgfCB1bmRlZmluZWQsXG4gIG9wdGlvbnM6IHtcbiAgICBlcnJvck1lc3NhZ2U/OiBBbGVydE1lc3NhZ2VUeXBlO1xuICAgIHN1Y2Nlc3NNZXNzYWdlPzogQWxlcnRNZXNzYWdlVHlwZTtcbiAgICBpZ25vcmVTdWNjZXNzPzogYm9vbGVhbjtcbiAgICBvbkVycm9yPzogKGVycm9yOiBFKSA9PiB2b2lkO1xuICAgIG9uU3VjY2Vzcz86ICgpID0+IHZvaWQ7XG4gIH0sXG4pID0+IHZvaWQ7XG5cbmludGVyZmFjZSBBbGVydENvbnRleHRWYWx1ZSB7XG4gIGFkZEFsZXJ0OiAobWVzc2FnZTogQWxlcnRNZXNzYWdlVHlwZSwgb3B0aW9ucz86IEFsZXJ0T3B0aW9ucykgPT4gc3RyaW5nO1xuICByZW1vdmVBbGVydDogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRocm93QWxlcnQ6IFRocm93QWxlcnQ7XG59XG5cbmNvbnN0IEFsZXJ0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe30gYXMgQWxlcnRDb250ZXh0VmFsdWUpO1xuXG5leHBvcnQgY29uc3QgYWxlcnRQb3NpdGlvbnMgPSBbXG4gIFwidG9wLWxlZnRcIixcbiAgXCJ0b3AtY2VudGVyXCIsXG4gIFwidG9wLXJpZ2h0XCIsXG4gIFwiYm90dG9tLWxlZnRcIixcbiAgXCJib3R0b20tY2VudGVyXCIsXG4gIFwiYm90dG9tLXJpZ2h0XCIsXG5dIGFzIGNvbnN0O1xuXG5leHBvcnQgdHlwZSBBbGVydFBvc2l0aW9uID0gKHR5cGVvZiBhbGVydFBvc2l0aW9ucylbbnVtYmVyXTtcblxuY29uc3Qgc3ggPSB7XG4gIFwiYm90dG9tLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcImJvdHRvbS1jZW50ZXJcIjoge1xuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJib3R0b20tbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICBib3R0b206IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG4gIFwidG9wLXJpZ2h0XCI6IHtcbiAgICByaWdodDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICB9LFxuICBcInRvcC1jZW50ZXJcIjoge1xuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgfSxcbiAgXCJ0b3AtbGVmdFwiOiB7XG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0UHJvdmlkZXJQcm9wcyB7XG4gIHBvc2l0aW9uPzogQWxlcnRQb3NpdGlvbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEFsZXJ0UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcG9zaXRpb24gPSBcImJvdHRvbS1yaWdodFwiLFxufTogQWxlcnRQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IFt0b2FzdHMsIHNldEFsZXJ0c10gPSBSZWFjdC51c2VTdGF0ZTxBbGVydFByb3BzW10+KFtdKTtcblxuICBjb25zdCBhZGRBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBBbGVydE1lc3NhZ2VUeXBlLCBvcHRpb25zPzogQWxlcnRPcHRpb25zKSA9PiB7XG4gICAgICBjb25zdCBpZCA9IG9wdGlvbnM/LmlkID8/IE1hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KTtcblxuICAgICAgc2V0QWxlcnRzKChwcmUpID0+IHtcbiAgICAgICAgcmV0dXJuIFsuLi5wcmUsIHsgaWQsIG1lc3NhZ2UsIC4uLm9wdGlvbnMgfV07XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBpZDtcbiAgICB9LFxuICAgIFtdLFxuICApO1xuXG4gIGNvbnN0IHJlbW92ZUFsZXJ0ID0gdXNlQ2FsbGJhY2soKGlkOiBzdHJpbmcpID0+IHtcbiAgICBzZXRBbGVydHMoKHRvYXN0cykgPT4gdG9hc3RzLmZpbHRlcigodG9hc3QpID0+IHRvYXN0LmlkICE9PSBpZCkpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdGhyb3dBbGVydDogVGhyb3dBbGVydCA9IHVzZUNhbGxiYWNrKFxuICAgIChlcnJvciwgb3B0aW9ucykgPT4ge1xuICAgICAgY29uc3QgZXJyb3JBcnIgPSBlcnJvciAmJiBbZXJyb3JdLmZsYXQoKTtcbiAgICAgIGlmIChlcnJvckFyciAmJiBlcnJvckFyci5sZW5ndGggPiAwKSB7XG4gICAgICAgIGNvbnN0IG1lc3NhZ2UgPVxuICAgICAgICAgIHR5cGVvZiBvcHRpb25zLmVycm9yTWVzc2FnZSA9PT0gXCJvYmplY3RcIlxuICAgICAgICAgICAgPyBvcHRpb25zLmVycm9yTWVzc2FnZVxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgICAgICAgaGFwcGVuZDogb3B0aW9ucy5lcnJvck1lc3NhZ2UgfHwgXCLjgqjjg6njg7zjgYznmbrnlJ/jgZfjgb7jgZfjgZ9cIixcbiAgICAgICAgICAgICAgfTtcblxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWJhc2UtdG8tc3RyaW5nXG4gICAgICAgIGNvbnN0IGxvZyA9IGVycm9yQXJyLmpvaW4oXCIsXCIpO1xuXG4gICAgICAgIGFkZEFsZXJ0KFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxvZyxcbiAgICAgICAgICAgIC4uLm1lc3NhZ2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJlcnJvclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyb3IpO1xuICAgICAgICBvcHRpb25zLm9uRXJyb3I/LihlcnJvcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob3B0aW9ucy5pZ25vcmVTdWNjZXNzICE9PSB0cnVlKSB7XG4gICAgICAgICAgYWRkQWxlcnQob3B0aW9ucy5zdWNjZXNzTWVzc2FnZSA/PyBcIuODquOCr+OCqOOCueODiOOBjOaIkOWKn+OBl+OBvuOBl+OBn1wiLCB7XG4gICAgICAgICAgICBzZXZlcml0eTogXCJzdWNjZXNzXCIsXG4gICAgICAgICAgICBkdXJhdGlvbjogMzUwMCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvcHRpb25zLm9uU3VjY2Vzcz8uKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbYWRkQWxlcnRdLFxuICApO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4geyBhZGRBbGVydCwgcmVtb3ZlQWxlcnQsIHRocm93QWxlcnQgfTtcbiAgfSwgW2FkZEFsZXJ0LCByZW1vdmVBbGVydCwgdGhyb3dBbGVydF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEFsZXJ0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxQb3J0YWw+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgekluZGV4OiB0aGVtZS56SW5kZXgudG9vbHRpcCxcbiAgICAgICAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyxcbiAgICAgICAgICAgICAgZ2FwOiB0aGVtZS5zcGFjaW5nLFxuICAgICAgICAgICAgICAuLi5zeFtwb3NpdGlvbl0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b2FzdHMubWFwKCh0b2FzdCkgPT4gKFxuICAgICAgICAgICAgPEFsZXJ0IHsuLi50b2FzdH0ga2V5PXt0b2FzdC5pZH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcnRhbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FsZXJ0Q29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VBbGVydCA9ICgpOiBBbGVydENvbnRleHRWYWx1ZSA9PiB7XG4gIGNvbnN0IGN0eCA9IHVzZUNvbnRleHQoQWxlcnRDb250ZXh0KTtcbiAgcmV0dXJuIGN0eDtcbn07XG4iXX0= */"]
|
|
118
119
|
}, toasts.map(toast => ___EmotionJSX(Alert, _extends({}, toast, {
|
|
119
120
|
key: toast.id
|
|
120
121
|
}))))), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertContext.js","names":["Alert","Portal","css","useTheme","React","createContext","useCallback","useContext","useMemo","jsx","___EmotionJSX","AlertContext","alertPositions","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertProvider","_ref2","children","position","toasts","setAlerts","useState","addAlert","message","options","id","Math","random","substr","pre","_extends","removeAlert","filter","toast","throwAlert","error","errorArr","flat","length","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","_options$successMessa","successMessage","duration","onSuccess","theme","contextValue","Provider","value","zIndex","tooltip","padding","spacing","gap","map","key","useAlert","ctx"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id
|
|
1
|
+
{"version":3,"file":"AlertContext.js","names":["Alert","Portal","css","useTheme","React","createContext","useCallback","useContext","useMemo","jsx","___EmotionJSX","AlertContext","alertPositions","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertProvider","_ref2","children","position","toasts","setAlerts","useState","addAlert","message","options","_options$id","id","Math","random","substr","pre","_extends","removeAlert","filter","toast","throwAlert","error","errorArr","flat","length","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","_options$successMessa","successMessage","duration","onSuccess","theme","contextValue","Provider","value","zIndex","tooltip","padding","spacing","gap","map","key","useAlert","ctx"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id ?? Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/esm/Typography/index.js
CHANGED
|
@@ -30,7 +30,7 @@ export var Typography = _ref => {
|
|
|
30
30
|
} = _ref,
|
|
31
31
|
others = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
32
32
|
var theme = useTheme();
|
|
33
|
-
var Component = as ? as : getHtmlTag(variant);
|
|
33
|
+
var Component = as != null ? as : getHtmlTag(variant);
|
|
34
34
|
return ___EmotionJSX(Component, _extends({
|
|
35
35
|
css: /*#__PURE__*/css([theme.typography[variant], {
|
|
36
36
|
fontWeight: bolder ? "bolder" : theme.typography[variant].fontWeight
|
|
@@ -46,7 +46,7 @@ export var Typography = _ref => {
|
|
|
46
46
|
overflow: "hidden",
|
|
47
47
|
WebkitBoxOrient: "vertical",
|
|
48
48
|
boxOrient: "vertical"
|
|
49
|
-
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+
|
|
49
|
+
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRlciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwb2dyYXBoeVZhcmlhbnQsIHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImgxXCI6XG4gICAgY2FzZSBcImgyXCI6XG4gICAgY2FzZSBcImgzXCI6XG4gICAgY2FzZSBcImg0XCI6XG4gICAgY2FzZSBcImg1XCI6XG4gICAgICByZXR1cm4gdmFyaWFudDtcbiAgICBjYXNlIFwiYm9keVwiOlxuICAgICAgcmV0dXJuIFwicFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJzcGFuXCI7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKHtcbiAgYXMsXG4gIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgY29sb3IsXG4gIGFsaWduLFxuICBib2xkZXIgPSBmYWxzZSxcbiAgY2xhbXAsXG4gIC4uLm90aGVyc1xufTogVHlwb2dyYXBoeVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZ2V0SHRtbFRhZyh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0sXG4gICAgICAgIHtcbiAgICAgICAgICBmb250V2VpZ2h0OiBib2xkZXIgPyBcImJvbGRlclwiIDogdGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS5mb250V2VpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIGNvbG9yID09PSBcImluaXRpYWxcIlxuICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgIDogY29sb3IgPT09IFwiaW5oZXJpdFwiXG4gICAgICAgICAgICAgICAgPyBcImluaGVyaXRcIlxuICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmludGVudGlvbnMuc2Vjb25kYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJhY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmFjY2VudC5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRQcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRTZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwidGV4dEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQuaGludFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJ0ZXh0RGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhbXAgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAgICAgICAgIFdlYmtpdExpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIGxpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6IFwidmVydGljYWxcIixcbiAgICAgICAgICAgICAgYm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICBdKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */")
|
|
50
50
|
}, others));
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useTheme","css","React","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as
|
|
1
|
+
{"version":3,"file":"index.js","names":["useTheme","css","React","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React from \"react\";\n\nexport interface TypographyProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"color\"> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":";;;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAiE1B,OAAO,IAAMC,UAAU,GAAIC,OAA0B,IAAK;EACxD,QAAQA,OAAO;IACb,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;MACP,OAAOA,OAAO;IAChB,KAAK,MAAM;MACT,OAAO,GAAG;IACZ;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAQH;EAAA,IARI;MACzBC,EAAE;MACFH,OAAO,GAAG,MAAM;MAChBI,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,KAAK;MACdC;IAEe,CAAC,GAAAL,IAAA;IADbM,MAAM,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAET,IAAMC,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAMkB,SAAS,GAAGT,EAAE,WAAFA,EAAE,GAAIJ,UAAU,CAACC,OAAO,CAAC;EAC3C,OACEF,aAAA,CAACc,SAAS,EAAAC,QAAA;IACRlB,GAAG,eAAEA,GAAG,CAAC,CACPgB,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,EACzB;MACEe,UAAU,EAAET,MAAM,GAAG,QAAQ,GAAGK,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,CAACe;IAC5D,CAAC,EACD;MACEC,SAAS,EAAEX,KAAK;MAChBY,MAAM,EAAE;IACV,CAAC,EACD;MACEb,KAAK,EACHA,KAAK,KAAK,SAAS,GACf,SAAS,GACTA,KAAK,KAAK,SAAS,GACjB,SAAS,GACTA,KAAK,KAAK,SAAS,GACjBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,IAAI,GACrCjB,KAAK,KAAK,WAAW,GACnBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACG,SAAS,CAACD,IAAI,GACvCjB,KAAK,KAAK,QAAQ,GAChBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACI,MAAM,CAACF,IAAI,GACpCjB,KAAK,KAAK,OAAO,GACfO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACK,KAAK,CAACH,IAAI,GACnCjB,KAAK,KAAK,aAAa,GACrBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACL,OAAO,GAC1BhB,KAAK,KAAK,eAAe,GACvBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACH,SAAS,GAC5BlB,KAAK,KAAK,UAAU,GAClBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACC,IAAI,GACvBtB,KAAK,KAAK,cAAc,GACtBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACE,QAAQ,GAC3BC;IAC1B,CAAC,EACDrB,KAAK,KAAKqB,SAAS,GACf;MACEC,OAAO,EAAE,aAAa;MACtBC,eAAe,EAAEvB,KAAK;MACtBwB,SAAS,EAAExB,KAAK;MAChByB,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAE,UAAU;MAC3BC,SAAS,EAAE;IACb,CAAC,GACDN,SAAS,CACd,EAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,GACC7B,MAAM,CACX,CAAC;AAEN,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,8 @@ import { useLayoutEffect, useState } from "react";
|
|
|
2
2
|
export var useIntersectionObserver = (ref, options) => {
|
|
3
3
|
var [entry, setEntry] = useState();
|
|
4
4
|
useLayoutEffect(() => {
|
|
5
|
-
var
|
|
5
|
+
var _ref$current;
|
|
6
|
+
var element = (_ref$current = ref.current) != null ? _ref$current : null;
|
|
6
7
|
var intersectionObserver = new IntersectionObserver(entries => {
|
|
7
8
|
if (!Array.isArray(entries)) {
|
|
8
9
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIntersectionObserver.js","names":["useLayoutEffect","useState","useIntersectionObserver","ref","options","entry","setEntry","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.js","names":["useLayoutEffect","useState","useIntersectionObserver","ref","options","entry","setEntry","_ref$current","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current ?? null;\n const intersectionObserver = new IntersectionObserver((entries) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n setEntry(entries[0]);\n }, options);\n if (element) {\n intersectionObserver.observe(element);\n }\n return () => {\n if (element) {\n intersectionObserver.unobserve(element);\n }\n };\n }, [options, ref]);\n return entry;\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,OAAO,IAAMC,uBAAuB,GAAGA,CACrCC,GAAwC,EACxCC,OAAkC,KACQ;EAC1C,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGL,QAAQ,CAA4B,CAAC;EAC/DD,eAAe,CAAC,MAAM;IAAA,IAAAO,YAAA;IACpB,IAAMC,OAAO,IAAAD,YAAA,GAAGJ,GAAG,CAACM,OAAO,YAAAF,YAAA,GAAI,IAAI;IACnC,IAAMG,oBAAoB,GAAG,IAAIC,oBAAoB,CAAEC,OAAO,IAAK;MACjE,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAT,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAER,OAAO,CAAC;IACX,IAAII,OAAO,EAAE;MACXE,oBAAoB,CAACM,OAAO,CAACR,OAAO,CAAC;IACvC;IACA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,oBAAoB,CAACO,SAAS,CAACT,OAAO,CAAC;MACzC;IACF,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,EAAED,GAAG,CAAC,CAAC;EAClB,OAAOE,KAAK;AACd,CAAC","ignoreList":[]}
|
|
@@ -5,8 +5,9 @@ var animationFrameID = 0;
|
|
|
5
5
|
export var useResizeObserver = ref => {
|
|
6
6
|
var [entry, setEntry] = useState();
|
|
7
7
|
useEffect(() => {
|
|
8
|
+
var _ref$current;
|
|
8
9
|
if (!isBrowser) return;
|
|
9
|
-
var element = ref.current ?
|
|
10
|
+
var element = (_ref$current = ref.current) != null ? _ref$current : null;
|
|
10
11
|
var resizeObserver = new ResizeObserver(entries => {
|
|
11
12
|
if (!Array.isArray(entries)) {
|
|
12
13
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useResizeObserver.js","names":["isBrowser","useEffect","useState","ResizeObserver","animationFrameID","useResizeObserver","ref","entry","setEntry","element","current","resizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useResizeObserver.js","names":["isBrowser","useEffect","useState","ResizeObserver","animationFrameID","useResizeObserver","ref","entry","setEntry","_ref$current","element","current","resizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current ?? null;\n const resizeObserver = new ResizeObserver(\n (entries: ResizeObserverEntry[]) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n animationFrameID = window.requestAnimationFrame(() => {\n setEntry(entries[0]);\n });\n },\n );\n if (element) {\n resizeObserver.observe(element);\n }\n\n return () => {\n if (element) {\n resizeObserver.unobserve(element);\n }\n window.cancelAnimationFrame(animationFrameID);\n };\n }, [ref]);\n return entry;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,cAAc,MAAM,0BAA0B;AAErD,IAAIC,gBAAgB,GAAG,CAAC;AACxB,OAAO,IAAMC,iBAAiB,GAC5BC,GAA8B,IACM;EACpC,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAsB,CAAC;EAEzDD,SAAS,CAAC,MAAM;IAAA,IAAAQ,YAAA;IACd,IAAI,CAACT,SAAS,EAAE;IAChB,IAAMU,OAAO,IAAAD,YAAA,GAAGH,GAAG,CAACK,OAAO,YAAAF,YAAA,GAAI,IAAI;IACnC,IAAMG,cAAc,GAAG,IAAIT,cAAc,CACtCU,OAA8B,IAAK;MAClC,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAZ,gBAAgB,GAAGa,MAAM,CAACC,qBAAqB,CAAC,MAAM;QACpDV,QAAQ,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC;MACtB,CAAC,CAAC;IACJ,CACF,CAAC;IACD,IAAIH,OAAO,EAAE;MACXE,cAAc,CAACO,OAAO,CAACT,OAAO,CAAC;IACjC;IAEA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,cAAc,CAACQ,SAAS,CAACV,OAAO,CAAC;MACnC;MACAO,MAAM,CAACI,oBAAoB,CAACjB,gBAAgB,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,CAACE,GAAG,CAAC,CAAC;EACT,OAAOC,KAAK;AACd,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,8 @@ import { useLayoutEffect, useState } from "react";
|
|
|
2
2
|
export var useIntersectionObserver = (ref, options) => {
|
|
3
3
|
var [entry, setEntry] = useState();
|
|
4
4
|
useLayoutEffect(() => {
|
|
5
|
-
var
|
|
5
|
+
var _ref$current;
|
|
6
|
+
var element = (_ref$current = ref.current) != null ? _ref$current : null;
|
|
6
7
|
var intersectionObserver = new IntersectionObserver(entries => {
|
|
7
8
|
if (!Array.isArray(entries)) {
|
|
8
9
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIntersectionObserver.js","names":["useLayoutEffect","useState","useIntersectionObserver","ref","options","entry","setEntry","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useIntersectionObserver.js","names":["useLayoutEffect","useState","useIntersectionObserver","ref","options","entry","setEntry","_ref$current","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve"],"sources":["../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\n\nexport const useIntersectionObserver = (\n ref: React.RefObject<HTMLElement | null>,\n options?: IntersectionObserverInit,\n): IntersectionObserverEntry | undefined => {\n const [entry, setEntry] = useState<IntersectionObserverEntry>();\n useLayoutEffect(() => {\n const element = ref.current ?? null;\n const intersectionObserver = new IntersectionObserver((entries) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n setEntry(entries[0]);\n }, options);\n if (element) {\n intersectionObserver.observe(element);\n }\n return () => {\n if (element) {\n intersectionObserver.unobserve(element);\n }\n };\n }, [options, ref]);\n return entry;\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,OAAO,IAAMC,uBAAuB,GAAGA,CACrCC,GAAwC,EACxCC,OAAkC,KACQ;EAC1C,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGL,QAAQ,CAA4B,CAAC;EAC/DD,eAAe,CAAC,MAAM;IAAA,IAAAO,YAAA;IACpB,IAAMC,OAAO,IAAAD,YAAA,GAAGJ,GAAG,CAACM,OAAO,YAAAF,YAAA,GAAI,IAAI;IACnC,IAAMG,oBAAoB,GAAG,IAAIC,oBAAoB,CAAEC,OAAO,IAAK;MACjE,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAT,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAER,OAAO,CAAC;IACX,IAAII,OAAO,EAAE;MACXE,oBAAoB,CAACM,OAAO,CAACR,OAAO,CAAC;IACvC;IACA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,oBAAoB,CAACO,SAAS,CAACT,OAAO,CAAC;MACzC;IACF,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,EAAED,GAAG,CAAC,CAAC;EAClB,OAAOE,KAAK;AACd,CAAC","ignoreList":[]}
|
|
@@ -5,8 +5,9 @@ var animationFrameID = 0;
|
|
|
5
5
|
export var useResizeObserver = ref => {
|
|
6
6
|
var [entry, setEntry] = useState();
|
|
7
7
|
useEffect(() => {
|
|
8
|
+
var _ref$current;
|
|
8
9
|
if (!isBrowser) return;
|
|
9
|
-
var element = ref.current ?
|
|
10
|
+
var element = (_ref$current = ref.current) != null ? _ref$current : null;
|
|
10
11
|
var resizeObserver = new ResizeObserver(entries => {
|
|
11
12
|
if (!Array.isArray(entries)) {
|
|
12
13
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useResizeObserver.js","names":["isBrowser","useEffect","useState","ResizeObserver","animationFrameID","useResizeObserver","ref","entry","setEntry","element","current","resizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current
|
|
1
|
+
{"version":3,"file":"useResizeObserver.js","names":["isBrowser","useEffect","useState","ResizeObserver","animationFrameID","useResizeObserver","ref","entry","setEntry","_ref$current","element","current","resizeObserver","entries","Array","isArray","length","window","requestAnimationFrame","observe","unobserve","cancelAnimationFrame"],"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { isBrowser } from \"../isBrowser\";\nimport { useEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nlet animationFrameID = 0;\nexport const useResizeObserver = <T extends HTMLElement>(\n ref: React.RefObject<T | null>,\n): ResizeObserverEntry | undefined => {\n const [entry, setEntry] = useState<ResizeObserverEntry>();\n\n useEffect(() => {\n if (!isBrowser) return;\n const element = ref.current ?? null;\n const resizeObserver = new ResizeObserver(\n (entries: ResizeObserverEntry[]) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n animationFrameID = window.requestAnimationFrame(() => {\n setEntry(entries[0]);\n });\n },\n );\n if (element) {\n resizeObserver.observe(element);\n }\n\n return () => {\n if (element) {\n resizeObserver.unobserve(element);\n }\n window.cancelAnimationFrame(animationFrameID);\n };\n }, [ref]);\n return entry;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,cAAc,MAAM,0BAA0B;AAErD,IAAIC,gBAAgB,GAAG,CAAC;AACxB,OAAO,IAAMC,iBAAiB,GAC5BC,GAA8B,IACM;EACpC,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAsB,CAAC;EAEzDD,SAAS,CAAC,MAAM;IAAA,IAAAQ,YAAA;IACd,IAAI,CAACT,SAAS,EAAE;IAChB,IAAMU,OAAO,IAAAD,YAAA,GAAGH,GAAG,CAACK,OAAO,YAAAF,YAAA,GAAI,IAAI;IACnC,IAAMG,cAAc,GAAG,IAAIT,cAAc,CACtCU,OAA8B,IAAK;MAClC,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;QAC3B;MACF;MACA,IAAI,CAACA,OAAO,CAACG,MAAM,EAAE;QACnB;MACF;MACAZ,gBAAgB,GAAGa,MAAM,CAACC,qBAAqB,CAAC,MAAM;QACpDV,QAAQ,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC;MACtB,CAAC,CAAC;IACJ,CACF,CAAC;IACD,IAAIH,OAAO,EAAE;MACXE,cAAc,CAACO,OAAO,CAACT,OAAO,CAAC;IACjC;IAEA,OAAO,MAAM;MACX,IAAIA,OAAO,EAAE;QACXE,cAAc,CAACQ,SAAS,CAACV,OAAO,CAAC;MACnC;MACAO,MAAM,CAACI,oBAAoB,CAACjB,gBAAgB,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,CAACE,GAAG,CAAC,CAAC;EACT,OAAOC,KAAK;AACd,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "matsuri-ui",
|
|
3
|
-
"version": "16.7.2-alpha-
|
|
3
|
+
"version": "16.7.2-alpha-1743571736513-38ac508.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/matsuri-tech/matsuri-ui.git"
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"dayjs": "1.11.13",
|
|
74
74
|
"jest": "29.7.0",
|
|
75
75
|
"jest-environment-jsdom": "29.7.0",
|
|
76
|
-
"react-router-dom": "7.4.
|
|
76
|
+
"react-router-dom": "7.4.1",
|
|
77
77
|
"ress": "5.0.2",
|
|
78
78
|
"tslib": "2.8.1"
|
|
79
79
|
},
|