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

package/utils/filterComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterComponents.js","sources":["../../src/utils/filterComponents.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\nimport { isComponent } from './isComponent';\n\n/**\n * Create an array containing only valid and specific components.\n *\n * @param  component React function component or the component name\n * @return an array of components\n */\nexport const filterComponents =\n  (component: Comp<any, any> | string | Comp<any, any>[] | string[]) =>\n  (children: ReactNode): ReactElement[] => {\n    const components = Array.isArray(component) ? component : [component];\n    const childArray: ReactElement[] = [];\n\n    React.Children.forEach(children, (child) => {\n      components.forEach((comp) => {\n        if (isComponent(comp)(child)) {\n          childArray.push(child);\n        }\n      });\n    });\n\n    return childArray;\n  };\n"],"names":["filterComponents","component","children","components","Array","isArray","childArray","React","Children","forEach","child","comp","isComponent","push"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAC1BC,SAAgE,IAChEC,QAAmB,IAAqB;AACvC,EAAA,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAA;EACrE,MAAMK,UAA0B,GAAG,EAAE,CAAA;EAErCC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,EAAGQ,KAAK,IAAK;AAC1CP,IAAAA,UAAU,CAACM,OAAO,CAAEE,IAAI,IAAK;AAC3B,MAAA,IAAIC,WAAW,CAACD,IAAI,CAAC,CAACD,KAAK,CAAC,EAAE;AAC5BJ,QAAAA,UAAU,CAACO,IAAI,CAACH,KAAK,CAAC,CAAA;AACxB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,UAAU,CAAA;AACnB;;;;"}

package/utils/getTextWidth.d.ts

@@ -0,0 +1,6 @@
+declare const getCssStyle: (element: Element, prop: string) => string;
+declare const getCanvasFont: (el?: HTMLElement) => string;
+declare const getTextWidth: (text: string, font: string, angle?: number) => number;
+declare const getMaxTextWidth: (texts: string[], font: string, angle?: number) => number;
+
+export { getCanvasFont, getCssStyle, getMaxTextWidth, getTextWidth };

package/utils/getTextWidth.js

@@ -0,0 +1,32 @@
+const getCssStyle = (element, prop) => {
+  return window.getComputedStyle(element, null).getPropertyValue(prop);
+};
+const getCanvasFont = function () {
+  let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
+  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';
+  const fontSize = getCssStyle(el, 'font-size') || '16px';
+  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
+  return `${fontWeight} ${fontSize} ${fontFamily}`;
+};
+const getTextWidth = function (text, font) {
+  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const canvas = document.createElement('canvas');
+  const context = canvas.getContext('2d');
+  context.font = font;
+  const metrics = context.measureText(text);
+  const radians = angle * (Math.PI / 180);
+  const cosTheta = Math.abs(Math.cos(radians));
+  const sinTheta = Math.abs(Math.sin(radians));
+  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;
+  // console.log(text, metrics.width, boundingBoxHeight);
+
+  // return metrics.width;
+  return boundingBoxHeight;
+};
+const getMaxTextWidth = function (texts, font) {
+  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return Math.max(...texts.map(text => getTextWidth(text, font, angle)));
+};
+
+export { getCanvasFont, getCssStyle, getMaxTextWidth, getTextWidth };
+//# sourceMappingURL=getTextWidth.js.map

package/utils/getTextWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextWidth.js","sources":["../../src/utils/getTextWidth.ts"],"sourcesContent":["export const getCssStyle = (element: Element, prop: string) => {\n  return window.getComputedStyle(element, null).getPropertyValue(prop);\n};\n\nexport const getCanvasFont = (el = document.body) => {\n  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';\n  const fontSize = getCssStyle(el, 'font-size') || '16px';\n  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';\n\n  return `${fontWeight} ${fontSize} ${fontFamily}`;\n};\n\nexport const getTextWidth: (text: string, font: string, angle?: number) => number = (text, font, angle = 0) => {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  context!.font = font;\n  const metrics = context!.measureText(text);\n\n  const radians = angle * (Math.PI / 180);\n  const cosTheta = Math.abs(Math.cos(radians));\n  const sinTheta = Math.abs(Math.sin(radians));\n\n  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;\n  // console.log(text, metrics.width, boundingBoxHeight);\n\n  // return metrics.width;\n  return boundingBoxHeight;\n};\n\nexport const getMaxTextWidth: (texts: string[], font: string, angle?: number) => number = (texts, font, angle = 0) => {\n  return Math.max(...texts.map((text) => getTextWidth(text, font, angle)));\n};\n"],"names":["getCssStyle","element","prop","window","getComputedStyle","getPropertyValue","getCanvasFont","el","arguments","length","undefined","document","body","fontWeight","fontSize","fontFamily","getTextWidth","text","font","angle","canvas","createElement","context","getContext","metrics","measureText","radians","Math","PI","cosTheta","abs","cos","sinTheta","sin","boundingBoxHeight","width","getMaxTextWidth","texts","max","map"],"mappings":"MAAaA,WAAW,GAAGA,CAACC,OAAgB,EAAEC,IAAY,KAAK;AAC7D,EAAA,OAAOC,MAAM,CAACC,gBAAgB,CAACH,OAAO,EAAE,IAAI,CAAC,CAACI,gBAAgB,CAACH,IAAI,CAAC,CAAA;AACtE,EAAC;AAEYI,MAAAA,aAAa,GAAG,YAAwB;AAAA,EAAA,IAAvBC,EAAE,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGG,CAAAA,CAAAA,GAAAA,QAAQ,CAACC,IAAI,CAAA;EAC9C,MAAMC,UAAU,GAAGb,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,QAAQ,CAAA;EAC7D,MAAMO,QAAQ,GAAGd,WAAW,CAACO,EAAE,EAAE,WAAW,CAAC,IAAI,MAAM,CAAA;EACvD,MAAMQ,UAAU,GAAGf,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,iBAAiB,CAAA;AAEtE,EAAA,OAAQ,GAAEM,UAAW,CAAA,CAAA,EAAGC,QAAS,CAAA,CAAA,EAAGC,UAAW,CAAC,CAAA,CAAA;AAClD,EAAC;AAEM,MAAMC,YAAoE,GAAG,UAACC,IAAI,EAAEC,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AACxG,EAAA,MAAMY,MAAM,GAAGT,QAAQ,CAACU,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/C,EAAA,MAAMC,OAAO,GAAGF,MAAM,CAACG,UAAU,CAAC,IAAI,CAAC,CAAA;EACvCD,OAAO,CAAEJ,IAAI,GAAGA,IAAI,CAAA;AACpB,EAAA,MAAMM,OAAO,GAAGF,OAAO,CAAEG,WAAW,CAACR,IAAI,CAAC,CAAA;EAE1C,MAAMS,OAAO,GAAGP,KAAK,IAAIQ,IAAI,CAACC,EAAE,GAAG,GAAG,CAAC,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACH,IAAI,CAACI,GAAG,CAACL,OAAO,CAAC,CAAC,CAAA;AAC5C,EAAA,MAAMM,QAAQ,GAAGL,IAAI,CAACG,GAAG,CAACH,IAAI,CAACM,GAAG,CAACP,OAAO,CAAC,CAAC,CAAA;EAE5C,MAAMQ,iBAAiB,GAAGV,OAAO,CAACW,KAAK,GAAGH,QAAQ,GAAG,EAAE,GAAGH,QAAQ,CAAA;AAClE;;AAEA;AACA,EAAA,OAAOK,iBAAiB,CAAA;AAC1B,EAAC;AAEM,MAAME,eAA0E,GAAG,UAACC,KAAK,EAAEnB,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAC/G,OAAOmB,IAAI,CAACW,GAAG,CAAC,GAAGD,KAAK,CAACE,GAAG,CAAEtB,IAAI,IAAKD,YAAY,CAACC,IAAI,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC1E;;;;"}

package/utils/isComponent.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { Comp } from '../types/helpers.js';
+
+/**
+ * Create a predicate function that checks if a ReactNode is a react element from the given component.
+ *
+ * @param  component React function component or the component name
+ * @return predicate returning true if value is instance of the component
+ */
+declare const isComponent: <C>(component: string | Comp<C, any>) => (instance: ReactNode) => instance is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+
+export { isComponent };

package/utils/isComponent.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+/**
+ * Create a predicate function that checks if a ReactNode is a react element from the given component.
+ *
+ * @param  component React function component or the component name
+ * @return predicate returning true if value is instance of the component
+ */
+const isComponent = component => instance => {
+  const componentName = typeof component === 'string' ? component : component.displayName;
+  return /*#__PURE__*/React__default.isValidElement(instance) && instance.type.displayName === componentName;
+};
+
+export { isComponent };
+//# sourceMappingURL=isComponent.js.map

package/utils/isComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponent.js","sources":["../../src/utils/isComponent.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n  <C>(component: Comp<C, any> | string) =>\n  (instance: ReactNode): instance is ReactElement => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return React.isValidElement(instance) && (instance.type as Comp<any>).displayName === componentName;\n  };\n"],"names":["isComponent","component","instance","componentName","displayName","React","isValidElement","type"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,GAClBC,SAAgC,IACnCC,QAAmB,IAA+B;EACjD,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;AAEvF,EAAA,oBAAOC,cAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,IAAKA,QAAQ,CAACK,IAAI,CAAeH,WAAW,KAAKD,aAAa,CAAA;AACrG;;;;"}

package/utils/partitionComponents.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Return components based on list of predicates.
+ *
+ * @param  components Array of components
+ * @param  predicates Array of predicates
+ * @return an array of arrays of components based on the given array of predicates
+ */
+declare function partitionComponents<T>(components: T[], predicates: Array<(t: T) => boolean>): T[][];
+
+export { partitionComponents };

package/utils/partitionComponents.js

@@ -0,0 +1,26 @@
+/**
+ * Return components based on list of predicates.
+ *
+ * @param  components Array of components
+ * @param  predicates Array of predicates
+ * @return an array of arrays of components based on the given array of predicates
+ */
+function partitionComponents(components, predicates) {
+  const elements = [...predicates.map(() => []), []];
+  components.forEach(component => {
+    let found = false;
+    predicates.forEach((predicate, index) => {
+      if (predicate(component)) {
+        elements[index].push(component);
+        found = true;
+      }
+    });
+    if (!found) {
+      elements[elements.length - 1].push(component);
+    }
+  });
+  return elements;
+}
+
+export { partitionComponents };
+//# sourceMappingURL=partitionComponents.js.map

package/utils/partitionComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partitionComponents.js","sources":["../../src/utils/partitionComponents.ts"],"sourcesContent":["/**\n * Return components based on list of predicates.\n *\n * @param  components Array of components\n * @param  predicates Array of predicates\n * @return an array of arrays of components based on the given array of predicates\n */\nexport function partitionComponents<T>(\n  components: T[],\n  predicates: Array<(t: T) => boolean>\n): T[][] {\n  const elements: T[][] = [...predicates.map(() => []), []];\n  components.forEach((component) => {\n    let found = false;\n    predicates.forEach((predicate, index) => {\n      if (predicate(component)) {\n        elements[index].push(component);\n        found = true;\n      }\n    });\n    if (!found) {\n      elements[elements.length - 1].push(component);\n    }\n  });\n  return elements;\n}\n"],"names":["partitionComponents","components","predicates","elements","map","forEach","component","found","predicate","index","push","length"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CACjCC,UAAe,EACfC,UAAoC,EAC7B;AACP,EAAA,MAAMC,QAAe,GAAG,CAAC,GAAGD,UAAU,CAACE,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AACzDH,EAAAA,UAAU,CAACI,OAAO,CAAEC,SAAS,IAAK;IAChC,IAAIC,KAAK,GAAG,KAAK,CAAA;AACjBL,IAAAA,UAAU,CAACG,OAAO,CAAC,CAACG,SAAS,EAAEC,KAAK,KAAK;AACvC,MAAA,IAAID,SAAS,CAACF,SAAS,CAAC,EAAE;AACxBH,QAAAA,QAAQ,CAACM,KAAK,CAAC,CAACC,IAAI,CAACJ,SAAS,CAAC,CAAA;AAC/BC,QAAAA,KAAK,GAAG,IAAI,CAAA;AACd,OAAA;AACF,KAAC,CAAC,CAAA;IACF,IAAI,CAACA,KAAK,EAAE;MACVJ,QAAQ,CAACA,QAAQ,CAACQ,MAAM,GAAG,CAAC,CAAC,CAACD,IAAI,CAACJ,SAAS,CAAC,CAAA;AAC/C,KAAA;AACF,GAAC,CAAC,CAAA;AACF,EAAA,OAAOH,QAAQ,CAAA;AACjB;;;;"}