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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/NavSearchBox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/SearchBox/SButton.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes } from "react-desc";
-import styled from "styled-components";
-import { focus } from "@elliemae/ds-system";
-const Button = styled.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 {
-    ${focus()}
-  }
-`;
-const SButton = ({ icon, disabled, onClick, dataTestid = "ds-searchbox-button" }) => /* @__PURE__ */ React2.createElement(Button, {
-  "data-testid": dataTestid,
-  onClick,
-  disabled,
-  type: "button"
-}, icon);
-SButton.propTypes = {
-  onClick: PropTypes.func.isRequired.description("click handler for button"),
-  icon: PropTypes.node.isRequired.description("ds icon to render inside button"),
-  disabled: PropTypes.bool.description("disable button"),
-  dataTestid: PropTypes.string.description("Data test id")
-};
-export {
-  SButton
-};
-//# sourceMappingURL=SButton.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/SButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;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,qCAAC,QAAD;AAAA,EACE,eAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,MAAK;AAAA,GAEJ;AAIL,QAAQ,YAAY;AAAA,EAElB,SAAS,UAAU,KAAK,WAAW,YAAY;AAAA,EAE/C,MAAM,UAAU,KAAK,WAAW,YAC9B;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,YAAY,UAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/SearchBox/SearchBoxToggle.js

@@ -1,58 +0,0 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import styled from "styled-components";
-import { Search } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { DSSearchBox } from "./DSSearchBox";
-const SEARCH_BUTTON_WIDTH = 26;
-const SearchWrap = styled.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] = useState(false);
-  const [show, setShow] = useState(true);
-  const computedWidth = typeof width === "number" ? `${width}px` : width;
-  const button = /* @__PURE__ */ React2.createElement(DSButton, {
-    onClick: () => {
-      setOpen(true);
-    },
-    buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(Search, null)
-  });
-  return /* @__PURE__ */ React2.createElement("div", null, show && !isOpen && button, /* @__PURE__ */ React2.createElement(SearchWrap, {
-    show: !show || isOpen,
-    isOpen,
-    width: computedWidth,
-    onTransitionEnd: () => {
-      setShow(!isOpen);
-    }
-  }, /* @__PURE__ */ React2.createElement(DSSearchBox, {
-    ...rest,
-    onSearchButtonClick: () => {
-      onSearchButtonClick();
-      setOpen(false);
-    }
-  })));
-};
-SearchBoxToggle.defaultProps = {
-  onSearchButtonClick: () => null,
-  width: 300
-};
-var SearchBoxToggle_default = SearchBoxToggle;
-export {
-  SearchBoxToggle_default as default
-};
-//# sourceMappingURL=SearchBoxToggle.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/SearchBoxToggle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB;AAE5B,MAAM,aAAa,OAAO;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,SAAS;AACnC,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY;AACjE,QAAM,SACJ,qCAAC,UAAD;AAAA,IACE,SAAS,MAAM;AACb,cAAQ;AAAA;AAAA,IAEV,YAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA;AAGV,SACE,qCAAC,OAAD,MACG,QAAQ,CAAC,UAAU,QACpB,qCAAC,YAAD;AAAA,IACE,MAAM,CAAC,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,IACP,iBAAiB,MAAM;AACrB,cAAQ,CAAC;AAAA;AAAA,KAGX,qCAAC,aAAD;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/esm/SearchBox/defaultProps.js

@@ -1,32 +0,0 @@
-import * as React from "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
-};
-export {
-  defaultProps,
-  navSearchBoxDefaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

package/dist/esm/SearchBox/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  className: '',\n  clearable: false,\n  clearOnSearch: false,\n  containerProps: {},\n  disableButton: false,\n  disabled: false,\n  innerRef: undefined,\n  onBlur: () => null,\n  onChange: () => null,\n  onKeyUp: () => null,\n  onSearch: () => null,\n  onSearchButtonClick: () => null,\n  onClearButtonClick: () => null,\n  placeholder: 'Search all',\n  property: 'all',\n  readOnly: false,\n  searchOnEnter: true,\n  showIcon: true,\n  style: {},\n  value: undefined,\n};\n\nexport const navSearchBoxDefaultProps = {\n  placeholder: 'Search...',\n  currentResultIndex: -1,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,qBAAqB,MAAM;AAAA,EAC3B,oBAAoB,MAAM;AAAA,EAC1B,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,MAAM,2BAA2B;AAAA,EACtC,aAAa;AAAA,EACb,oBAAoB;AAAA;",
-  "names": []
-}

package/dist/esm/SearchBox/index.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { default as default2 } from "./SearchBoxToggle";
-import { default as default3, DSSearchBox, SearchBox, SearchBoxWithSchema } from "./DSSearchBox";
-import { NavSearchBox, DSNavSearchBoxWithSchema } from "./NavSearchBox";
-export {
-  NavSearchBox as DSNavSearchBox,
-  DSNavSearchBoxWithSchema,
-  DSSearchBox,
-  SearchBox,
-  default2 as SearchBoxToggle,
-  SearchBoxWithSchema,
-  default3 as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as SearchBoxToggle } from './SearchBoxToggle';\nexport { default, DSSearchBox, SearchBox, SearchBoxWithSchema } from './DSSearchBox';\nexport { NavSearchBox as DSNavSearchBox, DSNavSearchBoxWithSchema } from './NavSearchBox';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
-}

package/dist/esm/SearchBox/props.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const searchBoxProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
-  className: PropTypes.string.description("html class attribute"),
-  innerRef: PropTypes.object.description("ref to the components container"),
-  style: PropTypes.object.description("Set style to the search box"),
-  property: PropTypes.string.description("search property"),
-  placeholder: PropTypes.string.description("Placeholder for the search box"),
-  searchOnEnter: PropTypes.bool.description("Whether to trigger the search once the enter is pressed"),
-  clearOnSearch: PropTypes.bool.description("Whether to clear the input on search"),
-  onClearButtonClick: PropTypes.func.description("function triggered once in the clear button is clicked"),
-  onKeyUp: PropTypes.func.description("function triggered once in the search box a keyboard key is released"),
-  onSearch: PropTypes.func.description("unction triggered once the search action begins (search icon click/ enter keypress)"),
-  onSearchButtonClick: PropTypes.func.description("function triggered once the search icon is clicked"),
-  onChange: PropTypes.func.description("function that is triggered on change"),
-  onBlur: PropTypes.func.description("Function that is triggered on blur"),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("searchbox input value"),
-  showIcon: PropTypes.bool.description("Whether to show an icon or not"),
-  disabled: PropTypes.bool.description("Disables the search input and button"),
-  disableButton: PropTypes.bool.description("Disables the search button"),
-  readOnly: PropTypes.bool.description("whether the input is read only or not"),
-  clearable: PropTypes.bool.description("Show clearable button")
-};
-const navSearchBoxProps = {
-  value: PropTypes.string.isRequired.description("searchbox input value"),
-  onChange: PropTypes.func.isRequired.description("function that is triggered on change"),
-  onBlur: PropTypes.func.description("Function that is triggered on blur"),
-  onNext: PropTypes.func.isRequired.description("triggered on next chevron click"),
-  onPrevious: PropTypes.func.isRequired.description("triggered on prev chevron click"),
-  onClear: PropTypes.func.isRequired.description("function that is triggered on clear button press"),
-  currentResultIndex: PropTypes.number.isRequired.description("zero based index to show on search box, -1 hides navigation"),
-  totalResults: PropTypes.number.isRequired.description("total items to navigate"),
-  placeholder: PropTypes.string.description("Placeholder for the search box")
-};
-export {
-  navSearchBoxProps,
-  searchBoxProps
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/SearchBox/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const searchBoxProps = {\n  /** Set of Properties attached to the main container */\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  /** html class attribute */\n  className: PropTypes.string.description('html class attribute'),\n  /** ref to the components container */\n  innerRef: PropTypes.object.description('ref to the components container'),\n  /** Set style to the search box */\n  style: PropTypes.object.description('Set style to the search box'),\n  /** search property */\n  property: PropTypes.string.description('search property'),\n  /** Placeholder for the search box */\n  placeholder: PropTypes.string.description('Placeholder for the search box'),\n  /** Whether to trigger the search once the enter is pressed */\n  searchOnEnter: PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),\n  /** Whether to clear the input on search */\n  clearOnSearch: PropTypes.bool.description('Whether to clear the input on search'),\n  /** function triggered once in the clear button is clicked */\n  onClearButtonClick: PropTypes.func.description('function triggered once in the clear button is clicked'),\n  /** function triggered once in the search box a keyboard key is released */\n  onKeyUp: PropTypes.func.description('function triggered once in the search box a keyboard key is released'),\n  /** function triggered once the search action begins (search icon click/ enter keypress) */\n  onSearch: PropTypes.func.description(\n    'unction triggered once the search action begins (search icon click/ enter keypress)',\n  ),\n  /** function triggered once the search icon is clicked */\n  onSearchButtonClick: PropTypes.func.description('function triggered once the search icon is clicked'),\n  /** function that is triggered on change */\n  onChange: PropTypes.func.description('function that is triggered on change'),\n  /** Function that is triggered on blur */\n  onBlur: PropTypes.func.description('Function that is triggered on blur'),\n  /** searchbox input value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'searchbox input value',\n  ),\n  /** Whether to show an icon or not */\n  showIcon: PropTypes.bool.description('Whether to show an icon or not'),\n  /** Disables the search input and button */\n  disabled: PropTypes.bool.description('Disables the search input and button'),\n  /** Disables the search button */\n  disableButton: PropTypes.bool.description('Disables the search button'),\n  /** whether the input is read only or not */\n  readOnly: PropTypes.bool.description('whether the input is read only or not'),\n  /** Show clearable button */\n  clearable: PropTypes.bool.description('Show clearable button'),\n};\n\nexport const navSearchBoxProps = {\n  /** searchbox input value */\n  value: PropTypes.string.isRequired.description('searchbox input value'),\n  /** function that is triggered on change */\n  onChange: PropTypes.func.isRequired.description('function that is triggered on change'),\n  /** Function that is triggered on blur */\n  onBlur: PropTypes.func.description('Function that is triggered on blur'),\n  /** triggered on next chevron click */\n  onNext: PropTypes.func.isRequired.description('triggered on next chevron click'),\n  /** triggered on prev chevron click */\n  onPrevious: PropTypes.func.isRequired.description('triggered on prev chevron click'),\n  /** function that is triggered on clear button press */\n  onClear: PropTypes.func.isRequired.description('function that is triggered on clear button press'),\n  /** zero based index to show on search box, -1 hides navigation */\n  currentResultIndex: PropTypes.number.isRequired.description(\n    'zero based index to show on search box, -1 hides navigation',\n  ),\n  /** total items to navigate */\n  totalResults: PropTypes.number.isRequired.description('total items to navigate'),\n  /** Placeholder for the search box */\n  placeholder: PropTypes.string.description('Placeholder for the search box'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB;AAAA,EAE5B,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,aAAa,UAAU,OAAO,YAAY;AAAA,EAE1C,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,oBAAoB,UAAU,KAAK,YAAY;AAAA,EAE/C,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,qBAAqB,UAAU,KAAK,YAAY;AAAA,EAEhD,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGjC,MAAM,oBAAoB;AAAA,EAE/B,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,UAAU,KAAK,WAAW,YAAY;AAAA,EAEhD,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,QAAQ,UAAU,KAAK,WAAW,YAAY;AAAA,EAE9C,YAAY,UAAU,KAAK,WAAW,YAAY;AAAA,EAElD,SAAS,UAAU,KAAK,WAAW,YAAY;AAAA,EAE/C,oBAAoB,UAAU,OAAO,WAAW,YAC9C;AAAA,EAGF,cAAc,UAAU,OAAO,WAAW,YAAY;AAAA,EAEtD,aAAa,UAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/SearchBox/styled.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { DSTextBox } from "../TextBox";
-const SearchBoxTextBox = styled(DSTextBox)`
-  padding-right: 33px;
-`;
-export {
-  SearchBoxTextBox
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/SearchBox/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { DSTextBox } from '../TextBox';\nexport const SearchBoxTextBox = styled(DSTextBox)`\n  padding-right: 33px;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACO,MAAM,mBAAmB,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/SearchBox/useSearch.js

@@ -1,77 +0,0 @@
-import * as React from "react";
-import { useState, useEffect, useCallback } from "react";
-import { debounce } from "@elliemae/ds-utilities";
-function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickTrigger, onSearchButtonClick) {
-  if (clickTrigger) {
-    onSearchButtonClick();
-  }
-  if (clearOnSearch)
-    setValue("");
-  if (searchOnEnter && !value)
-    return;
-  onSearch({
-    query: { [property]: value },
-    property,
-    value
-  });
-}
-function useSearch(params = {}) {
-  const {
-    onKeyUp,
-    onSearch,
-    onSearchButtonClick,
-    property,
-    clearOnSearch,
-    searchOnEnter,
-    onChange,
-    onClearButtonClick
-  } = params;
-  const [value, setValue] = useState(params.value);
-  const debouncedSearch = useCallback(debounce(handleSearch, 200), []);
-  useEffect(() => {
-    if (value !== params.value) {
-      setValue(params.value);
-    }
-  }, [params.value]);
-  const searchWithParams = (clickedSearchButton = false) => handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
-  const handleChange = ({ target }) => {
-    onChange(target.value);
-    setValue(target.value);
-    if (!searchOnEnter) {
-      setValue((prevValue) => {
-        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
-        return prevValue;
-      });
-    }
-  };
-  const handleClear = () => {
-    onClearButtonClick();
-    onChange("");
-    setValue("");
-    if (!searchOnEnter) {
-      setValue((prevValue) => {
-        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
-        return prevValue;
-      });
-    }
-    debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);
-  };
-  const handleKeyUp = (e) => {
-    const { key } = e;
-    if (searchOnEnter && key === "Enter") {
-      searchWithParams();
-    }
-    onKeyUp(e);
-  };
-  return {
-    searchValue: value,
-    handleChange,
-    handleSearch: searchWithParams,
-    handleKeyUp,
-    handleClear
-  };
-}
-export {
-  useSearch
-};
-//# sourceMappingURL=useSearch.js.map

package/dist/esm/SearchBox/useSearch.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/useSearch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n  clearOnSearch,\n  setValue,\n  searchOnEnter,\n  value,\n  onSearch,\n  property,\n  clickTrigger,\n  onSearchButtonClick,\n) {\n  if (clickTrigger) {\n    onSearchButtonClick();\n  }\n  if (clearOnSearch) setValue('');\n  if (searchOnEnter && !value) return;\n  onSearch({\n    query: { [property]: value },\n    property,\n    value,\n  });\n}\n\nexport function useSearch(params = {}) {\n  const {\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    clearOnSearch,\n    searchOnEnter,\n    onChange,\n    onClearButtonClick,\n  } = params;\n  const [value, setValue] = useState(params.value);\n  const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n  // update state if prop changes\n  useEffect(() => {\n    if (value !== params.value) {\n      setValue(params.value);\n    }\n  }, [params.value]);\n\n  const searchWithParams = (clickedSearchButton = false) =>\n    handleSearch(\n      clearOnSearch,\n      setValue,\n      searchOnEnter,\n      value,\n      onSearch,\n      property,\n      clickedSearchButton,\n      onSearchButtonClick,\n    );\n\n  const handleChange = ({ target }) => {\n    onChange(target.value);\n    setValue(target.value);\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n  };\n\n  const handleClear = () => {\n    onClearButtonClick();\n    onChange('');\n    setValue('');\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n    debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n  };\n\n  const handleKeyUp = (e) => {\n    const { key } = e;\n    if (searchOnEnter && key === 'Enter') {\n      searchWithParams();\n    }\n    onKeyUp(e);\n  };\n\n  return {\n    searchValue: value,\n    handleChange,\n    handleSearch: searchWithParams,\n    handleKeyUp,\n    handleClear,\n  };\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGA,sBACE,eACA,UACA,eACA,OACA,UACA,UACA,cACA,qBACA;AACA,MAAI,cAAc;AAChB;AAAA;AAEF,MAAI;AAAe,aAAS;AAC5B,MAAI,iBAAiB,CAAC;AAAO;AAC7B,WAAS;AAAA,IACP,OAAO,GAAG,WAAW;AAAA,IACrB;AAAA,IACA;AAAA;AAAA;AAIG,mBAAmB,SAAS,IAAI;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,CAAC,OAAO,YAAY,SAAS,OAAO;AAC1C,QAAM,kBAAkB,YAAY,SAAS,cAAc,MAAM;AAEjE,YAAU,MAAM;AACd,QAAI,UAAU,OAAO,OAAO;AAC1B,eAAS,OAAO;AAAA;AAAA,KAEjB,CAAC,OAAO;AAEX,QAAM,mBAAmB,CAAC,sBAAsB,UAC9C,aACE,eACA,UACA,eACA,OACA,UACA,UACA,qBACA;AAGJ,QAAM,eAAe,CAAC,EAAE,aAAa;AACnC,aAAS,OAAO;AAChB,aAAS,OAAO;AAChB,QAAI,CAAC,eAAe;AAElB,eAAS,CAAC,cAAc;AACtB,wBAAgB,eAAe,UAAU,eAAe,WAAW,UAAU;AAC7E,eAAO;AAAA;AAAA;AAAA;AAKb,QAAM,cAAc,MAAM;AACxB;AACA,aAAS;AACT,aAAS;AACT,QAAI,CAAC,eAAe;AAElB,eAAS,CAAC,cAAc;AACtB,wBAAgB,eAAe,UAAU,eAAe,WAAW,UAAU;AAC7E,eAAO;AAAA;AAAA;AAGX,oBAAgB,eAAe,UAAU,eAAe,OAAO,UAAU;AAAA;AAG3E,QAAM,cAAc,CAAC,MAAM;AACzB,UAAM,EAAE,QAAQ;AAChB,QAAI,iBAAiB,QAAQ,SAAS;AACpC;AAAA;AAEF,YAAQ;AAAA;AAGV,SAAO;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/SearchBox/withSearchable.js

@@ -1,96 +0,0 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import PropTypes from "prop-types";
-import { debounce } from "@elliemae/ds-utilities";
-const withSearchable = (WrappedComponent) => {
-  class Searchable extends Component {
-    constructor(props) {
-      super(props);
-      this.debouncedSearch = debounce(this.handleSearch, 200);
-      this.state = {
-        value: props.value
-      };
-      this.handleSearch = this.handleSearch.bind(this);
-      this.handleKeyUp = this.handleKeyUp.bind(this);
-      this.handleChange = this.handleChange.bind(this);
-      this.buttonRef = React2.createRef();
-    }
-    static getDerivedStateFromProps(nextProps, { prevPropValue }) {
-      if (nextProps.value !== prevPropValue) {
-        return {
-          value: nextProps.value,
-          prevPropValue: nextProps.value
-        };
-      }
-      return null;
-    }
-    handleKeyUp(e) {
-      const { onKeyUp, searchOnEnter } = this.props;
-      const { key } = e;
-      if (searchOnEnter && key === "Enter") {
-        this.handleSearch();
-      }
-      onKeyUp(e);
-    }
-    handleSearch() {
-      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;
-      const { value } = this.state;
-      if (clearOnSearch)
-        this.setState({ value: "" });
-      if (searchOnEnter && !value)
-        return;
-      onSearch({
-        query: { [property]: value },
-        property,
-        value
-      });
-    }
-    handleChange({ target }) {
-      const { value } = target;
-      const { searchOnEnter, onChange } = this.props;
-      onChange(value);
-      this.setState({ value }, () => {
-        if (!searchOnEnter)
-          this.debouncedSearch();
-      });
-    }
-    render() {
-      const { value } = this.state;
-      const { containerProps, ...rest } = this.props;
-      return /* @__PURE__ */ React2.createElement(WrappedComponent, {
-        ...rest,
-        buttonRef: this.buttonRef,
-        containerProps,
-        onChange: this.handleChange,
-        onKeyUp: this.handleKeyUp,
-        onSearch: this.handleSearch,
-        value
-      });
-    }
-  }
-  Searchable.defaultProps = {
-    onChange: () => null,
-    onSearch: () => null,
-    onKeyUp: () => null,
-    property: "all",
-    searchOnEnter: true,
-    clearOnSearch: false,
-    containerProps: {}
-  };
-  Searchable.propTypes = {
-    containerProps: PropTypes.shape({}),
-    onChange: PropTypes.func,
-    onSearch: PropTypes.func,
-    onKeyUp: PropTypes.func,
-    property: PropTypes.string,
-    searchOnEnter: PropTypes.bool,
-    clearOnSearch: PropTypes.bool,
-    value: PropTypes.string
-  };
-  return Searchable;
-};
-var withSearchable_default = withSearchable;
-export {
-  withSearchable_default as default
-};
-//# sourceMappingURL=withSearchable.js.map

package/dist/esm/SearchBox/withSearchable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SearchBox/withSearchable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities';\n\nconst withSearchable = (WrappedComponent) => {\n  class Searchable extends Component {\n    debouncedSearch = debounce(this.handleSearch, 200);\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        value: props.value,\n      };\n      this.handleSearch = this.handleSearch.bind(this);\n      this.handleKeyUp = this.handleKeyUp.bind(this);\n      this.handleChange = this.handleChange.bind(this);\n      this.buttonRef = React.createRef();\n    }\n\n    static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n      if (nextProps.value !== prevPropValue) {\n        return {\n          value: nextProps.value,\n          prevPropValue: nextProps.value,\n        };\n      }\n      return null;\n    }\n\n    handleKeyUp(e) {\n      const { onKeyUp, searchOnEnter } = this.props;\n      const { key } = e;\n      if (searchOnEnter && key === 'Enter') {\n        this.handleSearch();\n      }\n      onKeyUp(e);\n    }\n\n    handleSearch() {\n      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n      const { value } = this.state;\n\n      if (clearOnSearch) this.setState({ value: '' });\n      if (searchOnEnter && !value) return;\n      onSearch({\n        query: { [property]: value },\n        property,\n        value,\n      });\n    }\n\n    handleChange({ target }) {\n      const { value } = target;\n      const { searchOnEnter, onChange } = this.props;\n      onChange(value);\n      this.setState({ value }, () => {\n        if (!searchOnEnter) this.debouncedSearch();\n      });\n    }\n\n    render() {\n      const { value } = this.state;\n      const { containerProps, ...rest } = this.props;\n\n      return (\n        <WrappedComponent\n          {...rest}\n          buttonRef={this.buttonRef}\n          containerProps={containerProps}\n          onChange={this.handleChange}\n          onKeyUp={this.handleKeyUp}\n          onSearch={this.handleSearch}\n          value={value}\n        />\n      );\n    }\n  }\n\n  Searchable.defaultProps = {\n    onChange: () => null,\n    onSearch: () => null,\n    onKeyUp: () => null,\n    property: 'all',\n    searchOnEnter: true,\n    clearOnSearch: false,\n    containerProps: {},\n  };\n\n  Searchable.propTypes = {\n    containerProps: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    onSearch: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    property: PropTypes.string,\n    searchOnEnter: PropTypes.bool,\n    clearOnSearch: PropTypes.bool,\n    value: PropTypes.string,\n  };\n\n  return Searchable;\n};\n\nexport default withSearchable;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,qBAAqB;AAC3C,2BAAyB,UAAU;AAAA,IAGjC,YAAY,OAAO;AACjB,YAAM;AAHR,6BAAkB,SAAS,KAAK,cAAc;AAI5C,WAAK,QAAQ;AAAA,QACX,OAAO,MAAM;AAAA;AAEf,WAAK,eAAe,KAAK,aAAa,KAAK;AAC3C,WAAK,cAAc,KAAK,YAAY,KAAK;AACzC,WAAK,eAAe,KAAK,aAAa,KAAK;AAC3C,WAAK,YAAY,OAAM;AAAA;AAAA,WAGlB,yBAAyB,WAAW,EAAE,iBAAiB;AAC5D,UAAI,UAAU,UAAU,eAAe;AACrC,eAAO;AAAA,UACL,OAAO,UAAU;AAAA,UACjB,eAAe,UAAU;AAAA;AAAA;AAG7B,aAAO;AAAA;AAAA,IAGT,YAAY,GAAG;AACb,YAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,YAAM,EAAE,QAAQ;AAChB,UAAI,iBAAiB,QAAQ,SAAS;AACpC,aAAK;AAAA;AAEP,cAAQ;AAAA;AAAA,IAGV,eAAe;AACb,YAAM,EAAE,UAAU,UAAU,eAAe,kBAAkB,KAAK;AAClE,YAAM,EAAE,UAAU,KAAK;AAEvB,UAAI;AAAe,aAAK,SAAS,EAAE,OAAO;AAC1C,UAAI,iBAAiB,CAAC;AAAO;AAC7B,eAAS;AAAA,QACP,OAAO,GAAG,WAAW;AAAA,QACrB;AAAA,QACA;AAAA;AAAA;AAAA,IAIJ,aAAa,EAAE,UAAU;AACvB,YAAM,EAAE,UAAU;AAClB,YAAM,EAAE,eAAe,aAAa,KAAK;AACzC,eAAS;AACT,WAAK,SAAS,EAAE,SAAS,MAAM;AAC7B,YAAI,CAAC;AAAe,eAAK;AAAA;AAAA;AAAA,IAI7B,SAAS;AACP,YAAM,EAAE,UAAU,KAAK;AACvB,YAAM,EAAE,mBAAmB,SAAS,KAAK;AAEzC,aACE,qCAAC,kBAAD;AAAA,WACM;AAAA,QACJ,WAAW,KAAK;AAAA,QAChB;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,QACd,UAAU,KAAK;AAAA,QACf;AAAA;AAAA;AAAA;AAMR,aAAW,eAAe;AAAA,IACxB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,IACf,eAAe;AAAA,IACf,gBAAgB;AAAA;AAGlB,aAAW,YAAY;AAAA,IACrB,gBAAgB,UAAU,MAAM;AAAA,IAChC,UAAU,UAAU;AAAA,IACpB,UAAU,UAAU;AAAA,IACpB,SAAS,UAAU;AAAA,IACnB,UAAU,UAAU;AAAA,IACpB,eAAe,UAAU;AAAA,IACzB,eAAe,UAAU;AAAA,IACzB,OAAO,UAAU;AAAA;AAGnB,SAAO;AAAA;AAGT,IAAO,yBAAQ;",
-  "names": []
-}

package/dist/esm/TextBox/DSTextBox.js

@@ -1,86 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { DSInput } from "../Input";
-const DSTextBox = ({
-  containerProps = {},
-  autoFocus = false,
-  disabled = false,
-  maxLength = 255,
-  minLength = 0,
-  fluidWidth = false,
-  placeholder,
-  value = "",
-  hasError = false,
-  readOnly = false,
-  innerRef = null,
-  type = "text",
-  min = void 0,
-  max = void 0,
-  clearable = false,
-  leftComponent = null,
-  rightComponent = null,
-  required = false,
-  variant,
-  disableTooltip,
-  id,
-  ...otherProps
-}) => /* @__PURE__ */ React2.createElement(DSInput, {
-  ...otherProps,
-  "aria-label": !id ? otherProps["aria-label"] || "Text Box" : void 0,
-  "aria-describedby": otherProps["aria-describedby"] || `${id}_feedback_message`,
-  autoFocus,
-  clearable,
-  containerProps,
-  disabled,
-  fluidWidth,
-  hasError,
-  innerRef,
-  leftComponent,
-  max,
-  maxLength,
-  min,
-  minLength,
-  placeholder,
-  readOnly,
-  required,
-  rightComponent,
-  role: "textbox",
-  type,
-  value,
-  variant,
-  disableTooltip,
-  id
-});
-const props = {
-  containerProps: PropTypes.shape({}).description("inject props at textbox wrapper"),
-  autoFocus: PropTypes.bool.description("Whether the text box uses auto focus or not"),
-  disabled: PropTypes.bool.description("Whether the text box is disabled or not"),
-  maxLength: PropTypes.number.description("Max length for the text box"),
-  minLength: PropTypes.number.description("Min length for the text box"),
-  fluidWidth: PropTypes.bool.description("Make the content of the text box fit the container or not"),
-  placeholder: PropTypes.string.description("Placeholder for the text box"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  hasError: PropTypes.bool.description("Whether the text box has error or not"),
-  readOnly: PropTypes.bool.description("Whether the text box is read only or not"),
-  min: PropTypes.number.description("html min prop for input"),
-  max: PropTypes.number.description("html max prop for input"),
-  clearable: PropTypes.bool.description("Whether the text box is clearable or not"),
-  leftComponent: PropTypes.element.description("Component to be added at the left side of the text box"),
-  rightComponent: PropTypes.element.description("Component to be added at the right side of the text box"),
-  required: PropTypes.bool.description("Whether the text box is required or not"),
-  variant: PropTypes.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),
-  type: PropTypes.string.description("html input type"),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("internal ref"),
-  disableTooltip: PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true)
-};
-DSTextBox.propTypes = props;
-const DSTextBoxWithSchema = describe(DSTextBox);
-DSTextBoxWithSchema.propTypes = props;
-var DSTextBox_default = DSTextBox;
-export {
-  DSTextBox,
-  DSTextBoxWithSchema,
-  DSTextBox_default as default
-};
-//# sourceMappingURL=DSTextBox.js.map

package/dist/esm/TextBox/DSTextBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TextBox/DSTextBox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\n\nconst DSTextBox = ({\n  containerProps = {},\n  autoFocus = false,\n  disabled = false,\n  maxLength = 255,\n  minLength = 0,\n  fluidWidth = false,\n  placeholder,\n  value = '',\n  hasError = false,\n  readOnly = false,\n  innerRef = null,\n  type = 'text',\n  min = undefined,\n  max = undefined,\n  clearable = false,\n  leftComponent = null,\n  rightComponent = null,\n  required = false,\n  variant,\n  disableTooltip,\n  id,\n  ...otherProps\n}) => (\n  <DSInput\n    {...otherProps}\n    aria-label={!id ? otherProps['aria-label'] || 'Text Box' : undefined}\n    aria-describedby={otherProps['aria-describedby'] || `${id}_feedback_message`}\n    autoFocus={autoFocus}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    fluidWidth={fluidWidth}\n    hasError={hasError}\n    innerRef={innerRef}\n    leftComponent={leftComponent}\n    max={max}\n    maxLength={maxLength}\n    min={min}\n    minLength={minLength}\n    placeholder={placeholder}\n    readOnly={readOnly}\n    required={required}\n    rightComponent={rightComponent}\n    role=\"textbox\"\n    type={type}\n    value={value}\n    variant={variant}\n    disableTooltip={disableTooltip}\n    id={id}\n  />\n);\n\nconst props = {\n  /** inject props at textbox wrapper */\n  containerProps: PropTypes.shape({}).description('inject props at textbox wrapper'),\n  /**\n   * Whether the text box uses auto focus or not\n   */\n  autoFocus: PropTypes.bool.description('Whether the text box uses auto focus or not'),\n  /**\n   * Whether the text box is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the text box is disabled or not'),\n  /**\n   * Max length for the text box\n   */\n  maxLength: PropTypes.number.description('Max length for the text box'),\n  /**\n   * Min length for the text box\n   */\n  minLength: PropTypes.number.description('Min length for the text box'),\n  /**\n   * Make the content of the text box fit the container or not\n   */\n  fluidWidth: PropTypes.bool.description('Make the content of the text box fit the container or not'),\n  /**\n   * Placeholder for the text box\n   */\n  placeholder: PropTypes.string.description('Placeholder for the text box'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * Whether the text box has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the text box has error or not'),\n  /**\n   * Whether the text box is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the text box is read only or not'),\n  /** html min prop for input */\n  min: PropTypes.number.description('html min prop for input'),\n  /** html max prop for input */\n  max: PropTypes.number.description('html max prop for input'),\n  /**\n   * Whether the text box is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the text box is clearable or not'),\n  /**\n   * Component to be added at the left side of the text box\n   */\n  leftComponent: PropTypes.element.description('Component to be added at the left side of the text box'),\n  /**\n   * Component to be added at the right side of the text box\n   */\n  rightComponent: PropTypes.element.description('Component to be added at the right side of the text box'),\n  /**\n   * Whether the text box is required or not\n   */\n  required: PropTypes.bool.description('Whether the text box is required or not'),\n  /**\n   * [\n   *  'variant-default',\n   *  'variant-focus',\n   *  'variant-active',\n   *  'variant-disabled',\n   * ]\n   */\n  variant: PropTypes.string.description(\"variant-default','variant-focus','variant-active','variant-disabled'\"),\n  /** html input type */\n  type: PropTypes.string.description('html input type'),\n  /** Internal ref */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('internal ref'),\n  /** disableTooltip */\n  disableTooltip: PropTypes.bool\n    .description('Whether to show a tooltip or not when text does not fit')\n    .defaultValue(true),\n};\n\nDSTextBox.propTypes = props;\n\nconst DSTextBoxWithSchema = describe(DSTextBox);\n\nDSTextBoxWithSchema.propTypes = props;\n\nexport default DSTextBox;\nexport { DSTextBoxWithSchema, DSTextBox };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC,SAAD;AAAA,KACM;AAAA,EACJ,cAAY,CAAC,KAAK,WAAW,iBAAiB,aAAa;AAAA,EAC3D,oBAAkB,WAAW,uBAAuB,GAAG;AAAA,EACvD;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,MAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAIhD,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,WAAW,UAAU,OAAO,YAAY;AAAA,EAIxC,YAAY,UAAU,KAAK,YAAY;AAAA,EAIvC,aAAa,UAAU,OAAO,YAAY;AAAA,EAI1C,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,KAAK,UAAU,OAAO,YAAY;AAAA,EAElC,KAAK,UAAU,OAAO,YAAY;AAAA,EAIlC,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,eAAe,UAAU,QAAQ,YAAY;AAAA,EAI7C,gBAAgB,UAAU,QAAQ,YAAY;AAAA,EAI9C,UAAU,UAAU,KAAK,YAAY;AAAA,EASrC,SAAS,UAAU,OAAO,YAAY;AAAA,EAEtC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAAY;AAAA,EAE9E,gBAAgB,UAAU,KACvB,YAAY,2DACZ,aAAa;AAAA;AAGlB,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS;AAErC,oBAAoB,YAAY;AAEhC,IAAO,oBAAQ;",
-  "names": []
-}

package/dist/esm/TextBox/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { DSTextBoxWithSchema, DSTextBox, default as default2 } from "./DSTextBox";
-export {
-  DSTextBox,
-  DSTextBoxWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

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

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