@elliemae/ds-filter-bar 3.60.0-next.39

package/dist/cjs/typescript-testing/DSFilterBarNamespace.js

@@ -0,0 +1,112 @@
+"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 testRequiredProps = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "test" }),
+  filterBarRef: { current: null }
+};
+const testOptionalProps = {
+  dsFilterbarRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  }
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  className: "string",
+  dsFilterbarRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  },
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "test" }),
+  filterBarRef: { current: null }
+};
+const testInferedTypeCompatibility = {
+  className: "string",
+  dsFilterbarRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  },
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "test" })
+};
+const testDefinitionAsConst = {
+  className: "string",
+  dsFilterbarRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  },
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "test" }),
+  filterBarRef: { current: null }
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFilterBar, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFilterBar, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSFilterBar, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSFilterBar,
+    {
+      className: "string",
+      dsFilterbarRoot: {
+        onClick: () => {
+        },
+        "data-testid": "over-ride-test-id",
+        "aria-label": "over-ride-aria-label"
+      },
+      filterBarRef: { current: null },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "test" })
+    }
+  )
+] });
+//# sourceMappingURL=DSFilterBarNamespace.js.map

package/dist/cjs/typescript-testing/DSFilterBarNamespace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/DSFilterBarNamespace.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFilterBar, type DSFilterBarT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFilterBarT.Props;\ntype ComponentPropsInternals = DSFilterBarT.InternalProps;\ntype ComponentPropsDefaultProps = DSFilterBarT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFilterBarT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFilterBarT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <div>test</div>,\n  filterBarRef: { current: null },\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  dsFilterbarRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\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\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\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  className: 'string',\n  dsFilterbarRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n  children: <div>test</div>,\n  filterBarRef: { current: null },\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  className: 'string',\n  dsFilterbarRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n  children: <div>test</div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  className: 'string',\n  dsFilterbarRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n  children: <div>test</div>,\n  filterBarRef: { current: null },\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFilterBar {...testExplicitDefinition} />\n    <DSFilterBar {...testInferedTypeCompatibility} />\n    <DSFilterBar {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFilterBar\n      className=\"string\"\n      dsFilterbarRoot={{\n        onClick: () => {},\n        'data-testid': 'over-ride-test-id',\n        'aria-label': 'over-ride-aria-label',\n      }}\n      filterBarRef={{ current: null }}\n    >\n      <div>test</div>\n    </DSFilterBar>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACWX;AAVZ,eAA+C;AAS/C,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI,kBAAI;AAAA,EACnB,cAAc,EAAE,SAAS,KAAK;AAChC;AAEA,MAAM,oBAAiD;AAAA,EACrD,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D,CAAC;AAEpE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,UAAU,4CAAC,SAAI,kBAAI;AAAA,EACnB,cAAc,EAAE,SAAS,KAAK;AAChC;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,UAAU,4CAAC,SAAI,kBAAI;AACrB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,UAAU,4CAAC,SAAI,kBAAI;AAAA,EACnB,cAAc,EAAE,SAAS,KAAK;AAChC;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;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAiB;AAAA,QACf,SAAS,MAAM;AAAA,QAAC;AAAA,QAChB,eAAe;AAAA,QACf,cAAc;AAAA,MAChB;AAAA,MACA,cAAc,EAAE,SAAS,KAAK;AAAA,MAE9B,sDAAC,SAAI,kBAAI;AAAA;AAAA,EACX;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/DSFilterBar.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2 from "react";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { DSFilterBarPropTypesSchema } from "./react-desc-prop-types.js";
+import { useFilterBar } from "./config/useFilterBar.js";
+import { FILTER_BAR_SLOTS, DSFilterBarName } from "./constants/index.js";
+const StyledWrapper = styled(Grid, { name: DSFilterBarName, slot: FILTER_BAR_SLOTS.ROOT })`
+  gap: 12px;
+  padding: 4px;
+  min-height: 33px;
+`;
+const mainContentCols = ["1fr", "auto"];
+const DSFilterBar = (props) => {
+  const {
+    propsWithDefault: { children, filterBarRef },
+    xstyledProps,
+    ownerProps,
+    globalProps
+  } = useFilterBar(props);
+  const handleInnerRef = React2.useCallback(
+    (node) => {
+      if (!filterBarRef) return;
+      filterBarRef.current = node;
+    },
+    [filterBarRef]
+  );
+  return /* @__PURE__ */ jsx(
+    StyledWrapper,
+    {
+      cols: mainContentCols,
+      role: "region",
+      "aria-label": "Active filters",
+      "aria-live": "polite",
+      "aria-relevant": "additions removals",
+      ...globalProps,
+      ...xstyledProps,
+      ...ownerProps,
+      innerRef: handleInnerRef,
+      children
+    }
+  );
+};
+DSFilterBar.displayName = DSFilterBarName;
+const DSFilterBarWithSchema = describe(DSFilterBar);
+DSFilterBarWithSchema.propTypes = DSFilterBarPropTypesSchema;
+export {
+  DSFilterBar,
+  DSFilterBarWithSchema
+};
+//# sourceMappingURL=DSFilterBar.js.map

package/dist/esm/DSFilterBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSFilterBar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSFilterBarT, DSFilterBarPropTypesSchema } from './react-desc-prop-types.js';\nimport { useFilterBar } from './config/useFilterBar.js';\nimport { FILTER_BAR_SLOTS, DSFilterBarName } from './constants/index.js';\n\nconst StyledWrapper = styled(Grid, { name: DSFilterBarName, slot: FILTER_BAR_SLOTS.ROOT })`\n  gap: 12px;\n  padding: 4px;\n  min-height: 33px;\n`;\nconst mainContentCols = ['1fr', 'auto'];\n\nconst DSFilterBar: React.ComponentType<DSFilterBarT.Props> = (props) => {\n  const {\n    propsWithDefault: { children, filterBarRef },\n    xstyledProps,\n    ownerProps,\n    globalProps,\n  } = useFilterBar(props);\n\n  const handleInnerRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (!filterBarRef) return;\n      filterBarRef.current = node;\n    },\n    [filterBarRef],\n  );\n\n  return (\n    <StyledWrapper\n      cols={mainContentCols}\n      role=\"region\"\n      aria-label=\"Active filters\"\n      aria-live=\"polite\"\n      aria-relevant=\"additions removals\"\n      {...globalProps}\n      {...xstyledProps}\n      {...ownerProps}\n      innerRef={handleInnerRef}\n    >\n      {children}\n    </StyledWrapper>\n  );\n};\n\nDSFilterBar.displayName = DSFilterBarName;\nconst DSFilterBarWithSchema = describe(DSFilterBar);\nDSFilterBarWithSchema.propTypes = DSFilterBarPropTypesSchema;\n\nexport { DSFilterBar, DSFilterBarWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCnB;AAhCJ,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAA4B,kCAAkC;AAC9D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,uBAAuB;AAElD,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAKzF,MAAM,kBAAkB,CAAC,OAAO,MAAM;AAEtC,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM;AAAA,IACJ,kBAAkB,EAAE,UAAU,aAAa;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,KAAK;AAEtB,QAAM,iBAAiBA,OAAM;AAAA,IAC3B,CAAC,SAAgC;AAC/B,UAAI,CAAC,aAAc;AACnB,mBAAa,UAAU;AAAA,IACzB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,UAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/config/useFilterBar.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { uid } from "uid";
+import { DSFilterBarPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useFilterBar = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSFilterBarPropTypes);
+  const globalProps = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const ownerProps = useOwnerProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => `ds-filter-bar-${uid(5)}`, []);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid,
+      ownerProps
+    }),
+    [propsWithDefault, xstyledProps, globalProps, instanceUid, ownerProps]
+  );
+};
+export {
+  useFilterBar
+};
+//# sourceMappingURL=useFilterBar.js.map

package/dist/esm/config/useFilterBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useFilterBar.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSGridT } from '@elliemae/ds-grid';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { type DSFilterBarT, DSFilterBarPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useFilterBar = (propsFromUser: DSFilterBarT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFilterBarT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSFilterBarPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSFilterBarT.InternalProps, HTMLElement, DSGridT.Props>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS\n  // =============================================================================\n  const ownerProps = useOwnerProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-filter-bar-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\n      instanceUid,\n      ownerProps,\n    }),\n    [propsWithDefault, xstyledProps, globalProps, instanceUid, ownerProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAA4B,sBAAsB,oBAAoB;AACtE,SAAS,wBAAwB;AAE1B,MAAM,eAAe,CAAC,kBAAsC;AAIjE,QAAM,mBAAmB,6BAAyD,eAAe,YAAY;AAC7G,mBAAiB,kBAAkB,oBAAoB;AAIvD,QAAM,cAAc,uBAA+E,gBAAgB;AACnH,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,aAAa,cAAc,gBAAgB;AAKjD,QAAM,cAAcA,OAAM,QAAQ,MAAM,iBAAiB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAMrE,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,cAAc,aAAa,aAAa,UAAU;AAAA,EACvE;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSFilterBarName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSFilterBarName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSFilterBarT } from '../react-desc-prop-types.js';\nimport { DSFilterBarName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSFilterBarT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFilterBarName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,CAAC,OAAmC,cAA4C;AAE9G,iCAA+B,OAAO,WAAW,eAAe;AAClE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSFilterBarName = "DSFilterbar";
+const FILTER_BAR_SLOTS = {
+  ROOT: "root",
+  CONTENT: "content",
+  ACTIONS: "actions",
+  MENU_BUTTON: "menu-button"
+};
+const FILTER_BAR_DATA_TESTID = slotObjectToDataTestIds(DSFilterBarName, FILTER_BAR_SLOTS);
+export {
+  DSFilterBarName,
+  FILTER_BAR_DATA_TESTID,
+  FILTER_BAR_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFilterBarName = 'DSFilterbar';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FILTER_BAR_SLOTS = {\n  ROOT: 'root',\n  CONTENT: 'content',\n  ACTIONS: 'actions',\n  MENU_BUTTON: 'menu-button',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FILTER_BAR_DATA_TESTID = slotObjectToDataTestIds(DSFilterBarName, FILTER_BAR_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAGxB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;AAGO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const DSHookUseFilterBarPrevNextFocusPropTypes = {
+  filterBarRef: PropTypes.object.isRequired.description("Ref to the filter bar element"),
+  fallbackRef: PropTypes.object.isRequired.description(
+    "Ref to the fallback element to focus when the filter bar is removed"
+  )
+};
+const DSHookUseFilterBarPrevNextFocusPropTypesSchema = DSHookUseFilterBarPrevNextFocusPropTypes;
+export {
+  DSHookUseFilterBarPrevNextFocusPropTypes,
+  DSHookUseFilterBarPrevNextFocusPropTypesSchema
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes, type DSPropTypesSchema, type ValidationMap } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSHookUseFilterBarPrevNextFocusT {\n  export interface RequiredProps {\n    filterBarRef: React.RefObject<HTMLElement | null>;\n    fallbackRef: React.RefObject<HTMLElement | null>;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\nexport const DSHookUseFilterBarPrevNextFocusPropTypes: DSPropTypesSchema<DSHookUseFilterBarPrevNextFocusT.Props> = {\n  filterBarRef: PropTypes.object.isRequired.description('Ref to the filter bar element'),\n  fallbackRef: PropTypes.object.isRequired.description(\n    'Ref to the fallback element to focus when the filter bar is removed',\n  ),\n};\n\nexport const DSHookUseFilterBarPrevNextFocusPropTypesSchema =\n  DSHookUseFilterBarPrevNextFocusPropTypes as unknown as ValidationMap<DSHookUseFilterBarPrevNextFocusT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAA6D;AAgB/D,MAAM,2CAAsG;AAAA,EACjH,cAAc,UAAU,OAAO,WAAW,YAAY,+BAA+B;AAAA,EACrF,aAAa,UAAU,OAAO,WAAW;AAAA,IACvC;AAAA,EACF;AACF;AAEO,MAAM,iDACX;",
+  "names": []
+}

package/dist/esm/hooks/useFilterBarPrevNextFocus.js

@@ -0,0 +1,69 @@
+import * as React from "react";
+import { describe } from "@elliemae/ds-props-helpers";
+import { useCallback } from "react";
+import {
+  DSHookUseFilterBarPrevNextFocusPropTypes
+} from "./react-desc-prop-types.js";
+const FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+const getFocusablesIn = (container) => Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => {
+  if (el.getAttribute("aria-hidden") === "true") return false;
+  const style = window.getComputedStyle(el);
+  if (style.display === "none" || style.visibility === "hidden") return false;
+  if (el.disabled) return false;
+  return true;
+});
+const useFilterBarPrevNextFocus = ({ filterBarRef, fallbackRef }) => {
+  const runAfterRemoval = useCallback(
+    (removeFn) => {
+      const container = filterBarRef.current;
+      if (!container) {
+        removeFn();
+        requestAnimationFrame(() => fallbackRef.current?.focus?.());
+        return;
+      }
+      const before = getFocusablesIn(container);
+      const active = document.activeElement;
+      const activeIndex = before.indexOf(active);
+      removeFn();
+      requestAnimationFrame(() => {
+        const afterContainer = filterBarRef.current;
+        if (!afterContainer) {
+          fallbackRef.current?.focus?.();
+          return;
+        }
+        const after = getFocusablesIn(afterContainer);
+        if (after.length === 0) {
+          fallbackRef.current?.focus?.();
+          return;
+        }
+        const prevIndex = activeIndex - 1;
+        if (prevIndex >= 0 && after[prevIndex]) {
+          after[prevIndex].focus?.();
+          return;
+        }
+        if (activeIndex >= 0 && after[activeIndex]) {
+          after[activeIndex].focus?.();
+          return;
+        }
+        after[after.length - 1].focus?.();
+      });
+    },
+    [filterBarRef, fallbackRef]
+  );
+  return { runAfterRemoval };
+};
+useFilterBarPrevNextFocus.displayName = "useFilterBarPrevNextFocus";
+const UseFilterBarPrevNextFocusWithSchema = describe(useFilterBarPrevNextFocus);
+UseFilterBarPrevNextFocusWithSchema.propTypes = DSHookUseFilterBarPrevNextFocusPropTypes;
+export {
+  UseFilterBarPrevNextFocusWithSchema,
+  useFilterBarPrevNextFocus
+};
+//# sourceMappingURL=useFilterBarPrevNextFocus.js.map

package/dist/esm/hooks/useFilterBarPrevNextFocus.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useFilterBarPrevNextFocus.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useCallback } from 'react';\nimport {\n  DSHookUseFilterBarPrevNextFocusPropTypes,\n  type DSHookUseFilterBarPrevNextFocusT,\n} from './react-desc-prop-types.js';\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nconst getFocusablesIn = (container: HTMLElement) =>\n  Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter((el) => {\n    if (el.getAttribute('aria-hidden') === 'true') return false;\n    const style = window.getComputedStyle(el);\n    if (style.display === 'none' || style.visibility === 'hidden') return false;\n    if ((el as HTMLButtonElement).disabled) return false;\n    return true;\n  });\n\nconst useFilterBarPrevNextFocus = ({ filterBarRef, fallbackRef }: DSHookUseFilterBarPrevNextFocusT.Props) => {\n  const runAfterRemoval = useCallback(\n    (removeFn: () => void) => {\n      const container = filterBarRef.current;\n\n      if (!container) {\n        removeFn();\n        requestAnimationFrame(() => fallbackRef.current?.focus?.());\n        return;\n      }\n\n      const before = getFocusablesIn(container);\n      const active = document.activeElement as HTMLElement | null;\n      const activeIndex = before.indexOf(active as HTMLElement);\n\n      removeFn();\n\n      requestAnimationFrame(() => {\n        const afterContainer = filterBarRef.current;\n        if (!afterContainer) {\n          fallbackRef.current?.focus?.();\n          return;\n        }\n\n        const after = getFocusablesIn(afterContainer);\n\n        if (after.length === 0) {\n          fallbackRef.current?.focus?.();\n          return;\n        }\n\n        const prevIndex = activeIndex - 1;\n        if (prevIndex >= 0 && after[prevIndex]) {\n          after[prevIndex].focus?.();\n          return;\n        }\n\n        if (activeIndex >= 0 && after[activeIndex]) {\n          after[activeIndex].focus?.();\n          return;\n        }\n\n        after[after.length - 1].focus?.();\n      });\n    },\n    [filterBarRef, fallbackRef],\n  );\n\n  return { runAfterRemoval };\n};\n\nuseFilterBarPrevNextFocus.displayName = 'useFilterBarPrevNextFocus';\nconst UseFilterBarPrevNextFocusWithSchema = describe(useFilterBarPrevNextFocus);\nUseFilterBarPrevNextFocusWithSchema.propTypes =\n  DSHookUseFilterBarPrevNextFocusPropTypes as unknown as ValidationMap<DSHookUseFilterBarPrevNextFocusT.Props>;\n\nexport { useFilterBarPrevNextFocus, UseFilterBarPrevNextFocusWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAoC;AAC7C,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,MAAM,kBAAkB,CAAC,cACvB,MAAM,KAAK,UAAU,iBAA8B,kBAAkB,CAAC,EAAE,OAAO,CAAC,OAAO;AACrF,MAAI,GAAG,aAAa,aAAa,MAAM,OAAQ,QAAO;AACtD,QAAM,QAAQ,OAAO,iBAAiB,EAAE;AACxC,MAAI,MAAM,YAAY,UAAU,MAAM,eAAe,SAAU,QAAO;AACtE,MAAK,GAAyB,SAAU,QAAO;AAC/C,SAAO;AACT,CAAC;AAEH,MAAM,4BAA4B,CAAC,EAAE,cAAc,YAAY,MAA8C;AAC3G,QAAM,kBAAkB;AAAA,IACtB,CAAC,aAAyB;AACxB,YAAM,YAAY,aAAa;AAE/B,UAAI,CAAC,WAAW;AACd,iBAAS;AACT,8BAAsB,MAAM,YAAY,SAAS,QAAQ,CAAC;AAC1D;AAAA,MACF;AAEA,YAAM,SAAS,gBAAgB,SAAS;AACxC,YAAM,SAAS,SAAS;AACxB,YAAM,cAAc,OAAO,QAAQ,MAAqB;AAExD,eAAS;AAET,4BAAsB,MAAM;AAC1B,cAAM,iBAAiB,aAAa;AACpC,YAAI,CAAC,gBAAgB;AACnB,sBAAY,SAAS,QAAQ;AAC7B;AAAA,QACF;AAEA,cAAM,QAAQ,gBAAgB,cAAc;AAE5C,YAAI,MAAM,WAAW,GAAG;AACtB,sBAAY,SAAS,QAAQ;AAC7B;AAAA,QACF;AAEA,cAAM,YAAY,cAAc;AAChC,YAAI,aAAa,KAAK,MAAM,SAAS,GAAG;AACtC,gBAAM,SAAS,EAAE,QAAQ;AACzB;AAAA,QACF;AAEA,YAAI,eAAe,KAAK,MAAM,WAAW,GAAG;AAC1C,gBAAM,WAAW,EAAE,QAAQ;AAC3B;AAAA,QACF;AAEA,cAAM,MAAM,SAAS,CAAC,EAAE,QAAQ;AAAA,MAClC,CAAC;AAAA,IACH;AAAA,IACA,CAAC,cAAc,WAAW;AAAA,EAC5B;AAEA,SAAO,EAAE,gBAAgB;AAC3B;AAEA,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAClC;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { DSFilterBar, DSFilterBarWithSchema } from "./DSFilterBar.js";
+import { DSFilterBarContent, DSFilterBarContentWithSchema } from "./parts/DSFilterBarContent/index.js";
+import { DSFilterBarActions, DSFilterBarActionsWithSchema } from "./parts/DSFilterBarActions/index.js";
+import { DSFilterBarMenuButton, DSFilterBarMenuButtonWithSchema } from "./parts/DSFilterBarMenuButton/index.js";
+import { FILTER_BAR_SLOTS, FILTER_BAR_DATA_TESTID } from "./constants/index.js";
+import { useFilterBarPrevNextFocus, UseFilterBarPrevNextFocusWithSchema } from "./hooks/useFilterBarPrevNextFocus.js";
+export {
+  DSFilterBar,
+  DSFilterBarActions,
+  DSFilterBarActionsWithSchema,
+  DSFilterBarContent,
+  DSFilterBarContentWithSchema,
+  DSFilterBarMenuButton,
+  DSFilterBarMenuButtonWithSchema,
+  DSFilterBarWithSchema,
+  FILTER_BAR_DATA_TESTID,
+  FILTER_BAR_SLOTS,
+  UseFilterBarPrevNextFocusWithSchema,
+  useFilterBarPrevNextFocus
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';\nexport { DSFilterBarContent, DSFilterBarContentWithSchema } from './parts/DSFilterBarContent/index.js';\nexport { DSFilterBarActions, DSFilterBarActionsWithSchema } from './parts/DSFilterBarActions/index.js';\nexport { DSFilterBarMenuButton, DSFilterBarMenuButtonWithSchema } from './parts/DSFilterBarMenuButton/index.js';\nexport { type DSFilterBarT } from './react-desc-prop-types.js';\nexport { FILTER_BAR_SLOTS, FILTER_BAR_DATA_TESTID } from './constants/index.js';\nexport { useFilterBarPrevNextFocus, UseFilterBarPrevNextFocusWithSchema } from './hooks/useFilterBarPrevNextFocus.js';\nexport { type DSHookUseFilterBarPrevNextFocusT } from './hooks/react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,aAAa,6BAA6B;AACnD,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,uBAAuB,uCAAuC;AAEvE,SAAS,kBAAkB,8BAA8B;AACzD,SAAS,2BAA2B,2CAA2C;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,10 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/dist/esm/parts/DSFilterBarActions/DSFilterBarActions.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { DSFilterBarActionsPropTypesSchema } from "./react-desc-prop-types.js";
+import { useFilterBarActions } from "./config/useFilterBarActions.js";
+import { FILTER_BAR_ACTIONS_SLOTS, DSFilterBarActionsName, DSFilterBarName } from "./constants/index.js";
+const StyledWrapper = styled("div", { name: DSFilterBarName, slot: FILTER_BAR_ACTIONS_SLOTS.ACTIONS })`
+  display: flex;
+  align-items: start;
+  flex-shrink: 0;
+  gap: 8px;
+`;
+const DSFilterBarActions = (props) => {
+  const {
+    propsWithDefault: { children },
+    xstyledProps,
+    globalProps,
+    ownerProps
+  } = useFilterBarActions(props);
+  return /* @__PURE__ */ jsx(StyledWrapper, { ...xstyledProps, ...globalProps, ...ownerProps, children });
+};
+DSFilterBarActions.displayName = DSFilterBarActionsName;
+const DSFilterBarActionsWithSchema = describe(DSFilterBarActions);
+DSFilterBarActionsWithSchema.propTypes = DSFilterBarActionsPropTypesSchema;
+export {
+  DSFilterBarActions,
+  DSFilterBarActionsWithSchema
+};
+//# sourceMappingURL=DSFilterBarActions.js.map

package/dist/esm/parts/DSFilterBarActions/DSFilterBarActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSFilterBarActions/DSFilterBarActions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { type DSFilterBarActionsT, DSFilterBarActionsPropTypesSchema } from './react-desc-prop-types.js';\nimport { useFilterBarActions } from './config/useFilterBarActions.js';\nimport { FILTER_BAR_ACTIONS_SLOTS, DSFilterBarActionsName, DSFilterBarName } from './constants/index.js';\n\nconst StyledWrapper = styled('div', { name: DSFilterBarName, slot: FILTER_BAR_ACTIONS_SLOTS.ACTIONS })`\n  display: flex;\n  align-items: start;\n  flex-shrink: 0;\n  gap: 8px;\n`;\n\nconst DSFilterBarActions: React.ComponentType<DSFilterBarActionsT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    xstyledProps,\n    globalProps,\n    ownerProps,\n  } = useFilterBarActions(props);\n\n  return (\n    <StyledWrapper {...xstyledProps} {...globalProps} {...ownerProps}>\n      {children}\n    </StyledWrapper>\n  );\n};\n\nDSFilterBarActions.displayName = DSFilterBarActionsName;\nconst DSFilterBarActionsWithSchema = describe(DSFilterBarActions);\nDSFilterBarActionsWithSchema.propTypes = DSFilterBarActionsPropTypesSchema;\n\nexport { DSFilterBarActions, DSFilterBarActionsWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBnB;AAtBJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAmC,yCAAyC;AAC5E,SAAS,2BAA2B;AACpC,SAAS,0BAA0B,wBAAwB,uBAAuB;AAElF,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,iBAAiB,MAAM,yBAAyB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrG,MAAM,qBAAqE,CAAC,UAAU;AACpF,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB,KAAK;AAE7B,SACE,oBAAC,iBAAe,GAAG,cAAe,GAAG,aAAc,GAAG,YACnD,UACH;AAEJ;AAEA,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSFilterBarActions/config/useFilterBarActions.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { uid } from "uid";
+import { DSFilterBarActionsPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useFilterBarActions = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSFilterBarActionsPropTypesSchema);
+  const globalProps = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const ownerProps = useOwnerProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => `ds-filter-bar-actions-${uid(5)}`, []);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid,
+      ownerProps
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid,
+      ownerProps
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useFilterBarActions
+};
+//# sourceMappingURL=useFilterBarActions.js.map

package/dist/esm/parts/DSFilterBarActions/config/useFilterBarActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSFilterBarActions/config/useFilterBarActions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { type DSFilterBarActionsT, DSFilterBarActionsPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useFilterBarActions = (propsFromUser: DSFilterBarActionsT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFilterBarActionsT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSFilterBarActionsPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSFilterBarActionsT.InternalProps, HTMLElement>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS\n  // =============================================================================\n  const ownerProps = useOwnerProps<DSFilterBarActionsT.InternalProps>(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-filter-bar-actions-${uid(5)}`, []);\n\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\n      instanceUid,\n      ownerProps,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\n      instanceUid,\n      ownerProps,\n      // eventHandlers,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAmC,mCAAmC,oBAAoB;AAC1F,SAAS,wBAAwB;AAE1B,MAAM,sBAAsB,CAAC,kBAA6C;AAI/E,QAAM,mBAAmB,6BAAgE,eAAe,YAAY;AACpH,mBAAiB,kBAAkB,iCAAiC;AAIpE,QAAM,cAAc,uBAAuE,gBAAgB;AAC3G,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,aAAa,cAAiD,gBAAgB;AAKpF,QAAM,cAAcA,OAAM,QAAQ,MAAM,yBAAyB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAO7E,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/parts/DSFilterBarActions/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSFilterBarActionsName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSFilterBarActionsName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/parts/DSFilterBarActions/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSFilterBarActions/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSFilterBarActionsT } from '../react-desc-prop-types.js';\nimport { DSFilterBarActionsName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSFilterBarActionsT.InternalProps,\n  propTypes: ValidationMap<DSFilterBarActionsT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSFilterBarActionsName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,8BAA8B;AAEhC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,sBAAsB;AACzE;",
+  "names": []
+}

package/dist/esm/parts/DSFilterBarActions/constants/index.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+import { DSFilterBarName } from "../../../constants/index.js";
+const DSFilterBarActionsName = "DSFilterBarActions";
+const FILTER_BAR_ACTIONS_SLOTS = {
+  ACTIONS: "actions"
+};
+const FILTER_BAR_ACTIONS_DATA_TESTID = slotObjectToDataTestIds(DSFilterBarName, FILTER_BAR_ACTIONS_SLOTS);
+export {
+  DSFilterBarActionsName,
+  DSFilterBarName,
+  FILTER_BAR_ACTIONS_DATA_TESTID,
+  FILTER_BAR_ACTIONS_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/DSFilterBarActions/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSFilterBarActions/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSFilterBarName } from '../../../constants/index.js';\nexport { DSFilterBarName };\n\n// This should be used only for displayName, and useValidateProps.\n// For slots definition, use parent component name\nexport const DSFilterBarActionsName = 'DSFilterBarActions';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FILTER_BAR_ACTIONS_SLOTS = {\n  ACTIONS: 'actions',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FILTER_BAR_ACTIONS_DATA_TESTID = slotObjectToDataTestIds(DSFilterBarName, FILTER_BAR_ACTIONS_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAKzB,MAAM,yBAAyB;AAG/B,MAAM,2BAA2B;AAAA,EACtC,SAAS;AACX;AAGO,MAAM,iCAAiC,wBAAwB,iBAAiB,wBAAwB;",
+  "names": []
+}

package/dist/esm/parts/DSFilterBarActions/index.js

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

package/dist/esm/parts/DSFilterBarActions/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSFilterBarActions/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSFilterBarActions, DSFilterBarActionsWithSchema } from './DSFilterBarActions.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oBAAoB,oCAAoC;",
+  "names": []
+}