@elliemae/ds-mobile 3.5.0-rc.5 → 3.5.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js +1 -1
  2. package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +2 -2
  3. package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js +1 -1
  4. package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js.map +2 -2
  5. package/package.json +16 -16
package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js CHANGED
@@ -88,7 +88,7 @@ const DSMobileDropdownTriggerInput = ({
88
88
  }, /* @__PURE__ */ import_react.default.createElement(MobileDropdownInput, {
89
89
  ...inputProps,
90
90
  readOnly: true,
91
- value: selectedItemsText
91
+ value: selectedItemsText ?? inputProps.value
92
92
  }), /* @__PURE__ */ import_react.default.createElement(Caret, {
93
93
  ...caretProps
94
94
  }));
package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n selectedItemsText,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n selectedItemsText?: string;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText} />\n\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAsB;AACtB,IAAAA,oBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,cAAU,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,6BAAAC,QAAA,cAAC;AAAA,EAAU;AAAA,GACT,6BAAAA,QAAA,cAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,kBAAAC,QAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6BAAAD,QAAA,cAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,6BAAAA,QAAA,cAAC;AAAA,EAAqB,GAAG;AAAA,EAAY,UAAQ;AAAA,EAAC,OAAO;AAAA,CAAmB,GAExE,6BAAAA,QAAA,cAAC;AAAA,EAAO,GAAG;AAAA,CAAY,CACzB;",
4
+ "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n selectedItemsText,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n selectedItemsText?: string;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAsB;AACtB,IAAAA,oBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,cAAU,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,6BAAAC,QAAA,cAAC;AAAA,EAAU;AAAA,GACT,6BAAAA,QAAA,cAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,kBAAAC,QAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6BAAAD,QAAA,cAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,6BAAAA,QAAA,cAAC;AAAA,EAAqB,GAAG;AAAA,EAAY,UAAQ;AAAA,EAAC,OAAO,qBAAqB,WAAW;AAAA,CAAO,GAE5F,6BAAAA,QAAA,cAAC;AAAA,EAAO,GAAG;AAAA,CAAY,CACzB;",
6
6
  "names": ["import_ds_system", "React", "PropTypes"]
7
7
  }
package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js CHANGED
@@ -56,7 +56,7 @@ const DSMobileDropdownTriggerInput = ({
56
56
  }, /* @__PURE__ */ React2.createElement(MobileDropdownInput, {
57
57
  ...inputProps,
58
58
  readOnly: true,
59
- value: selectedItemsText
59
+ value: selectedItemsText ?? inputProps.value
60
60
  }), /* @__PURE__ */ React2.createElement(Caret, {
61
61
  ...caretProps
62
62
  }));
package/dist/esm/MobileDropdownMenu/MobileDropdownInput.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n selectedItemsText,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n selectedItemsText?: string;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText} />\n\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,OAAO,eAAe;AACtB,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,gBAAAA,OAAA,cAAC;AAAA,EAAU;AAAA,GACT,gBAAAA,OAAA,cAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,gBAAAA,OAAA,cAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,gBAAAA,OAAA,cAAC;AAAA,EAAqB,GAAG;AAAA,EAAY,UAAQ;AAAA,EAAC,OAAO;AAAA,CAAmB,GAExE,gBAAAA,OAAA,cAAC;AAAA,EAAO,GAAG;AAAA,CAAY,CACzB;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n selectedItemsText,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n selectedItemsText?: string;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,OAAO,eAAe;AACtB,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,sBAGhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAI7C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,gBAAAA,OAAA,cAAC;AAAA,EAAU;AAAA,GACT,gBAAAA,OAAA,cAAC;AAAA,EAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,CAAG,CAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,UAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,gBAAAA,OAAA,cAAC;AAAA,EAAwB,eAAY;AAAA,GACnC,gBAAAA,OAAA,cAAC;AAAA,EAAqB,GAAG;AAAA,EAAY,UAAQ;AAAA,EAAC,OAAO,qBAAqB,WAAW;AAAA,CAAO,GAE5F,gBAAAA,OAAA,cAAC;AAAA,EAAO,GAAG;AAAA,CAAY,CACzB;",
6
6
  "names": ["React"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-mobile",
3
- "version": "3.5.0-rc.5",
3
+ "version": "3.5.0-rc.8",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - System",
6
6
  "files": [
@@ -435,21 +435,21 @@
435
435
  "typeSafety": false
436
436
  },
437
437
  "dependencies": {
438
- "@elliemae/ds-accordion": "3.5.0-rc.5",
439
- "@elliemae/ds-backdrop": "3.5.0-rc.5",
440
- "@elliemae/ds-button": "3.5.0-rc.5",
441
- "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.5",
442
- "@elliemae/ds-form": "3.5.0-rc.5",
443
- "@elliemae/ds-form-checkbox": "3.5.0-rc.5",
444
- "@elliemae/ds-grid": "3.5.0-rc.5",
445
- "@elliemae/ds-icon": "3.5.0-rc.5",
446
- "@elliemae/ds-icons": "3.5.0-rc.5",
447
- "@elliemae/ds-indeterminate-progress-indicator": "3.5.0-rc.5",
448
- "@elliemae/ds-shared": "3.5.0-rc.5",
449
- "@elliemae/ds-system": "3.5.0-rc.5",
450
- "@elliemae/ds-tabs": "3.5.0-rc.5",
451
- "@elliemae/ds-truncated-expandable-text": "3.5.0-rc.5",
452
- "@elliemae/ds-utilities": "3.5.0-rc.5",
438
+ "@elliemae/ds-accordion": "3.5.0-rc.8",
439
+ "@elliemae/ds-backdrop": "3.5.0-rc.8",
440
+ "@elliemae/ds-button": "3.5.0-rc.8",
441
+ "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.8",
442
+ "@elliemae/ds-form": "3.5.0-rc.8",
443
+ "@elliemae/ds-form-checkbox": "3.5.0-rc.8",
444
+ "@elliemae/ds-grid": "3.5.0-rc.8",
445
+ "@elliemae/ds-icon": "3.5.0-rc.8",
446
+ "@elliemae/ds-icons": "3.5.0-rc.8",
447
+ "@elliemae/ds-indeterminate-progress-indicator": "3.5.0-rc.8",
448
+ "@elliemae/ds-shared": "3.5.0-rc.8",
449
+ "@elliemae/ds-system": "3.5.0-rc.8",
450
+ "@elliemae/ds-tabs": "3.5.0-rc.8",
451
+ "@elliemae/ds-truncated-expandable-text": "3.5.0-rc.8",
452
+ "@elliemae/ds-utilities": "3.5.0-rc.8",
453
453
  "polished": "~3.6.7",
454
454
  "prop-types": "~15.8.1",
455
455
  "react-window": "~1.8.7",