@elliemae/ds-form 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/cjs/RequiredMark/index.js

@@ -1,28 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var RequiredMark_exports = {};
-var React = __toESM(require("react"));
-__reExport(RequiredMark_exports, require("./RequiredMark"));
-module.exports = __toCommonJS(RequiredMark_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/RequiredMark/index.js.map

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

package/dist/cjs/SearchBox/DSSearchBox.js

@@ -1,130 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSSearchBox_exports = {};
-__export(DSSearchBox_exports, {
-  DSSearchBox: () => DSSearchBox,
-  SearchBox: () => DSSearchBox,
-  SearchBoxWithSchema: () => SearchBoxWithSchema,
-  default: () => DSSearchBox_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_icon = require("@elliemae/ds-icon");
-var import_styled = require("./styled");
-var import_SButton = require("./SButton");
-var import_useSearch = require("./useSearch");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-const DSSearchBox = ({
-  className,
-  clearable,
-  containerProps,
-  disableButton,
-  disabled,
-  innerRef,
-  onBlur,
-  onChange,
-  onKeyUp,
-  onSearch,
-  onClearButtonClick,
-  placeholder,
-  property,
-  readOnly,
-  searchOnEnter,
-  onSearchButtonClick,
-  showIcon,
-  style,
-  value
-}) => {
-  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = (0, import_useSearch.useSearch)({
-    onChange,
-    onKeyUp,
-    onSearch,
-    onSearchButtonClick,
-    property,
-    searchOnEnter,
-    value,
-    onClearButtonClick
-  });
-  const shouldShowClearIcon = clearable && searchValue?.length > 0;
-  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
-  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
-  const PureSearchboxIcon = import_react.default.useMemo(() => {
-    let Icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
-      "aria-label": "Search"
-    });
-    let handleOnClick = () => handleSearch(true);
-    if (!shouldShowAnyIcon)
-      return null;
-    if (shouldShowClearIcon) {
-      Icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
-        color: import_ds_icon.DSIconColors.PRIMARY,
-        "aria-label": "Clear input"
-      });
-      handleOnClick = handleClear;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_SButton.SButton, {
-      disabled: disabled || disableButton,
-      icon: Icon,
-      onClick: handleOnClick,
-      dataTestid: shouldShowClearIcon ? "ds-searchbox-button-clear" : "ds-searchbox-button"
-    });
-  }, [
-    shouldShowClearIcon,
-    shouldShowSearchIcon,
-    shouldShowAnyIcon,
-    disabled,
-    disableButton,
-    handleSearch,
-    handleClear
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { position: "relative", zIndex: 0 }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.SearchBoxTextBox, {
-    className,
-    containerProps,
-    disabled,
-    innerRef,
-    onChange: handleChange,
-    onKeyUp: handleKeyUp,
-    onBlur,
-    placeholder,
-    readOnly,
-    style,
-    value: searchValue
-  }), PureSearchboxIcon);
-};
-DSSearchBox.propTypes = import_props.searchBoxProps;
-DSSearchBox.defaultProps = import_defaultProps.defaultProps;
-const SearchBoxWithSchema = (0, import_react_desc.describe)(DSSearchBox);
-SearchBoxWithSchema.propTypes = import_props.searchBoxProps;
-var DSSearchBox_default = DSSearchBox;
-module.exports = __toCommonJS(DSSearchBox_exports);
-//# sourceMappingURL=DSSearchBox.js.map

package/dist/cjs/SearchBox/DSSearchBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SearchBox/DSSearchBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n  className,\n  clearable,\n  containerProps,\n  disableButton,\n  disabled,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyUp,\n  onSearch,\n  onClearButtonClick,\n  placeholder,\n  property,\n  readOnly,\n  searchOnEnter,\n  onSearchButtonClick,\n  showIcon,\n  style,\n  value,\n}) => {\n  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n    onChange,\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    searchOnEnter,\n    value,\n    onClearButtonClick,\n  });\n  const shouldShowClearIcon = clearable && searchValue?.length > 0;\n  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n  const PureSearchboxIcon = React.useMemo(() => {\n    let Icon = <Search aria-label=\"Search\" />;\n    let handleOnClick = () => handleSearch(true);\n    if (!shouldShowAnyIcon) return null;\n    if (shouldShowClearIcon) {\n      Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n      handleOnClick = handleClear;\n    }\n\n    return (\n      <SButton\n        disabled={disabled || disableButton}\n        icon={Icon}\n        onClick={handleOnClick}\n        dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n      />\n    );\n  }, [\n    shouldShowClearIcon,\n    shouldShowSearchIcon,\n    shouldShowAnyIcon,\n    disabled,\n    disableButton,\n    handleSearch,\n    handleClear,\n  ]);\n\n  return (\n    <div style={{ position: 'relative', zIndex: 0 }}>\n      <SearchBoxTextBox\n        className={className}\n        containerProps={containerProps}\n        disabled={disabled}\n        innerRef={innerRef}\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        style={style}\n        value={searchValue}\n      />\n      {PureSearchboxIcon}\n    </div>\n  );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema, DSSearchBox, DSSearchBox as SearchBox };\nexport default DSSearchBox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,sBAAoC;AACpC,qBAA6B;AAC7B,oBAAiC;AACjC,qBAAwB;AACxB,uBAA0B;AAC1B,mBAA+B;AAC/B,0BAA6B;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,aAAa,cAAc,cAAc,aAAa,gBAAgB,gCAAU;AAAA,IACtF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,sBAAsB,aAAa,aAAa,SAAS;AAC/D,QAAM,uBAAuB,CAAC,uBAAuB;AACrD,QAAM,oBAAoB,uBAAuB;AAEjD,QAAM,oBAAoB,qBAAM,QAAQ,MAAM;AAC5C,QAAI,OAAO,mDAAC,wBAAD;AAAA,MAAQ,cAAW;AAAA;AAC9B,QAAI,gBAAgB,MAAM,aAAa;AACvC,QAAI,CAAC;AAAmB,aAAO;AAC/B,QAAI,qBAAqB;AACvB,aAAO,mDAAC,6BAAD;AAAA,QAAa,OAAO,4BAAa;AAAA,QAAS,cAAW;AAAA;AAC5D,sBAAgB;AAAA;AAGlB,WACE,mDAAC,wBAAD;AAAA,MACE,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY,sBAAsB,8BAA8B;AAAA;AAAA,KAGnE;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU,YAAY,QAAQ;AAAA,KAC1C,mDAAC,gCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MAER;AAAA;AAKP,YAAY,YAAY;AACxB,YAAY,eAAe;AAE3B,MAAM,sBAAsB,gCAAS;AACrC,oBAAoB,YAAY;AAGhC,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/cjs/SearchBox/NavSearchBox.js

@@ -1,190 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var NavSearchBox_exports = {};
-__export(NavSearchBox_exports, {
-  DSNavSearchBoxWithSchema: () => DSNavSearchBoxWithSchema,
-  NavSearchBox: () => NavSearchBox
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_react_desc = require("react-desc");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_TextBox = require("../TextBox");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-const StyledResultTracker = import_styled_components.default.div`
-  padding: 0 8px;
-  color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify
-  white-space: nowrap;
-  word-spacing: 2px;
-`;
-const StyledVerticalSeparator = import_styled_components.default.div`
-  height: 60%;
-  border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify
-`;
-const StyledToolbarRightAddonsWrapper = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`;
-const NavBtn = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  height: calc(100% - 2px);
-  border: none;
-  border-radius: ${({ last }) => last ? "2px  2px 0px 0px" : "0px"};
-`;
-const RightButtonsGroup = (props) => {
-  const { onNext, onPrevious, onClear, hideNavs, showClear } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !hideNavs && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: { "data-testid": "ds-navsearchbox-next" },
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onNext
-  }), /* @__PURE__ */ import_react.default.createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: { "data-testid": "ds-navsearchbox-prev" },
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronUp, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onPrevious
-  })), showClear ? /* @__PURE__ */ import_react.default.createElement(NavBtn, {
-    containerProps: { "data-testid": "ds-navsearchbox-clear" },
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
-      color: ["brand-primary", "800"]
-    }),
-    onClick: onClear,
-    last: true
-  }) : /* @__PURE__ */ import_react.default.createElement(NavBtn, {
-    containerProps: { "data-testid": "ds-navsearchbox-clear" },
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
-      color: ["brand-primary", "800"]
-    }),
-    last: true
-  }));
-};
-RightButtonsGroup.propTypes = {
-  onNext: import_prop_types.default.func.isRequired,
-  onPrevious: import_prop_types.default.func.isRequired,
-  onClear: import_prop_types.default.func.isRequired,
-  hideNavs: import_prop_types.default.bool,
-  showClear: import_prop_types.default.bool
-};
-const ResultTracker = (props) => {
-  const { currentResultIndex, totalResults } = props;
-  if (currentResultIndex === -1 && !totalResults)
-    return null;
-  if (currentResultIndex === -1 && totalResults)
-    return /* @__PURE__ */ import_react.default.createElement(StyledResultTracker, null, totalResults);
-  return /* @__PURE__ */ import_react.default.createElement(StyledResultTracker, null, `${currentResultIndex + 1} / ${totalResults}`);
-};
-ResultTracker.propTypes = {
-  currentResultIndex: import_prop_types.default.number.isRequired,
-  totalResults: import_prop_types.default.number.isRequired
-};
-const VerticalSeparator = () => /* @__PURE__ */ import_react.default.createElement(StyledVerticalSeparator, null);
-const ToolbarRightAddons = (props) => {
-  const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;
-  return /* @__PURE__ */ import_react.default.createElement(StyledToolbarRightAddonsWrapper, null, /* @__PURE__ */ import_react.default.createElement(ResultTracker, {
-    currentResultIndex,
-    totalResults
-  }), currentResultIndex !== -1 || totalResults ? /* @__PURE__ */ import_react.default.createElement(VerticalSeparator, null) : null, /* @__PURE__ */ import_react.default.createElement(RightButtonsGroup, {
-    onNext,
-    hideNavs: currentResultIndex === -1 && !totalResults,
-    onPrevious,
-    showClear,
-    onClear
-  }));
-};
-ToolbarRightAddons.propTypes = {
-  onNext: import_prop_types.default.func.isRequired,
-  onPrevious: import_prop_types.default.func.isRequired,
-  onClear: import_prop_types.default.func.isRequired,
-  currentResultIndex: import_prop_types.default.number.isRequired,
-  totalResults: import_prop_types.default.number.isRequired,
-  showClear: import_prop_types.default.bool
-};
-const NavSearchBox = (props) => {
-  const {
-    currentResultIndex,
-    onChange,
-    onClear,
-    onNext,
-    onPrevious,
-    totalResults,
-    value,
-    onBlur,
-    placeholder,
-    autoFocus,
-    innerRef
-  } = props;
-  const handleChange = (e) => {
-    if (onChange)
-      onChange(e.target.value);
-  };
-  const handleKeyDown = (e) => {
-    if (e.shiftKey) {
-      if (e.key === "Enter" || e.keyCode === 13) {
-        onPrevious();
-      }
-    } else if (e.key === "Escape" || e.keyCode === 27) {
-      onClear();
-    } else if (e.key === "Enter" || e.keyCode === 13) {
-      onNext();
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_TextBox.DSTextBox, {
-    onChange: handleChange,
-    containerProps: { "data-testid": "ds-nav-searchbox-input" },
-    onBlur,
-    onKeyDown: handleKeyDown,
-    placeholder,
-    value,
-    autoFocus,
-    innerRef,
-    rightComponent: /* @__PURE__ */ import_react.default.createElement(ToolbarRightAddons, {
-      showClear: !!value,
-      onNext,
-      onPrevious,
-      onClear,
-      currentResultIndex,
-      totalResults
-    })
-  });
-};
-NavSearchBox.propTypes = import_props.navSearchBoxProps;
-NavSearchBox.defaultProps = import_defaultProps.navSearchBoxDefaultProps;
-const DSNavSearchBoxWithSchema = (0, import_react_desc.describe)(NavSearchBox);
-DSNavSearchBoxWithSchema.propTypes = import_props.navSearchBoxProps;
-module.exports = __toCommonJS(NavSearchBox_exports);
-//# sourceMappingURL=NavSearchBox.js.map

package/dist/cjs/SearchBox/NavSearchBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SearchBox/NavSearchBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { describe } from 'react-desc';\nimport { ChevronDown, Search, ChevronUp, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSTextBox } from '../TextBox';\nimport { navSearchBoxProps } from './props';\nimport { navSearchBoxDefaultProps } from './defaultProps';\n\nconst StyledResultTracker = styled.div`\n  padding: 0 8px;\n  color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n  white-space: nowrap;\n  word-spacing: 2px;\n`;\nconst StyledVerticalSeparator = styled.div`\n  height: 60%;\n  border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n`;\nconst StyledToolbarRightAddonsWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nconst NavBtn = styled(DSButton)`\n  height: calc(100% - 2px);\n  border: none;\n  border-radius: ${({ last }) => (last ? '2px  2px 0px 0px' : '0px')};\n`;\n\nconst RightButtonsGroup = (props) => {\n  const { onNext, onPrevious, onClear, hideNavs, showClear } = props;\n\n  return (\n    <>\n      {!hideNavs && (\n        <>\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-next' }}\n            icon={<ChevronDown color={['brand-primary', '800']} />}\n            onClick={onNext}\n          />\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-prev' }}\n            icon={<ChevronUp color={['brand-primary', '800']} />}\n            onClick={onPrevious}\n          />\n        </>\n      )}\n      {showClear ? (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<CloseXsmall color={['brand-primary', '800']} />}\n          onClick={onClear}\n          last\n        />\n      ) : (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<Search color={['brand-primary', '800']} />}\n          last\n        />\n      )}\n    </>\n  );\n};\nRightButtonsGroup.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  hideNavs: PropTypes.bool,\n  showClear: PropTypes.bool,\n};\n\nconst ResultTracker = (props) => {\n  const { currentResultIndex, totalResults } = props;\n\n  if (currentResultIndex === -1 && !totalResults) return null;\n\n  if (currentResultIndex === -1 && totalResults) return <StyledResultTracker>{totalResults}</StyledResultTracker>;\n\n  return <StyledResultTracker>{`${currentResultIndex + 1} / ${totalResults}`}</StyledResultTracker>;\n};\nResultTracker.propTypes = {\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n};\n\nconst VerticalSeparator = () => <StyledVerticalSeparator />;\n\nconst ToolbarRightAddons = (props) => {\n  const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;\n\n  return (\n    <StyledToolbarRightAddonsWrapper>\n      <ResultTracker currentResultIndex={currentResultIndex} totalResults={totalResults} />\n      {currentResultIndex !== -1 || totalResults ? <VerticalSeparator /> : null}\n      <RightButtonsGroup\n        onNext={onNext}\n        hideNavs={currentResultIndex === -1 && !totalResults}\n        onPrevious={onPrevious}\n        showClear={showClear}\n        onClear={onClear}\n      />\n    </StyledToolbarRightAddonsWrapper>\n  );\n};\nToolbarRightAddons.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n  showClear: PropTypes.bool,\n};\n\ninterface PropsT {\n  value: string;\n  onChange: (val: string) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  onNext: () => void;\n  onPrevious: () => void;\n  onClear: () => void;\n  currentResultIndex: number;\n  totalResults: number;\n  placeholder: {\n    defaultValue(arg: import('react-desc').ReactDescPossibleDefaultValues): {\n      deprecated: import('react-desc').PropTypesDescValidator;\n    };\n    isRequired: import('react-desc').PropTypesDescValue;\n  };\n  autoFocus: boolean;\n}\n\nconst NavSearchBox = (props: PropsT) => {\n  const {\n    currentResultIndex,\n    onChange,\n    onClear,\n    onNext,\n    onPrevious,\n    totalResults,\n    value,\n    onBlur,\n    placeholder,\n    autoFocus,\n    innerRef,\n  } = props;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) onChange(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    // SHIFT + ENTER\n    if (e.shiftKey) {\n      if (e.key === 'Enter' || e.keyCode === 13) {\n        onPrevious();\n      }\n    } // ESCAPE\n    else if (e.key === 'Escape' || e.keyCode === 27) {\n      onClear();\n    } // ENTER\n    else if (e.key === 'Enter' || e.keyCode === 13) {\n      onNext();\n    }\n  };\n\n  return (\n    <DSTextBox\n      onChange={handleChange}\n      containerProps={{ 'data-testid': 'ds-nav-searchbox-input' }}\n      onBlur={onBlur}\n      onKeyDown={handleKeyDown}\n      placeholder={placeholder}\n      value={value}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      rightComponent={\n        <ToolbarRightAddons\n          showClear={!!value}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          onClear={onClear}\n          currentResultIndex={currentResultIndex}\n          totalResults={totalResults}\n        />\n      }\n    />\n  );\n};\n\nNavSearchBox.propTypes = navSearchBoxProps;\nNavSearchBox.defaultProps = navSearchBoxDefaultProps;\nconst DSNavSearchBoxWithSchema = describe(NavSearchBox);\nDSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;\nexport { NavSearchBox, DSNavSearchBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/SearchBox/SButton.js

@@ -1,77 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SButton_exports = {};
-__export(SButton_exports, {
-  SButton: () => SButton
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-const Button = import_styled_components.default.button`
-  all: unset;
-  position: absolute;
-  height: calc(100% - 2px);
-  width: 28px;
-  top: 1px;
-  right: 1px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  cursor: pointer;
-  z-index: 1;
-  svg {
-    fill: ${(props) => props.theme.colors.brand["600"]};
-  }
-  &:disabled {
-    color: #5d6775;
-    cursor: not-allowed;
-    svg {
-      fill: #5d6775;
-    }
-  }
-  &:focus {
-    ${(0, import_ds_system.focus)()}
-  }
-`;
-const SButton = ({ icon, disabled, onClick, dataTestid = "ds-searchbox-button" }) => /* @__PURE__ */ import_react.default.createElement(Button, {
-  "data-testid": dataTestid,
-  onClick,
-  disabled,
-  type: "button"
-}, icon);
-SButton.propTypes = {
-  onClick: import_react_desc.PropTypes.func.isRequired.description("click handler for button"),
-  icon: import_react_desc.PropTypes.node.isRequired.description("ds icon to render inside button"),
-  disabled: import_react_desc.PropTypes.bool.description("disable button"),
-  dataTestid: import_react_desc.PropTypes.string.description("Data test id")
-};
-module.exports = __toCommonJS(SButton_exports);
-//# sourceMappingURL=SButton.js.map

package/dist/cjs/SearchBox/SButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SearchBox/SButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { focus } from '@elliemae/ds-system';\n\nconst Button = styled.button`\n  all: unset;\n  position: absolute;\n  height: calc(100% - 2px);\n  width: 28px;\n  top: 1px;\n  right: 1px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  z-index: 1;\n  svg {\n    fill: ${(props) => props.theme.colors.brand['600']};\n  }\n  &:disabled {\n    color: #5d6775;\n    cursor: not-allowed;\n    svg {\n      fill: #5d6775;\n    }\n  }\n  &:focus {\n    ${focus()}\n  }\n`;\n\nconst SButton = ({ icon, disabled, onClick, dataTestid = \"ds-searchbox-button\" }) => (\n  <Button\n    data-testid={dataTestid}\n    onClick={onClick}\n    disabled={disabled}\n    type=\"button\"\n  >\n    {icon}\n  </Button>\n);\n\nSButton.propTypes = {\n  /** click handler for button */\n  onClick: PropTypes.func.isRequired.description('click handler for button'),\n  /** ds icon to render inside button */\n  icon: PropTypes.node.isRequired.description(\n    'ds icon to render inside button',\n  ),\n  /** disable button */\n  disabled: PropTypes.bool.description('disable button'),\n  dataTestid: PropTypes.string.description('Data test id')\n};\n\nexport { SButton };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAA0B;AAC1B,+BAAmB;AACnB,uBAAsB;AAEtB,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAcV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU1C;AAAA;AAAA;AAIN,MAAM,UAAU,CAAC,EAAE,MAAM,UAAU,SAAS,aAAa,4BACvD,mDAAC,QAAD;AAAA,EACE,eAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,MAAK;AAAA,GAEJ;AAIL,QAAQ,YAAY;AAAA,EAElB,SAAS,4BAAU,KAAK,WAAW,YAAY;AAAA,EAE/C,MAAM,4BAAU,KAAK,WAAW,YAC9B;AAAA,EAGF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,YAAY,4BAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/dist/cjs/SearchBox/SearchBoxToggle.js

@@ -1,87 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SearchBoxToggle_exports = {};
-__export(SearchBoxToggle_exports, {
-  default: () => SearchBoxToggle_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_DSSearchBox = require("./DSSearchBox");
-const SEARCH_BUTTON_WIDTH = 26;
-const SearchWrap = import_styled_components.default.div`
-  transition: width 200ms ease;
-  width: ${SEARCH_BUTTON_WIDTH}px;
-  height: 0;
-
-  ${(props) => !props.show ? `
-        opacity:0;
-
-        & * {
-          width: ${SEARCH_BUTTON_WIDTH}px;
-          height: 0;
-          border: 0;
-        }
-      ` : ""}
-  ${(props) => props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : ""}
-`;
-const SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {
-  const [isOpen, setOpen] = (0, import_react.useState)(false);
-  const [show, setShow] = (0, import_react.useState)(true);
-  const computedWidth = typeof width === "number" ? `${width}px` : width;
-  const button = /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    onClick: () => {
-      setOpen(true);
-    },
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null)
-  });
-  return /* @__PURE__ */ import_react.default.createElement("div", null, show && !isOpen && button, /* @__PURE__ */ import_react.default.createElement(SearchWrap, {
-    show: !show || isOpen,
-    isOpen,
-    width: computedWidth,
-    onTransitionEnd: () => {
-      setShow(!isOpen);
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_DSSearchBox.DSSearchBox, {
-    ...rest,
-    onSearchButtonClick: () => {
-      onSearchButtonClick();
-      setOpen(false);
-    }
-  })));
-};
-SearchBoxToggle.defaultProps = {
-  onSearchButtonClick: () => null,
-  width: 300
-};
-var SearchBoxToggle_default = SearchBoxToggle;
-module.exports = __toCommonJS(SearchBoxToggle_exports);
-//# sourceMappingURL=SearchBoxToggle.js.map

package/dist/cjs/SearchBox/SearchBoxToggle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SearchBox/SearchBoxToggle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSSearchBox } from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n  transition: width 200ms ease;\n  width: ${SEARCH_BUTTON_WIDTH}px;\n  height: 0;\n\n  ${(props) =>\n    !props.show\n      ? `\n        opacity:0;\n\n        & * {\n          width: ${SEARCH_BUTTON_WIDTH}px;\n          height: 0;\n          border: 0;\n        }\n      `\n      : ''}\n  ${(props) => (props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : '')}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n  const [isOpen, setOpen] = useState(false);\n  const [show, setShow] = useState(true);\n  const computedWidth = typeof width === 'number' ? `${width}px` : width;\n  const button = (\n    <DSButton\n      onClick={() => {\n        setOpen(true);\n      }}\n      buttonType=\"text\"\n      icon={<Search />}\n    />\n  );\n  return (\n    <div>\n      {show && !isOpen && button}\n      <SearchWrap\n        show={!show || isOpen}\n        isOpen={isOpen}\n        width={computedWidth}\n        onTransitionEnd={() => {\n          setShow(!isOpen);\n        }}\n      >\n        <DSSearchBox\n          {...rest}\n          onSearchButtonClick={() => {\n            onSearchButtonClick();\n            setOpen(false);\n          }}\n        />\n      </SearchWrap>\n    </div>\n  );\n};\n\nSearchBoxToggle.defaultProps = {\n  onSearchButtonClick: () => null,\n  width: 300,\n};\n\nexport default SearchBoxToggle;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,+BAAmB;AACnB,sBAAuB;AACvB,uBAAyB;AACzB,yBAA4B;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,aAAa,iCAAO;AAAA;AAAA,WAEf;AAAA;AAAA;AAAA,IAGP,CAAC,UACD,CAAC,MAAM,OACH;AAAA;AAAA;AAAA;AAAA,mBAIW;AAAA;AAAA;AAAA;AAAA,UAKX;AAAA,IACJ,CAAC,UAAW,MAAM,SAAS,UAAU,MAAM,mCAAmC;AAAA;AAIlF,MAAM,kBAAkB,CAAC,EAAE,qBAAqB,UAAU,WAAW;AACnE,QAAM,CAAC,QAAQ,WAAW,2BAAS;AACnC,QAAM,CAAC,MAAM,WAAW,2BAAS;AACjC,QAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY;AACjE,QAAM,SACJ,mDAAC,2BAAD;AAAA,IACE,SAAS,MAAM;AACb,cAAQ;AAAA;AAAA,IAEV,YAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA;AAGV,SACE,mDAAC,OAAD,MACG,QAAQ,CAAC,UAAU,QACpB,mDAAC,YAAD;AAAA,IACE,MAAM,CAAC,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,IACP,iBAAiB,MAAM;AACrB,cAAQ,CAAC;AAAA;AAAA,KAGX,mDAAC,gCAAD;AAAA,OACM;AAAA,IACJ,qBAAqB,MAAM;AACzB;AACA,cAAQ;AAAA;AAAA;AAAA;AAQpB,gBAAgB,eAAe;AAAA,EAC7B,qBAAqB,MAAM;AAAA,EAC3B,OAAO;AAAA;AAGT,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/cjs/SearchBox/defaultProps.js

@@ -1,61 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps,
-  navSearchBoxDefaultProps: () => navSearchBoxDefaultProps
-});
-var React = __toESM(require("react"));
-const defaultProps = {
-  className: "",
-  clearable: false,
-  clearOnSearch: false,
-  containerProps: {},
-  disableButton: false,
-  disabled: false,
-  innerRef: void 0,
-  onBlur: () => null,
-  onChange: () => null,
-  onKeyUp: () => null,
-  onSearch: () => null,
-  onSearchButtonClick: () => null,
-  onClearButtonClick: () => null,
-  placeholder: "Search all",
-  property: "all",
-  readOnly: false,
-  searchOnEnter: true,
-  showIcon: true,
-  style: {},
-  value: void 0
-};
-const navSearchBoxDefaultProps = {
-  placeholder: "Search...",
-  currentResultIndex: -1
-};
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map