@peculiar/react-components 0.5.2 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/cjs/Checkbox/checkbox.js +13 -8
  2. package/dist/cjs/Checkbox/checkbox.js.map +1 -1
  3. package/dist/cjs/Radio/radio.js +13 -8
  4. package/dist/cjs/Radio/radio.js.map +1 -1
  5. package/dist/cjs/Switch/switch.js +0 -1
  6. package/dist/cjs/Switch/switch.js.map +1 -1
  7. package/dist/cjs/hooks/index.js.map +1 -1
  8. package/dist/cjs/hooks/use_clipboard.js +64 -41
  9. package/dist/cjs/hooks/use_clipboard.js.map +1 -1
  10. package/dist/cjs/utils/copy_to_clipboard.js +44 -0
  11. package/dist/cjs/utils/copy_to_clipboard.js.map +1 -0
  12. package/dist/cjs/utils/index.js +5 -0
  13. package/dist/cjs/utils/index.js.map +1 -1
  14. package/dist/esm/Checkbox/checkbox.js +13 -8
  15. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  16. package/dist/esm/Radio/radio.js +13 -8
  17. package/dist/esm/Radio/radio.js.map +1 -1
  18. package/dist/esm/Switch/switch.js +0 -1
  19. package/dist/esm/Switch/switch.js.map +1 -1
  20. package/dist/esm/hooks/index.js.map +1 -1
  21. package/dist/esm/hooks/use_clipboard.js +64 -41
  22. package/dist/esm/hooks/use_clipboard.js.map +1 -1
  23. package/dist/esm/utils/copy_to_clipboard.js +40 -0
  24. package/dist/esm/utils/copy_to_clipboard.js.map +1 -0
  25. package/dist/esm/utils/index.js +1 -0
  26. package/dist/esm/utils/index.js.map +1 -1
  27. package/dist/esnext/Checkbox/checkbox.js +13 -8
  28. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  29. package/dist/esnext/Radio/radio.js +13 -8
  30. package/dist/esnext/Radio/radio.js.map +1 -1
  31. package/dist/esnext/Switch/switch.js +0 -1
  32. package/dist/esnext/Switch/switch.js.map +1 -1
  33. package/dist/esnext/hooks/index.js.map +1 -1
  34. package/dist/esnext/hooks/use_clipboard.js +25 -30
  35. package/dist/esnext/hooks/use_clipboard.js.map +1 -1
  36. package/dist/esnext/utils/copy_to_clipboard.js +40 -0
  37. package/dist/esnext/utils/copy_to_clipboard.js.map +1 -0
  38. package/dist/esnext/utils/index.js +1 -0
  39. package/dist/esnext/utils/index.js.map +1 -1
  40. package/dist/types/Checkbox/checkbox.d.ts +4 -0
  41. package/dist/types/Radio/radio.d.ts +4 -0
  42. package/dist/types/hooks/index.d.ts +0 -1
  43. package/dist/types/hooks/use_clipboard.d.ts +4 -23
  44. package/dist/types/utils/copy_to_clipboard.d.ts +3 -0
  45. package/dist/types/utils/index.d.ts +1 -0
  46. package/package.json +2 -3
@@ -1,50 +1,73 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (_) try {
17
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
11
36
  };
12
37
  import React from 'react';
13
- import copy from 'copy-to-clipboard';
38
+ import { copyToClipboard } from '../utils';
14
39
  /**
15
- * React hook to copy content to clipboard
16
- *
17
- * @param text the text or value to copy
18
- * @param {Number} [optionsOrTimeout=1500] optionsOrTimeout -
19
- * delay (in ms) to switch back to initial state once copied.
20
- * @param {Object} optionsOrTimeout
21
- * @param {string} optionsOrTimeout.format - set the desired MIME type
22
- * @param {number} optionsOrTimeout.timeout -
23
- * delay (in ms) to switch back to initial state once copied.
40
+ * React hook to copy content to clipboard.
24
41
  */
25
- export function useClipboard(text, optionsOrTimeout) {
26
- if (optionsOrTimeout === void 0) { optionsOrTimeout = {}; }
27
- var _a = React.useState(false), hasCopied = _a[0], setHasCopied = _a[1];
28
- var _b = typeof optionsOrTimeout === 'number'
29
- ? { timeout: optionsOrTimeout }
30
- : optionsOrTimeout, _c = _b.timeout, timeout = _c === void 0 ? 1500 : _c, copyOptions = __rest(_b, ["timeout"]);
31
- var onCopy = React.useCallback(function () {
32
- var didCopy = copy(text, copyOptions);
33
- setHasCopied(didCopy);
34
- }, [text, copyOptions]);
42
+ export function useClipboard() {
43
+ var _this = this;
44
+ var _a = React.useState(false), isCopied = _a[0], setIsCopied = _a[1];
45
+ var timeout = React.useRef();
46
+ var mounted = React.useRef(false);
35
47
  React.useEffect(function () {
36
- var timeoutId = null;
37
- if (hasCopied) {
38
- timeoutId = window.setTimeout(function () {
39
- setHasCopied(false);
40
- }, timeout);
41
- }
48
+ mounted.current = true;
42
49
  return function () {
43
- if (timeoutId) {
44
- window.clearTimeout(timeoutId);
45
- }
50
+ mounted.current = false;
46
51
  };
47
- }, [timeout, hasCopied]);
48
- return { value: text, onCopy: onCopy, hasCopied: hasCopied };
52
+ }, []);
53
+ var copy = function (text) { return __awaiter(_this, void 0, void 0, function () {
54
+ return __generator(this, function (_a) {
55
+ try {
56
+ setIsCopied(true);
57
+ clearTimeout(timeout.current);
58
+ timeout.current = setTimeout(function () {
59
+ if (mounted) {
60
+ setIsCopied(false);
61
+ }
62
+ }, 1500);
63
+ copyToClipboard(text);
64
+ }
65
+ catch (error) {
66
+ // ignore error
67
+ }
68
+ return [2 /*return*/];
69
+ });
70
+ }); };
71
+ return { copy: copy, isCopied: isCopied };
49
72
  }
50
73
  //# sourceMappingURL=use_clipboard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAarC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,gBAAmD;IAAnD,iCAAA,EAAA,qBAAmD;IAE7C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAC;IAExD,IAAM,KAAqC,OAAO,gBAAgB,KAAK,QAAQ;QAC7E,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC/B,CAAC,CAAC,gBAAgB,EAFZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAK,WAAW,cAAhC,WAAkC,CAEpB,CAAC;IAErB,IAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;QAC/B,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAExC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,SAAS,GAAkB,IAAI,CAAC;QAEpC,IAAI,SAAS,EAAE;YACb,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,OAAO,CAAC,CAAC;SACb;QAED,OAAO;YACL,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAC5C,CAAC"}
1
+ {"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,UAAU,YAAY;IAA5B,iBA+BC;IA9BO,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IACtD,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAiC,CAAC;IAC9D,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC;QACd,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,OAAO;YACL,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,IAAI,GAAG,UAAO,IAAY;;YAC9B,IAAI;gBACF,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;gBAE9B,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC;oBAC3B,IAAI,OAAO,EAAE;wBACX,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,EAAE,IAAI,CAAC,CAAC;gBAET,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;YAAC,OAAO,KAAK,EAAE;gBACd,eAAe;aAChB;;;SACF,CAAC;IAEF,OAAO,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;AAC5B,CAAC"}
@@ -0,0 +1,40 @@
1
+ var fallbackCopyToClipboard = function (text, onSuccess) {
2
+ var textareaElement = document.createElement('textarea');
3
+ textareaElement.value = text;
4
+ document.body.appendChild(textareaElement);
5
+ if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
6
+ var range = document.createRange();
7
+ textareaElement.setAttribute('contentEditable', 'true');
8
+ textareaElement.setAttribute('readOnly', 'true');
9
+ range.selectNodeContents(textareaElement);
10
+ var selection = window.getSelection();
11
+ if (selection) {
12
+ selection.removeAllRanges();
13
+ selection.addRange(range);
14
+ }
15
+ textareaElement.setSelectionRange(0, text.length);
16
+ }
17
+ else {
18
+ textareaElement.select();
19
+ }
20
+ try {
21
+ document.execCommand('copy');
22
+ if (onSuccess) {
23
+ onSuccess();
24
+ }
25
+ }
26
+ catch (error) {
27
+ console.error('Fallback copy error:', error);
28
+ }
29
+ document.body.removeChild(textareaElement);
30
+ };
31
+ export var copyToClipboard = function (text, onSuccess) {
32
+ if (!navigator.clipboard) {
33
+ fallbackCopyToClipboard(text, onSuccess);
34
+ return;
35
+ }
36
+ navigator.clipboard.writeText(text)
37
+ .then(onSuccess)
38
+ .catch(function () { return fallbackCopyToClipboard(text, onSuccess); });
39
+ };
40
+ //# sourceMappingURL=copy_to_clipboard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy_to_clipboard.js","sourceRoot":"","sources":["../../../src/utils/copy_to_clipboard.ts"],"names":[],"mappings":"AAEA,IAAM,uBAAuB,GAAG,UAAC,IAAY,EAAE,SAA2B;IACxE,IAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAE3D,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAE3C,IAAI,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE;QAClD,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAErC,eAAe,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACxD,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEjD,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,eAAe,EAAE,CAAC;YAC5B,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC3B;QAED,eAAe,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACnD;SAAM;QACL,eAAe,CAAC,MAAM,EAAE,CAAC;KAC1B;IAED,IAAI;QACF,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,IAAI,SAAS,EAAE;YACb,SAAS,EAAE,CAAC;SACb;KACF;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;KAC9C;IAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAY,EAAE,SAA2B;IACvE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;QACxB,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAEzC,OAAO;KACR;IAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;SAChC,IAAI,CAAC,SAAS,CAAC;SACf,KAAK,CAAC,cAAM,OAAA,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,EAAxC,CAAwC,CAAC,CAAC;AAC3D,CAAC,CAAC"}
@@ -1 +1,2 @@
1
+ export { copyToClipboard } from './copy_to_clipboard';
1
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import styled from '@emotion/styled';
3
+ import isPropValid from '@emotion/is-prop-valid';
3
4
  import { CheckIcon, MinusIcon } from '../icons';
4
5
  import { useId } from '../hooks';
5
6
  import { opacity } from '../styles/foundations';
@@ -15,7 +16,9 @@ const CheckboxRoot = styled('label')({
15
16
  height: 'var(--pv-size-base-4)',
16
17
  position: 'relative',
17
18
  });
18
- const CheckboxInput = styled('input')({
19
+ const CheckboxInput = styled('input', {
20
+ shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
21
+ })({
19
22
  width: '100%',
20
23
  height: '100%',
21
24
  margin: 0,
@@ -42,8 +45,8 @@ const CheckboxInput = styled('input')({
42
45
  }, (props) => {
43
46
  const isDark = props.theme.mode === 'dark';
44
47
  let color = 'var(--pv-color-gray-9)';
45
- let colorChecked = 'var(--pv-color-primary-shade-1)';
46
- let backgroundColorChecked = 'var(--pv-color-primary)';
48
+ let colorChecked = `var(--pv-color-${props.color}-shade-1)`;
49
+ let backgroundColorChecked = `var(--pv-color-${props.color})`;
47
50
  let colorDisabledChecked = 'var(--pv-color-gray-7)';
48
51
  let iconColorDisabledChecked = 'var(--pv-color-white)';
49
52
  let opacityHover = opacity.light.switch.hover;
@@ -51,8 +54,8 @@ const CheckboxInput = styled('input')({
51
54
  let opacityActive = opacity.light.switch.active;
52
55
  if (isDark) {
53
56
  color = 'var(--pv-color-gray-7)';
54
- colorChecked = 'var(--pv-color-primary)';
55
- backgroundColorChecked = 'var(--pv-color-primary-tint-1)';
57
+ colorChecked = `var(--pv-color-${props.color})`;
58
+ backgroundColorChecked = `var(--pv-color-${props.color}-tint-1)`;
56
59
  colorDisabledChecked = 'var(--pv-color-gray-5)';
57
60
  iconColorDisabledChecked = 'var(--pv-color-gray-8)';
58
61
  opacityHover = opacity.dark.switch.hover;
@@ -118,13 +121,15 @@ const CheckboxIcon = styled('svg')({
118
121
  *
119
122
  */
120
123
  export const Checkbox = React.forwardRef((props, ref) => {
121
- const { checked, indeterminate = false, defaultChecked, required, inputProps, disabled, id: idProp, name, checkedIcon = CheckIcon, onChange, ...other } = props;
124
+ const { checked, defaultChecked, color = 'primary', indeterminate = false, required, inputProps, disabled, id: idProp, name, checkedIcon = CheckIcon, onChange, ...other } = props;
122
125
  const id = useId(idProp);
123
126
  const icon = indeterminate ? MinusIcon : checkedIcon;
124
127
  return (React.createElement(CheckboxRoot, { ref: ref, htmlFor: id, ...other },
125
- React.createElement(CheckboxInput, { ...inputProps, "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange }),
128
+ React.createElement(CheckboxInput, { ...inputProps, "data-indeterminate": indeterminate, type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange }),
126
129
  React.createElement(CheckboxIcon, { as: icon, "aria-hidden": true })));
127
130
  });
128
131
  Checkbox.displayName = 'Checkbox';
129
- Checkbox.defaultProps = {};
132
+ Checkbox.defaultProps = {
133
+ color: 'primary',
134
+ };
130
135
  //# sourceMappingURL=checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import styled from '@emotion/styled';
3
+ import isPropValid from '@emotion/is-prop-valid';
3
4
  import { DotIcon } from '../icons';
4
5
  import { useId } from '../hooks';
5
6
  import { opacity } from '../styles/foundations';
@@ -23,7 +24,9 @@ const RadioRoot = styled('label')({
23
24
  color: 'var(--pv-color-gray-6)',
24
25
  }),
25
26
  }));
26
- const RadioInput = styled('input')({
27
+ const RadioInput = styled('input', {
28
+ shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
29
+ })({
27
30
  cursor: 'inherit',
28
31
  width: '100%',
29
32
  height: '100%',
@@ -51,8 +54,8 @@ const RadioInput = styled('input')({
51
54
  }, (props) => {
52
55
  const isDark = props.theme.mode === 'dark';
53
56
  let color = 'var(--pv-color-gray-9)';
54
- let colorChecked = 'var(--pv-color-primary-shade-1)';
55
- let ellipseColorChecked = 'var(--pv-color-primary)';
57
+ let colorChecked = `var(--pv-color-${props.color}-shade-1)`;
58
+ let ellipseColorChecked = `var(--pv-color-${props.color})`;
56
59
  let colorDisabled = 'var(--pv-color-gray-6)';
57
60
  let colorDisabledChecked = 'var(--pv-color-gray-7)';
58
61
  let opacityHover = opacity.light.switch.hover;
@@ -60,8 +63,8 @@ const RadioInput = styled('input')({
60
63
  let opacityActive = opacity.light.switch.active;
61
64
  if (isDark) {
62
65
  color = 'var(--pv-color-gray-7)';
63
- colorChecked = 'var(--pv-color-primary)';
64
- ellipseColorChecked = 'var(--pv-color-primary-tint-1)';
66
+ colorChecked = `var(--pv-color-${props.color})`;
67
+ ellipseColorChecked = `var(--pv-color-${props.color}-tint-1)`;
65
68
  colorDisabled = 'var(--pv-color-gray-5)';
66
69
  colorDisabled = 'var(--pv-color-gray-5)';
67
70
  colorDisabledChecked = 'var(--pv-color-gray-5)';
@@ -124,12 +127,14 @@ const CheckboxIcon = styled('svg')({
124
127
  *
125
128
  */
126
129
  export const Radio = React.forwardRef((props, ref) => {
127
- const { checked, defaultChecked, required, inputProps, disabled, id: idProp, name, checkedIcon = DotIcon, onChange, ...other } = props;
130
+ const { checked, defaultChecked, color = 'primary', required, inputProps, disabled, id: idProp, name, checkedIcon = DotIcon, onChange, ...other } = props;
128
131
  const id = useId(idProp);
129
132
  return (React.createElement(RadioRoot, { ref: ref, htmlFor: id, ...other },
130
- React.createElement(RadioInput, { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, onChange: onChange }),
133
+ React.createElement(RadioInput, { ...inputProps, type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange }),
131
134
  React.createElement(CheckboxIcon, { as: checkedIcon, "aria-hidden": true })));
132
135
  });
133
136
  Radio.displayName = 'Radio';
134
- Radio.defaultProps = {};
137
+ Radio.defaultProps = {
138
+ color: 'primary',
139
+ };
135
140
  //# sourceMappingURL=radio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
@@ -22,7 +22,6 @@ const SwitchRoot = styled('label')({
22
22
  const SwitchInput = styled('input', {
23
23
  shouldForwardProp: (prop) => isPropValid(prop) && prop !== 'color',
24
24
  })({
25
- label: 'Switch-input',
26
25
  overflow: 'hidden',
27
26
  width: '100%',
28
27
  height: '100%',
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EACL,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -1,38 +1,33 @@
1
1
  import React from 'react';
2
- import copy from 'copy-to-clipboard';
2
+ import { copyToClipboard } from '../utils';
3
3
  /**
4
- * React hook to copy content to clipboard
5
- *
6
- * @param text the text or value to copy
7
- * @param {Number} [optionsOrTimeout=1500] optionsOrTimeout -
8
- * delay (in ms) to switch back to initial state once copied.
9
- * @param {Object} optionsOrTimeout
10
- * @param {string} optionsOrTimeout.format - set the desired MIME type
11
- * @param {number} optionsOrTimeout.timeout -
12
- * delay (in ms) to switch back to initial state once copied.
4
+ * React hook to copy content to clipboard.
13
5
  */
14
- export function useClipboard(text, optionsOrTimeout = {}) {
15
- const [hasCopied, setHasCopied] = React.useState(false);
16
- const { timeout = 1500, ...copyOptions } = typeof optionsOrTimeout === 'number'
17
- ? { timeout: optionsOrTimeout }
18
- : optionsOrTimeout;
19
- const onCopy = React.useCallback(() => {
20
- const didCopy = copy(text, copyOptions);
21
- setHasCopied(didCopy);
22
- }, [text, copyOptions]);
6
+ export function useClipboard() {
7
+ const [isCopied, setIsCopied] = React.useState(false);
8
+ const timeout = React.useRef();
9
+ const mounted = React.useRef(false);
23
10
  React.useEffect(() => {
24
- let timeoutId = null;
25
- if (hasCopied) {
26
- timeoutId = window.setTimeout(() => {
27
- setHasCopied(false);
28
- }, timeout);
29
- }
11
+ mounted.current = true;
30
12
  return () => {
31
- if (timeoutId) {
32
- window.clearTimeout(timeoutId);
33
- }
13
+ mounted.current = false;
34
14
  };
35
- }, [timeout, hasCopied]);
36
- return { value: text, onCopy, hasCopied };
15
+ }, []);
16
+ const copy = async (text) => {
17
+ try {
18
+ setIsCopied(true);
19
+ clearTimeout(timeout.current);
20
+ timeout.current = setTimeout(() => {
21
+ if (mounted) {
22
+ setIsCopied(false);
23
+ }
24
+ }, 1500);
25
+ copyToClipboard(text);
26
+ }
27
+ catch (error) {
28
+ // ignore error
29
+ }
30
+ };
31
+ return { copy, isCopied };
37
32
  }
38
33
  //# sourceMappingURL=use_clipboard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAarC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,mBAAiD,EAAE;IAEnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,gBAAgB,KAAK,QAAQ;QAC7E,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC/B,CAAC,CAAC,gBAAgB,CAAC;IAErB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAExC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,GAAkB,IAAI,CAAC;QAEpC,IAAI,SAAS,EAAE;YACb,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACjC,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,OAAO,CAAC,CAAC;SACb;QAED,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAC5C,CAAC"}
1
+ {"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAiC,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAEvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;QAClC,IAAI;YACF,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE9B,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,IAAI,OAAO,EAAE;oBACX,WAAW,CAAC,KAAK,CAAC,CAAC;iBACpB;YACH,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;QAAC,OAAO,KAAK,EAAE;YACd,eAAe;SAChB;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAC5B,CAAC"}
@@ -0,0 +1,40 @@
1
+ const fallbackCopyToClipboard = (text, onSuccess) => {
2
+ const textareaElement = document.createElement('textarea');
3
+ textareaElement.value = text;
4
+ document.body.appendChild(textareaElement);
5
+ if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
6
+ const range = document.createRange();
7
+ textareaElement.setAttribute('contentEditable', 'true');
8
+ textareaElement.setAttribute('readOnly', 'true');
9
+ range.selectNodeContents(textareaElement);
10
+ const selection = window.getSelection();
11
+ if (selection) {
12
+ selection.removeAllRanges();
13
+ selection.addRange(range);
14
+ }
15
+ textareaElement.setSelectionRange(0, text.length);
16
+ }
17
+ else {
18
+ textareaElement.select();
19
+ }
20
+ try {
21
+ document.execCommand('copy');
22
+ if (onSuccess) {
23
+ onSuccess();
24
+ }
25
+ }
26
+ catch (error) {
27
+ console.error('Fallback copy error:', error);
28
+ }
29
+ document.body.removeChild(textareaElement);
30
+ };
31
+ export const copyToClipboard = (text, onSuccess) => {
32
+ if (!navigator.clipboard) {
33
+ fallbackCopyToClipboard(text, onSuccess);
34
+ return;
35
+ }
36
+ navigator.clipboard.writeText(text)
37
+ .then(onSuccess)
38
+ .catch(() => fallbackCopyToClipboard(text, onSuccess));
39
+ };
40
+ //# sourceMappingURL=copy_to_clipboard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy_to_clipboard.js","sourceRoot":"","sources":["../../../src/utils/copy_to_clipboard.ts"],"names":[],"mappings":"AAEA,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,SAA2B,EAAE,EAAE;IAC5E,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAE3D,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAE3C,IAAI,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE;QAClD,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAErC,eAAe,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACxD,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEjD,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,eAAe,EAAE,CAAC;YAC5B,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC3B;QAED,eAAe,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACnD;SAAM;QACL,eAAe,CAAC,MAAM,EAAE,CAAC;KAC1B;IAED,IAAI;QACF,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,IAAI,SAAS,EAAE;YACb,SAAS,EAAE,CAAC;SACb;KACF;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;KAC9C;IAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,SAA2B,EAAE,EAAE;IAC3E,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;QACxB,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAEzC,OAAO;KACR;IAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;SAChC,IAAI,CAAC,SAAS,CAAC;SACf,KAAK,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAC3D,CAAC,CAAC"}
@@ -1 +1,2 @@
1
+ export { copyToClipboard } from './copy_to_clipboard';
1
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
@@ -11,6 +11,10 @@ declare type CheckboxOwnProps = {
11
11
  * If `true`, the component is checked by default.
12
12
  */
13
13
  defaultChecked?: boolean;
14
+ /**
15
+ * The color of the component.
16
+ */
17
+ color?: ('primary' | 'secondary');
14
18
  /**
15
19
  * If `true`, the component appears indeterminate. This does not set the native
16
20
  * input element to indeterminate due to inconsistent behavior across browsers.
@@ -11,6 +11,10 @@ declare type RadioOwnProps = {
11
11
  * If `true`, the component is checked by default.
12
12
  */
13
13
  defaultChecked?: boolean;
14
+ /**
15
+ * The color of the component.
16
+ */
17
+ color?: ('primary' | 'secondary');
14
18
  /**
15
19
  * Attributes applied to the input element.
16
20
  */
@@ -1,7 +1,6 @@
1
1
  export { useMediaQuery } from './use_media_query';
2
2
  export { useMergedRef } from './use_merged_ref';
3
3
  export { useClipboard } from './use_clipboard';
4
- export type { UseClipboardOptions } from './use_clipboard';
5
4
  export { useControllableState } from './use_controllable';
6
5
  export type { UseControllableStateProps } from './use_controllable';
7
6
  export { useId } from './use_id';
@@ -1,26 +1,7 @@
1
- export declare type UseClipboardOptions = {
2
- /**
3
- * timeout delay (in ms) to switch back to initial state once copied.
4
- */
5
- timeout?: number;
6
- /**
7
- * Set the desired MIME type
8
- */
9
- format?: string;
10
- };
11
1
  /**
12
- * React hook to copy content to clipboard
13
- *
14
- * @param text the text or value to copy
15
- * @param {Number} [optionsOrTimeout=1500] optionsOrTimeout -
16
- * delay (in ms) to switch back to initial state once copied.
17
- * @param {Object} optionsOrTimeout
18
- * @param {string} optionsOrTimeout.format - set the desired MIME type
19
- * @param {number} optionsOrTimeout.timeout -
20
- * delay (in ms) to switch back to initial state once copied.
2
+ * React hook to copy content to clipboard.
21
3
  */
22
- export declare function useClipboard(text: string, optionsOrTimeout?: number | UseClipboardOptions): {
23
- value: string;
24
- onCopy: () => void;
25
- hasCopied: boolean;
4
+ export declare function useClipboard(): {
5
+ copy: (text: string) => Promise<void>;
6
+ isCopied: boolean;
26
7
  };
@@ -0,0 +1,3 @@
1
+ declare type SuccessCallback = () => void;
2
+ export declare const copyToClipboard: (text: string, onSuccess?: SuccessCallback) => void;
3
+ export {};
@@ -0,0 +1 @@
1
+ export { copyToClipboard } from './copy_to_clipboard';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@peculiar/react-components",
3
3
  "private": false,
4
- "version": "0.5.2",
4
+ "version": "0.6.1",
5
5
  "author": "PeculiarVentures Team",
6
6
  "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
7
7
  "keywords": [
@@ -52,7 +52,6 @@
52
52
  "@popperjs/core": "^2.11.7",
53
53
  "@types/flat": "^5.0.2",
54
54
  "@types/react-transition-group": "^4.4.5",
55
- "copy-to-clipboard": "^3.3.1",
56
55
  "deepmerge": "^4.3.1",
57
56
  "flat": "^5.0.2",
58
57
  "focus-trap": "^7.5.4",
@@ -82,5 +81,5 @@
82
81
  "node": ">=12.x"
83
82
  },
84
83
  "license": "MIT",
85
- "gitHead": "17c25a671719c5d931804fa8e0a5c4ab2872624a"
84
+ "gitHead": "cba127f64824b54bc66d89560d5eac33c269b881"
86
85
  }