@lateralus-ai/shipping-ui 1.4.8 → 1.4.9

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 (4) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.esm.js +108 -102
  3. package/package.json +1 -1
  4. package/src/components/PdfViewer/ImageViewer.tsx +4 -2
package/dist/index.esm.js CHANGED
@@ -3887,7 +3887,7 @@ const I_ = () => {
3887
3887
  /* @__PURE__ */ ve.jsx(
3888
3888
  "div",
3889
3889
  {
3890
- className: `${e} overflow-hidden col-start-1 row-start-1 bg-gray-200 h-full relative`,
3890
+ className: "overflow-hidden col-start-1 row-start-1 bg-gray-200 h-full relative",
3891
3891
  onMouseMove: g.handleMouseMove,
3892
3892
  onMouseUp: g.handleMouseUp,
3893
3893
  onMouseLeave: g.handleMouseUp,
@@ -3926,107 +3926,113 @@ const I_ = () => {
3926
3926
  )
3927
3927
  }
3928
3928
  ),
3929
- /* @__PURE__ */ ve.jsxs("div", { className: "col-start-1 row-start-1 self-end p-4 flex gap-2 justify-between w-full z-10", children: [
3930
- /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 h-[52px]", children: [
3931
- /* @__PURE__ */ ve.jsx(
3932
- nn,
3933
- {
3934
- variant: "filled",
3935
- color: "white",
3936
- className: "py-[26px]",
3937
- onClick: l.zoomOut,
3938
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:minus" })
3939
- }
3940
- ),
3941
- /* @__PURE__ */ ve.jsx(Lb, { content: "Click to reset zoom and pan", children: /* @__PURE__ */ ve.jsxs(
3942
- "button",
3943
- {
3944
- className: "!bg-white text-center cursor-pointer w-[60px]",
3945
- onClick: () => {
3946
- l.reset(), g.reset();
3947
- },
3948
- children: [
3949
- o,
3950
- "%"
3951
- ]
3952
- }
3953
- ) }),
3954
- /* @__PURE__ */ ve.jsx(
3955
- nn,
3956
- {
3957
- variant: "filled",
3958
- color: "white",
3959
- className: "py-[26px]",
3960
- onClick: l.zoomIn,
3961
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:plus" })
3962
- }
3963
- )
3964
- ] }),
3965
- /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 h-[52px]", children: [
3966
- /* @__PURE__ */ ve.jsx(
3967
- nn,
3968
- {
3969
- variant: "filled",
3970
- color: "white",
3971
- className: "py-[26px]",
3972
- onClick: h.rotateClockwise,
3973
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:iteration-cw" })
3974
- }
3975
- ),
3976
- /* @__PURE__ */ ve.jsx(
3977
- nn,
3978
- {
3979
- variant: "filled",
3980
- color: "white",
3981
- className: "py-[26px]",
3982
- onClick: h.rotateCounterClockwise,
3983
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:iteration-ccw" })
3984
- }
3985
- )
3986
- ] }),
3987
- /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 ", children: [
3988
- /* @__PURE__ */ ve.jsx(
3989
- nn,
3990
- {
3991
- variant: "filled",
3992
- color: "white",
3993
- className: "py-[26px]",
3994
- onClick: b.prevPage,
3995
- disabled: y === 1,
3996
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:chevron-left" })
3997
- }
3998
- ),
3999
- /* @__PURE__ */ ve.jsx(
4000
- "input",
4001
- {
4002
- className: "bg-white pl-4 flex items-center w-[50px] text-center focus:outline-none w-[60px]",
4003
- value: y,
4004
- onChange: (E) => {
4005
- const _ = parseInt(E.target.value);
4006
- isNaN(_) || b.goToPage(_);
4007
- },
4008
- type: "number",
4009
- min: "1",
4010
- max: r
4011
- }
4012
- ),
4013
- /* @__PURE__ */ ve.jsxs("div", { className: "flex items-center bg-white px-2", children: [
4014
- "of ",
4015
- r
4016
- ] }),
4017
- /* @__PURE__ */ ve.jsx(
4018
- nn,
4019
- {
4020
- variant: "filled",
4021
- color: "white",
4022
- className: "py-[26px]",
4023
- onClick: b.nextPage,
4024
- disabled: y === r,
4025
- children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:chevron-right" })
4026
- }
4027
- )
4028
- ] })
4029
- ] })
3929
+ /* @__PURE__ */ ve.jsxs(
3930
+ "div",
3931
+ {
3932
+ className: `${e} col-start-1 row-start-1 self-end p-4 flex gap-2 justify-between w-full z-10`,
3933
+ children: [
3934
+ /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 h-[52px]", children: [
3935
+ /* @__PURE__ */ ve.jsx(
3936
+ nn,
3937
+ {
3938
+ variant: "filled",
3939
+ color: "white",
3940
+ className: "py-[26px]",
3941
+ onClick: l.zoomOut,
3942
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:minus" })
3943
+ }
3944
+ ),
3945
+ /* @__PURE__ */ ve.jsx(Lb, { content: "Click to reset zoom and pan", children: /* @__PURE__ */ ve.jsxs(
3946
+ "button",
3947
+ {
3948
+ className: "!bg-white text-center cursor-pointer w-[60px]",
3949
+ onClick: () => {
3950
+ l.reset(), g.reset();
3951
+ },
3952
+ children: [
3953
+ o,
3954
+ "%"
3955
+ ]
3956
+ }
3957
+ ) }),
3958
+ /* @__PURE__ */ ve.jsx(
3959
+ nn,
3960
+ {
3961
+ variant: "filled",
3962
+ color: "white",
3963
+ className: "py-[26px]",
3964
+ onClick: l.zoomIn,
3965
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:plus" })
3966
+ }
3967
+ )
3968
+ ] }),
3969
+ /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 h-[52px]", children: [
3970
+ /* @__PURE__ */ ve.jsx(
3971
+ nn,
3972
+ {
3973
+ variant: "filled",
3974
+ color: "white",
3975
+ className: "py-[26px]",
3976
+ onClick: h.rotateClockwise,
3977
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:iteration-cw" })
3978
+ }
3979
+ ),
3980
+ /* @__PURE__ */ ve.jsx(
3981
+ nn,
3982
+ {
3983
+ variant: "filled",
3984
+ color: "white",
3985
+ className: "py-[26px]",
3986
+ onClick: h.rotateCounterClockwise,
3987
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:iteration-ccw" })
3988
+ }
3989
+ )
3990
+ ] }),
3991
+ /* @__PURE__ */ ve.jsxs(Eu, { className: "divide-x-0 ", children: [
3992
+ /* @__PURE__ */ ve.jsx(
3993
+ nn,
3994
+ {
3995
+ variant: "filled",
3996
+ color: "white",
3997
+ className: "py-[26px]",
3998
+ onClick: b.prevPage,
3999
+ disabled: y === 1,
4000
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:chevron-left" })
4001
+ }
4002
+ ),
4003
+ /* @__PURE__ */ ve.jsx(
4004
+ "input",
4005
+ {
4006
+ className: "bg-white pl-4 flex items-center w-[50px] text-center focus:outline-none w-[60px]",
4007
+ value: y,
4008
+ onChange: (E) => {
4009
+ const _ = parseInt(E.target.value);
4010
+ isNaN(_) || b.goToPage(_);
4011
+ },
4012
+ type: "number",
4013
+ min: "1",
4014
+ max: r
4015
+ }
4016
+ ),
4017
+ /* @__PURE__ */ ve.jsxs("div", { className: "flex items-center bg-white px-2", children: [
4018
+ "of ",
4019
+ r
4020
+ ] }),
4021
+ /* @__PURE__ */ ve.jsx(
4022
+ nn,
4023
+ {
4024
+ variant: "filled",
4025
+ color: "white",
4026
+ className: "py-[26px]",
4027
+ onClick: b.nextPage,
4028
+ disabled: y === r,
4029
+ children: /* @__PURE__ */ ve.jsx(wi, { icon: "lucide:chevron-right" })
4030
+ }
4031
+ )
4032
+ ] })
4033
+ ]
4034
+ }
4035
+ )
4030
4036
  ] }) })
4031
4037
  ] });
4032
4038
  }, Cn = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser"), u0 = [1e-3, 0, 0, 1e-3, 0, 0], bm = 1.35, ai = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lateralus-ai/shipping-ui",
3
- "version": "1.4.8",
3
+ "version": "1.4.9",
4
4
  "description": "Shared UI theme and components for Lateralus shipping applications",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.esm.js",
package/src/components/PdfViewer/ImageViewer.tsx CHANGED
@@ -73,7 +73,7 @@ export const ImageViewer = ({
73
73
  <div className="flex flex-col h-full justify-between">
74
74
  <div className="grid relative h-full">
75
75
  <div
76
- className={`${canvasClassName} overflow-hidden col-start-1 row-start-1 bg-gray-200 h-full relative`}
76
+ className={`overflow-hidden col-start-1 row-start-1 bg-gray-200 h-full relative`}
77
77
  onMouseMove={panActions.handleMouseMove}
78
78
  onMouseUp={panActions.handleMouseUp}
79
79
  onMouseLeave={panActions.handleMouseUp}
@@ -108,7 +108,9 @@ export const ImageViewer = ({
108
108
  </div>
109
109
  </div>
110
110
 
111
- <div className="col-start-1 row-start-1 self-end p-4 flex gap-2 justify-between w-full z-10">
111
+ <div
112
+ className={`${canvasClassName} col-start-1 row-start-1 self-end p-4 flex gap-2 justify-between w-full z-10`}
113
+ >
112
114
  <ButtonGroup className="divide-x-0 h-[52px]">
113
115
  <IconButton
114
116
  variant="filled"