@elliemae/ds-toolbar 1.54.0-next.4 → 1.55.0-next.1

package/deprecated/decorateToolbarChildren/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-toolbar/deprecated/decorateToolbarChildren",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../../cjs/deprecated/decorateToolbarChildren.js",
+  "module": "../../esm/deprecated/decorateToolbarChildren.js"
+}

package/deprecated/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-toolbar/deprecated",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../cjs/deprecated/index.js",
+  "module": "../esm/deprecated/index.js"
+}

package/esm/DSToolbarItemV2.js

@@ -0,0 +1,34 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import React, { useContext, useRef, useMemo } from 'react';
+import { uid } from 'uid';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+import { StyledToolbarItem } from './styled.js';
+import { useToolbarItemHandlers } from './useToolbarItemHandlers.js';
+import 'styled-components';
+import '@elliemae/ds-grid';
+import '@babel/runtime/helpers/esm/toConsumableArray';
+
+var DSToolbarItemV2 = function DSToolbarItemV2(_ref) {
+  var render = _ref.render;
+
+  var _useContext = useContext(DSToolbarV2Context),
+      registerReference = _useContext.registerReference;
+
+  var ref = useRef(null);
+  var toolbarItemId = useMemo(function () {
+    var id = "ds-toolbar-item-".concat(uid());
+    registerReference(id, ref);
+    return id;
+  }, [registerReference, ref]);
+  var handlers = useToolbarItemHandlers(toolbarItemId);
+  return /*#__PURE__*/React.createElement(StyledToolbarItem, _extends({
+    id: toolbarItemId,
+    "data-testid": "ds-toolbar-item",
+    className: "ds-toolbar-item"
+  }, handlers), render({
+    innerRef: ref
+  }));
+};
+
+export { DSToolbarItemV2 };
+//# sourceMappingURL=DSToolbarItemV2.js.map

package/esm/DSToolbarItemV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSToolbarItemV2.js","sources":["../../src/DSToolbarItemV2.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { MutableRefObject, useContext, useMemo, useRef } from 'react';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { StyledToolbarItem } from './styled';\nimport { useToolbarItemHandlers } from './useToolbarItemHandlers';\n\ninterface ToolbarItemProps {\n  render: (props: { innerRef: MutableRefObject<HTMLElement> }) => JSX.Element;\n}\n\nexport const DSToolbarItemV2: React.ComponentType<ToolbarItemProps> = ({ render }) => {\n  const { registerReference } = useContext(DSToolbarV2Context);\n  const ref = useRef(null);\n\n  const toolbarItemId = useMemo(() => {\n    const id = `ds-toolbar-item-${uid()}`;\n    registerReference(id, ref);\n    return id;\n  }, [registerReference, ref]);\n\n  const handlers = useToolbarItemHandlers(toolbarItemId);\n\n  return (\n    <StyledToolbarItem id={toolbarItemId} data-testid=\"ds-toolbar-item\" className=\"ds-toolbar-item\" {...handlers}>\n      {render({ innerRef: ref })}\n    </StyledToolbarItem>\n  );\n};\n"],"names":["DSToolbarItemV2","render","useContext","DSToolbarV2Context","registerReference","ref","useRef","toolbarItemId","useMemo","id","uid","handlers","useToolbarItemHandlers","innerRef"],"mappings":";;;;;;;;;;IAWaA,eAAsD,GAAG,SAAzDA,eAAyD,OAAgB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AACpF,oBAA8BC,UAAU,CAACC,kBAAD,CAAxC;AAAA,MAAQC,iBAAR,eAAQA,iBAAR;;AACA,MAAMC,GAAG,GAAGC,MAAM,CAAC,IAAD,CAAlB;AAEA,MAAMC,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,QAAMC,EAAE,6BAAsBC,GAAG,EAAzB,CAAR;AACAN,IAAAA,iBAAiB,CAACK,EAAD,EAAKJ,GAAL,CAAjB;AACA,WAAOI,EAAP;AACD,GAJ4B,EAI1B,CAACL,iBAAD,EAAoBC,GAApB,CAJ0B,CAA7B;AAMA,MAAMM,QAAQ,GAAGC,sBAAsB,CAACL,aAAD,CAAvC;AAEA,sBACE,oBAAC,iBAAD;AAAmB,IAAA,EAAE,EAAEA,aAAvB;AAAsC,mBAAY,iBAAlD;AAAoE,IAAA,SAAS,EAAC;AAA9E,KAAoGI,QAApG,GACGV,MAAM,CAAC;AAAEY,IAAAA,QAAQ,EAAER;AAAZ,GAAD,CADT,CADF;AAKD;;;;"}

package/esm/DSToolbarSeparatorV2.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyledSeparator } from './styled.js';
+import 'styled-components';
+import '@elliemae/ds-grid';
+
+var DSToolbarSeparatorV2 = function DSToolbarSeparatorV2() {
+  return /*#__PURE__*/React.createElement(StyledSeparator, {
+    className: "ds-toolbar-separator"
+  });
+};
+
+export { DSToolbarSeparatorV2 };
+//# sourceMappingURL=DSToolbarSeparatorV2.js.map

package/esm/DSToolbarSeparatorV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSToolbarSeparatorV2.js","sources":["../../src/DSToolbarSeparatorV2.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledSeparator } from './styled';\n\nexport const DSToolbarSeparatorV2: React.ComponentType = () => <StyledSeparator className=\"ds-toolbar-separator\" />;\n"],"names":["DSToolbarSeparatorV2"],"mappings":";;;;;IAGaA,oBAAyC,GAAG,SAA5CA,oBAA4C;AAAA,sBAAM,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAC;AAA3B,IAAN;AAAA;;;;"}

package/esm/DSToolbarV2.js

@@ -0,0 +1,70 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import React, { useMemo, useState, useCallback } from 'react';
+import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { describe } from 'react-desc';
+import { uid } from 'uid';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+import { DSToolbarV2Schema } from './props.js';
+import { StyledToolbarWrapper } from './styled.js';
+import 'styled-components';
+import '@elliemae/ds-grid';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var DSToolbarV2 = function DSToolbarV2(props) {
+  var alignment = props.alignment,
+      withDepth = props.withDepth,
+      compact = props.compact,
+      innerRef = props.innerRef,
+      children = props.children;
+  useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());
+  var toolbarUid = useMemo(function () {
+    return "ds-toolbar-".concat(uid());
+  }, []);
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      itemReferences = _useState2[0],
+      setItemReferences = _useState2[1];
+
+  var registerReference = useCallback(function (itemId, ref) {
+    setItemReferences(function (prevItemReferences) {
+      return _objectSpread(_objectSpread({}, prevItemReferences), {}, _defineProperty({}, itemId, ref));
+    });
+  }, [setItemReferences]);
+  return /*#__PURE__*/React.createElement(DSToolbarV2Context.Provider, {
+    value: {
+      toolbarUid: toolbarUid,
+      registerReference: registerReference,
+      itemReferences: itemReferences
+    }
+  }, /*#__PURE__*/React.createElement(StyledToolbarWrapper, {
+    role: "toolbar",
+    "data-testid": "ds-toolbar-wrapper",
+    id: toolbarUid,
+    alignItems: "center",
+    justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
+    withDepth: withDepth,
+    cols: React.Children.map(children, function () {
+      return ['auto'];
+    }),
+    gutter: "xxs2",
+    compact: compact,
+    ref: innerRef
+  }, children));
+};
+
+DSToolbarV2.propTypes = DSToolbarV2Schema;
+DSToolbarV2.defaultProps = {
+  alignment: 'right',
+  withDepth: true,
+  compact: false
+};
+var DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');
+DSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;
+
+export { DSToolbarV2, DSToolbarV2WithSchema };
+//# sourceMappingURL=DSToolbarV2.js.map

package/esm/DSToolbarV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSToolbarV2.js","sources":["../../src/DSToolbarV2.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { DSToolbarV2Schema } from './props';\nimport { StyledToolbarWrapper } from './styled';\ninterface ToolbarProps {\n  alignment?: 'left' | 'right';\n  withDepth?: boolean;\n  compact?: boolean;\n  innerRef?: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst DSToolbarV2: React.ComponentType<ToolbarProps> = (props) => {\n  const { alignment, withDepth, compact, innerRef, children } = props;\n\n  console.log('JSON', DSToolbarV2WithSchema.toJSON());\n  console.log('TYPESCRIPT', DSToolbarV2WithSchema.toTypescript());\n\n  useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());\n\n  const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);\n\n  const [itemReferences, setItemReferences] = useState({});\n\n  const registerReference = useCallback(\n    (itemId: string, ref: React.MutableRefObject<HTMLElement>) => {\n      setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));\n    },\n    [setItemReferences],\n  );\n\n  return (\n    <DSToolbarV2Context.Provider value={{ toolbarUid, registerReference, itemReferences }}>\n      <StyledToolbarWrapper\n        role=\"toolbar\"\n        data-testid=\"ds-toolbar-wrapper\"\n        id={toolbarUid}\n        alignItems=\"center\"\n        justifyContent={alignment === 'left' ? 'flex-start' : 'flex-end'}\n        withDepth={withDepth}\n        cols={React.Children.map(children, () => ['auto'])}\n        gutter=\"xxs2\"\n        compact={compact}\n        ref={innerRef}\n      >\n        {children}\n      </StyledToolbarWrapper>\n    </DSToolbarV2Context.Provider>\n  );\n};\n\nDSToolbarV2.propTypes = DSToolbarV2Schema;\nDSToolbarV2.defaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\nconst DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');\nDSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;\n\nexport { DSToolbarV2, DSToolbarV2WithSchema };\n"],"names":["DSToolbarV2","props","alignment","withDepth","compact","innerRef","children","useValidateTypescriptPropTypes","DSToolbarV2WithSchema","toTypescript","toolbarUid","useMemo","uid","useState","itemReferences","setItemReferences","registerReference","useCallback","itemId","ref","prevItemReferences","React","Children","map","propTypes","DSToolbarV2Schema","defaultProps","describe","description"],"mappings":";;;;;;;;;;;;;;;;IAeMA,WAA8C,GAAG,SAAjDA,WAAiD,CAACC,KAAD,EAAW;AAChE,MAAQC,SAAR,GAA8DD,KAA9D,CAAQC,SAAR;AAAA,MAAmBC,SAAnB,GAA8DF,KAA9D,CAAmBE,SAAnB;AAAA,MAA8BC,OAA9B,GAA8DH,KAA9D,CAA8BG,OAA9B;AAAA,MAAuCC,QAAvC,GAA8DJ,KAA9D,CAAuCI,QAAvC;AAAA,MAAiDC,QAAjD,GAA8DL,KAA9D,CAAiDK,QAAjD;AAKAC,EAAAA,8BAA8B,CAACN,KAAD,EAAQO,qBAAqB,CAACC,YAAtB,EAAR,CAA9B;AAEA,MAAMC,UAAU,GAAGC,OAAO,CAAC;AAAA,gCAAoBC,GAAG,EAAvB;AAAA,GAAD,EAA8B,EAA9B,CAA1B;;AAEA,kBAA4CC,QAAQ,CAAC,EAAD,CAApD;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,iBAAiB,GAAGC,WAAW,CACnC,UAACC,MAAD,EAAiBC,GAAjB,EAA8D;AAC5DJ,IAAAA,iBAAiB,CAAC,UAACK,kBAAD;AAAA,6CAA8BA,kBAA9B,2BAAmDF,MAAnD,EAA4DC,GAA5D;AAAA,KAAD,CAAjB;AACD,GAHkC,EAInC,CAACJ,iBAAD,CAJmC,CAArC;AAOA,sBACE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEL,MAAAA,UAAU,EAAVA,UAAF;AAAcM,MAAAA,iBAAiB,EAAjBA,iBAAd;AAAiCF,MAAAA,cAAc,EAAdA;AAAjC;AAApC,kBACE,oBAAC,oBAAD;AACE,IAAA,IAAI,EAAC,SADP;AAEE,mBAAY,oBAFd;AAGE,IAAA,EAAE,EAAEJ,UAHN;AAIE,IAAA,UAAU,EAAC,QAJb;AAKE,IAAA,cAAc,EAAER,SAAS,KAAK,MAAd,GAAuB,YAAvB,GAAsC,UALxD;AAME,IAAA,SAAS,EAAEC,SANb;AAOE,IAAA,IAAI,EAAEkB,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBjB,QAAnB,EAA6B;AAAA,aAAM,CAAC,MAAD,CAAN;AAAA,KAA7B,CAPR;AAQE,IAAA,MAAM,EAAC,MART;AASE,IAAA,OAAO,EAAEF,OATX;AAUE,IAAA,GAAG,EAAEC;AAVP,KAYGC,QAZH,CADF,CADF;AAkBD;;AAEDN,WAAW,CAACwB,SAAZ,GAAwBC,iBAAxB;AACAzB,WAAW,CAAC0B,YAAZ,GAA2B;AACzBxB,EAAAA,SAAS,EAAE,OADc;AAEzBC,EAAAA,SAAS,EAAE,IAFc;AAGzBC,EAAAA,OAAO,EAAE;AAHgB,CAA3B;IAKMI,qBAAqB,GAAGmB,QAAQ,CAAC3B,WAAD,CAAR,CAAsB4B,WAAtB,CAAkC,SAAlC;AAC9BpB,qBAAqB,CAACgB,SAAtB,GAAkCC,iBAAlC;;;;"}

package/esm/DSToolbarV2Context.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+
+var DSToolbarV2Context = /*#__PURE__*/createContext({
+  registerReference: function registerReference() {
+    return null;
+  },
+  itemReferences: {},
+  toolbarUid: ''
+});
+
+export { DSToolbarV2Context };
+//# sourceMappingURL=DSToolbarV2Context.js.map

package/esm/DSToolbarV2Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSToolbarV2Context.js","sources":["../../src/DSToolbarV2Context.tsx"],"sourcesContent":["import { createContext, MutableRefObject } from 'react';\n\ninterface IDSToolbarV2Context {\n  registerReference: (uid: string, ref: MutableRefObject<HTMLElement>) => void;\n  itemReferences: Record<string, MutableRefObject<HTMLElement>>;\n  toolbarUid: string;\n}\n\nexport const DSToolbarV2Context = createContext<IDSToolbarV2Context>({\n  registerReference: () => null,\n  itemReferences: {},\n  toolbarUid: '',\n});\n"],"names":["DSToolbarV2Context","createContext","registerReference","itemReferences","toolbarUid"],"mappings":";;IAQaA,kBAAkB,gBAAGC,aAAa,CAAsB;AACnEC,EAAAA,iBAAiB,EAAE;AAAA,WAAM,IAAN;AAAA,GADgD;AAEnEC,EAAAA,cAAc,EAAE,EAFmD;AAGnEC,EAAAA,UAAU,EAAE;AAHuD,CAAtB;;;;"}

package/esm/deprecated/DSToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSToolbar.js","sources":["../../../src/deprecated/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ withDepth, alignment, size }) => ({\n    'without-depth': !withDepth,\n    [alignment]: !!alignment,\n    [size]: size,\n  }),\n);\n\nconst DSToolbar = ({\n  containerProps = {},\n  innerRef,\n  withDepth = true,\n  alignment = 'right', // left || right\n  autoFocusOnMount = true,\n  children = [],\n  size = 'normal',\n  ...otherProps\n}) => {\n  const containerRef = useRef(null);\n  return (\n    <FocusGroupProvider\n      autoFocusOnMount={autoFocusOnMount}\n      getContainer={() => containerRef.current}\n      keyBindings={{\n        Tab: 'next',\n      }}\n      orientation=\"horizontal\"\n    >\n      <ToolbarContainer\n        {...containerProps}\n        {...otherProps}\n        classProps={{ withDepth, alignment, size }}\n        innerRef={mergeRefs(innerRef, containerRef)}\n      >\n        {decorateToolbarChildren(children)}\n      </ToolbarContainer>\n    </FocusGroupProvider>\n  );\n};\n\nconst toolbarProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  withDepth: PropTypes.bool\n    .description('Shows a shadow rear the toolbar')\n    .defaultValue(true),\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Aligns the toolbar to the left or right')\n    .defaultValue('right'),\n  size: PropTypes.oneOf(['normal', 'compact'])\n    .description('Toolbar size')\n    .defaultValue('normal'),\n  autoFocusOnMount: PropTypes.bool\n    .description('Wheter to focus the component when it mounts or not')\n    .defaultValue(true),\n  children: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.func,\n    PropTypes.node,\n  ]).description('Toolbar items').isRequired,\n  innerRef: PropTypes.object.description(\n    'Ref to the Toolbar container element',\n  ),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport {\n  DSToolbar,\n  Item as ToolbarItem,\n  ToolbarGroup,\n  Divider as ToolbarDivider,\n  ToolbarWithSchema,\n};\n\nexport default DSToolbar;\n"],"names":["blockName","ToolbarContainer","aggregatedClasses","withDepth","alignment","size","DSToolbar","containerProps","innerRef","autoFocusOnMount","children","otherProps","containerRef","useRef","current","Tab","mergeRefs","decorateToolbarChildren","toolbarProps","PropTypes","object","description","bool","defaultValue","oneOf","oneOfType","array","func","node","isRequired","propTypes","ToolbarWithSchema","describe"],"mappings":"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"}

package/esm/deprecated/ToolbarDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDivider.js","sources":["../../../src/deprecated/ToolbarDivider.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'toolbar';\n\nconst ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');\n\nToolbarDivider.displayName = 'ToolbarDivider';\n\nexport default ToolbarDivider;\n"],"names":["blockName","ToolbarDivider","aggregatedClasses","displayName"],"mappings":";;AAEA,IAAMA,SAAS,GAAG,SAAlB;IAEMC,cAAc,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,SAApC;AAEvBC,cAAc,CAACE,WAAf,GAA6B,gBAA7B;;;;"}

package/esm/deprecated/ToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sources":["../../../src/deprecated/ToolbarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport decorateToolbarChildren from './decorateToolbarChildren';\n\nconst blockName = 'toolbar-group';\n\nconst ToolbarGroupContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ space }) => ({\n    [`space-${space}`]: !!space,\n  }),\n);\n\nconst ToolbarGroup = ({ children, size, space = 0 }) => (\n  <ToolbarGroupContainer classProps={{ space }}>\n    {decorateToolbarChildren(children, { size })}\n  </ToolbarGroupContainer>\n);\n\nToolbarGroup.propTypes = {\n  children: PropTypes.any,\n  size: PropTypes.number,\n  space: PropTypes.number,\n};\n\nexport default ToolbarGroup;\n"],"names":["blockName","ToolbarGroupContainer","aggregatedClasses","space","ToolbarGroup","children","size","decorateToolbarChildren","propTypes","PropTypes","any","number"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG,eAAlB;AAEA,IAAMC,qBAAqB,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAC5BF,SAD4B,EAE5B,IAF4B,EAG5B;AAAA,MAAGG,KAAH,QAAGA,KAAH;AAAA,6CACYA,KADZ,GACsB,CAAC,CAACA,KADxB;AAAA,CAH4B,CAA9B;;IAQMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaC,IAAb,SAAaA,IAAb;AAAA,0BAAmBH,KAAnB;AAAA,MAAmBA,KAAnB,4BAA2B,CAA3B;AAAA,sBACnB,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAE;AAAEA,MAAAA,KAAK,EAALA;AAAF;AAAnC,KACGI,uBAAuB,CAACF,QAAD,EAAW;AAAEC,IAAAA,IAAI,EAAJA;AAAF,GAAX,CAD1B,CADmB;AAAA;;AAMrBF,YAAY,CAACI,SAAb,GAAyB;AACvBH,EAAAA,QAAQ,EAAEI,SAAS,CAACC,GADG;AAEvBJ,EAAAA,IAAI,EAAEG,SAAS,CAACE,MAFO;AAGvBR,EAAAA,KAAK,EAAEM,SAAS,CAACE;AAHM,CAAzB;;;;"}

package/esm/deprecated/ToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItem.js","sources":["../../../src/deprecated/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { Position } from '@elliemae/ds-popper/positions';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButton\n      {...otherProps}\n      buttonType=\"text\"\n      icon={icon}\n      innerRef={(r) => setRef(r)}\n      labelText={labelText}\n    />\n  );\n  if (menu) {\n    return React.cloneElement(menu, {\n      ...menu.props,\n      placement: Position.BOTTOM_END,\n      triggerComponent: btn,\n    });\n  }\n  return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n  icon: PropTypes.element,\n  labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],"names":["ToolbarItem","icon","labelText","menu","undefined","otherProps","useState","ref","setRef","useFocusGroupWithState","btn","r","React","cloneElement","props","placement","Position","BOTTOM_END","triggerComponent","displayName","propTypes","PropTypes","element","string"],"mappings":";;;;;;;;;;;;;;;;IAMMA,WAAW,GAAG,SAAdA,WAAc,OAA0D;AAAA,MAAvDC,IAAuD,QAAvDA,IAAuD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,uBAAtCC,IAAsC;AAAA,MAAtCA,IAAsC,0BAA/BC,SAA+B;AAAA,MAAjBC,UAAiB;;AAC5E,kBAAsBC,QAAQ,CAAC,IAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEAC,EAAAA,sBAAsB,CAACF,GAAD,CAAtB;AACA,MAAMG,GAAG,gBACP,oBAAC,QAAD,eACML,UADN;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,IAAI,EAAEJ,IAHR;AAIE,IAAA,QAAQ,EAAE,kBAACU,CAAD;AAAA,aAAOH,MAAM,CAACG,CAAD,CAAb;AAAA,KAJZ;AAKE,IAAA,SAAS,EAAET;AALb,KADF;;AASA,MAAIC,IAAJ,EAAU;AACR,wBAAOS,KAAK,CAACC,YAAN,CAAmBV,IAAnB,kCACFA,IAAI,CAACW,KADH;AAELC,MAAAA,SAAS,EAAEC,QAAQ,CAACC,UAFf;AAGLC,MAAAA,gBAAgB,EAAER;AAHb,OAAP;AAKD;;AACD,SAAOA,GAAP;AACD;;AAEDV,WAAW,CAACmB,WAAZ,GAA0B,aAA1B;AAEAnB,WAAW,CAACoB,SAAZ,GAAwB;AACtBnB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,OADM;AAEtBpB,EAAAA,SAAS,EAAEmB,SAAS,CAACE;AAFC,CAAxB;;;;"}

package/esm/deprecated/decorateToolbarChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorateToolbarChildren.js","sources":["../../../src/deprecated/decorateToolbarChildren.tsx"],"sourcesContent":["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"],"names":["children","extraProps","React","Children","map","component","cloneElement","props","className"],"mappings":";;;;;;AAEA,+BAAe,UAACA,QAAD;AAAA,MAAWC,UAAX,uEAAwB,EAAxB;AAAA,SACbC,KAAK,CAACC,QAAN,CAAeC,GAAf,CACEJ,QADF,EAEE,UAAAK,SAAS;AAAA,WACPA,SAAS,gBACLC,YAAY,CAACD,SAAD,gDACPJ,UADO,GAEPI,SAAS,CAACE,KAFH;AAGVC,MAAAA,SAAS,YAAKH,SAAS,CAACE,KAAV,CAAgBC,SAArB;AAHC,OADP,GAMLH,SAPG;AAAA,GAFX,EAUE,IAVF,CADa;AAAA,CAAf;;;;"}

package/esm/deprecated/index.js

@@ -0,0 +1,19 @@
+export { DSToolbar, ToolbarWithSchema, DSToolbar as default } from './DSToolbar.js';
+export { default as ToolbarItem } from './ToolbarItem.js';
+export { default as ToolbarGroup } from './ToolbarGroup.js';
+export { default as ToolbarDivider } from './ToolbarDivider.js';
+import '@babel/runtime/helpers/esm/extends';
+import '@babel/runtime/helpers/esm/objectWithoutProperties';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import 'react-desc';
+import '@elliemae/ds-classnames';
+import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
+import '@elliemae/ds-utilities/system';
+import './decorateToolbarChildren.js';
+import '@babel/runtime/helpers/esm/slicedToArray';
+import 'prop-types';
+import '@elliemae/ds-shared/FocusGroup';
+import '@elliemae/ds-button';
+import '@elliemae/ds-popper/positions';
+//# sourceMappingURL=index.js.map

package/esm/deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/esm/index.js

@@ -1,7 +1,10 @@
-export { DSToolbar, ToolbarWithSchema, DSToolbar as default } from './DSToolbar.js';
-export { default as ToolbarItem } from './ToolbarItem.js';
-export { default as ToolbarGroup } from './ToolbarGroup.js';
-export { default as ToolbarDivider } from './ToolbarDivider.js';
+export { DSToolbar, ToolbarWithSchema, DSToolbar as default } from './deprecated/DSToolbar.js';
+export { DSToolbarV2, DSToolbarV2WithSchema } from './DSToolbarV2.js';
+export { DSToolbarItemV2 } from './DSToolbarItemV2.js';
+export { DSToolbarSeparatorV2 } from './DSToolbarSeparatorV2.js';
+export { default as ToolbarItem } from './deprecated/ToolbarItem.js';
+export { default as ToolbarGroup } from './deprecated/ToolbarGroup.js';
+export { default as ToolbarDivider } from './deprecated/ToolbarDivider.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '@babel/runtime/helpers/esm/defineProperty';
@@ -10,8 +13,17 @@ import 'react-desc';
 import '@elliemae/ds-classnames';
 import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
 import '@elliemae/ds-utilities/system';
-import './decorateToolbarChildren.js';
+import './deprecated/decorateToolbarChildren.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
+import '@elliemae/ds-props-helpers';
+import 'uid';
+import './DSToolbarV2Context.js';
+import './props.js';
+import './styled.js';
+import 'styled-components';
+import '@elliemae/ds-grid';
+import './useToolbarItemHandlers.js';
+import '@babel/runtime/helpers/esm/toConsumableArray';
 import 'prop-types';
 import '@elliemae/ds-shared/FocusGroup';
 import '@elliemae/ds-button';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/props.js

@@ -0,0 +1,11 @@
+import { PropTypes } from 'react-desc';
+
+var 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/esm/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["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"],"names":["DSToolbarV2Schema","alignment","PropTypes","oneOf","description","defaultValue","withDepth","bool","compact","innerRef","oneOfType","func","object"],"mappings":";;IAEaA,iBAAiB,GAAG;AAC/BC,EAAAA,SAAS,EAAEC,SAAS,CAACC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,EACRC,WADQ,CACI,4CADJ,EAERC,YAFQ,CAEK,OAFL,CADoB;AAI/BC,EAAAA,SAAS,EAAEJ,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,8CAA3B,EAA2EC,YAA3E,CAAwF,IAAxF,CAJoB;AAK/BG,EAAAA,OAAO,EAAEN,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,qDAA3B,EAAkFC,YAAlF,CAA+F,KAA/F,CALsB;AAM/BI,EAAAA,QAAQ,EAAEP,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACS,IAAX,EAAiBT,SAAS,CAACU,MAA3B,CAApB,EAAwDR,WAAxD,CAAoE,oCAApE;AANqB;;;;"}

package/esm/styled.js

@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+import Grid from '@elliemae/ds-grid';
+
+var StyledToolbarWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-0"
+})(["background-color:", ";min-height:", ";max-height:", ";padding:0 ", ";box-shadow:", ";"], function (props) {
+  return props.theme.colors.neutral['000'];
+}, function (props) {
+  return props.compact ? '28px' : '40px';
+}, function (props) {
+  return props.theme.space.xxl;
+}, function (props) {
+  return props.theme.space.xxs;
+}, function (props) {
+  return !props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)';
+});
+var StyledToolbarItem = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-1"
+})([""]);
+var StyledSeparator = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-2"
+})(["height:30px;width:1px;background-color:", ";"], function (props) {
+  return props.theme.colors.neutral[200];
+});
+
+export { StyledSeparator, StyledToolbarItem, StyledToolbarWrapper };
+//# sourceMappingURL=styled.js.map

package/esm/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"sourcesContent":["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"],"names":["StyledToolbarWrapper","styled","Grid","props","theme","colors","neutral","compact","space","xxl","xxs","withDepth","StyledToolbarItem","StyledSeparator"],"mappings":";;;IAGaA,oBAAoB,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,8FACX,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADW,EAGjB,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACI,OAAN,GAAgB,MAAhB,GAAyB,MAArC;AAAA,CAHiB,EAIjB,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAA7B;AAAA,CAJiB,EAMlB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBE,GAA7B;AAAA,CANkB,EAQjB,UAACP,KAAD;AAAA,SAAY,CAACA,KAAK,CAACQ,SAAP,GAAmB,MAAnB,GAA4B,4DAAxC;AAAA,CARiB;IAWpBC,iBAAiB,gBAAGX,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAEjBW,eAAe,gBAAGZ,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,qDAGN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;;;;"}

package/esm/useToolbarItemHandlers.js

@@ -0,0 +1,39 @@
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import { useContext, useCallback } from 'react';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+
+var useToolbarItemHandlers = function useToolbarItemHandlers(toolbarItemId) {
+  var _useContext = useContext(DSToolbarV2Context),
+      toolbarUid = _useContext.toolbarUid,
+      itemReferences = _useContext.itemReferences;
+
+  var onKeyDown = useCallback(function (e) {
+    var toolbarItems = _toConsumableArray(document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item")));
+
+    var nextToolbarItemIndex = -1;
+
+    if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
+      var toolbarItemIndex = toolbarItems.findIndex(function (domElem) {
+        return 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();
+      var ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
+      if (ref.current) ref.current.focus();
+    }
+  }, [toolbarUid, toolbarItemId, itemReferences]);
+  return {
+    onKeyDown: onKeyDown
+  };
+};
+
+export { useToolbarItemHandlers };
+//# sourceMappingURL=useToolbarItemHandlers.js.map

package/esm/useToolbarItemHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarItemHandlers.js","sources":["../../src/useToolbarItemHandlers.tsx"],"sourcesContent":["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"],"names":["useToolbarItemHandlers","toolbarItemId","useContext","DSToolbarV2Context","toolbarUid","itemReferences","onKeyDown","useCallback","e","toolbarItems","document","querySelectorAll","nextToolbarItemIndex","includes","code","toolbarItemIndex","findIndex","domElem","id","length","preventDefault","stopPropagation","ref","current","focus"],"mappings":";;;;IAGaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,aADoC,EAIjC;AACH,oBAAuCC,UAAU,CAACC,kBAAD,CAAjD;AAAA,MAAQC,UAAR,eAAQA,UAAR;AAAA,MAAoBC,cAApB,eAAoBA,cAApB;;AAEA,MAAMC,SAAqC,GAAGC,WAAW,CACvD,UAACC,CAAD,EAAO;AACL,QAAMC,YAAY,sBAAOC,QAAQ,CAACC,gBAAT,YAA8BP,UAA9B,uBAAP,CAAlB;;AACA,QAAIQ,oBAAoB,GAAG,CAAC,CAA5B;;AAEA,QAAI,CAAC,WAAD,EAAc,YAAd,EAA4BC,QAA5B,CAAqCL,CAAC,CAACM,IAAvC,CAAJ,EAAkD;AAChD,UAAMC,gBAAgB,GAAGN,YAAY,CAACO,SAAb,CAAuB,UAACC,OAAD;AAAA,eAAaA,OAAO,CAACC,EAAR,KAAejB,aAA5B;AAAA,OAAvB,CAAzB;AACAW,MAAAA,oBAAoB,GAAGG,gBAAgB,IAAIP,CAAC,CAACM,IAAF,KAAW,WAAX,GAAyB,CAAC,CAA1B,GAA8B,CAAlC,CAAvC;AACD,KAHD,MAGO,IAAIN,CAAC,CAACM,IAAF,KAAW,MAAf,EAAuB;AAC5BF,MAAAA,oBAAoB,GAAG,CAAvB;AACD,KAFM,MAEA,IAAIJ,CAAC,CAACM,IAAF,KAAW,KAAf,EAAsB;AAC3BF,MAAAA,oBAAoB,GAAGH,YAAY,CAACU,MAAb,GAAsB,CAA7C;AACD;;AAED,QAAIP,oBAAoB,IAAI,CAAxB,IAA6BA,oBAAoB,GAAGH,YAAY,CAACU,MAArE,EAA6E;AAC3EX,MAAAA,CAAC,CAACY,cAAF;AACAZ,MAAAA,CAAC,CAACa,eAAF;AACA,UAAMC,GAAG,GAAGjB,cAAc,CAACI,YAAY,CAACG,oBAAD,CAAZ,CAAmCM,EAApC,CAA1B;AACA,UAAII,GAAG,CAACC,OAAR,EAAiBD,GAAG,CAACC,OAAJ,CAAYC,KAAZ;AAClB;AACF,GApBsD,EAqBvD,CAACpB,UAAD,EAAaH,aAAb,EAA4BI,cAA5B,CArBuD,CAAzD;AAwBA,SAAO;AAAEC,IAAAA,SAAS,EAATA;AAAF,GAAP;AACD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toolbar",
-  "version": "1.54.0-next.4",
+  "version": "1.55.0-next.1",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Toolbar",
   "module": "esm/index.js",
@@ -16,11 +16,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "1.54.0-next.4",
-    "@elliemae/ds-classnames": "1.54.0-next.4",
-    "@elliemae/ds-popper": "1.54.0-next.4",
-    "@elliemae/ds-shared": "1.54.0-next.4",
-    "@elliemae/ds-utilities": "1.54.0-next.4",
+    "@elliemae/ds-button": "1.55.0-next.1",
+    "@elliemae/ds-classnames": "1.55.0-next.1",
+    "@elliemae/ds-popper": "1.55.0-next.1",
+    "@elliemae/ds-shared": "1.55.0-next.1",
+    "@elliemae/ds-utilities": "1.55.0-next.1",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.2"
   },

package/props/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-toolbar/props",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../cjs/props.js",
+  "module": "../esm/props.js"
+}

package/styled/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-toolbar/styled",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../cjs/styled.js",
+  "module": "../esm/styled.js"
+}

package/useToolbarItemHandlers/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-toolbar/useToolbarItemHandlers",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../cjs/useToolbarItemHandlers.js",
+  "module": "../esm/useToolbarItemHandlers.js"
+}

package/DSToolbar/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/DSToolbar",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSToolbar.js",
-  "module": "../esm/DSToolbar.js"
-}

package/ToolbarDivider/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/ToolbarDivider",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/ToolbarDivider.js",
-  "module": "../esm/ToolbarDivider.js"
-}

package/ToolbarGroup/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/ToolbarGroup",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/ToolbarGroup.js",
-  "module": "../esm/ToolbarGroup.js"
-}

package/ToolbarItem/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/ToolbarItem",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/ToolbarItem.js",
-  "module": "../esm/ToolbarItem.js"
-}

package/cjs/DSToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSToolbar.js","sources":["../../src/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ withDepth, alignment, size }) => ({\n    'without-depth': !withDepth,\n    [alignment]: !!alignment,\n    [size]: size,\n  }),\n);\n\nconst DSToolbar = ({\n  containerProps = {},\n  innerRef,\n  withDepth = true,\n  alignment = 'right', // left || right\n  autoFocusOnMount = true,\n  children = [],\n  size = 'normal',\n  ...otherProps\n}) => {\n  const containerRef = useRef(null);\n  return (\n    <FocusGroupProvider\n      autoFocusOnMount={autoFocusOnMount}\n      getContainer={() => containerRef.current}\n      keyBindings={{\n        Tab: 'next',\n      }}\n      orientation=\"horizontal\"\n    >\n      <ToolbarContainer\n        {...containerProps}\n        {...otherProps}\n        classProps={{ withDepth, alignment, size }}\n        innerRef={mergeRefs(innerRef, containerRef)}\n      >\n        {decorateToolbarChildren(children)}\n      </ToolbarContainer>\n    </FocusGroupProvider>\n  );\n};\n\nconst toolbarProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  withDepth: PropTypes.bool\n    .description('Shows a shadow rear the toolbar')\n    .defaultValue(true),\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Aligns the toolbar to the left or right')\n    .defaultValue('right'),\n  size: PropTypes.oneOf(['normal', 'compact'])\n    .description('Toolbar size')\n    .defaultValue('normal'),\n  autoFocusOnMount: PropTypes.bool\n    .description('Wheter to focus the component when it mounts or not')\n    .defaultValue(true),\n  children: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.func,\n    PropTypes.node,\n  ]).description('Toolbar items').isRequired,\n  innerRef: PropTypes.object.description(\n    'Ref to the Toolbar container element',\n  ),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport {\n  DSToolbar,\n  Item as ToolbarItem,\n  ToolbarGroup,\n  Divider as ToolbarDivider,\n  ToolbarWithSchema,\n};\n\nexport default DSToolbar;\n"],"names":["blockName","ToolbarContainer","aggregatedClasses","withDepth","alignment","size","DSToolbar","containerProps","innerRef","autoFocusOnMount","children","otherProps","containerRef","useRef","React","FocusGroupProvider","current","Tab","mergeRefs","decorateToolbarChildren","toolbarProps","PropTypes","object","description","bool","defaultValue","oneOf","oneOfType","array","func","node","isRequired","propTypes","ToolbarWithSchema","describe"],"mappings":"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"}

package/cjs/ToolbarDivider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarDivider.js","sources":["../../src/ToolbarDivider.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'toolbar';\n\nconst ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');\n\nToolbarDivider.displayName = 'ToolbarDivider';\n\nexport default ToolbarDivider;\n"],"names":["blockName","ToolbarDivider","aggregatedClasses","displayName"],"mappings":";;;;AAEA,IAAMA,SAAS,GAAG,SAAlB;IAEMC,cAAc,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,SAApC;AAEvBC,cAAc,CAACE,WAAf,GAA6B,gBAA7B;;;;"}

package/cjs/ToolbarGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarGroup.js","sources":["../../src/ToolbarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport decorateToolbarChildren from './decorateToolbarChildren';\n\nconst blockName = 'toolbar-group';\n\nconst ToolbarGroupContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ space }) => ({\n    [`space-${space}`]: !!space,\n  }),\n);\n\nconst ToolbarGroup = ({ children, size, space = 0 }) => (\n  <ToolbarGroupContainer classProps={{ space }}>\n    {decorateToolbarChildren(children, { size })}\n  </ToolbarGroupContainer>\n);\n\nToolbarGroup.propTypes = {\n  children: PropTypes.any,\n  size: PropTypes.number,\n  space: PropTypes.number,\n};\n\nexport default ToolbarGroup;\n"],"names":["blockName","ToolbarGroupContainer","aggregatedClasses","space","ToolbarGroup","children","size","React","decorateToolbarChildren","propTypes","PropTypes","any","number"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,eAAlB;AAEA,IAAMC,qBAAqB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAC5BF,SAD4B,EAE5B,IAF4B,EAG5B;AAAA,MAAGG,KAAH,QAAGA,KAAH;AAAA,iEACYA,KADZ,GACsB,CAAC,CAACA,KADxB;AAAA,CAH4B,CAA9B;;IAQMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaC,IAAb,SAAaA,IAAb;AAAA,0BAAmBH,KAAnB;AAAA,MAAmBA,KAAnB,4BAA2B,CAA3B;AAAA,sBACnBI,wCAAC,qBAAD;AAAuB,IAAA,UAAU,EAAE;AAAEJ,MAAAA,KAAK,EAALA;AAAF;AAAnC,KACGK,uBAAuB,CAACH,QAAD,EAAW;AAAEC,IAAAA,IAAI,EAAJA;AAAF,GAAX,CAD1B,CADmB;AAAA;;AAMrBF,YAAY,CAACK,SAAb,GAAyB;AACvBJ,EAAAA,QAAQ,EAAEK,6BAAS,CAACC,GADG;AAEvBL,EAAAA,IAAI,EAAEI,6BAAS,CAACE,MAFO;AAGvBT,EAAAA,KAAK,EAAEO,6BAAS,CAACE;AAHM,CAAzB;;;;"}

package/cjs/ToolbarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarItem.js","sources":["../../src/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { Position } from '@elliemae/ds-popper/positions';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButton\n      {...otherProps}\n      buttonType=\"text\"\n      icon={icon}\n      innerRef={(r) => setRef(r)}\n      labelText={labelText}\n    />\n  );\n  if (menu) {\n    return React.cloneElement(menu, {\n      ...menu.props,\n      placement: Position.BOTTOM_END,\n      triggerComponent: btn,\n    });\n  }\n  return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n  icon: PropTypes.element,\n  labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],"names":["ToolbarItem","icon","labelText","menu","undefined","otherProps","useState","ref","setRef","useFocusGroupWithState","btn","React","DSButton","r","cloneElement","props","placement","Position","BOTTOM_END","triggerComponent","displayName","propTypes","PropTypes","element","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,WAAW,GAAG,SAAdA,WAAc,OAA0D;AAAA,MAAvDC,IAAuD,QAAvDA,IAAuD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,uBAAtCC,IAAsC;AAAA,MAAtCA,IAAsC,0BAA/BC,SAA+B;AAAA,MAAjBC,UAAiB;;AAC5E,kBAAsBC,cAAQ,CAAC,IAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEAC,EAAAA,iCAAsB,CAACF,GAAD,CAAtB;AACA,MAAMG,GAAG,gBACPC,wCAACC,4BAAD,mCACMP,UADN;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,IAAI,EAAEJ,IAHR;AAIE,IAAA,QAAQ,EAAE,kBAACY,CAAD;AAAA,aAAOL,MAAM,CAACK,CAAD,CAAb;AAAA,KAJZ;AAKE,IAAA,SAAS,EAAEX;AALb,KADF;;AASA,MAAIC,IAAJ,EAAU;AACR,wBAAOQ,yBAAK,CAACG,YAAN,CAAmBX,IAAnB,kCACFA,IAAI,CAACY,KADH;AAELC,MAAAA,SAAS,EAAEC,kBAAQ,CAACC,UAFf;AAGLC,MAAAA,gBAAgB,EAAET;AAHb,OAAP;AAKD;;AACD,SAAOA,GAAP;AACD;;AAEDV,WAAW,CAACoB,WAAZ,GAA0B,aAA1B;AAEApB,WAAW,CAACqB,SAAZ,GAAwB;AACtBpB,EAAAA,IAAI,EAAEqB,6BAAS,CAACC,OADM;AAEtBrB,EAAAA,SAAS,EAAEoB,6BAAS,CAACE;AAFC,CAAxB;;;;"}

package/cjs/decorateToolbarChildren.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorateToolbarChildren.js","sources":["../../src/decorateToolbarChildren.tsx"],"sourcesContent":["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"],"names":["children","extraProps","React","Children","map","component","cloneElement","props","className"],"mappings":";;;;;;;;;;;;;AAEA,+BAAe,UAACA,QAAD;AAAA,MAAWC,UAAX,uEAAwB,EAAxB;AAAA,SACbC,yBAAK,CAACC,QAAN,CAAeC,GAAf,CACEJ,QADF,EAEE,UAAAK,SAAS;AAAA,WACPA,SAAS,gBACLC,kBAAY,CAACD,SAAD,gDACPJ,UADO,GAEPI,SAAS,CAACE,KAFH;AAGVC,MAAAA,SAAS,YAAKH,SAAS,CAACE,KAAV,CAAgBC,SAArB;AAHC,OADP,GAMLH,SAPG;AAAA,GAFX,EAUE,IAVF,CADa;AAAA,CAAf;;;;"}

package/decorateToolbarChildren/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/decorateToolbarChildren",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/decorateToolbarChildren.js",
-  "module": "../esm/decorateToolbarChildren.js"
-}

package/esm/DSToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSToolbar.js","sources":["../../src/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ withDepth, alignment, size }) => ({\n    'without-depth': !withDepth,\n    [alignment]: !!alignment,\n    [size]: size,\n  }),\n);\n\nconst DSToolbar = ({\n  containerProps = {},\n  innerRef,\n  withDepth = true,\n  alignment = 'right', // left || right\n  autoFocusOnMount = true,\n  children = [],\n  size = 'normal',\n  ...otherProps\n}) => {\n  const containerRef = useRef(null);\n  return (\n    <FocusGroupProvider\n      autoFocusOnMount={autoFocusOnMount}\n      getContainer={() => containerRef.current}\n      keyBindings={{\n        Tab: 'next',\n      }}\n      orientation=\"horizontal\"\n    >\n      <ToolbarContainer\n        {...containerProps}\n        {...otherProps}\n        classProps={{ withDepth, alignment, size }}\n        innerRef={mergeRefs(innerRef, containerRef)}\n      >\n        {decorateToolbarChildren(children)}\n      </ToolbarContainer>\n    </FocusGroupProvider>\n  );\n};\n\nconst toolbarProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  withDepth: PropTypes.bool\n    .description('Shows a shadow rear the toolbar')\n    .defaultValue(true),\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Aligns the toolbar to the left or right')\n    .defaultValue('right'),\n  size: PropTypes.oneOf(['normal', 'compact'])\n    .description('Toolbar size')\n    .defaultValue('normal'),\n  autoFocusOnMount: PropTypes.bool\n    .description('Wheter to focus the component when it mounts or not')\n    .defaultValue(true),\n  children: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.func,\n    PropTypes.node,\n  ]).description('Toolbar items').isRequired,\n  innerRef: PropTypes.object.description(\n    'Ref to the Toolbar container element',\n  ),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport {\n  DSToolbar,\n  Item as ToolbarItem,\n  ToolbarGroup,\n  Divider as ToolbarDivider,\n  ToolbarWithSchema,\n};\n\nexport default DSToolbar;\n"],"names":["blockName","ToolbarContainer","aggregatedClasses","withDepth","alignment","size","DSToolbar","containerProps","innerRef","autoFocusOnMount","children","otherProps","containerRef","useRef","current","Tab","mergeRefs","decorateToolbarChildren","toolbarProps","PropTypes","object","description","bool","defaultValue","oneOf","oneOfType","array","func","node","isRequired","propTypes","ToolbarWithSchema","describe"],"mappings":"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"}

package/esm/ToolbarDivider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarDivider.js","sources":["../../src/ToolbarDivider.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'toolbar';\n\nconst ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');\n\nToolbarDivider.displayName = 'ToolbarDivider';\n\nexport default ToolbarDivider;\n"],"names":["blockName","ToolbarDivider","aggregatedClasses","displayName"],"mappings":";;AAEA,IAAMA,SAAS,GAAG,SAAlB;IAEMC,cAAc,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,SAApC;AAEvBC,cAAc,CAACE,WAAf,GAA6B,gBAA7B;;;;"}

package/esm/ToolbarGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarGroup.js","sources":["../../src/ToolbarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport decorateToolbarChildren from './decorateToolbarChildren';\n\nconst blockName = 'toolbar-group';\n\nconst ToolbarGroupContainer = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ space }) => ({\n    [`space-${space}`]: !!space,\n  }),\n);\n\nconst ToolbarGroup = ({ children, size, space = 0 }) => (\n  <ToolbarGroupContainer classProps={{ space }}>\n    {decorateToolbarChildren(children, { size })}\n  </ToolbarGroupContainer>\n);\n\nToolbarGroup.propTypes = {\n  children: PropTypes.any,\n  size: PropTypes.number,\n  space: PropTypes.number,\n};\n\nexport default ToolbarGroup;\n"],"names":["blockName","ToolbarGroupContainer","aggregatedClasses","space","ToolbarGroup","children","size","decorateToolbarChildren","propTypes","PropTypes","any","number"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG,eAAlB;AAEA,IAAMC,qBAAqB,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAC5BF,SAD4B,EAE5B,IAF4B,EAG5B;AAAA,MAAGG,KAAH,QAAGA,KAAH;AAAA,6CACYA,KADZ,GACsB,CAAC,CAACA,KADxB;AAAA,CAH4B,CAA9B;;IAQMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaC,IAAb,SAAaA,IAAb;AAAA,0BAAmBH,KAAnB;AAAA,MAAmBA,KAAnB,4BAA2B,CAA3B;AAAA,sBACnB,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAE;AAAEA,MAAAA,KAAK,EAALA;AAAF;AAAnC,KACGI,uBAAuB,CAACF,QAAD,EAAW;AAAEC,IAAAA,IAAI,EAAJA;AAAF,GAAX,CAD1B,CADmB;AAAA;;AAMrBF,YAAY,CAACI,SAAb,GAAyB;AACvBH,EAAAA,QAAQ,EAAEI,SAAS,CAACC,GADG;AAEvBJ,EAAAA,IAAI,EAAEG,SAAS,CAACE,MAFO;AAGvBR,EAAAA,KAAK,EAAEM,SAAS,CAACE;AAHM,CAAzB;;;;"}

package/esm/ToolbarItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarItem.js","sources":["../../src/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { Position } from '@elliemae/ds-popper/positions';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButton\n      {...otherProps}\n      buttonType=\"text\"\n      icon={icon}\n      innerRef={(r) => setRef(r)}\n      labelText={labelText}\n    />\n  );\n  if (menu) {\n    return React.cloneElement(menu, {\n      ...menu.props,\n      placement: Position.BOTTOM_END,\n      triggerComponent: btn,\n    });\n  }\n  return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n  icon: PropTypes.element,\n  labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],"names":["ToolbarItem","icon","labelText","menu","undefined","otherProps","useState","ref","setRef","useFocusGroupWithState","btn","r","React","cloneElement","props","placement","Position","BOTTOM_END","triggerComponent","displayName","propTypes","PropTypes","element","string"],"mappings":";;;;;;;;;;;;;;;;IAMMA,WAAW,GAAG,SAAdA,WAAc,OAA0D;AAAA,MAAvDC,IAAuD,QAAvDA,IAAuD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,uBAAtCC,IAAsC;AAAA,MAAtCA,IAAsC,0BAA/BC,SAA+B;AAAA,MAAjBC,UAAiB;;AAC5E,kBAAsBC,QAAQ,CAAC,IAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEAC,EAAAA,sBAAsB,CAACF,GAAD,CAAtB;AACA,MAAMG,GAAG,gBACP,oBAAC,QAAD,eACML,UADN;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,IAAI,EAAEJ,IAHR;AAIE,IAAA,QAAQ,EAAE,kBAACU,CAAD;AAAA,aAAOH,MAAM,CAACG,CAAD,CAAb;AAAA,KAJZ;AAKE,IAAA,SAAS,EAAET;AALb,KADF;;AASA,MAAIC,IAAJ,EAAU;AACR,wBAAOS,KAAK,CAACC,YAAN,CAAmBV,IAAnB,kCACFA,IAAI,CAACW,KADH;AAELC,MAAAA,SAAS,EAAEC,QAAQ,CAACC,UAFf;AAGLC,MAAAA,gBAAgB,EAAER;AAHb,OAAP;AAKD;;AACD,SAAOA,GAAP;AACD;;AAEDV,WAAW,CAACmB,WAAZ,GAA0B,aAA1B;AAEAnB,WAAW,CAACoB,SAAZ,GAAwB;AACtBnB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,OADM;AAEtBpB,EAAAA,SAAS,EAAEmB,SAAS,CAACE;AAFC,CAAxB;;;;"}