@elliemae/ds-mobile 3.5.0-rc.9 → 3.6.0-next.0

package/dist/esm/MobilePageHeader/MobilePageHeader.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useMemo, useState, useCallback } from "react";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { styled, border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
@@ -60,16 +61,18 @@ const MobilePageHeader = ({
   const handleContext = useCallback(() => {
     setOpen(!open);
   }, [open]);
-  const separator = /* @__PURE__ */ React2.createElement(Grid, {
+  const separator = /* @__PURE__ */ jsx(Grid, {
     height: "32px",
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    height: "24px"
-  }, /* @__PURE__ */ React2.createElement(MobileSeparator, {
-    direction: "vertical",
-    margin: "xxs",
-    color: ["neutral", "300"]
-  })));
+    alignItems: "center",
+    children: /* @__PURE__ */ jsx(Grid, {
+      height: "24px",
+      children: /* @__PURE__ */ jsx(MobileSeparator, {
+        direction: "vertical",
+        margin: "xxs",
+        color: ["neutral", "300"]
+      })
+    })
+  });
   const cols = [1, "auto"];
   const cols2 = ["auto"];
   if (countActions)
@@ -78,80 +81,127 @@ const MobilePageHeader = ({
     cols2.push("auto");
   if (label)
     cols2.push("auto");
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
+  return /* @__PURE__ */ jsxs(Wrapper, {
     cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper",
-    withBlueBorder
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: backArrow ? ["auto", 1] : [1],
-    alignItems: "flex-start",
-    pr: countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, backArrow && /* @__PURE__ */ React2.createElement(Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    pr: "16px"
-  }, backArrow), /* @__PURE__ */ React2.createElement(Grid, {
-    flexGrow: 0,
-    pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: ["auto", "auto"],
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ React2.createElement(Grid, null, breadCrumb && /* @__PURE__ */ React2.createElement(StyledBreadCrumb, {
-    "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /* @__PURE__ */ React2.createElement(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "flex-start",
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-title"
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /* @__PURE__ */ React2.createElement(TruncatedExpandableText, {
-    value: pageTitle
-  })))), contextMenu && /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    mt: breadCrumb ? "20px" : "8px"
-  }, /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null),
-    size: "s",
-    onClick: () => {
-      handleContext();
-      onOpenContextMenu();
-    },
-    containerProps: { "data-testid": "trigger-context-menu" }
-  }), React2.cloneElement(contextMenu, {
-    open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
-    onChange: (event, item) => {
-      if (contextMenu.props.onChange)
-        contextMenu.props.onChange(event, item);
-      handleContext();
-    }
-  }))))), hasValue && /* @__PURE__ */ React2.createElement(Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: ["auto", "auto"]
-  }, separator, /* @__PURE__ */ React2.createElement(Value, {
-    withMarginRight: !!label,
-    "data-testid": "page-header-value"
-  }, value)), label && /* @__PURE__ */ React2.createElement(Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(Label, {
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /* @__PURE__ */ React2.createElement(Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"]
-  }, firstAction && /* @__PURE__ */ React2.createElement(Grid, null, firstAction), countActions === 2 && separator, secondAction && /* @__PURE__ */ React2.createElement(Grid, null, secondAction)));
+    withBlueBorder,
+    children: [
+      /* @__PURE__ */ jsxs(Grid, {
+        alignItems: "flex-start",
+        justifyContent: "flex-start",
+        cols: cols2,
+        children: [
+          /* @__PURE__ */ jsxs(Grid, {
+            cols: backArrow ? ["auto", 1] : [1],
+            alignItems: "flex-start",
+            pr: countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0,
+            children: [
+              backArrow && /* @__PURE__ */ jsx(Grid, {
+                height: breadCrumb ? "56px" : "44px",
+                alignItems: "center",
+                pr: "16px",
+                children: backArrow
+              }),
+              /* @__PURE__ */ jsx(Grid, {
+                flexGrow: 0,
+                pt: !breadCrumb ? 0 : theme.space.xxs,
+                children: /* @__PURE__ */ jsxs(Grid, {
+                  cols: ["auto", "auto"],
+                  alignItems: "flex-start",
+                  children: [
+                    /* @__PURE__ */ jsxs(Grid, {
+                      children: [
+                        breadCrumb && /* @__PURE__ */ jsx(StyledBreadCrumb, {
+                          "data-testid": "page-header-breadcrum",
+                          children: breadCrumb
+                        }),
+                        /* @__PURE__ */ jsx(StyledTitle, {
+                          maxWidth: "100%",
+                          alignItems: "flex-start",
+                          withBreadcrumb: !!breadCrumb,
+                          "data-testid": "page-header-title",
+                          children: /* @__PURE__ */ jsx(Grid, {
+                            pt: breadCrumb ? 0 : theme.space.xxxs,
+                            children: /* @__PURE__ */ jsx(TruncatedExpandableText, {
+                              value: pageTitle
+                            })
+                          })
+                        })
+                      ]
+                    }),
+                    contextMenu && /* @__PURE__ */ jsxs(Grid, {
+                      alignItems: "center",
+                      mt: breadCrumb ? "20px" : "8px",
+                      children: [
+                        /* @__PURE__ */ jsx(DSButton, {
+                          buttonType: "text",
+                          icon: /* @__PURE__ */ jsx(ChevronSmallDown, {}),
+                          size: "s",
+                          onClick: () => {
+                            handleContext();
+                            onOpenContextMenu();
+                          },
+                          containerProps: { "data-testid": "trigger-context-menu" }
+                        }),
+                        React2.cloneElement(contextMenu, {
+                          open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
+                          onChange: (event, item) => {
+                            if (contextMenu.props.onChange)
+                              contextMenu.props.onChange(event, item);
+                            handleContext();
+                          }
+                        })
+                      ]
+                    })
+                  ]
+                })
+              })
+            ]
+          }),
+          hasValue && /* @__PURE__ */ jsxs(Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            cols: ["auto", "auto"],
+            children: [
+              separator,
+              /* @__PURE__ */ jsx(Value, {
+                withMarginRight: !!label,
+                "data-testid": "page-header-value",
+                children: value
+              })
+            ]
+          }),
+          label && /* @__PURE__ */ jsx(Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            children: /* @__PURE__ */ jsx(Label, {
+              withBreadcrumb: !!breadCrumb,
+              "data-testid": "page-header-label",
+              children: label
+            })
+          })
+        ]
+      }),
+      countActions > 0 && /* @__PURE__ */ jsxs(Grid, {
+        height: breadCrumb ? "56px" : "44px",
+        alignItems: "center",
+        cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"],
+        children: [
+          firstAction && /* @__PURE__ */ jsx(Grid, {
+            children: firstAction
+          }),
+          countActions === 2 && separator,
+          secondAction && /* @__PURE__ */ jsx(Grid, {
+            children: secondAction
+          })
+        ]
+      })
+    ]
+  });
 };
 const pageHeaderProps = {
   pageTitle: PropTypes.string.description("Page title").isRequired,

package/dist/esm/MobilePageHeader/MobilePageHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobilePageHeader/MobilePageHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled, border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n  font-size: 22px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n  padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n  line-height: 1.15;\n`;\n\nconst StyledBreadCrumb = styled.div`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.div`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  ${truncate()}\n`;\n\nconst Value = styled.div`\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n  margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)<{ withBlueBorder: boolean }>`\n  border-bottom: ${({ theme, withBlueBorder }) =>\n    border(withBlueBorder ? theme.colors.brand['700'] : theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n  pageTitle = null,\n  withBlueBorder = false,\n  contextMenu = null,\n  firstAction = null,\n  secondAction = null,\n  backArrow = null,\n  breadCrumb = null,\n  onOpenContextMenu = () => null,\n  value,\n  label,\n  theme,\n}) => {\n  const hasValue = value === 0 || value;\n\n  const countActions = useMemo(() => {\n    let count = 0;\n    if (firstAction) count++;\n    if (secondAction) count++;\n    return count;\n  }, [firstAction, secondAction]);\n  const [open, setOpen] = useState();\n  const handleContext = useCallback(() => {\n    setOpen(!open);\n  }, [open]);\n\n  const separator = (\n    <Grid height=\"32px\" alignItems=\"center\">\n      <Grid height=\"24px\">\n        <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n      </Grid>\n    </Grid>\n  );\n  const cols = [1, 'auto'];\n  const cols2 = ['auto'];\n  if (countActions) cols.push('auto');\n  if (hasValue) cols2.push('auto');\n  if (label) cols2.push('auto');\n\n  return (\n    <Wrapper\n      cols={cols}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"flex-start\"\n      width=\"100%\"\n      data-testid=\"page-header-wrapper\"\n      withBlueBorder={withBlueBorder}\n    >\n      <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid\n          cols={backArrow ? ['auto', 1] : [1]}\n          alignItems=\"flex-start\"\n          pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n        >\n          {backArrow && (\n            <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" pr=\"16px\">\n              {backArrow}\n            </Grid>\n          )}\n          <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n            <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n              <Grid>\n                {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n                <StyledTitle\n                  maxWidth=\"100%\"\n                  alignItems=\"flex-start\"\n                  withBreadcrumb={!!breadCrumb}\n                  data-testid=\"page-header-title\"\n                >\n                  <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n                    <TruncatedExpandableText value={pageTitle} />\n                  </Grid>\n                </StyledTitle>\n              </Grid>\n              {contextMenu && (\n                <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n                  <DSButton\n                    buttonType=\"text\"\n                    icon={<ChevronSmallDown />}\n                    size=\"s\"\n                    onClick={() => {\n                      handleContext();\n                      onOpenContextMenu();\n                    }}\n                    containerProps={{ 'data-testid': 'trigger-context-menu' }}\n                  />\n                  {React.cloneElement(contextMenu, {\n                    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n                    onChange: (event, item) => {\n                      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n                      handleContext();\n                    },\n                  })}\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        </Grid>\n        {hasValue && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n            {separator}\n            <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n              {value}\n            </Value>\n          </Grid>\n        )}\n        {label && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n            <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n              {label}\n            </Label>\n          </Grid>\n        )}\n      </Grid>\n      {countActions > 0 && (\n        <Grid\n          height={breadCrumb ? '56px' : '44px'}\n          alignItems=\"center\"\n          cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n        >\n          {firstAction && <Grid>{firstAction}</Grid>}\n          {countActions === 2 && separator}\n          {secondAction && <Grid>{secondAction}</Grid>}\n        </Grid>\n      )}\n    </Wrapper>\n  );\n};\n\nconst pageHeaderProps = {\n  pageTitle: PropTypes.string.description('Page title').isRequired,\n  contextMenu: PropTypes.element.description('Context Menu to open'),\n  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n  firstAction: PropTypes.element.description('Action Button'),\n  secondAction: PropTypes.element.description('Action Button'),\n  backArrow: PropTypes.element.description('Back Arrow Button'),\n  breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n  value: PropTypes.number.description('Page summary value'),\n  label: PropTypes.string.description('Page summary label'),\n  theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\nMobilePageHeader.displayName = 'MobilePageHeader';\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/MobileSelectList/MobileSelectList.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React2, { useState, useEffect } from "react";
 import { noop } from "lodash";
 import PropTypes from "prop-types";
@@ -55,56 +56,74 @@ const MobileSelectList = ({
     rows.push(op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));
   if (!open)
     return null;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledContainer, {
-    "data-testid": dataTestid,
-    rows,
-    zIndex
-  }, /* @__PURE__ */ React2.createElement(HeaderContainer, null, header, useSearch && /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    height: __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
-    pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, /* @__PURE__ */ React2.createElement(DSTextBox, {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: "auto" }
-  }, /* @__PURE__ */ React2.createElement(ListContainer, {
-    "data-testid": `${dataTestid}--list-container`
-  }, React2.Children.map(children, (child) => {
-    let leftAddon = null;
-    let rightAddon = null;
-    const { value, title } = child.props;
-    const found = selecteds.findIndex((s) => String(s) === String(value));
-    if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-      return null;
-    if (multiple) {
-      if (found > -1)
-        leftAddon = checked;
-      else
-        leftAddon = checkbox;
-    } else if (found > -1) {
-      rightAddon = selectedMark;
-    }
-    return /* @__PURE__ */ React2.createElement(DSMobileTouchable, {
-      onClick: handleChange.bind(child.props)
-    }, React2.cloneElement(child, { leftAddon, rightAddon }));
-  })))), buttonFooter && /* @__PURE__ */ React2.createElement(Footer, {
-    alignItems: "center",
-    pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, React2.cloneElement(buttonFooter, {
-    ...buttonFooter.props,
-    containerProps: {
-      "data-testid": `${dataTestid}--btn`
-    },
-    buttonType: "primary",
-    size: "l",
-    onClick: handleApply.bind(buttonFooter.props)
-  }))));
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs(StyledContainer, {
+      "data-testid": dataTestid,
+      rows,
+      zIndex,
+      children: [
+        /* @__PURE__ */ jsxs(HeaderContainer, {
+          children: [
+            header,
+            useSearch && /* @__PURE__ */ jsx(Grid, {
+              alignItems: "center",
+              height: __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
+              pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+              pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+              children: /* @__PURE__ */ jsx(DSTextBox, {
+                onChange: handleOnSearch,
+                placeholder: "Filter by name",
+                value: filter
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx(Grid, {
+          style: { overflow: "hidden" },
+          children: /* @__PURE__ */ jsx(Grid, {
+            style: { overflow: "auto" },
+            children: /* @__PURE__ */ jsx(ListContainer, {
+              "data-testid": `${dataTestid}--list-container`,
+              children: React2.Children.map(children, (child) => {
+                let leftAddon = null;
+                let rightAddon = null;
+                const { value, title } = child.props;
+                const found = selecteds.findIndex((s) => String(s) === String(value));
+                if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
+                  return null;
+                if (multiple) {
+                  if (found > -1)
+                    leftAddon = checked;
+                  else
+                    leftAddon = checkbox;
+                } else if (found > -1) {
+                  rightAddon = selectedMark;
+                }
+                return /* @__PURE__ */ jsx(DSMobileTouchable, {
+                  onClick: handleChange.bind(child.props),
+                  children: React2.cloneElement(child, { leftAddon, rightAddon })
+                });
+              })
+            })
+          })
+        }),
+        buttonFooter && /* @__PURE__ */ jsx(Footer, {
+          alignItems: "center",
+          pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+          pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+          children: React2.cloneElement(buttonFooter, {
+            ...buttonFooter.props,
+            containerProps: {
+              "data-testid": `${dataTestid}--btn`
+            },
+            buttonType: "primary",
+            size: "l",
+            onClick: handleApply.bind(buttonFooter.props)
+          })
+        })
+      ]
+    })
+  });
 };
 const DSMobileSelectList = withTheme(MobileSelectList);
 MobileSelectList.propTypes = {

package/dist/esm/MobileSelectList/MobileSelectList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSelectList/MobileSelectList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\n            {React.cloneElement(buttonFooter, {\n              ...buttonFooter.props,\n              containerProps: {\n                'data-testid': `${dataTestid}--btn`,\n              },\n              buttonType: 'primary',\n              size: 'l',\n              onClick: handleApply.bind(buttonFooter.props),\n            })}\n          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/MobileSelectList/styled.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { noop } from "lodash";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
@@ -29,17 +29,17 @@ const ListContainer = styled.div`
     border: none;
   }
 `;
-const checkbox = /* @__PURE__ */ React2.createElement(DSCheckbox, {
+const checkbox = /* @__PURE__ */ jsx(DSCheckbox, {
   checked: false,
   onChange: noop,
   style: { pointerEvents: "none" }
 });
-const checked = /* @__PURE__ */ React2.createElement(DSCheckbox, {
+const checked = /* @__PURE__ */ jsx(DSCheckbox, {
   checked: true,
   onChange: noop,
   style: { pointerEvents: "none" }
 });
-const selectedMark = /* @__PURE__ */ React2.createElement(Checkmark, {
+const selectedMark = /* @__PURE__ */ jsx(Checkmark, {
   color: ["brand-primary", 600]
 });
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSelectList/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { noop } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,kBAAkB,OAAO,IAAI;AAAA,mBACvB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,SAAS,OAAO,IAAI;AAAA,gBACjB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,OAAO;AAAA,MAC9B,gCAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,gBAAAA,OAAA,cAAC;AAAA,EAAW,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AAC/F,MAAM,UAAU,gBAAAA,OAAA,cAAC;AAAA,EAAW,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AACtF,MAAM,eAAe,gBAAAA,OAAA,cAAC;AAAA,EAAU,OAAO,CAAC,iBAAiB,GAAG;AAAA,CAAG;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,kBAAkB,OAAO,IAAI;AAAA,mBACvB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,SAAS,OAAO,IAAI;AAAA,gBACjB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,OAAO;AAAA,MAC9B,gCAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,oBAAC;AAAA,EAAW,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AAC/F,MAAM,UAAU,oBAAC;AAAA,EAAW,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AACtF,MAAM,eAAe,oBAAC;AAAA,EAAU,OAAO,CAAC,iBAAiB,GAAG;AAAA,CAAG;",
+  "names": []
 }

package/dist/esm/MobileSeparator/Separator.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
@@ -18,7 +18,7 @@ const MobileSeparator = ({ color = ["neutral", "800"], direction = "horizontal",
     borderType: type,
     color
   };
-  return /* @__PURE__ */ React2.createElement(Separator, {
+  return /* @__PURE__ */ jsx(Separator, {
     ...styles
   });
 };

package/dist/esm/MobileSeparator/Separator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileSeparator/Separator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\nMobileSeparator.displayName = 'MobileSeparator';\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,YAAY,OAAO,IAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,cAAc;AAAA,IACf,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAW,GAAG;AAAA,GAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,UAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,UAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,UAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,YAAY,OAAO,IAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,cAAc;AAAA,IACf,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,oBAAC;AAAA,IAAW,GAAG;AAAA,GAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,UAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,UAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,UAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
+  "names": []
 }

package/dist/esm/MobileTimePicker/Input.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { focus, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import { styled } from "@elliemae/ds-system";
 const StyledInput = styled.input`
@@ -39,7 +39,7 @@ const StyledInput = styled.input`
     display: none;
   }
 `;
-const Input = ({ innerRef, ...props }) => /* @__PURE__ */ React2.createElement(StyledInput, {
+const Input = ({ innerRef, ...props }) => /* @__PURE__ */ jsx(StyledInput, {
   ref: innerRef,
   ...props
 });

package/dist/esm/MobileTimePicker/Input.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTimePicker/Input.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=time]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=time]&:active, input[type=time]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,OAAO,gCAAgC;AAChD,SAAS,cAAc;AAEvB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,gBAAAA,OAAA,cAAC;AAAA,EAAY,KAAK;AAAA,EAAW,GAAG;AAAA,CAAO;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,OAAO,gCAAgC;AAChD,SAAS,cAAc;AAEvB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,WAAS,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,WAAS,MAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,oBAAC;AAAA,EAAY,KAAK;AAAA,EAAW,GAAG;AAAA,CAAO;",
+  "names": []
 }