@elliemae/ds-toolbar-v2 3.45.1 → 3.46.0-rc.0

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  PropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n  type DSPropTypesSchema,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSToolbarT {\n  export interface DefaultProps {\n    alignment: 'left' | 'right';\n    withDepth: boolean;\n    compact: boolean;\n  }\n\n  export interface OptionalProps {\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport declare namespace DSToolbarItemT {\n  type AnyRef<T> = React.MutableRefObject<T | null> | ((_ref: T | null) => void);\n\n  export type RenderHTMLElementT =\n    | HTMLElement\n    | HTMLButtonElement\n    | HTMLInputElement\n    | HTMLTextAreaElement\n    | HTMLSelectElement\n    | HTMLOptionElement\n    | null;\n\n  export type RendererProps<T extends HTMLElement> = { innerRef: AnyRef<T>; tabIndex: 0 | -1 };\n\n  export interface Props<T extends HTMLElement = HTMLElement | HTMLButtonElement> {\n    render: React.ComponentType<RendererProps<T>>;\n    isFirstItem?: boolean;\n  }\n}\n\nexport const defaultItemProps: DSToolbarItemT.Props<HTMLElement> = {\n  render: () => <div></div>,\n  isFirstItem: false,\n};\n\nexport const defaultProps: DSToolbarT.DefaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\n\nexport const DSToolbarPropTypes: DSPropTypesSchema<DSToolbarT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\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\nexport const DSToolbarV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarT.Props>;\n\nexport const DSToolbarItemV2PropTypes = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  render: PropTypes.func.isRequired.description('render function').defaultValue(() => {}),\n  isFirstItem: PropTypes.bool\n    .description(\n      'If true the item will have tab index 0 to be the first element focusable by keyboard on the page load',\n    )\n    .defaultValue(false),\n};\n\nexport const DSToolbarItemV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarItemT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import {\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  PropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n  type DSPropTypesSchema,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSToolbarT {\n  export interface DefaultProps {\n    alignment: 'left' | 'right';\n    withDepth: boolean;\n    compact: boolean;\n  }\n\n  export interface OptionalProps {\n    innerRef?: React.MutableRefObject<HTMLDivElement | null>;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport declare namespace DSToolbarItemT {\n  type AnyRef<T> = React.MutableRefObject<T | null> | ((_ref: T | null) => void);\n\n  export type RenderHTMLElementT =\n    | HTMLElement\n    | HTMLButtonElement\n    | HTMLInputElement\n    | HTMLTextAreaElement\n    | HTMLSelectElement\n    | HTMLOptionElement\n    | null;\n\n  export type RendererProps<T extends HTMLElement> = { innerRef: AnyRef<T>; tabIndex: 0 | -1 };\n\n  export interface Props<T extends HTMLElement = HTMLElement | HTMLButtonElement> {\n    render: React.ComponentType<RendererProps<T>>;\n    isFirstItem?: boolean;\n  }\n}\n\nexport const defaultItemProps: DSToolbarItemT.Props<HTMLElement> = {\n  render: () => <div></div>,\n  isFirstItem: false,\n};\n\nexport const defaultProps: DSToolbarT.DefaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\n\nexport const DSToolbarPropTypes: DSPropTypesSchema<DSToolbarT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\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\nexport const DSToolbarV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarT.Props>;\n\nexport const DSToolbarItemV2PropTypes = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  render: PropTypes.func.isRequired.description('render function').defaultValue(() => {}),\n  isFirstItem: PropTypes.bool\n    .description(\n      'If true the item will have tab index 0 to be the first element focusable by keyboard on the page load',\n    )\n    .defaultValue(false),\n};\n\nexport const DSToolbarItemV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarItemT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDP;AAvDhB,8BAQO;AA8CA,MAAM,mBAAsD;AAAA,EACjE,QAAQ,MAAM,4CAAC,SAAI;AAAA,EACnB,aAAa;AACf;AAEO,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,qBAA0D;AAAA,EACrE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EACzC,YAAY,4CAA4C,EACxD,aAAa,OAAO;AAAA,EACvB,WAAW,kCAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,IAAI;AAAA,EACvG,SAAS,kCAAU,KAAK,YAAY,qDAAqD,EAAE,aAAa,KAAK;AAAA,EAC7G,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,oCAAoC;AACpH;AAEO,MAAM,oBAAoB;AAE1B,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ,kCAAU,KAAK,WAAW,YAAY,iBAAiB,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACtF,aAAa,kCAAU,KACpB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,wBAAwB;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-toolbar-v2-valid.js

@@ -0,0 +1,80 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testOptionalProps = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testPartialDefaults = {
+  alignment: "left",
+  withDepth: false,
+  compact: false
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  alignment: "left",
+  withDepth: false,
+  compact: false
+};
+const testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testInferedTypeCompatibility = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const testDefinitionAsConst = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToolbarV2, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToolbarV2, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToolbarV2, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToolbarV2, { alignment: "left", withDepth: false, compact: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) })
+] });
+//# sourceMappingURL=typescript-toolbar-v2-valid.js.map

package/dist/cjs/typescript-testing/typescript-toolbar-v2-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-toolbar-v2-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSToolbarV2 } from '../index.js';\nimport type { DSToolbarT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSToolbarT.Props;\ntype ComponentPropsInternals = DSToolbarT.InternalProps;\ntype ComponentPropsDefaultProps = DSToolbarT.DefaultProps;\ntype ComponentPropsOptionalProps = DSToolbarT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div />,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSToolbarV2 {...testExplicitDefinition} />\n    <DSToolbarV2 {...testInferedTypeCompatibility} />\n    <DSToolbarV2 {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSToolbarV2 alignment=\"left\" withDepth={false} compact={false}>\n      <div />\n    </DSToolbarV2>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACYX;AAVZ,eAA4B;AAS5B,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI;AACjB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,4CAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,wBAAa,GAAG,wBAAwB;AAAA,EACzC,4CAAC,wBAAa,GAAG,8BAA8B;AAAA,EAC/C,4CAAC,wBAAa,GAAG,uBAAuB;AAAA,EAExC,4CAAC,wBAAY,WAAU,QAAO,WAAW,OAAO,SAAS,OACvD,sDAAC,SAAI,GACP;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  PropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n  type DSPropTypesSchema,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSToolbarT {\n  export interface DefaultProps {\n    alignment: 'left' | 'right';\n    withDepth: boolean;\n    compact: boolean;\n  }\n\n  export interface OptionalProps {\n    innerRef?: React.MutableRefObject<HTMLDivElement>;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport declare namespace DSToolbarItemT {\n  type AnyRef<T> = React.MutableRefObject<T | null> | ((_ref: T | null) => void);\n\n  export type RenderHTMLElementT =\n    | HTMLElement\n    | HTMLButtonElement\n    | HTMLInputElement\n    | HTMLTextAreaElement\n    | HTMLSelectElement\n    | HTMLOptionElement\n    | null;\n\n  export type RendererProps<T extends HTMLElement> = { innerRef: AnyRef<T>; tabIndex: 0 | -1 };\n\n  export interface Props<T extends HTMLElement = HTMLElement | HTMLButtonElement> {\n    render: React.ComponentType<RendererProps<T>>;\n    isFirstItem?: boolean;\n  }\n}\n\nexport const defaultItemProps: DSToolbarItemT.Props<HTMLElement> = {\n  render: () => <div></div>,\n  isFirstItem: false,\n};\n\nexport const defaultProps: DSToolbarT.DefaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\n\nexport const DSToolbarPropTypes: DSPropTypesSchema<DSToolbarT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\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\nexport const DSToolbarV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarT.Props>;\n\nexport const DSToolbarItemV2PropTypes = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  render: PropTypes.func.isRequired.description('render function').defaultValue(() => {}),\n  isFirstItem: PropTypes.bool\n    .description(\n      'If true the item will have tab index 0 to be the first element focusable by keyboard on the page load',\n    )\n    .defaultValue(false),\n};\n\nexport const DSToolbarItemV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarItemT.Props>;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  PropTypes,\n  type GlobalAttributesT,\n  type XstyledProps,\n  type DSPropTypesSchema,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSToolbarT {\n  export interface DefaultProps {\n    alignment: 'left' | 'right';\n    withDepth: boolean;\n    compact: boolean;\n  }\n\n  export interface OptionalProps {\n    innerRef?: React.MutableRefObject<HTMLDivElement | null>;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport declare namespace DSToolbarItemT {\n  type AnyRef<T> = React.MutableRefObject<T | null> | ((_ref: T | null) => void);\n\n  export type RenderHTMLElementT =\n    | HTMLElement\n    | HTMLButtonElement\n    | HTMLInputElement\n    | HTMLTextAreaElement\n    | HTMLSelectElement\n    | HTMLOptionElement\n    | null;\n\n  export type RendererProps<T extends HTMLElement> = { innerRef: AnyRef<T>; tabIndex: 0 | -1 };\n\n  export interface Props<T extends HTMLElement = HTMLElement | HTMLButtonElement> {\n    render: React.ComponentType<RendererProps<T>>;\n    isFirstItem?: boolean;\n  }\n}\n\nexport const defaultItemProps: DSToolbarItemT.Props<HTMLElement> = {\n  render: () => <div></div>,\n  isFirstItem: false,\n};\n\nexport const defaultProps: DSToolbarT.DefaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\n\nexport const DSToolbarPropTypes: DSPropTypesSchema<DSToolbarT.Props> = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\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\nexport const DSToolbarV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarT.Props>;\n\nexport const DSToolbarItemV2PropTypes = {\n  ...xstyledPropTypes,\n  ...globalAttributesPropTypes,\n  render: PropTypes.func.isRequired.description('render function').defaultValue(() => {}),\n  isFirstItem: PropTypes.bool\n    .description(\n      'If true the item will have tab index 0 to be the first element focusable by keyboard on the page load',\n    )\n    .defaultValue(false),\n};\n\nexport const DSToolbarItemV2Schema = DSToolbarPropTypes as unknown as ValidationMap<DSToolbarItemT.Props>;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACuDP;AAvDhB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AA8CA,MAAM,mBAAsD;AAAA,EACjE,QAAQ,MAAM,oBAAC,SAAI;AAAA,EACnB,aAAa;AACf;AAEO,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,qBAA0D;AAAA,EACrE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EACzC,YAAY,4CAA4C,EACxD,aAAa,OAAO;AAAA,EACvB,WAAW,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,IAAI;AAAA,EACvG,SAAS,UAAU,KAAK,YAAY,qDAAqD,EAAE,aAAa,KAAK;AAAA,EAC7G,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,oCAAoC;AACpH;AAEO,MAAM,oBAAoB;AAE1B,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ,UAAU,KAAK,WAAW,YAAY,iBAAiB,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACtF,aAAa,UAAU,KACpB;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AACvB;AAEO,MAAM,wBAAwB;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-toolbar-v2-valid.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSToolbarV2 } from "../index.js";
+const testOptionalProps = {
+  children: /* @__PURE__ */ jsx("div", {})
+};
+const testPartialDefaults = {
+  alignment: "left",
+  withDepth: false,
+  compact: false
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  alignment: "left",
+  withDepth: false,
+  compact: false
+};
+const testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ jsx("div", {})
+};
+const testInferedTypeCompatibility = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ jsx("div", {})
+};
+const testDefinitionAsConst = {
+  alignment: "left",
+  withDepth: false,
+  compact: false,
+  children: /* @__PURE__ */ jsx("div", {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSToolbarV2, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSToolbarV2, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSToolbarV2, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSToolbarV2, { alignment: "left", withDepth: false, compact: false, children: /* @__PURE__ */ jsx("div", {}) })
+] });
+//# sourceMappingURL=typescript-toolbar-v2-valid.js.map

package/dist/esm/typescript-testing/typescript-toolbar-v2-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-toolbar-v2-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSToolbarV2 } from '../index.js';\nimport type { DSToolbarT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSToolbarT.Props;\ntype ComponentPropsInternals = DSToolbarT.InternalProps;\ntype ComponentPropsDefaultProps = DSToolbarT.DefaultProps;\ntype ComponentPropsOptionalProps = DSToolbarT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div />,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  alignment: 'left',\n  withDepth: false,\n  compact: false,\n  children: <div />,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSToolbarV2 {...testExplicitDefinition} />\n    <DSToolbarV2 {...testInferedTypeCompatibility} />\n    <DSToolbarV2 {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSToolbarV2 alignment=\"left\" withDepth={false} compact={false}>\n      <div />\n    </DSToolbarV2>\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYX,SA8DV,UA9DU,KA8DV,YA9DU;AAVZ,SAAS,mBAAmB;AAS5B,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,oBAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,eAAa,GAAG,wBAAwB;AAAA,EACzC,oBAAC,eAAa,GAAG,8BAA8B;AAAA,EAC/C,oBAAC,eAAa,GAAG,uBAAuB;AAAA,EAExC,oBAAC,eAAY,WAAU,QAAO,WAAW,OAAO,SAAS,OACvD,8BAAC,SAAI,GACP;AAAA,GACF;",
+  "names": []
+}

package/dist/types/react-desc-prop-types.d.ts

@@ -7,7 +7,7 @@ export declare namespace DSToolbarT {
         compact: boolean;
     }
     interface OptionalProps {
-        innerRef?: React.MutableRefObject<HTMLDivElement>;
+        innerRef?: React.MutableRefObject<HTMLDivElement | null>;
         children?: React.ReactNode;
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {

package/dist/types/typescript-testing/typescript-toolbar-v2-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toolbar-v2",
-  "version": "3.45.1",
+  "version": "3.46.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toolbar V2",
   "files": [
@@ -90,16 +90,16 @@
   "dependencies": {
     "prop-types": "~15.8.1",
     "uid": "2.0.1",
-    "@elliemae/ds-button-v2": "3.45.1",
-    "@elliemae/ds-grid": "3.45.1",
-    "@elliemae/ds-icons": "3.45.1",
-    "@elliemae/ds-props-helpers": "3.45.1",
-    "@elliemae/ds-system": "3.45.1"
+    "@elliemae/ds-button-v2": "3.46.0-rc.0",
+    "@elliemae/ds-grid": "3.46.0-rc.0",
+    "@elliemae/ds-icons": "3.46.0-rc.0",
+    "@elliemae/ds-props-helpers": "3.46.0-rc.0",
+    "@elliemae/ds-system": "3.46.0-rc.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.50",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.45.1"
+    "@elliemae/ds-monorepo-devops": "3.46.0-rc.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -109,7 +109,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",