@a-type/ui 1.1.3 → 1.1.5
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/cjs/components/camera/Camera.d.ts +8 -0
- package/dist/cjs/components/camera/Camera.js +30 -8
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +9 -1
- package/dist/cjs/components/camera/Camera.stories.js +2 -1
- package/dist/cjs/components/camera/Camera.stories.js.map +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/cjs/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/cjs/components/icon/generated/iconNames.js +1 -0
- package/dist/cjs/components/icon/generated/iconNames.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +2 -2
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.d.ts +3 -0
- package/dist/cjs/components/masonry/masonry.js +29 -5
- package/dist/cjs/components/masonry/masonry.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.stories.d.ts +1 -0
- package/dist/cjs/components/masonry/masonry.stories.js +18 -4
- package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.d.ts +3 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +7 -3
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/uno.preset.js +5 -5
- package/dist/css/main.css +6 -6
- package/dist/esm/components/camera/Camera.d.ts +8 -0
- package/dist/esm/components/camera/Camera.js +28 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +9 -1
- package/dist/esm/components/camera/Camera.stories.js +3 -2
- package/dist/esm/components/camera/Camera.stories.js.map +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/esm/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/esm/components/icon/generated/iconNames.js +1 -0
- package/dist/esm/components/icon/generated/iconNames.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +3 -3
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/masonry/masonry.d.ts +3 -0
- package/dist/esm/components/masonry/masonry.js +27 -4
- package/dist/esm/components/masonry/masonry.js.map +1 -1
- package/dist/esm/components/masonry/masonry.stories.d.ts +1 -0
- package/dist/esm/components/masonry/masonry.stories.js +17 -3
- package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.d.ts +3 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +7 -3
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/uno.preset.js +5 -5
- package/package.json +1 -1
- package/src/components/camera/Camera.stories.tsx +6 -12
- package/src/components/camera/Camera.tsx +49 -5
- package/src/components/icon/generated/IconSpritesheet.tsx +6 -0
- package/src/components/icon/generated/iconNames.ts +1 -0
- package/src/components/imageUploader/ImageUploader.tsx +9 -4
- package/src/components/masonry/masonry.stories.tsx +30 -9
- package/src/components/masonry/masonry.tsx +35 -5
- package/src/components/numberStepper/NumberStepper.tsx +12 -2
- package/src/uno.preset.ts +5 -5
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../button.js';
|
|
2
3
|
export interface CameraRootProps {
|
|
3
4
|
className?: string;
|
|
4
5
|
onCapture?: (data: File) => void;
|
|
@@ -16,3 +17,10 @@ export declare const CameraShutterButton: import("react").ForwardRefExoticCompon
|
|
|
16
17
|
export interface CameraDeviceSelectorProps {
|
|
17
18
|
}
|
|
18
19
|
export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
20
|
+
export declare const CameraFullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const Camera: ((props: CameraRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
22
|
+
Root: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
ShutterButton: import("react").ForwardRefExoticComponent<CameraShutterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
DeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
+
FullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
};
|
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
16
|
};
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.CameraDeviceSelector = exports.CameraShutterButton = exports.CameraRoot = void 0;
|
|
18
|
+
exports.Camera = exports.CameraFullscreenButton = exports.CameraDeviceSelector = exports.CameraShutterButton = exports.CameraRoot = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
@@ -29,6 +29,8 @@ const CameraContext = (0, react_1.createContext)({
|
|
|
29
29
|
selectedDeviceId: 'default',
|
|
30
30
|
selectDeviceId: () => { },
|
|
31
31
|
devices: [],
|
|
32
|
+
fullscreen: false,
|
|
33
|
+
setFullscreen: () => { },
|
|
32
34
|
});
|
|
33
35
|
exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
34
36
|
var { className, onCapture, children, facingMode, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "facingMode", "format"]);
|
|
@@ -42,16 +44,19 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
42
44
|
});
|
|
43
45
|
}, [!!stream]);
|
|
44
46
|
const [selectedDeviceId, setSelectedDeviceId] = (0, react_1.useState)();
|
|
47
|
+
const cleanupRef = (0, react_1.useRef)();
|
|
45
48
|
(0, react_1.useEffect)(() => {
|
|
46
49
|
const init = () => {
|
|
47
|
-
var _a;
|
|
48
|
-
(_a =
|
|
50
|
+
var _a, _b;
|
|
51
|
+
(_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
|
|
52
|
+
(_b = navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.getUserMedia({
|
|
49
53
|
video: {
|
|
50
54
|
deviceId: selectedDeviceId,
|
|
51
55
|
facingMode,
|
|
52
56
|
},
|
|
53
57
|
}).then((s) => {
|
|
54
58
|
setStream(s);
|
|
59
|
+
cleanupRef.current = () => s.getTracks().forEach((track) => track.stop());
|
|
55
60
|
});
|
|
56
61
|
};
|
|
57
62
|
init();
|
|
@@ -63,12 +68,12 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
63
68
|
init();
|
|
64
69
|
};
|
|
65
70
|
document.addEventListener('visibilitychange', reconnect);
|
|
66
|
-
}, [selectedDeviceId, facingMode]);
|
|
67
|
-
(0, react_1.useEffect)(() => {
|
|
68
71
|
return () => {
|
|
69
|
-
|
|
72
|
+
var _a;
|
|
73
|
+
document.removeEventListener('visibilitychange', reconnect);
|
|
74
|
+
(_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
|
|
70
75
|
};
|
|
71
|
-
}, [
|
|
76
|
+
}, [selectedDeviceId, facingMode]);
|
|
72
77
|
(0, react_1.useEffect)(() => {
|
|
73
78
|
const video = videoRef.current;
|
|
74
79
|
if (video && stream) {
|
|
@@ -116,12 +121,15 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
116
121
|
}
|
|
117
122
|
}
|
|
118
123
|
};
|
|
124
|
+
const [fullscreen, setFullscreen] = (0, react_1.useState)(false);
|
|
119
125
|
return ((0, jsx_runtime_1.jsx)(CameraContext.Provider, Object.assign({ value: {
|
|
120
126
|
devices,
|
|
121
127
|
triggerCapture,
|
|
122
128
|
selectedDeviceId,
|
|
123
129
|
selectDeviceId: setSelectedDeviceId,
|
|
124
|
-
|
|
130
|
+
setFullscreen,
|
|
131
|
+
fullscreen,
|
|
132
|
+
} }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:[font-family:inherit] layer-components:text-white layer-components:bg-black layer-components:rounded-lg layer-components:overflow-hidden layer-components:min-w-4 layer-components:min-h-4 layer-components:relative', fullscreen && 'fixed inset-0 w-full h-full z-1000 rounded-none', className) }, rest, { children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
125
133
|
});
|
|
126
134
|
exports.CameraShutterButton = (0, react_1.forwardRef)(function CameraShutterButton(_a, ref) {
|
|
127
135
|
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|
|
@@ -155,6 +163,20 @@ const CameraDeviceSelector = (props) => {
|
|
|
155
163
|
return ((0, jsx_runtime_1.jsxs)(select_js_1.Select, Object.assign({ value: selectedDeviceId || 'default', onValueChange: selectDeviceId }, { children: [(0, jsx_runtime_1.jsx)(select_js_1.SelectTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "icon", color: "ghost", className: "absolute bottom-2 left-2 text-white" }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "refresh" }) })) })), (0, jsx_runtime_1.jsx)(select_js_1.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(select_js_1.SelectItem, Object.assign({ value: device.deviceId }, { children: device.label }), device.deviceId))) })] })));
|
|
156
164
|
};
|
|
157
165
|
exports.CameraDeviceSelector = CameraDeviceSelector;
|
|
166
|
+
const CameraFullscreenButton = (props) => {
|
|
167
|
+
const { setFullscreen, fullscreen } = (0, react_1.useContext)(CameraContext);
|
|
168
|
+
return ((0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({}, props, { size: "icon", color: "ghost", className: "absolute top-2 right-2 text-white", onClick: () => setFullscreen(!fullscreen) }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
|
|
169
|
+
};
|
|
170
|
+
exports.CameraFullscreenButton = CameraFullscreenButton;
|
|
171
|
+
const CameraBase = (props) => {
|
|
172
|
+
return ((0, jsx_runtime_1.jsxs)(exports.CameraRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(exports.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(exports.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(exports.CameraFullscreenButton, {})] })));
|
|
173
|
+
};
|
|
174
|
+
exports.Camera = Object.assign(CameraBase, {
|
|
175
|
+
Root: exports.CameraRoot,
|
|
176
|
+
ShutterButton: exports.CameraShutterButton,
|
|
177
|
+
DeviceSelector: exports.CameraDeviceSelector,
|
|
178
|
+
FullscreenButton: exports.CameraFullscreenButton,
|
|
179
|
+
});
|
|
158
180
|
function dataURItoFile(dataURI) {
|
|
159
181
|
// convert base64/URLEncoded data component to raw binary data held in a string
|
|
160
182
|
var byteString;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCASe;AACf,
|
|
1
|
+
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
import { Camera } from './Camera.js';
|
|
2
4
|
declare const meta: {
|
|
3
5
|
title: string;
|
|
6
|
+
component: ((props: import("./Camera.js").CameraRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
7
|
+
Root: import("react").ForwardRefExoticComponent<import("./Camera.js").CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
ShutterButton: import("react").ForwardRefExoticComponent<import("./Camera.js").CameraShutterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
DeviceSelector: (props: import("./Camera.js").CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
+
FullscreenButton: (props: import("../button.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
};
|
|
4
12
|
argTypes: {};
|
|
5
13
|
parameters: {
|
|
6
14
|
controls: {
|
|
@@ -10,6 +18,6 @@ declare const meta: {
|
|
|
10
18
|
args: {};
|
|
11
19
|
};
|
|
12
20
|
export default meta;
|
|
13
|
-
type Story = StoryObj
|
|
21
|
+
type Story = StoryObj<typeof Camera>;
|
|
14
22
|
export declare const Default: Story;
|
|
15
23
|
export declare const BackCamera: Story;
|
|
@@ -7,6 +7,7 @@ const Camera_js_1 = require("./Camera.js");
|
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const meta = {
|
|
9
9
|
title: 'Camera',
|
|
10
|
+
component: Camera_js_1.Camera,
|
|
10
11
|
argTypes: {},
|
|
11
12
|
parameters: {
|
|
12
13
|
controls: { expanded: true },
|
|
@@ -27,6 +28,6 @@ exports.BackCamera = {
|
|
|
27
28
|
function CameraDemo({ facingMode }) {
|
|
28
29
|
const [latest, setLatest] = (0, react_1.useState)();
|
|
29
30
|
const dataUri = (0, react_1.useMemo)(() => (latest ? URL.createObjectURL(latest) : undefined), [latest]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Camera_js_1.Camera, { facingMode: facingMode, onCapture: setLatest, className: "w-64 h-64" }), latest && (0, jsx_runtime_1.jsx)("img", { src: dataUri, className: "w-full" })] }));
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=Camera.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAqC;AACrC,iCAA0C;AAE1C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACsB,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM;QACL,OAAO,uBAAC,UAAU,IAAC,UAAU,EAAC,aAAa,GAAG,CAAC;IAChD,CAAC;CACD,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,UAAU,EAA2C;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EACxD,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,OAAO,CACN,4CACC,uBAAC,kBAAM,IACN,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,WAAW,GACpB,EACD,MAAM,IAAI,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC9C,CACN,CAAC;AACH,CAAC"}
|