@elliemae/ds-legacy-accessibility 1.0.0-rc.1

package/dist/cjs/skip-to/styles.js

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledButton: () => StyledButton
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const StyledButton = import_ds_legacy_system.styled.button`
+  left: -999px;
+  outline: none;
+  position: absolute;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  z-index: -999;
+  &:focus,
+  &:active {
+    color: ${({ theme }) => theme.colors.brand[600]};
+    background-color: ${({ theme }) => theme.colors.neutral["000"]};
+    text-decoration: underline;
+    left: 0;
+    top: 0;
+    height: auto;
+    cursor: pointer;
+    width: fit-content;
+    padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xxs}`};
+    border-radius: 2px;
+    border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+    text-align: center;
+    z-index: 999;
+    overflow: auto;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/skip-to/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/skip-to/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-legacy-system';\n\nexport const StyledButton = styled.button`\n  left: -999px;\n  outline: none;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active {\n    color: ${({ theme }) => theme.colors.brand[600]};\n    background-color: ${({ theme }) => theme.colors.neutral['000']};\n    text-decoration: underline;\n    left: 0;\n    top: 0;\n    height: auto;\n    cursor: pointer;\n    width: fit-content;\n    padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xxs}`};\n    border-radius: 2px;\n    border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n    text-align: center;\n    z-index: 999;\n    overflow: auto;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuB;AAEhB,MAAM,eAAe,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWtB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,wBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOlD,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA,wBAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./skip-to/index.js";
+export * from "./live-region/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './skip-to/index.js';\nexport * from './live-region/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/live-region/DSLiveRegion.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { useEffect, useState } from "react";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { StyledContainer } from "./styles.js";
+import { DSLiveRegionPropTypes } from "./propTypes.js";
+const DSLiveRegion = (props) => {
+  const [text, setText] = useState(" ");
+  useEffect(() => {
+    if (props.methods && props.methods.current) {
+      props.methods.current.read = setText;
+    }
+  }, [props.methods]);
+  if (text === "")
+    return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(StyledContainer, { "aria-atomic": true, id: props.id, role: props.role, "aria-live": props["aria-live"] ?? "polite", children: text }),
+    props.portal?.current ?? document.body
+  );
+};
+DSLiveRegion.propTypes = DSLiveRegionPropTypes;
+DSLiveRegion.displayName = "DSLiveRegion";
+const DSLiveRegionWithSchema = describe(DSLiveRegion);
+DSLiveRegionWithSchema.propTypes = DSLiveRegionPropTypes;
+export {
+  DSLiveRegion,
+  DSLiveRegionWithSchema
+};
+//# sourceMappingURL=DSLiveRegion.js.map

package/dist/esm/live-region/DSLiveRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/DSLiveRegion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import ReactDOM from 'react-dom';\nimport React, { useEffect, useState } from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { StyledContainer } from './styles.js';\nimport { DSLiveRegionPropTypes } from './propTypes.js';\nimport type { DSLiveRegionT } from './propTypes.js';\n\nconst DSLiveRegion = (props: DSLiveRegionT.Props): JSX.Element | null => {\n  const [text, setText] = useState(' ');\n\n  useEffect(() => {\n    if (props.methods && props.methods.current) {\n      props.methods.current.read = setText;\n    }\n  }, [props.methods]);\n\n  if (text === '') return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={props.id} role={props.role} aria-live={props['aria-live'] ?? 'polite'}>\n      {text}\n    </StyledContainer>,\n    props.portal?.current ?? document.body,\n  );\n};\n\nDSLiveRegion.propTypes = DSLiveRegionPropTypes;\nDSLiveRegion.displayName = 'DSLiveRegion';\nconst DSLiveRegionWithSchema = describe(DSLiveRegion);\nDSLiveRegionWithSchema.propTypes = DSLiveRegionPropTypes;\n\nexport { DSLiveRegion, DSLiveRegionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmBnB;AAnBJ,OAAO,cAAc;AACrB,SAAgB,WAAW,gBAAgB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAGtC,MAAM,eAAe,CAAC,UAAmD;AACvE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,GAAG;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM,WAAW,MAAM,QAAQ,SAAS;AAC1C,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,MAAI,SAAS;AAAI,WAAO;AAExB,SAAO,SAAS;AAAA,IACd,oBAAC,mBAAgB,eAAW,MAAC,IAAI,MAAM,IAAI,MAAM,MAAM,MAAM,aAAW,MAAM,WAAW,KAAK,UAC3F,gBACH;AAAA,IACA,MAAM,QAAQ,WAAW,SAAS;AAAA,EACpC;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/esm/live-region/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./useLiveRegion.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/live-region/index.js.map

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

package/dist/esm/live-region/propTypes.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+const UseLiveRegionPropTypes = {
+  id: PropTypes.string.description("Id of the live region"),
+  portal: PropTypes.object.description("Portal to render the live region")
+};
+const DSLiveRegionPropTypes = {
+  id: PropTypes.string.description("Id of the live region"),
+  portal: PropTypes.object.description("Portal to render the live region"),
+  role: PropTypes.string.description("Role of the live region"),
+  "aria-live": PropTypes.string.description("Aria live attribute"),
+  methods: PropTypes.object.description("Methods to read the live region")
+};
+export {
+  DSLiveRegionPropTypes,
+  UseLiveRegionPropTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/live-region/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/propTypes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';\n\nexport declare namespace UseLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: React.MutableRefObject<HTMLElement>;\n  }\n}\n\nexport declare namespace DSLiveRegionT {\n  export interface Props {\n    id?: string;\n    portal?: MutableRefObject<HTMLElement>;\n    role?: string;\n    'aria-live'?: string;\n    methods?: MutableRefObject<{ read?: Dispatch<SetStateAction<string>> }>;\n  }\n}\n\nexport const UseLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n} as WeakValidationMap<unknown>;\n\nexport const DSLiveRegionPropTypes = {\n  id: PropTypes.string.description('Id of the live region'),\n  portal: PropTypes.object.description('Portal to render the live region'),\n  role: PropTypes.string.description('Role of the live region'),\n  'aria-live': PropTypes.string.description('Aria live attribute'),\n  methods: PropTypes.object.description('Methods to read the live region'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAoBnB,MAAM,yBAAyB;AAAA,EACpC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AACzE;AAEO,MAAM,wBAAwB;AAAA,EACnC,IAAI,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACxD,QAAQ,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACvE,MAAM,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAC5D,aAAa,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAC/D,SAAS,UAAU,OAAO,YAAY,iCAAiC;AACzE;",
+  "names": []
+}

package/dist/esm/live-region/styles.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+const StyledContainer = styled.div`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  white-space: nowrap;
+`;
+export {
+  StyledContainer
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/live-region/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/styles.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-legacy-system';\n\nexport const StyledContainer = styled.div`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: 0;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/live-region/useLiveRegion.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { memo, useEffect, useState, useCallback, useRef, useMemo } from "react";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { uid } from "uid";
+import { StyledContainer } from "./styles.js";
+import { UseLiveRegionPropTypes } from "./propTypes.js";
+const DSLiveRegion = memo((props) => {
+  const [internalMessage, setInternalMessage] = useState("");
+  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);
+  const [role, setRole] = useState(void 0);
+  const [ariaLive, setAriaLive] = useState("polite");
+  const { id, portal } = props || {};
+  const reset = useCallback(() => {
+    setInternalMessage("");
+    setUnsafe_emulateAssertiveNVDA(false);
+    setAriaLive("polite");
+    setRole(void 0);
+  }, []);
+  const configure = useCallback(
+    (message, options) => {
+      reset();
+      setTimeout(() => {
+        if (options?.unsafe_emulateAssertiveNVDA)
+          setUnsafe_emulateAssertiveNVDA(true);
+        setTimeout(() => {
+          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA)
+            setAriaLive("assertive");
+          if (options?.unsafe_emulateAssertiveNVDA) {
+            setRole("alert");
+            setUnsafe_emulateAssertiveNVDA(false);
+          }
+          if (options?.delay) {
+            setTimeout(
+              () => {
+                setInternalMessage(message);
+              },
+              options?.delay
+            );
+          } else {
+            setInternalMessage(message);
+          }
+        });
+      });
+    },
+    [reset]
+  );
+  useEffect(() => {
+    if (props.methods) {
+      props.methods.current.read = configure;
+    }
+  }, [configure, props.methods]);
+  if (unsafe_emulateAssertiveNVDA)
+    return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(StyledContainer, { "aria-atomic": true, id, role, "aria-live": ariaLive, children: internalMessage }),
+    portal?.current || document.body
+  );
+});
+const useLiveRegion = (props) => {
+  const methods = useRef({});
+  const { id, portal } = props || {};
+  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);
+  const read = useCallback((message, options) => methods.current.read?.(message, options), []);
+  return useMemo(
+    () => ({
+      LiveRegion: () => /* @__PURE__ */ jsx(DSLiveRegion, { methods, id: id ?? instanceUID, portal }),
+      read
+    }),
+    [id, instanceUID, portal, read]
+  );
+};
+useLiveRegion.displayName = "useLiveRegion";
+const UseLiveRegionWithSchema = describe(useLiveRegion);
+UseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;
+export {
+  UseLiveRegionWithSchema,
+  useLiveRegion
+};
+//# sourceMappingURL=useLiveRegion.js.map

package/dist/esm/live-region/useLiveRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/useLiveRegion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-nested-callbacks */\nimport ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState, useCallback, useRef, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { uid } from 'uid';\nimport { StyledContainer } from './styles.js';\nimport { UseLiveRegionPropTypes } from './propTypes.js';\nimport type { UseLiveRegionT } from './propTypes.js';\n\ninterface Options {\n  assertive?: boolean;\n  unsafe_emulateAssertiveNVDA?: boolean;\n  delay?: number;\n}\ninterface Methods {\n  read?: (message: string, options: Options) => void;\n}\nexport interface Props {\n  methods?: React.MutableRefObject<Methods>;\n  id?: string;\n  portal?: React.MutableRefObject<HTMLElement>;\n}\n\nconst DSLiveRegion = memo((props: Props): JSX.Element | null => {\n  const [internalMessage, setInternalMessage] = useState<string>('');\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const [unsafe_emulateAssertiveNVDA, setUnsafe_emulateAssertiveNVDA] = useState(false);\n  const [role, setRole] = useState<undefined | string>(undefined);\n  const [ariaLive, setAriaLive] = useState('polite');\n  const { id, portal } = props || {};\n\n  const reset = useCallback(() => {\n    setInternalMessage('');\n    setUnsafe_emulateAssertiveNVDA(false);\n    setAriaLive('polite');\n    setRole(undefined);\n  }, []);\n\n  const configure = useCallback(\n    (message: string, options: Options) => {\n      reset();\n      setTimeout(() => {\n        if (options?.unsafe_emulateAssertiveNVDA) setUnsafe_emulateAssertiveNVDA(true);\n        setTimeout(() => {\n          if (options?.assertive || options?.unsafe_emulateAssertiveNVDA) setAriaLive('assertive');\n          if (options?.unsafe_emulateAssertiveNVDA) {\n            setRole('alert');\n            setUnsafe_emulateAssertiveNVDA(false);\n          }\n          if (options?.delay) {\n            setTimeout(\n              () => {\n                setInternalMessage(message);\n              },\n              options?.delay,\n            );\n          } else {\n            setInternalMessage(message);\n          }\n        });\n      });\n    },\n    [reset],\n  );\n\n  useEffect(() => {\n    if (props.methods) {\n      props.methods.current.read = configure;\n    }\n  }, [configure, props.methods]);\n\n  if (unsafe_emulateAssertiveNVDA) return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={id} role={role} aria-live={ariaLive}>\n      {internalMessage}\n    </StyledContainer>,\n    portal?.current || document.body,\n  );\n});\n\nconst useLiveRegion = (props: UseLiveRegionT.Props) => {\n  const methods = useRef<Methods>({});\n\n  const { id, portal } = props || {};\n\n  const instanceUID = useMemo(() => `ds-live-region-${uid(5)}`, []);\n\n  const read = useCallback((message: string, options: Options) => methods.current.read?.(message, options), []);\n\n  return useMemo(\n    () => ({\n      LiveRegion: () => <DSLiveRegion methods={methods} id={id ?? instanceUID} portal={portal} />,\n      read,\n    }),\n    [id, instanceUID, portal, read],\n  );\n};\n\nuseLiveRegion.displayName = 'useLiveRegion';\nconst UseLiveRegionWithSchema = describe(useLiveRegion);\nUseLiveRegionWithSchema.propTypes = UseLiveRegionPropTypes;\nexport { useLiveRegion, UseLiveRegionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0EnB;AAzEJ,OAAO,cAAc;AACrB,SAAgB,MAAM,WAAW,UAAU,aAAa,QAAQ,eAAe;AAC/E,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAiBvC,MAAM,eAAe,KAAK,CAAC,UAAqC;AAC9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,EAAE;AAEjE,QAAM,CAAC,6BAA6B,8BAA8B,IAAI,SAAS,KAAK;AACpF,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,MAAS;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,QAAQ;AACjD,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,QAAQ,YAAY,MAAM;AAC9B,uBAAmB,EAAE;AACrB,mCAA+B,KAAK;AACpC,gBAAY,QAAQ;AACpB,YAAQ,MAAS;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY;AAAA,IAChB,CAAC,SAAiB,YAAqB;AACrC,YAAM;AACN,iBAAW,MAAM;AACf,YAAI,SAAS;AAA6B,yCAA+B,IAAI;AAC7E,mBAAW,MAAM;AACf,cAAI,SAAS,aAAa,SAAS;AAA6B,wBAAY,WAAW;AACvF,cAAI,SAAS,6BAA6B;AACxC,oBAAQ,OAAO;AACf,2CAA+B,KAAK;AAAA,UACtC;AACA,cAAI,SAAS,OAAO;AAClB;AAAA,cACE,MAAM;AACJ,mCAAmB,OAAO;AAAA,cAC5B;AAAA,cACA,SAAS;AAAA,YACX;AAAA,UACF,OAAO;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,MAAM;AACd,QAAI,MAAM,SAAS;AACjB,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,OAAO,CAAC;AAE7B,MAAI;AAA6B,WAAO;AAExC,SAAO,SAAS;AAAA,IACd,oBAAC,mBAAgB,eAAW,MAAC,IAAQ,MAAY,aAAW,UACzD,2BACH;AAAA,IACA,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF,CAAC;AAED,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,UAAU,OAAgB,CAAC,CAAC;AAElC,QAAM,EAAE,IAAI,OAAO,IAAI,SAAS,CAAC;AAEjC,QAAM,cAAc,QAAQ,MAAM,kBAAkB,IAAI,CAAC,KAAK,CAAC,CAAC;AAEhE,QAAM,OAAO,YAAY,CAAC,SAAiB,YAAqB,QAAQ,QAAQ,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;AAE5G,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,oBAAC,gBAAa,SAAkB,IAAI,MAAM,aAAa,QAAgB;AAAA,MACzF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,aAAa,QAAQ,IAAI;AAAA,EAChC;AACF;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/skip-to/DSSkipTo.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { propTypes } from "./propTypes.js";
+import { StyledButton } from "./styles.js";
+const DSSkipTo = (props) => {
+  const { goTo, message = "Skip to main content" } = props;
+  const handleOnClick = useCallback(() => {
+    document.getElementById(goTo).focus();
+  }, [goTo]);
+  return /* @__PURE__ */ jsx(StyledButton, { onClick: handleOnClick, children: message });
+};
+DSSkipTo.propTypes = propTypes;
+DSSkipTo.displayName = "DSSkipTo";
+const DSSkipToWithSchema = describe(DSSkipTo);
+DSSkipToWithSchema.propTypes = propTypes;
+export {
+  DSSkipTo,
+  DSSkipToWithSchema
+};
+//# sourceMappingURL=DSSkipTo.js.map

package/dist/esm/skip-to/DSSkipTo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/skip-to/DSSkipTo.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { propTypes } from './propTypes.js';\nimport type { DSSkipToPropsT as Props } from './index.d';\nimport { StyledButton } from './styles.js';\n\nconst DSSkipTo = (props: Props): JSX.Element => {\n  const { goTo, message = 'Skip to main content' } = props;\n  const handleOnClick = useCallback(() => {\n    (document.getElementById(goTo) as HTMLElement).focus();\n  }, [goTo]);\n  return <StyledButton onClick={handleOnClick}>{message}</StyledButton>;\n};\n\nDSSkipTo.propTypes = propTypes;\nDSSkipTo.displayName = 'DSSkipTo';\nconst DSSkipToWithSchema = describe(DSSkipTo);\nDSSkipToWithSchema.propTypes = propTypes;\n\nexport { DSSkipTo, DSSkipToWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWd;AAXT,SAAgB,mBAAmB;AACnC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB;AAE7B,MAAM,WAAW,CAAC,UAA8B;AAC9C,QAAM,EAAE,MAAM,UAAU,uBAAuB,IAAI;AACnD,QAAM,gBAAgB,YAAY,MAAM;AACtC,IAAC,SAAS,eAAe,IAAI,EAAkB,MAAM;AAAA,EACvD,GAAG,CAAC,IAAI,CAAC;AACT,SAAO,oBAAC,gBAAa,SAAS,eAAgB,mBAAQ;AACxD;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "names": []
+}

package/dist/esm/skip-to/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/skip-to/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/skip-to/index.js

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

package/dist/esm/skip-to/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/skip-to/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;",
+  "names": []
+}

package/dist/esm/skip-to/propTypes.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+const propTypes = {
+  goTo: PropTypes.string.isRequired.description("String containing content's id that you want to go."),
+  message: PropTypes.string.description("Message for the Skip To component, default is 'Skip to main content'.")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/skip-to/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/skip-to/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\n\nexport const propTypes = {\n  goTo: PropTypes.string.isRequired.description(\"String containing content's id that you want to go.\"),\n  message: PropTypes.string.description(\"Message for the Skip To component, default is 'Skip to main content'.\"),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAEnB,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,WAAW,YAAY,qDAAqD;AAAA,EACnG,SAAS,UAAU,OAAO,YAAY,uEAAuE;AAC/G;",
+  "names": []
+}

package/dist/esm/skip-to/styles.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+const StyledButton = styled.button`
+  left: -999px;
+  outline: none;
+  position: absolute;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  z-index: -999;
+  &:focus,
+  &:active {
+    color: ${({ theme }) => theme.colors.brand[600]};
+    background-color: ${({ theme }) => theme.colors.neutral["000"]};
+    text-decoration: underline;
+    left: 0;
+    top: 0;
+    height: auto;
+    cursor: pointer;
+    width: fit-content;
+    padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xxs}`};
+    border-radius: 2px;
+    border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+    text-align: center;
+    z-index: 999;
+    overflow: auto;
+  }
+`;
+export {
+  StyledButton
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/skip-to/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/skip-to/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-legacy-system';\n\nexport const StyledButton = styled.button`\n  left: -999px;\n  outline: none;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active {\n    color: ${({ theme }) => theme.colors.brand[600]};\n    background-color: ${({ theme }) => theme.colors.neutral['000']};\n    text-decoration: underline;\n    left: 0;\n    top: 0;\n    height: auto;\n    cursor: pointer;\n    width: fit-content;\n    padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xxs}`};\n    border-radius: 2px;\n    border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n    text-align: center;\n    z-index: 999;\n    overflow: auto;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWtB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,wBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOlD,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA,wBAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skip-to/index.js';
+export * from './live-region/index.js';

package/dist/types/live-region/DSLiveRegion.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DSLiveRegionT } from './propTypes.js';
+declare const DSLiveRegion: {
+    (props: DSLiveRegionT.Props): JSX.Element | null;
+    propTypes: React.WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSLiveRegionWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSLiveRegionT.Props>;
+export { DSLiveRegion, DSLiveRegionWithSchema };

package/dist/types/live-region/index.d.ts

@@ -0,0 +1 @@
+export * from './useLiveRegion.js';

package/dist/types/live-region/propTypes.d.ts

@@ -0,0 +1,20 @@
+import type { Dispatch, MutableRefObject, SetStateAction, WeakValidationMap } from 'react';
+export declare namespace UseLiveRegionT {
+    interface Props {
+        id?: string;
+        portal?: React.MutableRefObject<HTMLElement>;
+    }
+}
+export declare namespace DSLiveRegionT {
+    interface Props {
+        id?: string;
+        portal?: MutableRefObject<HTMLElement>;
+        role?: string;
+        'aria-live'?: string;
+        methods?: MutableRefObject<{
+            read?: Dispatch<SetStateAction<string>>;
+        }>;
+    }
+}
+export declare const UseLiveRegionPropTypes: WeakValidationMap<unknown>;
+export declare const DSLiveRegionPropTypes: WeakValidationMap<unknown>;

package/dist/types/live-region/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/dist/types/live-region/useLiveRegion.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { UseLiveRegionT } from './propTypes.js';
+interface Options {
+    assertive?: boolean;
+    unsafe_emulateAssertiveNVDA?: boolean;
+    delay?: number;
+}
+interface Methods {
+    read?: (message: string, options: Options) => void;
+}
+export interface Props {
+    methods?: React.MutableRefObject<Methods>;
+    id?: string;
+    portal?: React.MutableRefObject<HTMLElement>;
+}
+declare const useLiveRegion: {
+    (props: UseLiveRegionT.Props): {
+        LiveRegion: () => import("react/jsx-runtime.js").JSX.Element;
+        read: (message: string, options: Options) => void | undefined;
+    };
+    displayName: string;
+};
+declare const UseLiveRegionWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<UseLiveRegionT.Props>;
+export { useLiveRegion, UseLiveRegionWithSchema };

package/dist/types/skip-to/DSSkipTo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DSSkipToPropsT as Props } from './index.d';
+declare const DSSkipTo: {
+    (props: Props): JSX.Element;
+    propTypes: React.WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSSkipToWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<Props>;
+export { DSSkipTo, DSSkipToWithSchema };

package/dist/types/skip-to/index.d.d.ts

@@ -0,0 +1,4 @@
+export interface DSSkipToPropsT {
+    goTo: string;
+    message?: string;
+}

package/dist/types/skip-to/index.d.ts

@@ -0,0 +1 @@
+export { DSSkipTo, DSSkipToWithSchema } from './DSSkipTo.js';

package/dist/types/skip-to/propTypes.d.ts

@@ -0,0 +1,2 @@
+import type { WeakValidationMap } from 'react';
+export declare const propTypes: WeakValidationMap<unknown>;

package/dist/types/skip-to/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@elliemae/ds-legacy-accessibility",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Accessibility",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./skip-to/styles": {
+      "import": "./dist/esm/skip-to/styles.js",
+      "require": "./dist/cjs/skip-to/styles.js"
+    },
+    "./skip-to/propTypes": {
+      "import": "./dist/esm/skip-to/propTypes.js",
+      "require": "./dist/cjs/skip-to/propTypes.js"
+    },
+    "./skip-to": {
+      "import": "./dist/esm/skip-to/index.js",
+      "require": "./dist/cjs/skip-to/index.js"
+    },
+    "./skip-to/DSSkipTo": {
+      "import": "./dist/esm/skip-to/DSSkipTo.js",
+      "require": "./dist/cjs/skip-to/DSSkipTo.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "uid": "~2.0.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}