@redsift/design-system 11.5.0 → 11.6.0-muiv5-alpha.0

package/utils/useId.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+
+let globalPrefix = 'rsi';
+let lastId = 0;
+const nextId = localPrefix => {
+  lastId++;
+  return `${localPrefix || globalPrefix}${lastId}`;
+};
+const resetId = () => {
+  lastId = 0;
+};
+const setPrefix = newPrefix => {
+  globalPrefix = newPrefix;
+};
+const getIds = (count, prefix) => {
+  const ids = [];
+  for (let i = 0; i < count; i++) {
+    ids.push(nextId(prefix));
+  }
+  return ids;
+};
+function usePrevious(value) {
+  const ref = React__default.useRef();
+  React__default.useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
+const useId = function () {
+  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  let prefix = arguments.length > 1 ? arguments[1] : undefined;
+  const idsListRef = React__default.useRef([]);
+  const prevCount = usePrevious(count);
+  const prevPrefix = usePrevious(prefix);
+  if (count !== prevCount || prevPrefix !== prefix) {
+    idsListRef.current = getIds(count, prefix);
+  }
+  return idsListRef.current;
+};
+
+export { nextId, resetId, setPrefix, useId };
+//# sourceMappingURL=useId.js.map

package/utils/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sources":["../../src/utils/useId.ts"],"sourcesContent":["import React from 'react';\n\nlet globalPrefix = 'rsi';\nlet lastId = 0;\nexport const nextId = (localPrefix?: string | null): string => {\n  lastId++;\n  return `${localPrefix || globalPrefix}${lastId}`;\n};\n\nexport const resetId = (): void => {\n  lastId = 0;\n};\n\nexport const setPrefix = (newPrefix: string): void => {\n  globalPrefix = newPrefix;\n};\n\nconst getIds = (count: number, prefix?: string) => {\n  const ids = [];\n  for (let i = 0; i < count; i++) {\n    ids.push(nextId(prefix));\n  }\n  return ids;\n};\n\nfunction usePrevious(value: unknown) {\n  const ref = React.useRef<unknown>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\n\nexport const useId = (count = 1, prefix?: string): string[] => {\n  const idsListRef = React.useRef<string[]>([]);\n  const prevCount = usePrevious(count);\n  const prevPrefix = usePrevious(prefix);\n\n  if (count !== prevCount || prevPrefix !== prefix) {\n    idsListRef.current = getIds(count, prefix);\n  }\n\n  return idsListRef.current;\n};\n"],"names":["globalPrefix","lastId","nextId","localPrefix","resetId","setPrefix","newPrefix","getIds","count","prefix","ids","i","push","usePrevious","value","ref","React","useRef","useEffect","current","useId","arguments","length","undefined","idsListRef","prevCount","prevPrefix"],"mappings":";;AAEA,IAAIA,YAAY,GAAG,KAAK,CAAA;AACxB,IAAIC,MAAM,GAAG,CAAC,CAAA;AACDC,MAAAA,MAAM,GAAIC,WAA2B,IAAa;AAC7DF,EAAAA,MAAM,EAAE,CAAA;AACR,EAAA,OAAQ,GAAEE,WAAW,IAAIH,YAAa,CAAA,EAAEC,MAAO,CAAC,CAAA,CAAA;AAClD,EAAC;AAEYG,MAAAA,OAAO,GAAGA,MAAY;AACjCH,EAAAA,MAAM,GAAG,CAAC,CAAA;AACZ,EAAC;AAEYI,MAAAA,SAAS,GAAIC,SAAiB,IAAW;AACpDN,EAAAA,YAAY,GAAGM,SAAS,CAAA;AAC1B,EAAC;AAED,MAAMC,MAAM,GAAGA,CAACC,KAAa,EAAEC,MAAe,KAAK;EACjD,MAAMC,GAAG,GAAG,EAAE,CAAA;EACd,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,KAAK,EAAEG,CAAC,EAAE,EAAE;AAC9BD,IAAAA,GAAG,CAACE,IAAI,CAACV,MAAM,CAACO,MAAM,CAAC,CAAC,CAAA;AAC1B,GAAA;AACA,EAAA,OAAOC,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,SAASG,WAAWA,CAACC,KAAc,EAAE;AACnC,EAAA,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,EAAW,CAAA;EACnCD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK,CAAA;AACrB,GAAC,CAAC,CAAA;EACF,OAAOC,GAAG,CAACI,OAAO,CAAA;AACpB,CAAA;AAEaC,MAAAA,KAAK,GAAG,YAA0C;AAAA,EAAA,IAAzCZ,KAAK,GAAAa,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAAA,IAAEZ,MAAe,GAAAY,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAE,SAAA,CAAA;AAC9C,EAAA,MAAMC,UAAU,GAAGR,cAAK,CAACC,MAAM,CAAW,EAAE,CAAC,CAAA;AAC7C,EAAA,MAAMQ,SAAS,GAAGZ,WAAW,CAACL,KAAK,CAAC,CAAA;AACpC,EAAA,MAAMkB,UAAU,GAAGb,WAAW,CAACJ,MAAM,CAAC,CAAA;AAEtC,EAAA,IAAID,KAAK,KAAKiB,SAAS,IAAIC,UAAU,KAAKjB,MAAM,EAAE;IAChDe,UAAU,CAACL,OAAO,GAAGZ,MAAM,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAA;AAC5C,GAAA;EAEA,OAAOe,UAAU,CAACL,OAAO,CAAA;AAC3B;;;;"}

package/utils/warnIfNoAccessibleLabelFound.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, DependencyList } from 'react';
+
+/**
+ * Display a warning if no label was found for screen readers and assistive technologies.
+ *
+ * @param props Component props containing the aria-label and aria-labelledby params to check for.
+ * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).
+ */
+declare const warnIfNoAccessibleLabelFound: (props: ComponentProps<keyof JSX.IntrinsicElements>, additionalKeysToCheck?: DependencyList, componentName?: string) => void;
+
+export { warnIfNoAccessibleLabelFound };

package/utils/warnIfNoAccessibleLabelFound.js

@@ -0,0 +1,20 @@
+/**
+ * Display a warning if no label was found for screen readers and assistive technologies.
+ *
+ * @param props Component props containing the aria-label and aria-labelledby params to check for.
+ * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).
+ */
+const warnIfNoAccessibleLabelFound = (props, additionalKeysToCheck, componentName) => {
+  const {
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby
+  } = props;
+  const hasText = additionalKeysToCheck && additionalKeysToCheck.filter(key => !!key).length > 0;
+  const hasAriaLabel = Boolean(ariaLabel || ariaLabelledby);
+  if (!hasAriaLabel && !hasText) {
+    console.warn(`You must provide a label ${componentName ? `to ${componentName} ` : ''}for accessibility`, props);
+  }
+};
+
+export { warnIfNoAccessibleLabelFound };
+//# sourceMappingURL=warnIfNoAccessibleLabelFound.js.map

package/utils/warnIfNoAccessibleLabelFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warnIfNoAccessibleLabelFound.js","sources":["../../src/utils/warnIfNoAccessibleLabelFound.ts"],"sourcesContent":["import { ComponentProps, DependencyList } from 'react';\n\n/**\n * Display a warning if no label was found for screen readers and assistive technologies.\n *\n * @param props Component props containing the aria-label and aria-labelledby params to check for.\n * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).\n */\nexport const warnIfNoAccessibleLabelFound = (\n  props: ComponentProps<keyof JSX.IntrinsicElements>,\n  additionalKeysToCheck?: DependencyList,\n  componentName?: string\n): void => {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;\n\n  const hasText = additionalKeysToCheck && additionalKeysToCheck.filter((key) => !!key).length > 0;\n  const hasAriaLabel = Boolean(ariaLabel || ariaLabelledby);\n\n  if (!hasAriaLabel && !hasText) {\n    console.warn(`You must provide a label ${componentName ? `to ${componentName} ` : ''}for accessibility`, props);\n  }\n};\n"],"names":["warnIfNoAccessibleLabelFound","props","additionalKeysToCheck","componentName","ariaLabel","ariaLabelledby","hasText","filter","key","length","hasAriaLabel","Boolean","console","warn"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,4BAA4B,GAAGA,CAC1CC,KAAkD,EAClDC,qBAAsC,EACtCC,aAAsB,KACb;EACT,MAAM;AAAE,IAAA,YAAY,EAAEC,SAAS;AAAE,IAAA,iBAAiB,EAAEC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAE5E,EAAA,MAAMK,OAAO,GAAGJ,qBAAqB,IAAIA,qBAAqB,CAACK,MAAM,CAAEC,GAAG,IAAK,CAAC,CAACA,GAAG,CAAC,CAACC,MAAM,GAAG,CAAC,CAAA;AAChG,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAACP,SAAS,IAAIC,cAAc,CAAC,CAAA;AAEzD,EAAA,IAAI,CAACK,YAAY,IAAI,CAACJ,OAAO,EAAE;AAC7BM,IAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,yBAAA,EAA2BV,aAAa,GAAI,CAAA,GAAA,EAAKA,aAAc,CAAA,CAAA,CAAE,GAAG,EAAG,CAAkB,iBAAA,CAAA,EAAEF,KAAK,CAAC,CAAA;AACjH,GAAA;AACF;;;;"}