@sudobility/monitoring-components 1.0.8
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.
- package/dist/break-timer.d.ts +33 -0
- package/dist/break-timer.d.ts.map +1 -0
- package/dist/copy-button.d.ts +52 -0
- package/dist/copy-button.d.ts.map +1 -0
- package/dist/cursor-tracker.d.ts +33 -0
- package/dist/cursor-tracker.d.ts.map +1 -0
- package/dist/gas-tracker.d.ts +33 -0
- package/dist/gas-tracker.d.ts.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +586 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.umd.js +7 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/overtime-tracker.d.ts +33 -0
- package/dist/overtime-tracker.d.ts.map +1 -0
- package/dist/portal.d.ts +29 -0
- package/dist/portal.d.ts.map +1 -0
- package/dist/recycling-tracker.d.ts +18 -0
- package/dist/recycling-tracker.d.ts.map +1 -0
- package/dist/show.d.ts +31 -0
- package/dist/show.d.ts.map +1 -0
- package/dist/sleep-tracker.d.ts +33 -0
- package/dist/sleep-tracker.d.ts.map +1 -0
- package/dist/time-tracker.d.ts +33 -0
- package/dist/time-tracker.d.ts.map +1 -0
- package/dist/water-intake.d.ts +33 -0
- package/dist/water-intake.d.ts.map +1 -0
- package/package.json +53 -0
- package/src/break-timer.tsx +60 -0
- package/src/copy-button.tsx +156 -0
- package/src/cursor-tracker.tsx +60 -0
- package/src/gas-tracker.tsx +60 -0
- package/src/index.ts +19 -0
- package/src/overtime-tracker.tsx +60 -0
- package/src/portal.tsx +44 -0
- package/src/recycling-tracker.tsx +41 -0
- package/src/show.tsx +38 -0
- package/src/sleep-tracker.tsx +60 -0
- package/src/time-tracker.tsx +60 -0
- package/src/water-intake.tsx +60 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UbreakUtimer Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UbreakUtimer component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UbreakUtimer className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/break-timer}
|
|
21
|
+
*/
|
|
22
|
+
export interface UbreakUtimerProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UbreakUtimer: ({ className, children, disabled, onClick, }: UbreakUtimerProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=break-timer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"break-timer.d.ts","sourceRoot":"","sources":["../src/break-timer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CopyButtonProps {
|
|
3
|
+
/** Text to copy to clipboard */
|
|
4
|
+
text: string;
|
|
5
|
+
/** Button size */
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
/** Button variant */
|
|
8
|
+
variant?: 'icon' | 'text' | 'outline';
|
|
9
|
+
/** Custom label (for text/outline variants) */
|
|
10
|
+
label?: string;
|
|
11
|
+
/** Custom success label (for text/outline variants) */
|
|
12
|
+
successLabel?: string;
|
|
13
|
+
/** Icon position (for text/outline variants) */
|
|
14
|
+
iconPosition?: 'left' | 'right';
|
|
15
|
+
/** Additional className */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Custom tooltip text */
|
|
18
|
+
title?: string;
|
|
19
|
+
/** Callback after successful copy */
|
|
20
|
+
onCopySuccess?: () => void;
|
|
21
|
+
/** Callback after copy error */
|
|
22
|
+
onCopyError?: (error: Error) => void;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* CopyButton Component
|
|
26
|
+
*
|
|
27
|
+
* A button that copies text to the clipboard with visual feedback.
|
|
28
|
+
* Commonly used for copying IDs, addresses, code snippets, or URLs.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* // Icon button (default)
|
|
33
|
+
* <CopyButton text="0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb" />
|
|
34
|
+
*
|
|
35
|
+
* // Text button with label
|
|
36
|
+
* <CopyButton
|
|
37
|
+
* text="https://example.com?referral=abc123"
|
|
38
|
+
* variant="text"
|
|
39
|
+
* label="Copy Link"
|
|
40
|
+
* successLabel="Copied!"
|
|
41
|
+
* />
|
|
42
|
+
*
|
|
43
|
+
* // Outline button
|
|
44
|
+
* <CopyButton
|
|
45
|
+
* text={templateId}
|
|
46
|
+
* variant="outline"
|
|
47
|
+
* label="Copy ID"
|
|
48
|
+
* />
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
export declare const CopyButton: React.FC<CopyButtonProps>;
|
|
52
|
+
//# sourceMappingURL=copy-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../src/copy-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqGhD,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UcursorUtracker Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UcursorUtracker component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UcursorUtracker className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/cursor-tracker}
|
|
21
|
+
*/
|
|
22
|
+
export interface UcursorUtrackerProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UcursorUtracker: ({ className, children, disabled, onClick, }: UcursorUtrackerProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=cursor-tracker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cursor-tracker.d.ts","sourceRoot":"","sources":["../src/cursor-tracker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UgasUtracker Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UgasUtracker component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UgasUtracker className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/gas-tracker}
|
|
21
|
+
*/
|
|
22
|
+
export interface UgasUtrackerProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UgasUtracker: ({ className, children, disabled, onClick, }: UgasUtrackerProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=gas-tracker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gas-tracker.d.ts","sourceRoot":"","sources":["../src/gas-tracker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* monitoring-components
|
|
3
|
+
*
|
|
4
|
+
* Specialized components for the monitoring domain
|
|
5
|
+
*
|
|
6
|
+
* @package @sudobility/monitoring-components
|
|
7
|
+
*/
|
|
8
|
+
export * from './break-timer';
|
|
9
|
+
export * from './copy-button';
|
|
10
|
+
export * from './cursor-tracker';
|
|
11
|
+
export * from './gas-tracker';
|
|
12
|
+
export * from './overtime-tracker';
|
|
13
|
+
export * from './portal';
|
|
14
|
+
export * from './recycling-tracker';
|
|
15
|
+
export * from './show';
|
|
16
|
+
export * from './sleep-tracker';
|
|
17
|
+
export * from './time-tracker';
|
|
18
|
+
export * from './water-intake';
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|