@startlibs/components 1.1.5 → 1.2.0-rc.2

package/lib-yak/Link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","sources":["../src/Link.jsx"],"sourcesContent":["import React, {useMemo} from 'react'\nimport * as Wouter from 'wouter'\nimport { useBrowserLocation } from \"wouter/use-browser-location\"\nimport { useCallbackStable } from \"@startlibs/core\"\nimport {callIfFunction, addQueryString} from \"@startlibs/utils\";\nimport _ from 'lodash/fp'\n\nexport const Link = ({href,...props}) => _.isString(props.to) ? <Wouter.Link {...props} /> : <a {...props} href={href?.replace(\"~\",\"\")}  />\n\nexport const HistoryLink = ({to,onClick,...props}) => {\n  return <a onClick={(e) => {\n    if (onClick && !callIfFunction(onClick,e)) { return }\n    if (e.isDefaultPrevented()) { return }\n    if (!to) { return }\n    e.preventDefault()\n    const {state,pathname,search,hash} = _.isObject(to) ? to : {pathname:to}\n    const url = (pathname || \"\") + (search ? \"?\" + search.replace(/^\\?/,\"\") : \"\") + (hash ? \"#\" + hash.replace(/^#/,\"\") : \"\")\n    window.history.pushState(state, '', url)\n    var popStateEvent = new PopStateEvent('popstate', { state: state });\n    window.dispatchEvent(popStateEvent);\n  }} {...props} />\n}\n\nexport const Route = ({element,children,...props}) => <Wouter.Route {...props}>{element || children}</Wouter.Route>\nexport const Routes = Wouter.Switch\nexport const Navigate = Wouter.Redirect\nexport const useLocation = () => {\n  const [path] = Wouter.useLocation()\n  const [search] = Wouter.useSearchParams()\n  return {pathname:path,search:search ? \"?\" + search : \"\",state:window.history.state}\n}\nexport const useAbsolutePath = () => {\n  const router = Wouter.useRouter();\n  const [path] = Wouter.useLocation()\n  return router.base + path\n}\nexport const useAbsoluteLocation = () => {\n  const router = Wouter.useRouter();\n  const {pathname,search} = useLocation()\n  return router.base + pathname + search\n}\nexport const useNavigate = () => Wouter.useLocation()[1]\nexport const useParams = Wouter.useParams\nexport const useSearchParams = (defaultParams) => {\n  const [location, navigate] = Wouter.useLocation()\n  const search = Wouter.useSearch()\n  const searchParams = useMemo(() => _.assign(defaultParams,Object.fromEntries(new URLSearchParams(search).entries())), [search])\n\n  let tempSearchParams = searchParams\n\n  const setSearchParams = useCallbackStable((nextParams, options) => {\n    tempSearchParams = _.isFunction(nextParams) ? nextParams(tempSearchParams) : _.assign(tempSearchParams, nextParams)\n    const cleanParams = defaultParams\n      ? _.flow(\n        _.toPairs,\n        _.filter(([k,v]) => defaultParams[k] !== v),\n        _.fromPairs\n      )(tempSearchParams)\n      : tempSearchParams\n    navigate(addQueryString(location, cleanParams), options)\n  })\n\n  return [searchParams, setSearchParams]\n}\n\nexport const Router = Wouter.Router\n\nexport {useBrowserLocation}"],"names":["Link","_ref","href","props","_objectWithoutProperties","_excluded","_isString","to","React","createElement","Wouter","_extends","replace","HistoryLink","_ref2","onClick","_excluded2","e","callIfFunction","isDefaultPrevented","preventDefault","state","pathname","search","hash","_isObject","url","window","history","pushState","popStateEvent","PopStateEvent","dispatchEvent","Route","_ref3","element","children","_excluded3","Routes","Switch","Navigate","Redirect","useLocation","path","useSearchParams","useAbsolutePath","router","useRouter","base","useAbsoluteLocation","useNavigate","useParams","defaultParams","location","navigate","useSearch","searchParams","useMemo","_assign","Object","fromEntries","URLSearchParams","entries","tempSearchParams","setSearchParams","useCallbackStable","nextParams","options","_isFunction","cleanParams","_flow","_toPairs","_filter","_ref4","k","v","_fromPairs","addQueryString","Router"],"mappings":"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"}

package/lib-yak/Loading.mjs

@@ -0,0 +1,54 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import { styled, css } from '@yak/react';
+import { getColor, insertKeyframes } from '@startlibs/utils';
+
+const _excluded = ["color", "white", "size", "borderWidth", "absolute"];
+
+// Nome fixo do @keyframes preservado: um `keyframes` do styled-components geraria um nome
+// com hash, diferente do atual "loading-spin" (quebraria quem lê animationName). Por isso
+// o bloco fica fora de um template styled/css/keyframes, registrado pelo CSSOM (sem nonce)
+// no primeiro render do Loading (não no import: o pacote declara "sideEffects": false e
+// código de topo de módulo pode ser descartado por um bundler mais agressivo se achar as
+// exportações não usadas).
+const injectSpinKeyframes = () => insertKeyframes('loading-spin', '100% { transform: rotate(1turn) }');
+
+// styled(LoadingBase) mira num componente, não numa tag: ao contrário do antigo styled.div,
+// o styled-components não filtra prop inválida pra <div> nesse caso. Por isso tira aqui,
+// à mão, cada prop que o template do Loading lê, antes de espalhar o resto no elemento real.
+const LoadingBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let props = _objectWithoutProperties(_ref, _excluded);
+  injectSpinKeyframes();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, props));
+});
+const Loading = styled(LoadingBase).attrs({
+  className: "styled-loading"
+})`
+    z-index:1;
+    --loading-color: ${props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor("main")(props))};
+    --loading-bw: ${props => props.borderWidth || 4}px;
+    width: ${props => props.size || 26}px;
+    aspect-ratio: 1;
+    flex-shrink: 0;
+    border-radius: 50%;
+    background:
+      radial-gradient(farthest-side, var(--loading-color) 94%, #0000) top/var(--loading-bw) var(--loading-bw) no-repeat,
+      conic-gradient(#0000 15%, var(--loading-color));
+    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);
+    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);
+    animation: loading-spin 0.6s infinite linear;
+    ${props => props.absolute && css`
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      margin: auto;
+    `}
+  `;
+
+export { Loading };
+//# sourceMappingURL=Loading.mjs.map

package/lib-yak/Loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.mjs","sources":["../src/Loading.jsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport {getColor, insertKeyframes} from '@startlibs/utils'\n\n// Nome fixo do @keyframes preservado: um `keyframes` do styled-components geraria um nome\n// com hash, diferente do atual \"loading-spin\" (quebraria quem lê animationName). Por isso\n// o bloco fica fora de um template styled/css/keyframes, registrado pelo CSSOM (sem nonce)\n// no primeiro render do Loading (não no import: o pacote declara \"sideEffects\": false e\n// código de topo de módulo pode ser descartado por um bundler mais agressivo se achar as\n// exportações não usadas).\nconst injectSpinKeyframes = () => insertKeyframes('loading-spin', '100% { transform: rotate(1turn) }')\n\n// styled(LoadingBase) mira num componente, não numa tag: ao contrário do antigo styled.div,\n// o styled-components não filtra prop inválida pra <div> nesse caso. Por isso tira aqui,\n// à mão, cada prop que o template do Loading lê, antes de espalhar o resto no elemento real.\nconst LoadingBase = React.forwardRef(({color, white, size, borderWidth, absolute, ...props}, ref) => {\n  injectSpinKeyframes()\n  return <div ref={ref} {...props}/>\n})\n\nexport const Loading = styled(LoadingBase)`\n    z-index:1;\n    --loading-color: ${props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor(\"main\")(props))};\n    --loading-bw: ${props => props.borderWidth || 4}px;\n    width: ${props => props.size || 26}px;\n    aspect-ratio: 1;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background:\n      radial-gradient(farthest-side, var(--loading-color) 94%, #0000) top/var(--loading-bw) var(--loading-bw) no-repeat,\n      conic-gradient(#0000 15%, var(--loading-color));\n    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    animation: loading-spin 0.6s infinite linear;\n    ${props => props.absolute && `\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      margin: auto;\n    `}\n  `\n"],"names":["injectSpinKeyframes","insertKeyframes","LoadingBase","React","forwardRef","_ref","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","Loading","styled","attrs","className","color","white","getColor","borderWidth","size","absolute","css"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,mBAAmB,GAAGA,MAAMC,eAAe,CAAC,cAAc,EAAE,mCAAmC,CAAC,CAAA;;AAEtG;AACA;AACA;AACA,MAAMC,WAAW,gBAAGC,KAAK,CAACC,UAAU,CAAC,CAAAC,IAAA,EAAwDC,GAAG,KAAK;EAA/D,IAA+CC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,EAAA;AACxFT,EAAAA,mBAAmB,EAAE,CAAA;AACrB,EAAA,oBAAOG,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKL,IAAAA,GAAG,EAAEA,GAAAA;GAASC,EAAAA,KAAK,CAAE,CAAC,CAAA;AACpC,CAAC,CAAC,CAAA;AAEK,MAAMK,OAAO,GAAGC,MAAM,CAACX,WAAW,CAAC,CAAAY,KAAA,CAAA;EAAAC,SAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAA;AAC1C;AACA,qBAAA,EAAuBR,KAAK,IAAIA,KAAK,CAACS,KAAK,KAAKT,KAAK,CAACU,KAAK,GAAG,uBAAuB,GAAGC,QAAQ,CAAC,MAAM,CAAC,CAACX,KAAK,CAAC,CAAC,CAAA;AAChH,kBAAA,EAAoBA,KAAK,IAAIA,KAAK,CAACY,WAAW,IAAI,CAAC,CAAA;AACnD,WAAA,EAAaZ,KAAK,IAAIA,KAAK,CAACa,IAAI,IAAI,EAAE,CAAA;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMb,KAAK,IAAIA,KAAK,CAACc,QAAQ,IAAAC,GAAA,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAG;;;;"}

package/lib-yak/LoadingDiv.mjs

@@ -0,0 +1,82 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _isString from 'lodash/fp/isString';
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React from 'react';
+import { keyframes, styled } from '@yak/react';
+import { willUseFlipSwitch } from './Flip.mjs';
+import { Loading } from './Loading.mjs';
+import { useLazyConstant, useEnsureRef } from '@startlibs/core';
+import { twoWayAnimation } from '@startlibs/utils';
+
+const _excluded = ["useAnimation", "outerRef", "onEnter", "onLeave"];
+const [loadingEnter, loadingLeave] = twoWayAnimation('opacity:0;', 'opacity:1;');
+[keyframes`0% { opacity:0; transform:translateY(50%) } 100% { opacity:1;transform:translateY(0) }`, keyframes`0% { opacity:1;transform:translateY(0) } 100% { opacity:0; transform:translateY(50%) }`];
+const BlockContainer = styled(yakDomTag("div"))`
+  position:relative;
+`;
+const FlipDiv = _ref => {
+  let {
+      useAnimation,
+      outerRef,
+      onEnter = onEnter,
+      onLeave = onLeave
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const ensuredRef = useEnsureRef(outerRef);
+  useAnimation(ensuredRef, onEnter, onLeave);
+  return /*#__PURE__*/React.createElement(BlockContainer, _extends({}, props, {
+    ref: ensuredRef
+  }));
+};
+const PaddingDiv = styled(yakDomTag("div"))`
+  padding: ${props => props.height} 0;
+`;
+const LoadingDiv = _ref2 => {
+  let {
+    defaultToSuspense = true,
+    fallback,
+    isLoading,
+    className,
+    height = 12,
+    size = 32,
+    borderWidth = 5,
+    children
+  } = _ref2;
+  const flipAnimation = useLazyConstant(willUseFlipSwitch);
+  const loadingBlock = /*#__PURE__*/React.createElement(PaddingDiv, {
+    height: _isString(height) ? borderWidth : height + 'rem'
+  }, /*#__PURE__*/React.createElement(Loading, {
+    autoFocus: true,
+    absolute: true,
+    size: size,
+    borderWidth: borderWidth
+  }));
+  return /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement(FlipDiv, {
+      key: "loading",
+      padded: true,
+      onEnter: loadingEnter,
+      onLeave: loadingLeave,
+      useAnimation: flipAnimation,
+      className: className
+    }, fallback, loadingBlock)
+  }, typeof isLoading === 'boolean' || defaultToSuspense ? isLoading ? /*#__PURE__*/React.createElement(FlipDiv, {
+    key: "loading",
+    padded: true,
+    onEnter: loadingEnter,
+    onLeave: loadingLeave,
+    useAnimation: flipAnimation,
+    className: className
+  }, fallback, loadingBlock) : /*#__PURE__*/React.createElement(FlipDiv, {
+    key: "loaded",
+    loaded: true,
+    onEnter: loadingEnter,
+    onLeave: loadingLeave,
+    useAnimation: flipAnimation,
+    className: className
+  }, children) : children);
+};
+
+export { LoadingDiv };
+//# sourceMappingURL=LoadingDiv.mjs.map

package/lib-yak/LoadingDiv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDiv.mjs","sources":["../src/LoadingDiv.jsx"],"sourcesContent":["import React from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {willUseFlipSwitch} from './Flip'\nimport {Loading} from './Loading'\nimport {useEnsureRef, useLazyConstant} from '@startlibs/core'\nimport {twoWayAnimation} from '@startlibs/utils'\n\n\nconst [loadingEnter, loadingLeave] = twoWayAnimation('opacity:0;', 'opacity:1;')\nconst [onEnter, onLeave] = twoWayAnimation('opacity:0; transform:translateY(50%)', 'opacity:1;transform:translateY(0)')\n\nconst BlockContainer = styled.div`\n  position:relative;\n`\n\nconst FlipDiv = ({useAnimation, outerRef, onEnter = onEnter, onLeave = onLeave, ...props}) => {\n  const ensuredRef = useEnsureRef(outerRef)\n  useAnimation(ensuredRef, onEnter, onLeave)\n  return <BlockContainer {...props} ref={ensuredRef}/>\n}\n\nconst PaddingDiv = styled.div`\n  padding: ${props => props.height} 0;\n`\n\nexport const LoadingDiv = ({defaultToSuspense = true, fallback, isLoading, className, height = 12, size = 32, borderWidth = 5, children}) => {\n  const flipAnimation = useLazyConstant(willUseFlipSwitch)\n\n  const loadingBlock = <PaddingDiv height={_.isString(height) ? borderWidth : (height+'rem')}>\n    <Loading autoFocus absolute size={size} borderWidth={borderWidth}/>\n  </PaddingDiv>\n\n  return <React.Suspense\n    fallback={<FlipDiv\n      key=\"loading\"\n      padded\n      onEnter={loadingEnter}\n      onLeave={loadingLeave}\n      useAnimation={flipAnimation}\n      className={className}\n    >\n      {fallback}\n      {loadingBlock}\n    </FlipDiv>}\n  >\n    {\n      (typeof isLoading === 'boolean' || defaultToSuspense)\n        ? (isLoading\n          ? <FlipDiv\n            key=\"loading\"\n            padded\n            onEnter={loadingEnter}\n            onLeave={loadingLeave}\n            useAnimation={flipAnimation}\n            className={className}\n          >\n            {fallback}\n            {loadingBlock}\n          </FlipDiv>\n          : <FlipDiv\n            key=\"loaded\"\n            loaded\n            onEnter={loadingEnter}\n            onLeave={loadingLeave}\n            useAnimation={flipAnimation}\n            className={className}\n          >\n            {children}\n          </FlipDiv>\n        )\n        : children\n    }\n  </React.Suspense>\n}"],"names":["loadingEnter","loadingLeave","twoWayAnimation","keyframes","BlockContainer","styled","yakDomTag","FlipDiv","_ref","useAnimation","outerRef","onEnter","onLeave","props","_objectWithoutProperties","_excluded","ensuredRef","useEnsureRef","React","createElement","_extends","ref","PaddingDiv","height","LoadingDiv","_ref2","defaultToSuspense","fallback","isLoading","className","size","borderWidth","children","flipAnimation","useLazyConstant","willUseFlipSwitch","loadingBlock","_isString","Loading","autoFocus","absolute","Suspense","key","padded","loaded"],"mappings":"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"}

package/lib-yak/Notifications.mjs

@@ -0,0 +1,99 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _isObject from 'lodash/fp/isObject';
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React, { useEffect, useRef } from 'react';
+import { styled } from '@yak/react';
+import { willUseSharedState, useToggle, Fill } from '@startlibs/core';
+import { getColor, oneWayAnimation, callIfFunction } from '@startlibs/utils';
+import { useFlipAnimation } from './Flip.mjs';
+import { Icon } from './Icon.mjs';
+
+const NotificationContainer = styled(yakDomTag("div"))`
+  position: fixed;
+  top: 0;
+  height: 1px;
+  left: 0;
+  right: 0;
+  text-align: center;
+`;
+const Notification = styled(yakDomTag("div"))`
+  padding: 1rem 4.5rem 1rem 1.5rem;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 10px;
+  color: white;
+  text-align: left;
+  background: ${props => getColor(props.type)(props)};
+  box-shadow: 0 2px 0px 0px rgba(0,0,0,0.1);
+  min-width: 12rem;
+  min-height: 48px;
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  top: 1rem;
+  ${Icon} {
+    color: white;
+    display: inline-block;
+    background-color: rgba(0,0,0,0.1);
+    font-size: 18px;
+    width: 24px;
+    height: 24px;
+    text-align: center;
+    line-height: 24px;
+    border-radius: 50%;
+    cursor: pointer;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 1rem;
+    &:hover {
+      background-color: rgba(0,0,0,0.2);
+    }
+  }
+`;
+const [useNotification, useNotificationRef, setNotification] = willUseSharedState();
+const willSetNotification = str => () => setNotification(str);
+const animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)');
+const Notifications = () => {
+  const toggle = useToggle();
+  const [rawNotification, setNotification] = useNotification();
+  const {
+    msg,
+    type,
+    timeout = 5000
+  } = _isObject(rawNotification) ? rawNotification : {
+    type: "success",
+    msg: rawNotification
+  };
+  useEffect(() => {
+    if (msg) {
+      toggle.open();
+      setTimeout(toggle.willCloseAfter(timeout), 100);
+    }
+  }, [msg]);
+  useEffect(() => {
+    if (!toggle.isOpen) {
+      setNotification(null);
+    }
+  }, [toggle.isOpen]);
+  return toggle.isOpen && /*#__PURE__*/React.createElement(Fill, {
+    name: "Notifications"
+  }, /*#__PURE__*/React.createElement(FlipNotification, {
+    type: type
+  }, callIfFunction(msg, toggle.close), /*#__PURE__*/React.createElement(Icon, {
+    icon: "x",
+    onClick: toggle.close
+  })));
+};
+const FlipNotification = props => {
+  const ref = useRef();
+  useFlipAnimation(ref, animation);
+  return /*#__PURE__*/React.createElement(NotificationContainer, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Notification, _extends({
+    id: "js-share-notification"
+  }, props)));
+};
+
+export { Notifications, setNotification, useNotification, useNotificationRef, willSetNotification };
+//# sourceMappingURL=Notifications.mjs.map

package/lib-yak/Notifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.mjs","sources":["../src/Notifications.jsx"],"sourcesContent":["import React, {useEffect, useRef} from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {Fill, useToggle, willUseSharedState} from '@startlibs/core'\nimport {callIfFunction, getColor, oneWayAnimation} from '@startlibs/utils'\nimport {useFlipAnimation} from './Flip'\nimport {Icon} from './Icon'\n\nconst NotificationContainer = styled.div `\n  position: fixed;\n  top: 0;\n  height: 1px;\n  left: 0;\n  right: 0;\n  text-align: center;\n`\n\nconst Notification = styled.div `\n  padding: 1rem 4.5rem 1rem 1.5rem;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 10px;\n  color: white;\n  text-align: left;\n  background: ${props => getColor(props.type)(props)};\n  box-shadow: 0 2px 0px 0px rgba(0,0,0,0.1);\n  min-width: 12rem;\n  min-height: 48px;\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  top: 1rem;\n  ${Icon} {\n    color: white;\n    display: inline-block;\n    background-color: rgba(0,0,0,0.1);\n    font-size: 18px;\n    width: 24px;\n    height: 24px;\n    text-align: center;\n    line-height: 24px;\n    border-radius: 50%;\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 1rem;\n    &:hover {\n      background-color: rgba(0,0,0,0.2);\n    }\n  }\n`\n\nconst [useNotification, useNotificationRef,setNotification] = willUseSharedState()\nexport {useNotification, useNotificationRef, setNotification}\nexport const willSetNotification = (str) => () => setNotification(str)\n\nconst animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)')\n\nexport const Notifications = () => {\n  const toggle = useToggle()\n  const [rawNotification,setNotification] = useNotification()\n\n  const {msg,type,timeout = 5000} = _.isObject(rawNotification) ? rawNotification : {type:\"success\",msg:rawNotification}\n\n  useEffect(() => {\n    if (msg) {\n      toggle.open()\n      setTimeout(toggle.willCloseAfter(timeout), 100)\n    }\n  },[msg])\n  useEffect(() => {\n    if (!toggle.isOpen) {\n      setNotification(null)\n    }\n  },[toggle.isOpen])\n\n  return toggle.isOpen && (<Fill name=\"Notifications\">\n    <FlipNotification type={type}>\n      {callIfFunction(msg,toggle.close)}\n      <Icon icon=\"x\" onClick={toggle.close}/>\n    </FlipNotification>\n  </Fill>)\n}\nconst FlipNotification = (props) => {\n  const ref = useRef()\n  useFlipAnimation(ref,animation)\n  return <NotificationContainer ref={ref}><Notification id=\"js-share-notification\" {...props}/></NotificationContainer>\n}"],"names":["NotificationContainer","styled","yakDomTag","Notification","props","getColor","type","Icon","useNotification","useNotificationRef","setNotification","willUseSharedState","willSetNotification","str","animation","oneWayAnimation","Notifications","toggle","useToggle","rawNotification","msg","timeout","_isObject","useEffect","open","setTimeout","willCloseAfter","isOpen","React","createElement","Fill","name","FlipNotification","callIfFunction","close","icon","onClick","ref","useRef","useFlipAnimation","_extends","id"],"mappings":"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"}

package/lib-yak/PageLoader.mjs

@@ -0,0 +1,61 @@
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React, { useEffect } from 'react';
+import { styled, css } from '@yak/react';
+import { getColor, oneWayAnimation, animationTiming } from '@startlibs/utils';
+import { useToggle } from '@startlibs/core';
+import { useFlipLeave } from './Flip.mjs';
+
+const LoadingBar = styled(yakDomTag("div")).attrs({
+  className: "styled-loading-bar"
+})`
+  width: 100%;
+  border-radius: 0 1px 1px 0;
+  height: 4px;
+  position: fixed;
+  background: ${props => props.bottom ? getColor('main') : `#84D359`};
+  transform: translateX(-100%);
+  ${props => props.bottom ? css`bottom:69px;` : css`top: 0;`}
+  left: 0;
+  z-index: 99999;
+  box-shadow: ${props => props.bottom ? `0 0 1px 1px rgba(0,132,214,0.2)` : `0 0 2px 0 rgba(0,0,0,0.5)`};
+  ${props => props.loading && css`
+    transform: translateX(-30%);
+    transition: transform 1.5s ease;
+  `}
+  ${props => props.closing && css`
+    transform: translateX(0);
+    transition: transform 0.3s ease-in;
+  `}
+`;
+const PageLoader = _ref => {
+  let {
+    isLoading
+  } = _ref;
+  const loader = useToggle();
+  useEffect(() => {
+    if (isLoading) {
+      loader.open();
+    } else {
+      loader.closeAfter(500);
+    }
+  }, [isLoading]);
+  return /*#__PURE__*/React.createElement(LoadingBar, {
+    loading: loader.isOpen,
+    closing: loader.closing
+  });
+};
+const animation = oneWayAnimation('transform:translateX(-30%);', 'transform:translateX(0);');
+const SuspenseLoadingBar = () => {
+  const ref = React.useRef();
+  useFlipLeave(ref, animation, {
+    reverse: false,
+    timing: animationTiming('0.3s ease-in')
+  });
+  return /*#__PURE__*/React.createElement(LoadingBar, {
+    ref: ref,
+    loading: true
+  });
+};
+
+export { LoadingBar, PageLoader, SuspenseLoadingBar };
+//# sourceMappingURL=PageLoader.mjs.map

package/lib-yak/PageLoader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoader.mjs","sources":["../src/PageLoader.jsx"],"sourcesContent":["import React, {useEffect} from 'react'\nimport styled from 'styled-components'\nimport {oneWayAnimation, getColor} from '@startlibs/utils'\nimport {useToggle} from '@startlibs/core'\nimport {useFlipLeave} from './Flip'\nimport {animationTiming} from '@startlibs/utils'\n\nexport const LoadingBar = styled.div`\n  width: 100%;\n  border-radius: 0 1px 1px 0;\n  height: 4px;\n  position: fixed;\n  background: ${props => props.bottom ? getColor('main') : `#84D359`};\n  transform: translateX(-100%);\n  ${props => props.bottom ? \"bottom:69px;\" : \"top: 0;\"}\n  left: 0;\n  z-index: 99999;\n  box-shadow: ${props => props.bottom ? `0 0 1px 1px rgba(0,132,214,0.2)` : `0 0 2px 0 rgba(0,0,0,0.5)`};\n  ${props => props.loading && `\n    transform: translateX(-30%);\n    transition: transform 1.5s ease;\n  `}\n  ${props => props.closing && `\n    transform: translateX(0);\n    transition: transform 0.3s ease-in;\n  `}\n`\n\n\nexport const PageLoader = ({isLoading}) => {\n  const loader = useToggle()\n  useEffect(() => {\n    if (isLoading) {\n      loader.open()\n    } else {\n      loader.closeAfter(500)\n    }\n  },[isLoading])\n\n  return <LoadingBar loading={loader.isOpen} closing={loader.closing}/>\n}\n\nconst animation = oneWayAnimation('transform:translateX(-30%);','transform:translateX(0);')\nexport const SuspenseLoadingBar = () => {\n  const ref = React.useRef()\n  useFlipLeave(ref,animation,{reverse: false,timing:animationTiming('0.3s ease-in')})\n  return <LoadingBar ref={ref} loading/>\n}"],"names":["LoadingBar","styled","yakDomTag","attrs","className","props","bottom","getColor","css","loading","closing","PageLoader","_ref","isLoading","loader","useToggle","useEffect","open","closeAfter","React","createElement","isOpen","animation","oneWayAnimation","SuspenseLoadingBar","ref","useRef","useFlipLeave","reverse","timing","animationTiming"],"mappings":";;;;;;;MAOaA,UAAU,GAAGC,MAAA,CAAAC,SAAA,SAAAC,KAAA,CAAA;EAAAC,SAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CAAA;AAC1B;AACA;AACA;AACA;AACA,cAAgBC,EAAAA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAGC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAS,OAAA,CAAA,CAAA;AACpE;AACA,EAAIF,EAAAA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAAE,GAAA,CAAAA,YAAAA,CAAAA,GAAAA,GAAA,CAA6B,OAAA,CAAA,CAAA;AACtD;AACA;AACA,cAAgBH,EAAAA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAG,CAAA,+BAAA,CAAiC,GAAG,CAA2B,yBAAA,CAAA,CAAA;AACvG,EAAA,EAAID,KAAK,IAAIA,KAAK,CAACI,OAAO,IAAAD,GAAA,CAAA;AAC1B;AACA;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACK,OAAO,IAAAF,GAAA,CAAA;AAC1B;AACA;AACA,EAAG,CAAA,CAAA;AACH,EAAC;AAGYG,MAAAA,UAAU,GAAGC,IAAA,IAAiB;EAAA,IAAhB;AAACC,IAAAA,SAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AACpC,EAAA,MAAME,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1BC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,SAAS,EAAE;MACbC,MAAM,CAACG,IAAI,EAAE,CAAA;AACf,KAAC,MAAM;AACLH,MAAAA,MAAM,CAACI,UAAU,CAAC,GAAG,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAC,CAACL,SAAS,CAAC,CAAC,CAAA;AAEd,EAAA,oBAAOM,KAAA,CAAAC,aAAA,CAACpB,UAAU,EAAA;IAACS,OAAO,EAAEK,MAAM,CAACO,MAAO;IAACX,OAAO,EAAEI,MAAM,CAACJ,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACvE,EAAC;AAED,MAAMY,SAAS,GAAGC,eAAe,CAAC,6BAA6B,EAAC,0BAA0B,CAAC,CAAA;AAC9EC,MAAAA,kBAAkB,GAAGA,MAAM;AACtC,EAAA,MAAMC,GAAG,GAAGN,KAAK,CAACO,MAAM,EAAE,CAAA;AAC1BC,EAAAA,YAAY,CAACF,GAAG,EAACH,SAAS,EAAC;AAACM,IAAAA,OAAO,EAAE,KAAK;IAACC,MAAM,EAACC,eAAe,CAAC,cAAc,CAAA;AAAC,GAAC,CAAC,CAAA;AACnF,EAAA,oBAAOX,KAAA,CAAAC,aAAA,CAACpB,UAAU,EAAA;AAACyB,IAAAA,GAAG,EAAEA,GAAI;IAAChB,OAAO,EAAA,IAAA;AAAA,GAAC,CAAC,CAAA;AACxC;;;;"}

package/lib-yak/PersistentNotifications.mjs

@@ -0,0 +1,209 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _over from 'lodash/fp/over';
+import _isString from 'lodash/fp/isString';
+import _without from 'lodash/fp/without';
+import _isObject from 'lodash/fp/isObject';
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React, { useRef } from 'react';
+import { styled, css } from '@yak/react';
+import { willUseSharedState, Fill } from '@startlibs/core';
+import { getColor, oneWayAnimation, callIfFunction } from '@startlibs/utils';
+import { useFlipAnimation } from './Flip.mjs';
+import { Icon } from './Icon.mjs';
+import { transparentize, darken } from 'polished';
+import { Button } from './Button.mjs';
+
+const _excluded = ["content", "type", "marginTop"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const PersistentNotification = styled(yakDomTag("div")).attrs({
+  className: "styled-persistent-notification"
+})`
+  color: ${__yakProps => {
+  const v = getColor('warning');
+  return typeof v === 'function' ? v(__yakProps) : v;
+}};
+  h4 {
+    font-size: 15px;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+  }
+  p {
+    font-size: 13px;
+    margin-bottom: 0;
+  }
+`;
+const PersistentNotificationContent = styled(yakDomTag("div")).attrs({
+  className: "styled-persistent-notification-content"
+})`
+  display: flex;
+  align-items: center;
+  padding: 1.5rem;
+`;
+const PersistentNotificationIcon = styled(Icon).attrs({
+  className: "styled-persistent-notification-icon"
+})`
+  font-size: 38px;
+  width: 4rem;
+  height: 4rem;
+  line-height: 4rem;
+  border-radius: 100px;
+  text-align: center;
+  background: ${props => transparentize(0.88, getColor("warning")(props))};
+  margin-right: 1rem;
+  flex-shrink: 0;
+  ${props => props.icon === 'warning' && css`font-size:30px;`}
+`;
+const PersistentNotificationActions = styled(yakDomTag("div")).attrs({
+  className: "styled-persistent-notification-actions"
+})`
+  display: flex;
+  margin-top: -0.25rem;
+  padding: 0 1.5rem 1.5rem;
+  ${Button} {
+    flex-grow: 1;
+  }
+  ${Button} ~ ${Button} {
+    margin-left: 0;
+    margin-right: 1rem;
+  }
+  @media (max-width: 390px) {
+    display: block;
+    ${Button} {
+      width: 100%;
+    }
+    ${Button} ~ ${Button} {
+      margin-left: 0;
+      margin-top: 0.75rem;
+    }
+  }
+`;
+const PersistentNotificationCloseIcon = styled(Icon).attrs({
+  icon: 'x',
+  className: "styled-persistent-notification-close-icon"
+})`
+    position: absolute;
+    width: 30px;
+    height: 30px;
+    font-size: 20px;
+    line-height: 30px;
+    cursor: pointer;
+    border-radius: 50%;
+    text-align: center;
+    z-index: 1000;
+    top: 0.5rem;
+    right: 0.5rem;
+    color: ${props => props.type && props.type !== 'main' ? getColor(props.type)(props) : darken(0.1, getColor("main")(props))};
+    background: ${props => transparentize(0.90, getColor(props.type || "main")(props))};
+    &:hover {
+      background: ${props => transparentize(0.85, getColor(props.type || "main")(props))};
+    }
+    &:active {
+      background: ${props => transparentize(0.82, getColor(props.type || "main")(props))};
+    }
+  `;
+const [useNotifications,, setNotifications] = willUseSharedState([]);
+const openPersistentNotification = notification => {
+  const newNotification = _objectSpread({
+    priority: 0,
+    type: "success"
+  }, _isObject(notification) ? notification : {
+    content: notification
+  });
+  setNotifications(list => {
+    const nextIndex = list.findIndex(n => n.priority < newNotification.priority);
+    return nextIndex < 0 ? [...list, newNotification] : [...list.slice(0, nextIndex), newNotification, ...list.slice(nextIndex)];
+  });
+  return () => setNotifications(_without([newNotification]));
+};
+const animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)');
+const NotificationContainer = styled(yakDomTag("div"))`
+  position: fixed;
+  top: 0;
+  height: 0;
+  right: 0;
+  z-index:20;
+`;
+const Notification = styled(yakDomTag("div"))`
+  background: ${props => transparentize(0.9, getColor(props.type)(props))};
+  position: relative;
+  border-radius: 19px;
+`;
+const NotificationWrapper = styled(yakDomTag("div"))`
+  background: white;
+  margin-top: ${props => props.marginTop || "3.5rem"};
+  margin-right: 0.75rem;
+  margin-left: 0.75rem;
+  padding: 5px;
+  border-radius: 22px;
+  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), 0 1px 2px 1px rgba(0,0,0,0.15);
+  max-width: 364px;
+  @media (max-width: 600px) {
+    margin-top: ${props => props.marginTop || "4rem"};
+  }
+  @media print {
+    display: none;
+  }
+`;
+const [useIsHiddenPersistentNotifications,, hidePersistentNotifications] = willUseSharedState(false);
+const PersistentNotifications = () => {
+  const [notifications, setNotifications] = useNotifications();
+  const [isHidden] = useIsHiddenPersistentNotifications();
+  if (!notifications.length || isHidden) {
+    return null;
+  }
+  const closeMessage = e => {
+    setNotifications(list => list.slice(1));
+  };
+  const _notifications$ = notifications[0],
+    {
+      content,
+      type,
+      marginTop
+    } = _notifications$,
+    notification = _objectWithoutProperties(_notifications$, _excluded);
+  return /*#__PURE__*/React.createElement(Fill, {
+    name: "PersistentNotifications"
+  }, /*#__PURE__*/React.createElement(FlipNotification, {
+    type: type,
+    marginTop: marginTop
+  }, content ? callIfFunction(content, closeMessage) : /*#__PURE__*/React.createElement(DefaultNotification, _extends({
+    type: type,
+    _onClose: closeMessage
+  }, notification))));
+};
+const DefaultNotification = _ref => {
+  let {
+    type,
+    title,
+    body,
+    actions,
+    icon,
+    skipClose,
+    _onClose,
+    onClose
+  } = _ref;
+  return /*#__PURE__*/React.createElement(PersistentNotification, null, /*#__PURE__*/React.createElement(PersistentNotificationContent, null, _isString(icon) || !icon ? /*#__PURE__*/React.createElement(PersistentNotificationIcon, {
+    icon: icon || type
+  }) : icon, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, title), body)), actions && /*#__PURE__*/React.createElement(PersistentNotificationActions, null, actions), !skipClose && /*#__PURE__*/React.createElement(PersistentNotificationCloseIcon, {
+    type: "warning",
+    onClick: _over([_onClose, onClose])
+  }));
+};
+const FlipNotification = props => {
+  const ref = useRef();
+  useFlipAnimation(ref, animation);
+  return /*#__PURE__*/React.createElement(NotificationContainer, {
+    className: "JS-fix-dialog-scroll",
+    ref: ref
+  }, /*#__PURE__*/React.createElement(NotificationWrapper, {
+    marginTop: props.marginTop
+  }, /*#__PURE__*/React.createElement(Notification, _extends({
+    id: "js-share-notification"
+  }, props))));
+};
+
+export { PersistentNotification, PersistentNotificationActions, PersistentNotificationCloseIcon, PersistentNotificationContent, PersistentNotificationIcon, PersistentNotifications, hidePersistentNotifications, openPersistentNotification, useIsHiddenPersistentNotifications };
+//# sourceMappingURL=PersistentNotifications.mjs.map

package/lib-yak/PersistentNotifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersistentNotifications.mjs","sources":["../src/PersistentNotifications.jsx"],"sourcesContent":["import React, {useRef} from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {Fill, willUseSharedState} from '@startlibs/core'\nimport {media,getColor, callIfFunction, oneWayAnimation, printerMedia} from '@startlibs/utils'\nimport {useFlipAnimation} from './Flip'\nimport {Icon} from './Icon'\nimport {darken, transparentize } from 'polished';\nimport {Button} from './Button'\n\nexport const PersistentNotification = styled.div`\n  color: ${getColor('warning')};\n  h4 {\n    font-size: 15px;\n    font-weight: 500;\n    margin-bottom: 0.5rem;\n  }\n  p {\n    font-size: 13px;\n    margin-bottom: 0;\n  }\n`\n\nexport const PersistentNotificationContent = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 1.5rem;\n`\nexport const PersistentNotificationIcon = styled(Icon)`\n  font-size: 38px;\n  width: 4rem;\n  height: 4rem;\n  line-height: 4rem;\n  border-radius: 100px;\n  text-align: center;\n  background: ${props => transparentize(0.88, getColor(\"warning\")(props))};\n  margin-right: 1rem;\n  flex-shrink: 0;\n  ${props => props.icon === 'warning' && `font-size:30px;`}\n`\nexport const PersistentNotificationActions = styled.div`\n  display: flex;\n  margin-top: -0.25rem;\n  padding: 0 1.5rem 1.5rem;\n  ${Button} {\n    flex-grow: 1;\n  }\n  ${Button} ~ ${Button} {\n    margin-left: 0;\n    margin-right: 1rem;\n  }\n  ${media.max(390)`\n    display: block;\n    ${Button} {\n      width: 100%;\n    }\n    ${Button} ~ ${Button} {\n      margin-left: 0;\n      margin-top: 0.75rem;\n    }\n  `}\n`\nexport const PersistentNotificationCloseIcon = styled(Icon).attrs({icon: 'x'})`\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    line-height: 30px;\n    cursor: pointer;\n    border-radius: 50%;\n    text-align: center;\n    z-index: 1000;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: ${props => props.type && props.type!== 'main' ? getColor(props.type)(props) : darken(0.1, getColor(\"main\")(props))};\n    background: ${props => transparentize(0.90, getColor(props.type || \"main\")(props))};\n    &:hover {\n      background: ${props => transparentize(0.85, getColor(props.type || \"main\")(props))};\n    }\n    &:active {\n      background: ${props => transparentize(0.82, getColor(props.type || \"main\")(props))};\n    }\n  `\n\n\nconst [useNotifications, ,setNotifications] = willUseSharedState([])\n\nexport const openPersistentNotification = (notification) => {\n  const newNotification = {priority:0,type:\"success\",...(_.isObject(notification) ? notification : {content:notification})}\n\n  setNotifications(list => {\n    const nextIndex = list.findIndex(n => n.priority < newNotification.priority)\n    return nextIndex < 0\n      ? [...list,newNotification]\n      : [...list.slice(0,nextIndex),newNotification,...list.slice(nextIndex)]\n  })\n  return () => setNotifications(_.without([newNotification]))\n}\n\n\nconst animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)')\n\nconst NotificationContainer = styled.div `\n  position: fixed;\n  top: 0;\n  height: 0;\n  right: 0;\n  z-index:20;\n`\n\nconst Notification = styled.div `\n  background: ${props => transparentize(0.9, getColor(props.type)(props))};\n  position: relative;\n  border-radius: 19px;\n`\nconst NotificationWrapper = styled.div `\n  background: white;\n  margin-top: ${props => props.marginTop || \"3.5rem\"};\n  margin-right: 0.75rem;\n  margin-left: 0.75rem;\n  padding: 5px;\n  border-radius: 22px;\n  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), 0 1px 2px 1px rgba(0,0,0,0.15);\n  max-width: 364px;\n  ${media.mobile`\n    margin-top: ${props => props.marginTop || \"4rem\"};\n  `}\n  ${printerMedia`\n    display: none;\n  `}\n`\nconst [useIsHiddenPersistentNotifications,,hidePersistentNotifications] = willUseSharedState(false)\nexport {useIsHiddenPersistentNotifications, hidePersistentNotifications}\nexport const PersistentNotifications = () => {\n  const [notifications,setNotifications] = useNotifications()\n  const [isHidden] = useIsHiddenPersistentNotifications()\n\n  if (!notifications.length || isHidden) {\n    return null;\n  }\n  const closeMessage = (e) => {\n    setNotifications((list) => list.slice(1))\n  }\n\n  const {content,type,marginTop,...notification} = notifications[0]\n\n  return <Fill name=\"PersistentNotifications\">\n    <FlipNotification type={type} marginTop={marginTop}>\n      {content\n        ? callIfFunction(content,closeMessage)\n        : <DefaultNotification type={type} _onClose={closeMessage} {...notification} />\n      }\n    </FlipNotification>\n  </Fill>\n}\n\nconst DefaultNotification = ({type, title,body,actions, icon, skipClose,_onClose,onClose}) => {\n  return  <PersistentNotification>\n    <PersistentNotificationContent>\n      {(_.isString(icon) || !icon) ? <PersistentNotificationIcon icon={icon || type}/> : icon}\n      <div>\n        <h4>{title}</h4>\n        {body}\n      </div>\n    </PersistentNotificationContent>\n    {\n      actions &&\n      <PersistentNotificationActions>\n        {actions}\n      </PersistentNotificationActions>\n    }\n    {!skipClose && <PersistentNotificationCloseIcon type=\"warning\" onClick={_.over([_onClose,onClose])}/>}\n  </PersistentNotification>\n}\n\nconst FlipNotification = (props) => {\n  const ref = useRef()\n  useFlipAnimation(ref,animation)\n  return <NotificationContainer className=\"JS-fix-dialog-scroll\" ref={ref}>\n    <NotificationWrapper marginTop={props.marginTop}><Notification id=\"js-share-notification\" {...props}/></NotificationWrapper>\n  </NotificationContainer>\n}\n"],"names":["PersistentNotification","styled","yakDomTag","attrs","className","__yakProps","v","getColor","PersistentNotificationContent","PersistentNotificationIcon","Icon","props","transparentize","icon","css","PersistentNotificationActions","Button","PersistentNotificationCloseIcon","type","darken","useNotifications","setNotifications","willUseSharedState","openPersistentNotification","notification","newNotification","_objectSpread","priority","_isObject","content","list","nextIndex","findIndex","n","slice","_without","animation","oneWayAnimation","NotificationContainer","Notification","NotificationWrapper","marginTop","useIsHiddenPersistentNotifications","hidePersistentNotifications","PersistentNotifications","notifications","isHidden","length","closeMessage","e","_notifications$","_objectWithoutProperties","_excluded","React","createElement","Fill","name","FlipNotification","callIfFunction","DefaultNotification","_extends","_onClose","_ref","title","body","actions","skipClose","onClose","_isString","onClick","_over","ref","useRef","useFlipAnimation","id"],"mappings":"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"}