@startlibs/components 1.1.5 → 1.2.0-rc.2

package/lib-yak/Popup.mjs

@@ -0,0 +1,66 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React, { useMemo } from 'react';
+import { styled, css } from '@yak/react';
+import { useEnsureRef, Fill } from '@startlibs/core';
+import { useFlipAnimation } from './Flip.mjs';
+import { getDialogLayersSize } from './containers/DialogContainer.mjs';
+import { usePositioning } from './containers/usePositioning.mjs';
+import { twoWayAnimation } from '@startlibs/utils';
+
+const _excluded = ["slot", "skipPortal", "animation", "leaveAnimation", "animationOptions", "arrowRef", "className", "onClick", "children"];
+const [fadeIn, fadeOut] = twoWayAnimation(`opacity:0;`, `opacity:1;`);
+const PopupDiv = styled(yakDomTag("div")).attrs({
+  className: "styled-theme-popup"
+})`
+    position: absolute;
+    background-color: #FFF;
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 10px -2px rgba(0,0,0,0.15), 0 0px 2px 0px rgba(0,0,0,0.2);
+    border-radius: 8px;
+    padding: 1rem;
+    text-align: initial;
+    line-height: 140%;
+    font-size: 14px;
+    z-index: 999;
+    ${props => props.atTop && css`
+        margin-top: -0.25rem;
+    `}
+    ${props => props.atBottom && css`
+        margin-top: 0.25rem;
+    `}
+    
+`;
+const Popup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      slot = 'Popup',
+      skipPortal,
+      animation = fadeIn,
+      leaveAnimation = true,
+      animationOptions,
+      arrowRef,
+      className,
+      onClick,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const popupRef = useEnsureRef(ref);
+  const [positionInfo, placeholder, arrow] = usePositioning(popupRef, rest, arrowRef);
+
+  // leaveAnimation=false → sem animação de saída (nenhum clone no unmount): útil quando
+  // o popup é portalado num slot persistente (ex: NavbarPopup) e o dono desmonta na
+  // navegação — senão o clone da saída fica órfão no slot. Default true = comportamento atual.
+  useFlipAnimation(popupRef, animation, leaveAnimation, animationOptions);
+  const slotName = useMemo(() => getDialogLayersSize() === 0 ? slot : slot + '-' + (getDialogLayersSize() - 1), []);
+  const popupContainer = /*#__PURE__*/React.createElement(PopupDiv, _extends({}, positionInfo, {
+    onClick: onClick,
+    className: className,
+    ref: popupRef
+  }), arrow, children);
+  return skipPortal ? popupContainer : /*#__PURE__*/React.createElement(React.Fragment, null, placeholder, /*#__PURE__*/React.createElement(Fill, {
+    name: slotName
+  }, popupContainer));
+});
+
+export { Popup };
+//# sourceMappingURL=Popup.mjs.map

package/lib-yak/Popup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.mjs","sources":["../src/Popup.jsx"],"sourcesContent":["import React, {useMemo} from 'react'\nimport styled, {css} from 'styled-components'\nimport {Fill, useEnsureRef} from '@startlibs/core'\nimport {useFlipAnimation} from './Flip'\nimport {getDialogLayersSize} from './containers/DialogContainer'\nimport {usePositioning} from './containers/usePositioning'\nimport {twoWayAnimation, customTheme} from '@startlibs/utils'\n\nconst [fadeIn, fadeOut] = twoWayAnimation(`opacity:0;`, `opacity:1;`)\n\nconst PopupDiv = styled.div`\n    position: absolute;\n    background-color: #FFF;\n    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 10px -2px rgba(0,0,0,0.15), 0 0px 2px 0px rgba(0,0,0,0.2);\n    border-radius: 8px;\n    padding: 1rem;\n    text-align: initial;\n    line-height: 140%;\n    font-size: 14px;\n    z-index: 999;\n    ${props => props.atTop && css`\n        margin-top: -0.25rem;\n    `}\n    ${props => props.atBottom && css`\n        margin-top: 0.25rem;\n    `}\n    ${customTheme('Popup')}\n`\n\nexport const Popup = React.forwardRef(({slot = 'Popup',skipPortal, animation = fadeIn, leaveAnimation = true, animationOptions, arrowRef, className, onClick, children, ...rest},ref) => {\n  const popupRef = useEnsureRef(ref)\n  const [positionInfo, placeholder, arrow] = usePositioning(popupRef, rest, arrowRef)\n\n  // leaveAnimation=false → sem animação de saída (nenhum clone no unmount): útil quando\n  // o popup é portalado num slot persistente (ex: NavbarPopup) e o dono desmonta na\n  // navegação — senão o clone da saída fica órfão no slot. Default true = comportamento atual.\n  useFlipAnimation(popupRef, animation, leaveAnimation, animationOptions)\n  const slotName = useMemo(() => getDialogLayersSize() === 0 ? slot : (slot + '-' + (getDialogLayersSize() - 1)), [])\n  const popupContainer = <PopupDiv {...positionInfo} onClick={onClick} className={className} ref={popupRef}>\n    {arrow}\n    {children}\n  </PopupDiv>\n  return skipPortal ? popupContainer : <>\n    {placeholder}\n    <Fill name={slotName}>\n      {popupContainer}\n    </Fill>\n  </>\n})"],"names":["fadeIn","fadeOut","twoWayAnimation","PopupDiv","styled","yakDomTag","attrs","className","props","atTop","css","atBottom","Popup","React","forwardRef","_ref","ref","slot","skipPortal","animation","leaveAnimation","animationOptions","arrowRef","onClick","children","rest","_objectWithoutProperties","_excluded","popupRef","useEnsureRef","positionInfo","placeholder","arrow","usePositioning","useFlipAnimation","slotName","useMemo","getDialogLayersSize","popupContainer","createElement","_extends","Fragment","Fill","name"],"mappings":";;;;;;;;;;;;AAQA,MAAM,CAACA,MAAM,EAAEC,OAAO,CAAC,GAAGC,eAAe,CAAC,CAAA,UAAA,CAAY,EAAE,CAAA,UAAA,CAAY,CAAC,CAAA;AAErE,MAAMC,QAAQ,GAAGC,MAAA,CAAAC,SAAA,SAAAC,KAAA,CAAA;EAAAC,SAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CAAA;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,KAAK,IAAIA,KAAK,CAACC,KAAK,IAAIC,GAAG,CAAA;AACjC;AACA,IAAK,CAAA,CAAA;AACL,IAAA,EAAMF,KAAK,IAAIA,KAAK,CAACG,QAAQ,IAAID,GAAG,CAAA;AACpC;AACA,IAAK,CAAA,CAAA;AACL;AACA,CAAC,CAAA;AAEM,MAAME,KAAK,gBAAGC,KAAK,CAACC,UAAU,CAAC,CAAAC,IAAA,EAA2IC,GAAG,KAAK;EAAA,IAAlJ;AAACC,MAAAA,IAAI,GAAG,OAAO;MAACC,UAAU;AAAEC,MAAAA,SAAS,GAAGnB,MAAM;AAAEoB,MAAAA,cAAc,GAAG,IAAI;MAAEC,gBAAgB;MAAEC,QAAQ;MAAEf,SAAS;MAAEgB,OAAO;AAAEC,MAAAA,QAAAA;AAAiB,KAAC,GAAAT,IAAA;AAALU,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAC7K,EAAA,MAAMC,QAAQ,GAAGC,YAAY,CAACb,GAAG,CAAC,CAAA;AAClC,EAAA,MAAM,CAACc,YAAY,EAAEC,WAAW,EAAEC,KAAK,CAAC,GAAGC,cAAc,CAACL,QAAQ,EAAEH,IAAI,EAAEH,QAAQ,CAAC,CAAA;;AAEnF;AACA;AACA;EACAY,gBAAgB,CAACN,QAAQ,EAAET,SAAS,EAAEC,cAAc,EAAEC,gBAAgB,CAAC,CAAA;EACvE,MAAMc,QAAQ,GAAGC,OAAO,CAAC,MAAMC,mBAAmB,EAAE,KAAK,CAAC,GAAGpB,IAAI,GAAIA,IAAI,GAAG,GAAG,IAAIoB,mBAAmB,EAAE,GAAG,CAAC,CAAE,EAAE,EAAE,CAAC,CAAA;EACnH,MAAMC,cAAc,gBAAGzB,KAAA,CAAA0B,aAAA,CAACpC,QAAQ,EAAAqC,QAAA,CAAA,EAAA,EAAKV,YAAY,EAAA;AAAEP,IAAAA,OAAO,EAAEA,OAAQ;AAAChB,IAAAA,SAAS,EAAEA,SAAU;AAACS,IAAAA,GAAG,EAAEY,QAAAA;GAC7FI,CAAAA,EAAAA,KAAK,EACLR,QACO,CAAC,CAAA;AACX,EAAA,OAAON,UAAU,GAAGoB,cAAc,gBAAGzB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA4B,QAAA,QAClCV,WAAW,eACZlB,KAAA,CAAA0B,aAAA,CAACG,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAER,QAAAA;GACTG,EAAAA,cACG,CACN,CAAC,CAAA;AACL,CAAC;;;;"}

package/lib-yak/SplitColumnsContainer.mjs

@@ -0,0 +1,140 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import { getMargin, callIfFunction, scrollWidth } from '@startlibs/utils';
+import { styled, useTheme } from '@yak/react';
+
+const _excluded = ["viewportMinWidth", "twoColumnsBelowVW", "margin", "last", "className"];
+const getMarginFromFieldChild = props => {
+  if (!props.last) return 0;
+  const fields = React.Children.toArray(props.children).filter(c => c.type.displayName === "Field" || c.type.displayName === "EnhancedInput");
+  if (!fields.length) return 0;
+  const lastField = fields.slice(-1)[0];
+  return '-' + getMargin(props.theme.Field.margins)(lastField.props);
+};
+const splitColumnMargins = {
+  small: 0.5,
+  'default': 1,
+  big: 2
+};
+
+// viewportMinWidth/twoColumnsBelowVW vêm de props: não tem CSS estático possível pra eles (yak
+// extrai @media em tempo de build, não a partir de uma prop em tempo de render). Troca o
+// `media.min`/`media.max` (que embutiam um `@media` dinâmico) por um hook que ouve
+// `matchMedia` e liga/desliga classe — as duas regras de CSS ficam estáticas, e a mesma soma de
+// `scrollWidth` que `media()` já fazia entra aqui, pro breakpoint bater igual em px (inclusive
+// a 610px, entre 600 e 600 + barra de rolagem).
+const useMatchMedia = query => {
+  const getMatch = () => typeof window !== 'undefined' && window.matchMedia ? window.matchMedia(query).matches : false;
+  const [matches, setMatches] = React.useState(getMatch);
+  React.useEffect(() => {
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    const mql = window.matchMedia(query);
+    const onChange = () => setMatches(mql.matches);
+    onChange();
+    const addListener = mql.addEventListener ? cb => mql.addEventListener('change', cb) : cb => mql.addListener(cb);
+    const removeListener = mql.removeEventListener ? cb => mql.removeEventListener('change', cb) : cb => mql.removeListener(cb);
+    addListener(onChange);
+    return () => removeListener(onChange);
+  }, [query]);
+  return matches;
+};
+
+// Mesma comparação que checkCustomScreenWidth (utils/src/styled.js) fazia pro theme.overrideMediaWidth:
+// ignora o browser de verdade e compara direto contra o breakpoint (sem somar scrollWidth — o
+// override já é uma largura "combinada", não a viewport física). Usado em testes/impressão.
+const matchesOverrideWidth = (overrideWidth, breakpoint, type) => {
+  const currentWidth = callIfFunction(overrideWidth);
+  return type === 'min-width' ? currentWidth >= breakpoint : currentWidth <= breakpoint;
+};
+
+// `breakpoint` null/undefined == bloco original não tinha condição nenhuma pra testar (o `&&`
+// de `props.twoColumnsBelowVW &&`): nem entra no matchMedia, nem no overrideMediaWidth.
+const useBreakpointMatch = (breakpoint, type, overrideWidth) => {
+  const hasBreakpoint = breakpoint !== undefined && breakpoint !== null;
+  const useOverride = hasBreakpoint && overrideWidth !== undefined;
+  const query = hasBreakpoint && !useOverride ? `(${type}: ${breakpoint + scrollWidth}px)` : 'not all';
+  const mediaMatch = useMatchMedia(query);
+  if (!hasBreakpoint) return false;
+  return useOverride ? matchesOverrideWidth(overrideWidth, breakpoint, type) : mediaMatch;
+};
+
+// styled(Base) 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,
+// toda prop que ou é lida só pelo template (margin, last) ou só existe pra decidir a classe
+// aqui dentro (viewportMinWidth, twoColumnsBelowVW), antes de espalhar o resto no elemento real.
+const SplitColumnsContainerBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var _useTheme;
+  let {
+      viewportMinWidth = 0,
+      twoColumnsBelowVW,
+      margin,
+      last,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const overrideWidth = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.overrideMediaWidth;
+  const isFlex = useBreakpointMatch(viewportMinWidth, 'min-width', overrideWidth);
+  const isTwoColumns = useBreakpointMatch(twoColumnsBelowVW, 'max-width', overrideWidth);
+  const classes = [className, isFlex && 'JS-flex-columns', isTwoColumns && 'JS-two-columns'].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: classes || undefined
+  }, rest));
+});
+const SplitColumnsContainer = styled(SplitColumnsContainerBase).attrs({
+  className: "styled-split-columns-container"
+})`
+  margin-bottom: ${props => getMarginFromFieldChild(props)}rem;
+
+  &.JS-flex-columns {
+    display: flex;
+    flex-wrap: nowrap;
+    /* O yak extrai essas interpolações pra var(--...): um sinal de menos solto no texto estático,
+       logo antes da interpolação, vira "-var(--x)" na folha final — sintaxe de CSS inválida
+       (margin cai pro valor inicial, 0px). O sinal de menos tem que estar DENTRO do valor
+       calculado, não no texto ao redor. */
+    margin-left: ${props => -getMargin(splitColumnMargins)(props) / 2}rem;
+    margin-right: ${props => -getMargin(splitColumnMargins)(props) / 2}rem;
+    margin-top: ${props => -getMargin(splitColumnMargins)(props)}rem;
+    > * {
+      flex-basis: 0;
+      flex-grow: 1;
+      margin-left: ${props => getMargin(splitColumnMargins)(props) / 2}rem;
+      margin-right: ${props => getMargin(splitColumnMargins)(props) / 2}rem;
+      margin-top: ${props => getMargin(splitColumnMargins)(props)}rem;
+    }
+  }
+  &.JS-two-columns {
+    flex-wrap: wrap;
+    > * {
+      flex-basis: 47%;
+    }
+  }
+`;
+// O plugin/babel-plugin-styled-components infere o displayName do nome da variável — mas só
+// quando o import `styled` vem de 'styled-components' (modo sc). No lib-yak o arquivo passa a
+// importar `styled` de '@yak/react' e isso não acontece mais, então fica explícito aqui, nos dois
+// modos: fixDoubledLastMarginBottom precisa do mesmo valor em "SplitColumnsContainer.displayName".
+SplitColumnsContainer.displayName = 'SplitColumnsContainer';
+const fixDoubledLastMarginBottom = children => {
+  let last = React.Children.count(children) - 1;
+  function processChild(child, i) {
+    if (i === last && child && child.type && child.type.displayName === SplitColumnsContainer.displayName) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        last: true
+      });
+    }
+    return child;
+  }
+  if (!Array.isArray(children) || children.length === 0) {
+    return processChild(children, 0);
+  }
+  while ((!children[last] || children[last] && children[last].type && children[last].type.displayName === "Errors") && last > 0) {
+    last--;
+  }
+  return React.Children.map(children, processChild);
+};
+
+export { SplitColumnsContainer, fixDoubledLastMarginBottom };
+//# sourceMappingURL=SplitColumnsContainer.mjs.map

package/lib-yak/SplitColumnsContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitColumnsContainer.mjs","sources":["../src/SplitColumnsContainer.jsx"],"sourcesContent":["import React from 'react'\n\nimport {callIfFunction, getMargin, scrollWidth} from '@startlibs/utils'\nimport styled, {useTheme} from 'styled-components'\n\nconst getMarginFromFieldChild = (props) => {\n  if (!props.last) return 0;\n  const fields = React.Children.toArray(props.children).filter(c => c.type.displayName === \"Field\" || c.type.displayName === \"EnhancedInput\")\n  if (!fields.length) return 0\n  const lastField = fields.slice(-1)[0]\n  return '-' + getMargin(props.theme.Field.margins)(lastField.props)\n}\n\n\nconst splitColumnMargins = {small:0.5,'default':1, big:2}\n\n// viewportMinWidth/twoColumnsBelowVW vêm de props: não tem CSS estático possível pra eles (yak\n// extrai @media em tempo de build, não a partir de uma prop em tempo de render). Troca o\n// `media.min`/`media.max` (que embutiam um `@media` dinâmico) por um hook que ouve\n// `matchMedia` e liga/desliga classe — as duas regras de CSS ficam estáticas, e a mesma soma de\n// `scrollWidth` que `media()` já fazia entra aqui, pro breakpoint bater igual em px (inclusive\n// a 610px, entre 600 e 600 + barra de rolagem).\nconst useMatchMedia = (query) => {\n  const getMatch = () => (typeof window !== 'undefined' && window.matchMedia) ? window.matchMedia(query).matches : false\n  const [matches, setMatches] = React.useState(getMatch)\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return\n    const mql = window.matchMedia(query)\n    const onChange = () => setMatches(mql.matches)\n    onChange()\n    const addListener = mql.addEventListener ? (cb) => mql.addEventListener('change', cb) : (cb) => mql.addListener(cb)\n    const removeListener = mql.removeEventListener ? (cb) => mql.removeEventListener('change', cb) : (cb) => mql.removeListener(cb)\n    addListener(onChange)\n    return () => removeListener(onChange)\n  }, [query])\n  return matches\n}\n\n// Mesma comparação que checkCustomScreenWidth (utils/src/styled.js) fazia pro theme.overrideMediaWidth:\n// ignora o browser de verdade e compara direto contra o breakpoint (sem somar scrollWidth — o\n// override já é uma largura \"combinada\", não a viewport física). Usado em testes/impressão.\nconst matchesOverrideWidth = (overrideWidth, breakpoint, type) => {\n  const currentWidth = callIfFunction(overrideWidth)\n  return type === 'min-width' ? currentWidth >= breakpoint : currentWidth <= breakpoint\n}\n\n// `breakpoint` null/undefined == bloco original não tinha condição nenhuma pra testar (o `&&`\n// de `props.twoColumnsBelowVW &&`): nem entra no matchMedia, nem no overrideMediaWidth.\nconst useBreakpointMatch = (breakpoint, type, overrideWidth) => {\n  const hasBreakpoint = breakpoint !== undefined && breakpoint !== null\n  const useOverride = hasBreakpoint && overrideWidth !== undefined\n  const query = (hasBreakpoint && !useOverride)\n    ? `(${type}: ${breakpoint + scrollWidth}px)`\n    : 'not all'\n  const mediaMatch = useMatchMedia(query)\n  if (!hasBreakpoint) return false\n  return useOverride ? matchesOverrideWidth(overrideWidth, breakpoint, type) : mediaMatch\n}\n\n// styled(Base) mira num componente, não numa tag: ao contrário do antigo styled.div, o\n// styled-components não filtra prop inválida pra <div> nesse caso. Por isso tira aqui, à mão,\n// toda prop que ou é lida só pelo template (margin, last) ou só existe pra decidir a classe\n// aqui dentro (viewportMinWidth, twoColumnsBelowVW), antes de espalhar o resto no elemento real.\nconst SplitColumnsContainerBase = React.forwardRef(({viewportMinWidth = 0, twoColumnsBelowVW, margin, last, className, ...rest}, ref) => {\n  const overrideWidth = useTheme()?.overrideMediaWidth\n  const isFlex = useBreakpointMatch(viewportMinWidth, 'min-width', overrideWidth)\n  const isTwoColumns = useBreakpointMatch(twoColumnsBelowVW, 'max-width', overrideWidth)\n  const classes = [className, isFlex && 'JS-flex-columns', isTwoColumns && 'JS-two-columns'].filter(Boolean).join(' ')\n  return <div ref={ref} className={classes || undefined} {...rest}/>\n})\n\nexport const SplitColumnsContainer = styled(SplitColumnsContainerBase)`\n  margin-bottom: ${props => getMarginFromFieldChild(props)}rem;\n\n  &.JS-flex-columns {\n    display: flex;\n    flex-wrap: nowrap;\n    /* O yak extrai essas interpolações pra var(--...): um sinal de menos solto no texto estático,\n       logo antes da interpolação, vira \"-var(--x)\" na folha final — sintaxe de CSS inválida\n       (margin cai pro valor inicial, 0px). O sinal de menos tem que estar DENTRO do valor\n       calculado, não no texto ao redor. */\n    margin-left: ${props=> -getMargin(splitColumnMargins)(props)/2}rem;\n    margin-right: ${props=> -getMargin(splitColumnMargins)(props)/2}rem;\n    margin-top: ${props=> -getMargin(splitColumnMargins)(props)}rem;\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n      margin-left: ${props=>getMargin(splitColumnMargins)(props)/2}rem;\n      margin-right: ${props=>getMargin(splitColumnMargins)(props)/2}rem;\n      margin-top: ${props=>getMargin(splitColumnMargins)(props)}rem;\n    }\n  }\n  &.JS-two-columns {\n    flex-wrap: wrap;\n    > * {\n      flex-basis: 47%;\n    }\n  }\n`\n// O plugin/babel-plugin-styled-components infere o displayName do nome da variável — mas só\n// quando o import `styled` vem de 'styled-components' (modo sc). No lib-yak o arquivo passa a\n// importar `styled` de '@yak/react' e isso não acontece mais, então fica explícito aqui, nos dois\n// modos: fixDoubledLastMarginBottom precisa do mesmo valor em \"SplitColumnsContainer.displayName\".\nSplitColumnsContainer.displayName = 'SplitColumnsContainer'\n\nexport const fixDoubledLastMarginBottom = (children) => {\n  let last = React.Children.count(children)-1\n\n  function processChild(child, i) {\n    if (i === last && child && child.type && child.type.displayName === SplitColumnsContainer.displayName) {\n      return React.cloneElement(child, {last: true})\n    }\n    return child\n  }\n  if (!Array.isArray(children) || children.length===0) {\n    return processChild(children,0)\n  }\n  while ((!children[last] || (children[last] && children[last].type && children[last].type.displayName === \"Errors\")) && last > 0) {\n    last--\n  }\n  return React.Children.map(children,processChild)\n}\n"],"names":["getMarginFromFieldChild","props","last","fields","React","Children","toArray","children","filter","c","type","displayName","length","lastField","slice","getMargin","theme","Field","margins","splitColumnMargins","small","big","useMatchMedia","query","getMatch","window","matchMedia","matches","setMatches","useState","useEffect","mql","onChange","addListener","addEventListener","cb","removeListener","removeEventListener","matchesOverrideWidth","overrideWidth","breakpoint","currentWidth","callIfFunction","useBreakpointMatch","hasBreakpoint","undefined","useOverride","scrollWidth","mediaMatch","SplitColumnsContainerBase","forwardRef","_ref","ref","_useTheme","viewportMinWidth","twoColumnsBelowVW","margin","className","rest","_objectWithoutProperties","_excluded","useTheme","overrideMediaWidth","isFlex","isTwoColumns","classes","Boolean","join","createElement","_extends","SplitColumnsContainer","styled","attrs","fixDoubledLastMarginBottom","count","processChild","child","i","cloneElement","Array","isArray","map"],"mappings":"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"}

package/lib-yak/SwitchDiv.mjs

@@ -0,0 +1,60 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { yakDomTag } from '@startlibs/utils/yakDomTag';
+import React, { useRef } from 'react';
+import { styled } from '@yak/react';
+import { twoWayAnimation, oneWayAnimation, callIfFunction } from '@startlibs/utils';
+import { willUseFlipSwitch } from './Flip.mjs';
+import { useLazyConstant } from '@startlibs/core';
+
+const _excluded = ["children", "className", "enterAnimation", "effect", "leaveAnimation", "skipChromeFix", "on"];
+const BlockContainer = styled(yakDomTag("div"))`
+position:relative;
+`;
+const [fadeIn, relativeFadeout] = twoWayAnimation('opacity: 0;', 'opacity: 0;', 'opacity: 1;');
+const absoluteOnLeave = oneWayAnimation('position: absolute;', 'position: absolute;');
+const fadeOut = [absoluteOnLeave, relativeFadeout];
+const SwitchDiv = styled(_ref => {
+  let {
+      children,
+      className,
+      enterAnimation = fadeIn,
+      effect,
+      leaveAnimation = fadeOut,
+      skipChromeFix,
+      on
+    } = _ref;
+    _objectWithoutProperties(_ref, _excluded);
+  const switchAnimation = useLazyConstant(willUseFlipSwitch);
+  return /*#__PURE__*/React.createElement(SwitchContainer, {
+    enterAnimation: enterAnimation,
+    effect: effect,
+    className: className,
+    leaveAnimation: leaveAnimation,
+    key: on + "",
+    switchAnimation: switchAnimation,
+    children: children
+  });
+}).attrs({
+  className: "styled-switch-div"
+})``;
+const SwitchContainer = _ref2 => {
+  let {
+    children,
+    switchAnimation,
+    className,
+    effect,
+    enterAnimation,
+    leaveAnimation
+  } = _ref2;
+  const contentRef = useRef();
+  switchAnimation(contentRef, enterAnimation, leaveAnimation, {
+    effect
+  });
+  return /*#__PURE__*/React.createElement(BlockContainer, {
+    ref: contentRef,
+    className: className
+  }, callIfFunction(children));
+};
+
+export { SwitchDiv };
+//# sourceMappingURL=SwitchDiv.mjs.map

package/lib-yak/SwitchDiv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchDiv.mjs","sources":["../src/SwitchDiv.jsx"],"sourcesContent":["import React, {useRef} from 'react'\nimport styled from 'styled-components'\nimport {oneWayAnimation} from '@startlibs/utils'\nimport {willUseFlipSwitch} from './Flip'\nimport {useLazyConstant} from '@startlibs/core'\nimport {callIfFunction, twoWayAnimation} from '@startlibs/utils'\n\n\nconst BlockContainer = styled.div`\nposition:relative;\n`\n\nconst [fadeIn, relativeFadeout] = twoWayAnimation('opacity: 0;','opacity: 0;', 'opacity: 1;')\nconst absoluteOnLeave = oneWayAnimation('position: absolute;', 'position: absolute;')\nconst fadeOut = [absoluteOnLeave,relativeFadeout]\n\nexport const SwitchDiv = styled(({children, className,enterAnimation = fadeIn, effect, leaveAnimation = fadeOut, skipChromeFix, on,...rest}) => {\n  const switchAnimation = useLazyConstant(willUseFlipSwitch)\n\n  return <SwitchContainer enterAnimation={enterAnimation} effect={effect} className={className} leaveAnimation={leaveAnimation} key={on + \"\"} switchAnimation={switchAnimation} children={children} />\n})``\n\nconst SwitchContainer = ({children,switchAnimation, className, effect ,enterAnimation,leaveAnimation}) => {\n  const contentRef = useRef()\n  switchAnimation(contentRef,enterAnimation,leaveAnimation, {effect})\n\n  return <BlockContainer ref={contentRef} className={className}>\n    {callIfFunction(children)}\n  </BlockContainer>\n}\n"],"names":["BlockContainer","styled","yakDomTag","fadeIn","relativeFadeout","twoWayAnimation","absoluteOnLeave","oneWayAnimation","fadeOut","SwitchDiv","_ref","children","className","enterAnimation","effect","leaveAnimation","skipChromeFix","on","rest","_objectWithoutProperties","_excluded","switchAnimation","useLazyConstant","willUseFlipSwitch","React","createElement","SwitchContainer","key","attrs","_ref2","contentRef","useRef","ref","callIfFunction"],"mappings":";;;;;;;;;AAQA,MAAMA,cAAc,GAAGC,MAAA,CAAAC,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACvB;AACA,CAAC,CAAA;AAED,MAAM,CAACC,MAAM,EAAEC,eAAe,CAAC,GAAGC,eAAe,CAAC,aAAa,EAAC,aAAa,EAAE,aAAa,CAAC,CAAA;AAC7F,MAAMC,eAAe,GAAGC,eAAe,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AACrF,MAAMC,OAAO,GAAG,CAACF,eAAe,EAACF,eAAe,CAAC,CAAA;MAEpCK,SAAS,GAAGR,MAAM,CAACS,IAAA,IAAgH;EAA/G,IAAA;MAACC,QAAQ;MAAEC,SAAS;AAACC,MAAAA,cAAc,GAAGV,MAAM;MAAEW,MAAM;AAAEC,MAAAA,cAAc,GAAGP,OAAO;MAAEQ,aAAa;AAAEC,MAAAA,EAAAA;AAAU,KAAC,GAAAP,IAAA,CAAA;AAALQ,IAAIC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,EAAA;AACxI,EAAA,MAAMC,eAAe,GAAGC,eAAe,CAACC,iBAAiB,CAAC,CAAA;AAE1D,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AAACb,IAAAA,cAAc,EAAEA,cAAe;AAACC,IAAAA,MAAM,EAAEA,MAAO;AAACF,IAAAA,SAAS,EAAEA,SAAU;AAACG,IAAAA,cAAc,EAAEA,cAAe;IAACY,GAAG,EAAEV,EAAE,GAAG,EAAG;AAACI,IAAAA,eAAe,EAAEA,eAAgB;AAACV,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAE,CAAC,CAAA;AACtM,CAAC,CAAC,CAAAiB,KAAA,CAAA;EAAAhB,SAAA,EAAA,mBAAA;AAAA,CAAE,CAAA,CAAA,EAAA;AAEJ,MAAMc,eAAe,GAAGG,KAAA,IAAkF;EAAA,IAAjF;IAAClB,QAAQ;IAACU,eAAe;IAAET,SAAS;IAAEE,MAAM;IAAED,cAAc;AAACE,IAAAA,cAAAA;AAAc,GAAC,GAAAc,KAAA,CAAA;AACnG,EAAA,MAAMC,UAAU,GAAGC,MAAM,EAAE,CAAA;AAC3BV,EAAAA,eAAe,CAACS,UAAU,EAACjB,cAAc,EAACE,cAAc,EAAE;AAACD,IAAAA,MAAAA;AAAM,GAAC,CAAC,CAAA;AAEnE,EAAA,oBAAOU,KAAA,CAAAC,aAAA,CAACzB,cAAc,EAAA;AAACgC,IAAAA,GAAG,EAAEF,UAAW;AAAClB,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC1DqB,cAAc,CAACtB,QAAQ,CACV,CAAC,CAAA;AACnB,CAAC;;;;"}

package/lib-yak/TextButton.mjs

@@ -0,0 +1,61 @@
+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 { darken } from 'polished';
+import { getColor } from '@startlibs/utils';
+import { Link } from './Link.mjs';
+import { Loading } from './Loading.mjs';
+
+const _excluded = ["className", "isLoading", "alert", "fontSize", "children", "innerAs"];
+const TextButton = styled(_ref => {
+  let {
+      className,
+      isLoading,
+      alert,
+      fontSize,
+      children,
+      innerAs: Wrapper = 'div'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Wrapper, _extends({
+    className: className
+  }, props), children, " ", isLoading && /*#__PURE__*/React.createElement(Loading, {
+    size: 14,
+    borderWidth: 3
+  }));
+}).attrs({
+  className: "styled-text-button"
+})`
+  display: inline-block;
+  font-weight: 600;
+  font-size: ${props => props.fontSize ? props.fontSize : "14"}px;
+  color: ${props => props.alert ? getColor('alert') : getColor('main')};
+  cursor: pointer;
+  text-decoration: none;
+  &:hover, &:active {
+    color: ${props => props.alert ? darken(0.1, getColor("alert")(props)) : darken(0.1, getColor("main")(props))};
+  }
+  ${Loading} {
+    display: inline-block;
+    margin-left: 0.25rem;
+    vertical-align: -3px;
+  }
+  ${props => props.nowrap && css`
+    white-space: nowrap;
+  `}
+  & ~ & {
+    margin-left: 1rem;
+  }
+`;
+TextButton.a = props => /*#__PURE__*/React.createElement(TextButton, _extends({}, props, {
+  className: props.className,
+  innerAs: "a"
+}));
+TextButton.Link = props => /*#__PURE__*/React.createElement(TextButton, _extends({}, props, {
+  className: props.className,
+  innerAs: Link
+}));
+
+export { TextButton };
+//# sourceMappingURL=TextButton.mjs.map

package/lib-yak/TextButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.mjs","sources":["../src/TextButton.jsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components';\nimport {darken} from 'polished'\nimport { getColor } from '@startlibs/utils';\nimport {Link} from './Link'\nimport {Loading} from './Loading'\n\nexport const TextButton = styled(({className,isLoading,alert, fontSize, children, innerAs: Wrapper = 'div', ...props}) => <Wrapper className={className} {...props}>\n  {children} {isLoading && <Loading size={14} borderWidth={3} />}\n</Wrapper>)`\n  display: inline-block;\n  font-weight: 600;\n  font-size: ${props => props.fontSize ? props.fontSize : \"14\"}px;\n  color: ${props => props.alert ? getColor('alert') : getColor('main')};\n  cursor: pointer;\n  text-decoration: none;\n  &:hover, &:active {\n    color: ${props => props.alert ? darken(0.1, getColor(\"alert\")(props)) : darken(0.1, getColor(\"main\")(props))};\n  }\n  ${Loading} {\n    display: inline-block;\n    margin-left: 0.25rem;\n    vertical-align: -3px;\n  }\n  ${props => props.nowrap && `\n    white-space: nowrap;\n  `}\n  & ~ & {\n    margin-left: 1rem;\n  }\n`\n\nTextButton.a = (props) => <TextButton {...props} className={props.className} innerAs=\"a\"/>\nTextButton.Link = (props) => <TextButton {...props} className={props.className} innerAs={Link}/>"],"names":["TextButton","styled","_ref","className","isLoading","alert","fontSize","children","innerAs","Wrapper","props","_objectWithoutProperties","_excluded","React","createElement","_extends","Loading","size","borderWidth","attrs","getColor","darken","nowrap","css","a","Link"],"mappings":";;;;;;;;;;AAOaA,MAAAA,UAAU,GAAGC,MAAM,CAACC,IAAA,IAAA;EAAA,IAAC;MAACC,SAAS;MAACC,SAAS;MAACC,KAAK;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,OAAO,EAAEC,OAAO,GAAG,KAAA;AAAe,KAAC,GAAAP,IAAA;AAANQ,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAAA,EAAA,oBAAMC,KAAA,CAAAC,aAAA,CAACL,OAAO,EAAAM,QAAA,CAAA;AAACZ,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAKO,KAAK,CAAA,EAC/JH,QAAQ,EAAC,GAAC,EAACH,SAAS,iBAAIS,KAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAG;AAACC,IAAAA,WAAW,EAAE,CAAA;AAAE,GAAE,CACtD,CAAC,CAAA;AAAA,CAAA,CAAC,CAAAC,KAAA,CAAA;EAAAhB,SAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CAAA;AACX;AACA;AACA,aAAeO,EAAAA,KAAK,IAAIA,KAAK,CAACJ,QAAQ,GAAGI,KAAK,CAACJ,QAAQ,GAAG,IAAI,CAAA;AAC9D,SAAA,EAAWI,KAAK,IAAIA,KAAK,CAACL,KAAK,GAAGe,QAAQ,CAAC,OAAO,CAAC,GAAGA,QAAQ,CAAC,MAAM,CAAC,CAAA;AACtE;AACA;AACA;AACA,WAAA,EAAaV,KAAK,IAAIA,KAAK,CAACL,KAAK,GAAGgB,MAAM,CAAC,GAAG,EAAED,QAAQ,CAAC,OAAO,CAAC,CAACV,KAAK,CAAC,CAAC,GAAGW,MAAM,CAAC,GAAG,EAAED,QAAQ,CAAC,MAAM,CAAC,CAACV,KAAK,CAAC,CAAC,CAAA;AAChH;AACA,EAAA,EAAIM,OAAO,CAAA;AACX;AACA;AACA;AACA;AACA,EAAA,EAAIN,KAAK,IAAIA,KAAK,CAACY,MAAM,IAAAC,GAAA,CAAA;AACzB;AACA,EAAG,CAAA,CAAA;AACH;AACA;AACA;AACA,EAAC;AAEDvB,UAAU,CAACwB,CAAC,GAAId,KAAK,iBAAKG,KAAA,CAAAC,aAAA,CAACd,UAAU,EAAAe,QAAA,KAAKL,KAAK,EAAA;EAAEP,SAAS,EAAEO,KAAK,CAACP,SAAU;AAACK,EAAAA,OAAO,EAAC,GAAA;AAAG,CAAA,CAAC,CAAC,CAAA;AAC1FR,UAAU,CAACyB,IAAI,GAAIf,KAAK,iBAAKG,KAAA,CAAAC,aAAA,CAACd,UAAU,EAAAe,QAAA,KAAKL,KAAK,EAAA;EAAEP,SAAS,EAAEO,KAAK,CAACP,SAAU;AAACK,EAAAA,OAAO,EAAEiB,IAAAA;AAAK,CAAA,CAAC,CAAC;;;;"}