mayak-common-library 0.0.56 → 0.0.58

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 (5) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +6 -3
  4. package/dist/index.mjs +8 -4
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -52,7 +52,7 @@ interface SelectProProps {
52
52
  small?: boolean;
53
53
  fullWidth?: boolean;
54
54
  freeChildWidth?: boolean;
55
- isOpen?: boolean;
55
+ openUp?: boolean;
56
56
  intermediateChild?: ReactElement;
57
57
  }
58
58
  declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
package/dist/index.d.ts CHANGED
@@ -52,7 +52,7 @@ interface SelectProProps {
52
52
  small?: boolean;
53
53
  fullWidth?: boolean;
54
54
  freeChildWidth?: boolean;
55
- isOpen?: boolean;
55
+ openUp?: boolean;
56
56
  intermediateChild?: ReactElement;
57
57
  }
58
58
  declare const SelectPro: FC<PropsWithChildren & SelectProProps>;
package/dist/index.js CHANGED
@@ -303,7 +303,7 @@ var SelectPro = ({
303
303
  small = false,
304
304
  fullWidth = false,
305
305
  freeChildWidth = false,
306
- // isOpen,
306
+ openUp,
307
307
  intermediateChild
308
308
  }) => {
309
309
  const [btn, setAnchorEl] = (0, import_react2.useState)(null);
@@ -317,6 +317,9 @@ var SelectPro = ({
317
317
  else setAnchorEl(event.currentTarget);
318
318
  setOpen(!open);
319
319
  };
320
+ (0, import_react2.useEffect)(() => {
321
+ if (openUp) setOpen(true);
322
+ }, [openUp]);
320
323
  const handleClose = () => {
321
324
  setOpen(false);
322
325
  setTimeout(() => {
@@ -346,13 +349,13 @@ var SelectPro = ({
346
349
  height: small ? "34px" : "38px",
347
350
  padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
348
351
  },
349
- className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
352
+ className: `border rounded-none border-solid normal-case flex items-center text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
350
353
  children: [
351
354
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
352
355
  import_material4.Typography,
353
356
  {
354
357
  width: "200px",
355
- className: "text-sm leading-4 truncate text-left",
358
+ className: "text-sm truncate text-left relative top-px",
356
359
  children: placeholder
357
360
  }
358
361
  ),
package/dist/index.mjs CHANGED
@@ -211,7 +211,8 @@ var search_default = SvgSearch;
211
211
  import {
212
212
  useState as useState2,
213
213
  isValidElement,
214
- cloneElement
214
+ cloneElement,
215
+ useEffect as useEffect2
215
216
  } from "react";
216
217
  import {
217
218
  Box,
@@ -243,7 +244,7 @@ var SelectPro = ({
243
244
  small = false,
244
245
  fullWidth = false,
245
246
  freeChildWidth = false,
246
- // isOpen,
247
+ openUp,
247
248
  intermediateChild
248
249
  }) => {
249
250
  const [btn, setAnchorEl] = useState2(null);
@@ -257,6 +258,9 @@ var SelectPro = ({
257
258
  else setAnchorEl(event.currentTarget);
258
259
  setOpen(!open);
259
260
  };
261
+ useEffect2(() => {
262
+ if (openUp) setOpen(true);
263
+ }, [openUp]);
260
264
  const handleClose = () => {
261
265
  setOpen(false);
262
266
  setTimeout(() => {
@@ -286,13 +290,13 @@ var SelectPro = ({
286
290
  height: small ? "34px" : "38px",
287
291
  padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
288
292
  },
289
- className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
293
+ className: `border rounded-none border-solid normal-case flex items-center text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
290
294
  children: [
291
295
  /* @__PURE__ */ jsx7(
292
296
  Typography2,
293
297
  {
294
298
  width: "200px",
295
- className: "text-sm leading-4 truncate text-left",
299
+ className: "text-sm truncate text-left relative top-px",
296
300
  children: placeholder
297
301
  }
298
302
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mayak-common-library",
3
- "version": "0.0.56",
3
+ "version": "0.0.58",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",