@zonos/amino 5.4.24 → 5.4.26
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/all.d.ts
CHANGED
|
@@ -98,7 +98,6 @@ import './components/table/TableRowCollapse';
|
|
|
98
98
|
import './components/tabs/Tabs';
|
|
99
99
|
import './components/tag/Tag';
|
|
100
100
|
import './components/text-avatar/TextAvatar';
|
|
101
|
-
import './components/text/LegacyText';
|
|
102
101
|
import './components/text/Text';
|
|
103
102
|
import './components/textarea/Textarea';
|
|
104
103
|
import './components/theme-select/ThemeSelect';
|
|
@@ -7,6 +7,7 @@ export type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps, loc
|
|
|
7
7
|
}) => void;
|
|
8
8
|
export declare const ToastContext: import("react").Context<{
|
|
9
9
|
notify: ToastContextFunctionType;
|
|
10
|
+
dismissAllToasts: () => void;
|
|
10
11
|
dismissToast: (toastId: string) => void;
|
|
11
12
|
}>;
|
|
12
13
|
type Props = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function m(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var _=m(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__regularToastsWrapper--onKC-",f="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",T="Amino_ToastContext-module__clearAllButton--r43o-",
|
|
1
|
+
"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function m(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var _=m(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__regularToastsWrapper--onKC-",f="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",T="Amino_ToastContext-module__clearAllButton--r43o-",C="Amino_ToastContext-module__expanded--mPeFN",h="Amino_ToastContext-module__persistentToast--yMpFG";d.styleInject(".Amino_ToastContext-module__toastContainer--v8ymm{bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;justify-content:flex-end;left:var(--amino-toast-context-left);position:fixed;width:100%;z-index:9999999}.Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;display:flex;flex-direction:column;gap:16px}.Amino_ToastContext-module__regularToastsWrapper--onKC-{margin-bottom:16px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9{margin:0 auto;max-height:60vh;max-width:600px;min-height:var(--amino-toast-persistent-height);position:relative;width:100%;z-index:1000}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:hover{cursor:pointer}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__clearAllButton--r43o-{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000000f;border-radius:var(--amino-radius-4);margin-left:auto}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN{position:relative;width:100%}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN .Amino_ToastContext-module__clearAllButton--r43o-{margin-bottom:-8px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG{width:100%;z-index:8}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{z-index:10}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){z-index:9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG{filter:brightness(2);opacity:0;position:absolute;scale:.5;transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{bottom:0;filter:brightness(1);opacity:1;scale:1}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){bottom:-8px;filter:brightness(1.5);opacity:1;scale:.9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(3){bottom:-16px;filter:brightness(2);opacity:.8;scale:.8}");var A=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=A,exports.ToastContextProvider=function(n){var d=n.children,m=t.__read(o.useState([]),2),v=m[0],b=m[1],y=t.__read(o.useState([]),2),j=y[0],g=y[1],q=t.__read(o.useState(!1),2),W=q[0],F=q[1],P=t.__read(o.useState({bottom:"",left:""}),2),k=P[0],N=P[1],I=o.useCallback((function(e,o){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:e,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?g((function(e){return t.__spreadArray([n],t.__read(e),!1)})):(b((function(e){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[n],!1)})),setTimeout((function(){return b((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}),[b,g]),M=o.useCallback((function(t,e,o){o&&N({bottom:o.bottom||"",left:o.left||""}),I(t,e)}),[I]),w=o.useCallback((function(t){b((function(e){return e.filter((function(e){return e.uuid!==t}))})),g((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[g]),G=o.useCallback((function(){g([]),b([]),F(!1)}),[g,b,F]),S=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&F((function(t){return!t}))},B=o.useRef(null),K=t.__read(o.useState(0),2),R=K[0],z=K[1],D=j.find(Boolean);o.useEffect((function(){B.current&&z(B.current.offsetHeight)}),[D]);var E=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]);return e.jsxs(A.Provider,{value:E,children:[d,e.jsxs("div",{className:c,style:{"--amino-toast-context-bottom":k.bottom||"40px","--amino-toast-context-left":k.left||"auto","--amino-toast-persistent-height":j.length>0&&!W?"".concat(R+40,"px"):"unset"},children:[e.jsx("div",{className:_.default(p,x),children:e.jsx(s.AnimatePresence,{children:v.map((function(t){var o=t.props,n=t.toast,s=t.uuid,i="toast-".concat(n,"-").concat(s);return e.jsx(a.Flex,{children:e.jsx(u.Toast,{direction:null==o?void 0:o.direction,intent:null==o?void 0:o.intent,toastKey:i,children:n})},i)}))})}),e.jsxs("div",{className:_.default(p,f,W&&C),children:[!!j.length&&e.jsx(r.Button,{className:T,icon:e.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),e.jsx(s.AnimatePresence,{children:j.map((function(o,n){var s=o.props,i=o.toast,r=o.uuid,l="persistent-toast-".concat(i,"-").concat(r);return e.jsx("div",{ref:0===n?B:null,className:h,onClick:S,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||S(t)},role:"button",tabIndex:0,children:e.jsx(a.Flex,{fullWidth:!0,children:e.jsx(u.Toast,t.__assign({isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),function(t,e){t.stopPropagation(),w(e)}(t,r)},toastKey:l},s,{children:0===n||W?i:""}))})},l)}))})]})]})]})};
|
package/package.json
CHANGED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
-
type LegacyTextStyle = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'subtitle' | 'small-header' | 'input-label';
|
|
4
|
-
export type LegacyTextProps = BaseProps & {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
title?: string;
|
|
7
|
-
type?: LegacyTextStyle;
|
|
8
|
-
};
|
|
9
|
-
export declare const LegacyText: ({ children, className, style, title, type, }: LegacyTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t),i="Amino_LegacyText-module__subtitle--OBcTs",r="Amino_LegacyText-module__smallHeader--KFt66",n="Amino_LegacyText-module__inputLabel--obv0J";s.styleInject(".Amino_LegacyText-module__subtitle--OBcTs{color:var(--amino-gray-800);font-size:var(--amino-font-size-s);line-height:16px}.Amino_LegacyText-module__smallHeader--KFt66{font-size:13px;font-weight:500;letter-spacing:.05em;opacity:.5;text-transform:uppercase}.Amino_LegacyText-module__inputLabel--obv0J{color:var(--amino-gray-1000);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}");exports.LegacyText=function(t){var s=t.children,l=t.className,c=t.style,o=t.title;switch(t.type){case"h1":return e.jsx("h1",{className:l,style:c,title:o,children:s});case"h2":return e.jsx("h2",{className:l,style:c,title:o,children:s});case"h3":return e.jsx("h3",{className:l,style:c,title:o,children:s});case"h4":return e.jsx("h4",{className:l,style:c,title:o,children:s});case"h5":return e.jsx("h5",{className:l,style:c,title:o,children:s});case"h6":return e.jsx("h6",{className:l,style:c,title:o,children:s});case"subtitle":return e.jsx("span",{className:a.default(l,i),style:c,title:o,children:s});case"small-header":return e.jsx("span",{className:a.default(l,r),style:c,title:o,children:s});case"input-label":return e.jsx("span",{className:a.default(l,n),style:c,title:o,children:s});default:return e.jsx("p",{className:l,style:c,title:o,children:s})}};
|