@helpdice/ui 2.1.8 → 2.2.2

package/dist/copy-to-clipboard/clipboard.d.ts

@@ -1,2 +1,14 @@
-export function Clipboard(props: any): React.JSX.Element;
 import React from 'react';
+type ClipboardProps = {
+    showIcon: boolean;
+    text: string;
+    children: React.ReactNode;
+    onCopy: (text: string, result: any) => void;
+    options: {
+        debug: boolean;
+        message: string;
+        format: string;
+    };
+};
+export default function Clipboard(props: ClipboardProps): React.JSX.Element;
+export {};

package/dist/copy-to-clipboard/index.d.ts

@@ -1,2 +1,2 @@
-import { Clipboard } from "./clipboard.jsx";
+import Clipboard from "./clipboard";
 export default Clipboard;

package/dist/copy-to-clipboard/index.js

@@ -6,140 +6,6 @@ var React = require('react');
 var icons = require('@helpdice/icons');
 var theme = require('@helpdice/theme');
 
-function deselectCurrent () {
-  var selection = document.getSelection();
-  if (!selection.rangeCount) {
-    return function () {};
-  }
-  var active = document.activeElement;
-  var ranges = [];
-  for (var i = 0; i < selection.rangeCount; i++) {
-    ranges.push(selection.getRangeAt(i));
-  }
-  switch (active.tagName.toUpperCase() // .toUpperCase handles XHTML
-  ) {
-    case 'INPUT':
-    case 'TEXTAREA':
-      active.blur();
-      break;
-    default:
-      active = null;
-      break;
-  }
-  selection.removeAllRanges();
-  return function () {
-    selection.type === 'Caret' && selection.removeAllRanges();
-    if (!selection.rangeCount) {
-      ranges.forEach(function (range) {
-        selection.addRange(range);
-      });
-    }
-    active && active.focus();
-  };
-}
-
-var clipboardToIE11Formatting = {
-  'text/plain': 'Text',
-  'text/html': 'Url',
-  "default": 'Text'
-};
-var defaultMessage = 'Copy to clipboard: #{key}, Enter';
-function format(message) {
-  var copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';
-  return message.replace(/#{\s*key\s*}/g, copyKey);
-}
-function copy(text, options) {
-  var debug,
-    message,
-    reselectPrevious,
-    range,
-    selection,
-    mark,
-    success = false;
-  if (!options) {
-    options = {};
-  }
-  debug = options.debug || false;
-  try {
-    reselectPrevious = deselectCurrent();
-    range = document.createRange();
-    selection = document.getSelection();
-    mark = document.createElement('span');
-    mark.textContent = text;
-    // avoid screen readers from reading out loud the text
-    mark.ariaHidden = 'true';
-    // reset user styles for span element
-    mark.style.all = 'unset';
-    // prevents scrolling to the end of the page
-    mark.style.position = 'fixed';
-    mark.style.top = 0;
-    mark.style.clip = 'rect(0, 0, 0, 0)';
-    // used to preserve spaces and line breaks
-    mark.style.whiteSpace = 'pre';
-    // do not inherit user-select (it may be `none`)
-    mark.style.webkitUserSelect = 'text';
-    mark.style.MozUserSelect = 'text';
-    mark.style.msUserSelect = 'text';
-    mark.style.userSelect = 'text';
-    mark.addEventListener('copy', function (e) {
-      e.stopPropagation();
-      if (options.format) {
-        e.preventDefault();
-        if (typeof e.clipboardData === 'undefined') {
-          // IE 11
-          debug && console.warn('unable to use e.clipboardData');
-          debug && console.warn('trying IE specific stuff');
-          window.clipboardData.clearData();
-          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default'];
-          window.clipboardData.setData(format, text);
-        } else {
-          // all other browsers
-          e.clipboardData.clearData();
-          e.clipboardData.setData(options.format, text);
-        }
-      }
-      if (options.onCopy) {
-        e.preventDefault();
-        options.onCopy(e.clipboardData);
-      }
-    });
-    document.body.appendChild(mark);
-    range.selectNodeContents(mark);
-    selection.addRange(range);
-    var successful = document.execCommand('copy');
-    if (!successful) {
-      throw new Error('copy command was unsuccessful');
-    }
-    success = true;
-  } catch (err) {
-    debug && console.error('unable to copy using execCommand: ', err);
-    debug && console.warn('trying IE specific stuff');
-    try {
-      window.clipboardData.setData(options.format || 'text', text);
-      options.onCopy && options.onCopy(window.clipboardData);
-      success = true;
-    } catch (err) {
-      debug && console.error('unable to copy using clipboardData: ', err);
-      debug && console.error('falling back to prompt');
-      message = format('message' in options ? options.message : defaultMessage);
-      window.prompt(message, text);
-    }
-  } finally {
-    if (selection) {
-      if (typeof selection.removeRange == 'function') {
-        selection.removeRange(range);
-      } else {
-        selection.removeAllRanges();
-      }
-    }
-    if (mark) {
-      document.body.removeChild(mark);
-    }
-    reselectPrevious();
-  }
-  return success;
-}
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -309,6 +175,140 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
+function deselectCurrent () {
+  var selection = document.getSelection();
+  if (!selection.rangeCount) {
+    return function () {};
+  }
+  var active = document.activeElement;
+  var ranges = [];
+  for (var i = 0; i < selection.rangeCount; i++) {
+    ranges.push(selection.getRangeAt(i));
+  }
+  switch (active.tagName.toUpperCase() // .toUpperCase handles XHTML
+  ) {
+    case 'INPUT':
+    case 'TEXTAREA':
+      active.blur();
+      break;
+    default:
+      active = null;
+      break;
+  }
+  selection.removeAllRanges();
+  return function () {
+    selection.type === 'Caret' && selection.removeAllRanges();
+    if (!selection.rangeCount) {
+      ranges.forEach(function (range) {
+        selection.addRange(range);
+      });
+    }
+    active && active.focus();
+  };
+}
+
+var clipboardToIE11Formatting = {
+  'text/plain': 'Text',
+  'text/html': 'Url',
+  "default": 'Text'
+};
+var defaultMessage = 'Copy to clipboard: #{key}, Enter';
+function format(message) {
+  var copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';
+  return message.replace(/#{\s*key\s*}/g, copyKey);
+}
+function copy(text, options) {
+  var debug,
+    message,
+    reselectPrevious,
+    range,
+    selection,
+    mark,
+    success = false;
+  if (!options) {
+    options = {};
+  }
+  debug = options.debug || false;
+  try {
+    reselectPrevious = deselectCurrent();
+    range = document.createRange();
+    selection = document.getSelection();
+    mark = document.createElement('span');
+    mark.textContent = text;
+    // avoid screen readers from reading out loud the text
+    mark.ariaHidden = 'true';
+    // reset user styles for span element
+    mark.style.all = 'unset';
+    // prevents scrolling to the end of the page
+    mark.style.position = 'fixed';
+    mark.style.top = 0;
+    mark.style.clip = 'rect(0, 0, 0, 0)';
+    // used to preserve spaces and line breaks
+    mark.style.whiteSpace = 'pre';
+    // do not inherit user-select (it may be `none`)
+    mark.style.webkitUserSelect = 'text';
+    mark.style.MozUserSelect = 'text';
+    mark.style.msUserSelect = 'text';
+    mark.style.userSelect = 'text';
+    mark.addEventListener('copy', function (e) {
+      e.stopPropagation();
+      if (options.format) {
+        e.preventDefault();
+        if (typeof e.clipboardData === 'undefined') {
+          // IE 11
+          debug && console.warn('unable to use e.clipboardData');
+          debug && console.warn('trying IE specific stuff');
+          window.clipboardData.clearData();
+          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default'];
+          window.clipboardData.setData(format, text);
+        } else {
+          // all other browsers
+          e.clipboardData.clearData();
+          e.clipboardData.setData(options.format, text);
+        }
+      }
+      if (options.onCopy) {
+        e.preventDefault();
+        options.onCopy(e.clipboardData);
+      }
+    });
+    document.body.appendChild(mark);
+    range.selectNodeContents(mark);
+    selection.addRange(range);
+    var successful = document.execCommand('copy');
+    if (!successful) {
+      throw new Error('copy command was unsuccessful');
+    }
+    success = true;
+  } catch (err) {
+    debug && console.error('unable to copy using execCommand: ', err);
+    debug && console.warn('trying IE specific stuff');
+    try {
+      window.clipboardData.setData(options.format || 'text', text);
+      options.onCopy && options.onCopy(window.clipboardData);
+      success = true;
+    } catch (err) {
+      debug && console.error('unable to copy using clipboardData: ', err);
+      debug && console.error('falling back to prompt');
+      message = format('message' in options ? options.message : defaultMessage);
+      window.prompt(message, text);
+    }
+  } finally {
+    if (selection) {
+      if (typeof selection.removeRange == 'function') {
+        selection.removeRange(range);
+      } else {
+        selection.removeAllRanges();
+      }
+    }
+    if (mark) {
+      document.body.removeChild(mark);
+    }
+    reselectPrevious();
+  }
+  return success;
+}
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -1597,7 +1597,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     disabled: disabled,
     onClick: clickHandler
   }, props, {
-    className: _JSXStyle.dynamic([["960361315", [SCALES.height(2.5), round ? '50%' : theme$1.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || theme.useClasses('btn', className) || "")
+    className: _JSXStyle.dynamic([["905110486", [SCALES.height(2.5), round ? '50%' : theme$1.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || theme.useClasses('btn', className) || "")
   }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
   }), childrenWithIcon, dripShow && /*#__PURE__*/React.createElement(ButtonDrip, {
@@ -1606,25 +1606,13 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     color: dripColor,
     onCompleted: dripCompletedHandle
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "960361315",
+    id: "905110486",
     dynamic: [SCALES.height(2.5), round ? '50%' : theme$1.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
   }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme$1.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));
 });
 ButtonComponent.displayName = 'Button';
 var Button = withScale(ButtonComponent);
 
-// type ClipboardProps = {
-//     showIcon: boolean,
-//     text: string,
-//     children: React.ReactNode,
-//     onCopy: (text: string, result: any) => void,
-//     options: {
-//         debug: boolean,
-//         message: string,
-//         format: string
-//     }
-// }
-
 // export function Clipboard(props: ClipboardProps) {
 //     const { setToast } = useToasts();
 //     const { showIcon, text, onCopy, options: options, children, } = props;
@@ -1676,7 +1664,6 @@ function Clipboard(props) {
     children = props.children;
   var elem = React.Children.only(children);
   var _onClick = function onClick() {
-    var _elem$props;
     var result = copy(text, options);
     if (result) {
       setToast({
@@ -1688,9 +1675,9 @@ function Clipboard(props) {
     }
 
     // ✅ Safely invoke child's onClick if it exists
-    if (/*#__PURE__*/React.isValidElement(elem) && typeof (elem === null || elem === void 0 || (_elem$props = elem.props) === null || _elem$props === void 0 ? void 0 : _elem$props.onClick) === 'function') {
-      elem.props.onClick();
-    }
+    // if (isValidElement(elem) && typeof elem?.props?.onClick === 'function') {
+    //   elem.props.onClick();
+    // }
   };
 
   // If showIcon is true, render the child + a copy icon button
@@ -1707,11 +1694,9 @@ function Clipboard(props) {
   }
 
   // Otherwise, make the entire div clickable for copy
-  return /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      return _onClick;
-    }
-  }, elem);
+  return /*#__PURE__*/React.cloneElement(/*#__PURE__*/React.createElement("div", {
+    onClick: _onClick
+  }, elem), _objectSpread2({}, props));
 }
 
 exports.default = Clipboard;

package/dist/grid/index.d.ts

@@ -1,12 +1,11 @@
 import Grid from './grid-base';
-import Container from './grid-container';
+import GridContainer from './grid-container';
 export type GridComponentType = typeof Grid & {
-    Container: typeof Container;
+    Container: typeof GridContainer;
 };
 export type { GridContainerProps } from './grid-container';
 export type { GridProps } from './grid-base';
 export type { GridBreakpointsValue } from './basic-item';
 export type { GridAlignContent, GridAlignItems, GridDirection, GridJustify, GridWrap, } from './grid-types';
-export { Container };
 declare const _default: GridComponentType;
 export default _default;

package/dist/grid/index.js

@@ -958,5 +958,4 @@ var GridContainer = withScale(GridContainerComponent);
 
 Grid.Container = GridContainer;
 
-exports.Container = GridContainer;
 exports.default = Grid;

package/dist/index.d.ts

@@ -36,8 +36,9 @@ export type { DrawerProps } from './drawer';
 export { default as Fieldset } from './fieldset';
 export type { FieldsetProps, FieldsetTitleProps, FieldsetSubtitleProps, FieldsetGroupProps, FieldsetFooterProps, FieldsetContentProps, } from './fieldset';
 export * from './form';
-export { default as Grid, Container } from './grid';
+export { default as Grid } from './grid';
 export type { GridProps, GridContainerProps } from './grid';
+export { default as Container } from './container';
 export { default as HtmlRenderer } from './html-renderer';
 export { default as Image } from './image';
 export type { ImageProps, ImageBrowserProps } from './image';
@@ -61,7 +62,6 @@ export { default as Popover } from './popover';
 export type { PopoverProps, PopoverItemProps } from './popover';
 export { default as List } from './list';
 export { default as Menu } from './menu';
-export { default as PhoneInput } from './phone-input';
 export { default as Progress } from './progress';
 export type { ProgressProps } from './progress';
 export { default as Radio } from './radio';
@@ -125,8 +125,7 @@ export { default as Swipe } from './swipe';
 export type { SwipeProps } from './swipe';
 export { Carousel } from './carousal';
 export type { CarouselProps } from './carousal';
-export { default as CurrencyInput } from './currency-input';
-export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './currency-input';
+export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './input/currency-input';
 export { default as useToasts } from './use-toasts';
 export type { Toast, ToastInput, ToastAction, ToastLayout } from './use-toasts';
 export { default as Clipboard } from './copy-to-clipboard';