@elliemae/ds-toolbar 2.3.0-alpha.7 → 2.3.0-next.1

package/dist/esm/deprecated/decorateToolbarChildren.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/decorateToolbarChildren.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement } from 'react';\n\nexport default (children, extraProps = {}) =>\n  React.Children.map(\n    children,\n    component =>\n      component\n        ? cloneElement(component, {\n            ...extraProps,\n            ...component.props,\n            className: `${component.props.className} toolbar-item`,\n          })\n        : component,\n    null,\n  );\n"],
-  "mappings": "AAAA;ACAA;AAEA,IAAO,kCAAQ,CAAC,UAAU,aAAa,OACrC,OAAM,SAAS,IACb,UACA,eACE,YACI,aAAa,WAAW;AAAA,KACnB;AAAA,KACA,UAAU;AAAA,EACb,WAAW,GAAG,UAAU,MAAM;AAAA,KAEhC,WACN;",
-  "names": []
-}

package/dist/esm/deprecated/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-export * from "./DSToolbar";
-import { default as default2 } from "./DSToolbar";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/deprecated/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/export */\nexport * from './DSToolbar';\n\nexport { default } from './DSToolbar';\n"],
-  "mappings": "AAAA;ACCA;AAEA;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-export * from "./deprecated";
-import { default as default2 } from "./deprecated";
-export * from "./DSToolbarV2";
-export * from "./DSToolbarItemV2";
-export * from "./DSToolbarSeparatorV2";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated';\nexport { default } from './deprecated';\nexport * from './DSToolbarV2';\nexport * from './DSToolbarItemV2';\nexport * from './DSToolbarSeparatorV2';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;",
-  "names": []
-}

package/dist/esm/props.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const DSToolbarV2Schema = {
-  alignment: PropTypes.oneOf(["right", "left"]).description("Whether to align the content left or right").defaultValue("right"),
-  withDepth: PropTypes.bool.description("Whether to add a box-shadow to the container").defaultValue(true),
-  compact: PropTypes.bool.description("Whether you want the compact version of the toolbar").defaultValue(false),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Reference to attach to the wrapper")
-};
-export {
-  DSToolbarV2Schema
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const DSToolbarV2Schema = {\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Whether to align the content left or right')\n    .defaultValue('right'),\n  withDepth: PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),\n  compact: PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Reference to attach to the wrapper'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB;AAAA,EAC/B,WAAW,UAAU,MAAM,CAAC,SAAS,SAClC,YAAY,8CACZ,aAAa;AAAA,EAChB,WAAW,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,SAAS,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACxG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/styled.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import Grid from "@elliemae/ds-grid";
-const StyledToolbarWrapper = styled(Grid)`
-  background-color: ${(props) => props.theme.colors.neutral["000"]};
-
-  min-height: ${(props) => props.compact ? "28px" : "40px"};
-  max-height: ${(props) => props.theme.space.xxl};
-
-  padding: 0 ${(props) => props.theme.space.xxs};
-
-  box-shadow: ${(props) => !props.withDepth ? "none" : "0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)"};
-`;
-const StyledToolbarItem = styled(Grid)``;
-const StyledSeparator = styled(Grid)`
-  height: 30px;
-  width: 1px;
-  background-color: ${(props) => props.theme.colors.neutral[200]};
-`;
-export {
-  StyledSeparator,
-  StyledToolbarItem,
-  StyledToolbarWrapper
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledToolbarWrapper = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n\n  min-height: ${(props) => (props.compact ? '28px' : '40px')};\n  max-height: ${(props) => props.theme.space.xxl};\n\n  padding: 0 ${(props) => props.theme.space.xxs};\n\n  box-shadow: ${(props) => (!props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)')};\n`;\n\nexport const StyledToolbarItem = styled(Grid)``;\n\nexport const StyledSeparator = styled(Grid)`\n  height: 30px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[200]};\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,uBAAuB,OAAO;AAAA,sBACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAE5C,CAAC,UAAW,MAAM,UAAU,SAAS;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,eAE9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,gBAE5B,CAAC,UAAW,CAAC,MAAM,YAAY,SAAS;AAAA;AAGjD,MAAM,oBAAoB,OAAO;AAEjC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,sBAGhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
-  "names": []
-}

package/dist/esm/useToolbarItemHandlers.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DSToolbarV2Context } from "./DSToolbarV2Context";
-const useToolbarItemHandlers = (toolbarItemId) => {
-  const { toolbarUid, itemReferences } = useContext(DSToolbarV2Context);
-  const onKeyDown = useCallback((e) => {
-    const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];
-    let nextToolbarItemIndex = -1;
-    if (["ArrowLeft", "ArrowRight"].includes(e.code)) {
-      const toolbarItemIndex = toolbarItems.findIndex((domElem) => domElem.id === toolbarItemId);
-      nextToolbarItemIndex = toolbarItemIndex + (e.code === "ArrowLeft" ? -1 : 1);
-    } else if (e.code === "Home") {
-      nextToolbarItemIndex = 0;
-    } else if (e.code === "End") {
-      nextToolbarItemIndex = toolbarItems.length - 1;
-    }
-    if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
-      e.preventDefault();
-      e.stopPropagation();
-      const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
-      if (ref.current)
-        ref.current.focus();
-    }
-  }, [toolbarUid, toolbarItemId, itemReferences]);
-  return { onKeyDown };
-};
-export {
-  useToolbarItemHandlers
-};
-//# sourceMappingURL=useToolbarItemHandlers.js.map

package/dist/esm/useToolbarItemHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useToolbarItemHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useContext } from 'react';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\n\nexport const useToolbarItemHandlers = (\n  toolbarItemId: string,\n): {\n  onKeyDown: React.KeyboardEventHandler;\n} => {\n  const { toolbarUid, itemReferences } = useContext(DSToolbarV2Context);\n\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];\n      let nextToolbarItemIndex = -1;\n\n      if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {\n        const toolbarItemIndex = toolbarItems.findIndex((domElem) => domElem.id === toolbarItemId);\n        nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);\n      } else if (e.code === 'Home') {\n        nextToolbarItemIndex = 0;\n      } else if (e.code === 'End') {\n        nextToolbarItemIndex = toolbarItems.length - 1;\n      }\n\n      if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {\n        e.preventDefault();\n        e.stopPropagation();\n        const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];\n        if (ref.current) ref.current.focus();\n      }\n    },\n    [toolbarUid, toolbarItemId, itemReferences],\n  );\n\n  return { onKeyDown };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,yBAAyB,CACpC,kBAGG;AACH,QAAM,EAAE,YAAY,mBAAmB,WAAW;AAElD,QAAM,YAAwC,YAC5C,CAAC,MAAM;AACL,UAAM,eAAe,CAAC,GAAG,SAAS,iBAAiB,IAAI;AACvD,QAAI,uBAAuB;AAE3B,QAAI,CAAC,aAAa,cAAc,SAAS,EAAE,OAAO;AAChD,YAAM,mBAAmB,aAAa,UAAU,CAAC,YAAY,QAAQ,OAAO;AAC5E,6BAAuB,mBAAoB,GAAE,SAAS,cAAc,KAAK;AAAA,eAChE,EAAE,SAAS,QAAQ;AAC5B,6BAAuB;AAAA,eACd,EAAE,SAAS,OAAO;AAC3B,6BAAuB,aAAa,SAAS;AAAA;AAG/C,QAAI,wBAAwB,KAAK,uBAAuB,aAAa,QAAQ;AAC3E,QAAE;AACF,QAAE;AACF,YAAM,MAAM,eAAe,aAAa,sBAAsB;AAC9D,UAAI,IAAI;AAAS,YAAI,QAAQ;AAAA;AAAA,KAGjC,CAAC,YAAY,eAAe;AAG9B,SAAO,EAAE;AAAA;",
-  "names": []
-}