@getpara/react-components 1.4.3 → 1.4.4

package/dist/index.js

@@ -1,5 +1,274 @@
 "use client";
-import X,{createElement as P}from"react";import M from"react";var S=t=>t.toLowerCase().split("-").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(""),m=t=>t.replace(/([A-Z])/g,s=>`-${s[0].toLowerCase()}`);var R=(t,s,p={})=>{if(t instanceof Element){let n=b(t.classList,s,p);n!==""&&(t.className=n),Object.keys(s).forEach(o=>{if(!(o==="children"||o==="style"||o==="ref"||o==="class"||o==="className"||o==="forwardedRef"))if(o.indexOf("on")===0&&o[2]===o[2].toUpperCase()){let l=o.substring(2),r=l[0].toLowerCase()+l.substring(1);x(r)||v(t,r,s[o])}else t[o]=s[o],typeof s[o]==="string"&&t.setAttribute(m(o),s[o])})}},b=(t,s,p)=>{let n=s.className||s.class,o=p.className||p.class,l=E(t),r=E(n?n.split(" "):[]),c=E(o?o.split(" "):[]),C=[];return l.forEach(a=>{r.has(a)?(C.push(a),r.delete(a)):c.has(a)||C.push(a)}),r.forEach(a=>C.push(a)),C.join(" ")},g=t=>{switch(t){case"doubleclick":return"dblclick"}return t};var x=t=>{if(typeof document>"u")return!0;{let s="on"+g(t),p=s in document;if(!p){let n=document.createElement("div");n.setAttribute(s,"return;"),p=typeof n[s]=="function"}return p}},v=(t,s,p)=>{let n=t.__events||(t.__events={}),o=n[s];o&&t.removeEventListener(s,o),t.addEventListener(s,n[s]=function(r){p&&p.call(this,r)})},E=t=>{let s=new Map;return t.forEach(p=>s.set(p,p)),s};var J=(t,s)=>{typeof t=="function"?t(s):t!=null&&(t.current=s)},L=(...t)=>s=>{t.forEach(p=>{J(p,s)})},H=(t,s)=>{let p=(n,o)=>M.createElement(t,{...n,forwardedRef:o});return p.displayName=s,M.forwardRef(p)};var e=(t,s,p,n)=>{n!==void 0&&n();let o=S(t),l=class extends X.Component{constructor(c){super(c);this.setComponentElRef=c=>{this.componentEl=c}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(c){R(this.componentEl,this.props,c)}render(){let{children:c,forwardedRef:C,style:a,className:I,ref:w,...y}=this.props,T=Object.keys(y).reduce((f,i)=>{let u=y[i];if(i.indexOf("on")===0&&i[2]===i[2].toUpperCase()){let d=i.substring(2).toLowerCase();typeof document<"u"&&x(d)&&(f[i]=u)}else{let d=typeof u;(d==="string"||d==="boolean"||d==="number")&&(f[m(i)]=u)}return f},{});p&&(T=p(this.props,T));let h={...T,ref:L(C,this.setComponentElRef),style:a};return P(t,h,c)}static get displayName(){return o}};return s&&(l.contextType=s),H(l,o)};var Z=e("cpsl-alert"),$=e("cpsl-app-bar"),z=e("cpsl-auth-modal"),K=e("cpsl-avatar"),W=e("cpsl-button"),Y=e("cpsl-button-group"),ee=e("cpsl-card"),te=e("cpsl-checkbox"),se=e("cpsl-code-input"),oe=e("cpsl-col"),pe=e("cpsl-divider"),ne=e("cpsl-drawer"),le=e("cpsl-dropdown"),re=e("cpsl-file-upload"),ce=e("cpsl-grid"),ae=e("cpsl-hero"),ie=e("cpsl-icon"),Ce=e("cpsl-icon-group"),de=e("cpsl-identicon"),me=e("cpsl-info-box"),Te=e("cpsl-input"),fe=e("cpsl-modal-v2"),ue=e("cpsl-nav-button"),Ee=e("cpsl-nav-button-group"),xe=e("cpsl-overlay"),ye=e("cpsl-pagination"),Se=e("cpsl-pill"),Re=e("cpsl-popover"),Me=e("cpsl-progress-indicator"),Le=e("cpsl-qr-code"),He=e("cpsl-radio"),he=e("cpsl-row"),be=e("cpsl-select"),ge=e("cpsl-select-item"),ve=e("cpsl-slide-button"),Je=e("cpsl-spinner"),Xe=e("cpsl-switch"),Pe=e("cpsl-tab"),Ie=e("cpsl-table"),we=e("cpsl-tabs"),Be=e("cpsl-text"),Ae=e("cpsl-tile-button");import{defineCustomElements as Ge}from"@getpara/core-components";import{generateTheme as Fe}from"@getpara/core-components";export{Z as CpslAlert,$ as CpslAppBar,z as CpslAuthModal,K as CpslAvatar,W as CpslButton,Y as CpslButtonGroup,ee as CpslCard,te as CpslCheckbox,se as CpslCodeInput,oe as CpslCol,pe as CpslDivider,ne as CpslDrawer,le as CpslDropdown,re as CpslFileUpload,ce as CpslGrid,ae as CpslHero,ie as CpslIcon,Ce as CpslIconGroup,de as CpslIdenticon,me as CpslInfoBox,Te as CpslInput,fe as CpslModalV2,ue as CpslNavButton,Ee as CpslNavButtonGroup,xe as CpslOverlay,ye as CpslPagination,Se as CpslPill,Re as CpslPopover,Me as CpslProgressIndicator,Le as CpslQrCode,He as CpslRadio,he as CpslRow,be as CpslSelect,ge as CpslSelectItem,ve as CpslSlideButton,Je as CpslSpinner,Xe as CpslSwitch,Pe as CpslTab,Ie as CpslTable,we as CpslTabs,Be as CpslText,Ae as CpslTileButton,Ge as defineCustomElements,Fe as generateTheme};
+
+// lib/components/stencil-generated/react-component-lib/createComponent.tsx
+import React2, { createElement } from "react";
+
+// lib/components/stencil-generated/react-component-lib/utils/index.tsx
+import React from "react";
+
+// lib/components/stencil-generated/react-component-lib/utils/case.ts
+var dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
+var camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+
+// lib/components/stencil-generated/react-component-lib/utils/attachProps.ts
+var attachProps = (node, newProps, oldProps = {}) => {
+  if (node instanceof Element) {
+    const className = getClassName(node.classList, newProps, oldProps);
+    if (className !== "") {
+      node.className = className;
+    }
+    Object.keys(newProps).forEach((name) => {
+      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
+        return;
+      }
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+        const propType = typeof newProps[name];
+        if (propType === "string") {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+var getClassName = (classList, newProps, oldProps) => {
+  const newClassProp = newProps.className || newProps.class;
+  const oldClassProp = oldProps.className || oldProps.class;
+  const currentClasses = arrayToMap(classList);
+  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
+  const finalClassNames = [];
+  currentClasses.forEach((currentClass) => {
+    if (incomingPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach((s) => finalClassNames.push(s));
+  return finalClassNames.join(" ");
+};
+var transformReactEventName = (eventNameSuffix) => {
+  switch (eventNameSuffix) {
+    case "doubleclick":
+      return "dblclick";
+  }
+  return eventNameSuffix;
+};
+var isCoveredByReact = (eventNameSuffix) => {
+  if (typeof document === "undefined") {
+    return true;
+  } else {
+    const eventName = "on" + transformReactEventName(eventNameSuffix);
+    let isSupported = eventName in document;
+    if (!isSupported) {
+      const element = document.createElement("div");
+      element.setAttribute(eventName, "return;");
+      isSupported = typeof element[eventName] === "function";
+    }
+    return isSupported;
+  }
+};
+var syncEvent = (node, eventName, newEventHandler) => {
+  const eventStore = node.__events || (node.__events = {});
+  const oldEventHandler = eventStore[eventName];
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  }
+  node.addEventListener(
+    eventName,
+    eventStore[eventName] = function handler(e) {
+      if (newEventHandler) {
+        newEventHandler.call(this, e);
+      }
+    }
+  );
+};
+var arrayToMap = (arr) => {
+  const map = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+
+// lib/components/stencil-generated/react-component-lib/utils/index.tsx
+var setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+var mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+var createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+
+// lib/components/stencil-generated/react-component-lib/createComponent.tsx
+var createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  if (defineCustomElement !== void 0) {
+    defineCustomElement();
+  }
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React2.Component {
+    constructor(props) {
+      super(props);
+      this.setComponentElRef = (element) => {
+        this.componentEl = element;
+      };
+    }
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+    componentDidUpdate(prevProps) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+    render() {
+      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      if (manipulatePropsFunction) {
+        propsToPass = manipulatePropsFunction(this.props, propsToPass);
+      }
+      const newProps = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      };
+      return createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  if (ReactComponentContext) {
+    ReactComponent.contextType = ReactComponentContext;
+  }
+  return createForwardRef(ReactComponent, displayName);
+};
+
+// lib/components/stencil-generated/index.ts
+var CpslAlert = /* @__PURE__ */ createReactComponent("cpsl-alert");
+var CpslAppBar = /* @__PURE__ */ createReactComponent("cpsl-app-bar");
+var CpslAuthModal = /* @__PURE__ */ createReactComponent("cpsl-auth-modal");
+var CpslAvatar = /* @__PURE__ */ createReactComponent("cpsl-avatar");
+var CpslButton = /* @__PURE__ */ createReactComponent("cpsl-button");
+var CpslButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-button-group");
+var CpslCard = /* @__PURE__ */ createReactComponent("cpsl-card");
+var CpslCheckbox = /* @__PURE__ */ createReactComponent("cpsl-checkbox");
+var CpslCodeInput = /* @__PURE__ */ createReactComponent("cpsl-code-input");
+var CpslCol = /* @__PURE__ */ createReactComponent("cpsl-col");
+var CpslDivider = /* @__PURE__ */ createReactComponent("cpsl-divider");
+var CpslDrawer = /* @__PURE__ */ createReactComponent("cpsl-drawer");
+var CpslDropdown = /* @__PURE__ */ createReactComponent("cpsl-dropdown");
+var CpslFileUpload = /* @__PURE__ */ createReactComponent("cpsl-file-upload");
+var CpslGrid = /* @__PURE__ */ createReactComponent("cpsl-grid");
+var CpslHero = /* @__PURE__ */ createReactComponent("cpsl-hero");
+var CpslIcon = /* @__PURE__ */ createReactComponent("cpsl-icon");
+var CpslIconGroup = /* @__PURE__ */ createReactComponent("cpsl-icon-group");
+var CpslIdenticon = /* @__PURE__ */ createReactComponent("cpsl-identicon");
+var CpslInfoBox = /* @__PURE__ */ createReactComponent("cpsl-info-box");
+var CpslInput = /* @__PURE__ */ createReactComponent("cpsl-input");
+var CpslModalV2 = /* @__PURE__ */ createReactComponent("cpsl-modal-v2");
+var CpslNavButton = /* @__PURE__ */ createReactComponent("cpsl-nav-button");
+var CpslNavButtonGroup = /* @__PURE__ */ createReactComponent("cpsl-nav-button-group");
+var CpslOverlay = /* @__PURE__ */ createReactComponent("cpsl-overlay");
+var CpslPagination = /* @__PURE__ */ createReactComponent("cpsl-pagination");
+var CpslPill = /* @__PURE__ */ createReactComponent("cpsl-pill");
+var CpslPopover = /* @__PURE__ */ createReactComponent("cpsl-popover");
+var CpslProgressIndicator = /* @__PURE__ */ createReactComponent("cpsl-progress-indicator");
+var CpslQrCode = /* @__PURE__ */ createReactComponent("cpsl-qr-code");
+var CpslRadio = /* @__PURE__ */ createReactComponent("cpsl-radio");
+var CpslRow = /* @__PURE__ */ createReactComponent("cpsl-row");
+var CpslSelect = /* @__PURE__ */ createReactComponent("cpsl-select");
+var CpslSelectItem = /* @__PURE__ */ createReactComponent("cpsl-select-item");
+var CpslSlideButton = /* @__PURE__ */ createReactComponent("cpsl-slide-button");
+var CpslSpinner = /* @__PURE__ */ createReactComponent("cpsl-spinner");
+var CpslSwitch = /* @__PURE__ */ createReactComponent("cpsl-switch");
+var CpslTab = /* @__PURE__ */ createReactComponent("cpsl-tab");
+var CpslTable = /* @__PURE__ */ createReactComponent("cpsl-table");
+var CpslTabs = /* @__PURE__ */ createReactComponent("cpsl-tabs");
+var CpslText = /* @__PURE__ */ createReactComponent("cpsl-text");
+var CpslTileButton = /* @__PURE__ */ createReactComponent("cpsl-tile-button");
+
+// lib/index.ts
+import { defineCustomElements } from "@getpara/core-components";
+import { generateTheme } from "@getpara/core-components";
+export {
+  CpslAlert,
+  CpslAppBar,
+  CpslAuthModal,
+  CpslAvatar,
+  CpslButton,
+  CpslButtonGroup,
+  CpslCard,
+  CpslCheckbox,
+  CpslCodeInput,
+  CpslCol,
+  CpslDivider,
+  CpslDrawer,
+  CpslDropdown,
+  CpslFileUpload,
+  CpslGrid,
+  CpslHero,
+  CpslIcon,
+  CpslIconGroup,
+  CpslIdenticon,
+  CpslInfoBox,
+  CpslInput,
+  CpslModalV2,
+  CpslNavButton,
+  CpslNavButtonGroup,
+  CpslOverlay,
+  CpslPagination,
+  CpslPill,
+  CpslPopover,
+  CpslProgressIndicator,
+  CpslQrCode,
+  CpslRadio,
+  CpslRow,
+  CpslSelect,
+  CpslSelectItem,
+  CpslSlideButton,
+  CpslSpinner,
+  CpslSwitch,
+  CpslTab,
+  CpslTable,
+  CpslTabs,
+  CpslText,
+  CpslTileButton,
+  defineCustomElements,
+  generateTheme
+};
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-components",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Capsule Core React Components",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
     "copy": "node scripts/copy.cjs"
   },
   "dependencies": {
-    "@getpara/core-components": "1.4.3"
+    "@getpara/core-components": "1.4.4"
   },
   "devDependencies": {
     "@types/react": "^18.2.64",
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1af7abd51e994057ff4afc90bd13650a47f6b26e"
+  "gitHead": "9a4086c4b352fff2143d3b931d288c5ebaf127fb"
 }