@elliemae/ds-toolbar 3.22.0-next.23 → 3.22.0-next.25

package/dist/esm/deprecated/ToolbarItem.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { useState } from "react";
-import PropTypes from "prop-types";
-import { useFocusGroupWithState } from "@elliemae/ds-shared";
-import { DSButtonV2 } from "@elliemae/ds-button-v2";
-import { PopperPositions as Position } from "@elliemae/ds-popper";
-const ToolbarItem = ({ icon, labelText, menu = void 0, containerProps = {}, ...otherProps }) => {
-  const [ref, setRef] = useState(null);
-  useFocusGroupWithState(ref);
-  const btn = /* @__PURE__ */ jsx(DSButtonV2, { ...otherProps, buttonType: "icon", innerRef: (r) => setRef(r), labelText, ...containerProps, children: icon });
-  if (menu) {
-    return React2.cloneElement(menu, {
-      ...menu.props,
-      placement: Position.BOTTOM_END,
-      triggerComponent: btn
-    });
-  }
-  return btn;
-};
-ToolbarItem.displayName = "ToolbarItem";
-ToolbarItem.propTypes = {
-  icon: PropTypes.element,
-  labelText: PropTypes.string
-};
-var ToolbarItem_default = ToolbarItem;
-export {
-  ToolbarItem_default as default
-};
-//# sourceMappingURL=ToolbarItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ToolbarItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, containerProps = {}, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButtonV2 {...otherProps} buttonType=\"icon\" innerRef={(r) => setRef(r)} labelText={labelText} {...containerProps}>\n      {icon}\n    </DSButtonV2>\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACenB;AAXJ,OAAOA,UAAS,gBAAgB;AAChC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB,gBAAgB;AAE5C,MAAM,cAAc,CAAC,EAAE,MAAM,WAAW,OAAO,QAAW,iBAAiB,CAAC,GAAG,GAAG,WAAW,MAAM;AACjG,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,IAAI;AAEnC,yBAAuB,GAAG;AAC1B,QAAM,MACJ,oBAAC,cAAY,GAAG,YAAY,YAAW,QAAO,UAAU,CAAC,MAAM,OAAO,CAAC,GAAG,WAAuB,GAAG,gBACjG,gBACH;AAEF,MAAI,MAAM;AACR,WAAOA,OAAM,aAAa,MAAM;AAAA,MAC9B,GAAG,KAAK;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,kBAAkB;AAAA,IACpB,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEA,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AACvB;AAEA,IAAO,sBAAQ;",
-  "names": ["React"]
-}

package/dist/esm/deprecated/decorateToolbarChildren.js

@@ -1,15 +0,0 @@
-import * as React from "react";
-import React2, { cloneElement } from "react";
-var decorateToolbarChildren_default = (children, extraProps = {}) => React2.Children.map(
-  children,
-  (component) => component ? cloneElement(component, {
-    ...extraProps,
-    ...component.props,
-    className: `${component.props.className} toolbar-item`
-  }) : component,
-  null
-);
-export {
-  decorateToolbarChildren_default as default
-};
-//# sourceMappingURL=decorateToolbarChildren.js.map

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", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport 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,YAAY,WAAW;ACIvB,OAAOA,UAAS,oBAAoB;AAEpC,IAAO,kCAAQ,CAAC,UAAU,aAAa,CAAC,MACtCA,OAAM,SAAS;AAAA,EACb;AAAA,EACA,CAAC,cACC,YACI,aAAa,WAAW;AAAA,IACtB,GAAG;AAAA,IACH,GAAG,UAAU;AAAA,IACb,WAAW,GAAG,UAAU,MAAM;AAAA,EAChC,CAAC,IACD;AAAA,EACN;AACF;",
-  "names": ["React"]
-}

package/dist/esm/deprecated/hooks/useKeyboardNavigation.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-import { useRef, useEffect, useCallback } from "react";
-const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }) => {
-  const allChildrenButtonRef = useRef(null);
-  useEffect(() => {
-    if (containerRef.current) {
-      allChildrenButtonRef.current = containerRef.current.querySelectorAll("button");
-    }
-    if (autoFocusOnMount) {
-      setTimeout(() => allChildrenButtonRef.current?.[0].focus());
-    }
-  }, [autoFocusOnMount]);
-  const handleOnKeyDown = useCallback((e) => {
-    if (allChildrenButtonRef.current) {
-      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];
-      const firstButton = allChildrenButtonRef.current[0];
-      if (e.key === "ArrowRight") {
-        e.preventDefault();
-        if (e.target !== lastButton) {
-          e.target.nextSibling.focus();
-        } else {
-          firstButton.focus();
-        }
-      }
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        if (e.target !== firstButton) {
-          e.target.previousSibling.focus();
-        } else {
-          lastButton.focus();
-        }
-      }
-    }
-  }, []);
-  return {
-    handleOnKeyDown
-  };
-};
-export {
-  useKeyboardNavigation
-};
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/esm/deprecated/hooks/useKeyboardNavigation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/hooks/useKeyboardNavigation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport type React from 'react';\nimport { useRef, useEffect, useCallback } from 'react';\n\ninterface useKeyboardNavigationT {\n  containerRef: React.MutableRefObject<HTMLDivElement | null>;\n  autoFocusOnMount: boolean;\n}\n\n// Toolbar should not allow to use Tab/Shift+Tab to navigate between ToolbarItems.\n// Tab/Shift+Tab should be only used once to enter the whole controller.\n// Toolbars should be only navigable with Arrows to follow correct a11y.\n// https://www.w3.org/TR/wai-aria-practices/examples/toolbar/toolbar.html\n\nexport const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }: useKeyboardNavigationT) => {\n  const allChildrenButtonRef = useRef<NodeListOf<HTMLButtonElement> | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      allChildrenButtonRef.current = containerRef.current.querySelectorAll('button');\n      // allChildrenButtonRef.current.forEach((button, index) => {\n      //   if (index !== 0) {\n      //     button.setAttribute('tabindex', '-1');\n      //   }\n      // });\n    }\n\n    if (autoFocusOnMount) {\n      setTimeout(() => allChildrenButtonRef.current?.[0].focus());\n    }\n\n    // return () => {\n    //   allChildrenButtonRef.current?.forEach((button, index) => {\n    //     if (index !== 0) {\n    //       button.setAttribute('tabindex', '');\n    //     }\n    //   });\n    // };\n  }, [autoFocusOnMount]);\n\n  const handleOnKeyDown = useCallback((e) => {\n    if (allChildrenButtonRef.current) {\n      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];\n      const firstButton = allChildrenButtonRef.current[0];\n\n      if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        if (e.target !== lastButton) {\n          e.target.nextSibling.focus();\n        } else {\n          firstButton.focus();\n        }\n      }\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        if (e.target !== firstButton) {\n          e.target.previousSibling.focus();\n        } else {\n          lastButton.focus();\n        }\n      }\n    }\n  }, []);\n\n  return {\n    handleOnKeyDown,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,QAAQ,WAAW,mBAAmB;AAYxC,MAAM,wBAAwB,CAAC,EAAE,cAAc,iBAAiB,MAA8B;AACnG,QAAM,uBAAuB,OAA6C,IAAI;AAE9E,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,2BAAqB,UAAU,aAAa,QAAQ,iBAAiB,QAAQ;AAAA,IAM/E;AAEA,QAAI,kBAAkB;AACpB,iBAAW,MAAM,qBAAqB,UAAU,CAAC,EAAE,MAAM,CAAC;AAAA,IAC5D;AAAA,EASF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAkB,YAAY,CAAC,MAAM;AACzC,QAAI,qBAAqB,SAAS;AAChC,YAAM,aAAa,qBAAqB,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AACxF,YAAM,cAAc,qBAAqB,QAAQ,CAAC;AAElD,UAAI,EAAE,QAAQ,cAAc;AAC1B,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,YAAY;AAC3B,YAAE,OAAO,YAAY,MAAM;AAAA,QAC7B,OAAO;AACL,sBAAY,MAAM;AAAA,QACpB;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,aAAa;AAC5B,YAAE,OAAO,gBAAgB,MAAM;AAAA,QACjC,OAAO;AACL,qBAAW,MAAM;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/deprecated/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-export * from "./DSToolbar.js";
-import { default as default2 } from "./DSToolbar.js";
-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.js';\n\nexport { default } from './DSToolbar.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
-  "names": ["default"]
-}

package/dist/types/deprecated/DSToolbar.d.ts

@@ -1,37 +0,0 @@
-import Item from './ToolbarItem.js';
-import ToolbarGroup from './ToolbarGroup.js';
-import Divider from './ToolbarDivider.js';
-declare const DSToolbar: {
-    ({ containerProps, innerRef, withDepth, alignment, autoFocusOnMount, children, size, ...otherProps }: {
-        [x: string]: any;
-        containerProps?: {} | undefined;
-        innerRef: any;
-        withDepth?: boolean | undefined;
-        alignment?: string | undefined;
-        autoFocusOnMount?: boolean | undefined;
-        children?: never[] | undefined;
-        size?: string | undefined;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        withDepth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        alignment: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        autoFocusOnMount: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    };
-    displayName: string;
-};
-declare const ToolbarWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
-    [x: string]: any;
-    containerProps?: {} | undefined;
-    innerRef: any;
-    withDepth?: boolean | undefined;
-    alignment?: string | undefined;
-    autoFocusOnMount?: boolean | undefined;
-    children?: never[] | undefined;
-    size?: string | undefined;
-}>;
-export { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };
-export default DSToolbar;

package/dist/types/deprecated/ToolbarDivider.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const ToolbarDivider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export default ToolbarDivider;

package/dist/types/deprecated/ToolbarGroup.d.ts

@@ -1,14 +0,0 @@
-import PropTypes from 'prop-types';
-declare const ToolbarGroup: {
-    ({ children, size, space }: {
-        children: any;
-        size: any;
-        space?: number | undefined;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<number>;
-        space: PropTypes.Requireable<number>;
-    };
-};
-export default ToolbarGroup;

package/dist/types/deprecated/ToolbarItem.d.ts

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-declare const ToolbarItem: {
-    ({ icon, labelText, menu, containerProps, ...otherProps }: {
-        [x: string]: any;
-        icon: any;
-        labelText: any;
-        menu?: undefined;
-        containerProps?: {} | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-    propTypes: {
-        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        labelText: PropTypes.Requireable<string>;
-    };
-};
-export default ToolbarItem;

package/dist/types/deprecated/decorateToolbarChildren.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (children: any, extraProps?: {}) => any;
-export default _default;

package/dist/types/deprecated/hooks/useKeyboardNavigation.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-interface useKeyboardNavigationT {
-    containerRef: React.MutableRefObject<HTMLDivElement | null>;
-    autoFocusOnMount: boolean;
-}
-export declare const useKeyboardNavigation: ({ containerRef, autoFocusOnMount }: useKeyboardNavigationT) => {
-    handleOnKeyDown: (e: any) => void;
-};
-export {};

package/dist/types/deprecated/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DSToolbar.js';
-export { default } from './DSToolbar.js';