mayak-common-library 0.0.48 → 0.0.50

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 (3) hide show
  1. package/dist/index.js +90 -77
  2. package/dist/index.mjs +90 -77
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -319,7 +319,6 @@ var SelectPro = ({
319
319
  setOpen(!open);
320
320
  };
321
321
  const handleClose = () => {
322
- if (isOpen) return;
323
322
  setOpen(false);
324
323
  setTimeout(() => {
325
324
  setAnchorEl(null);
@@ -328,82 +327,96 @@ var SelectPro = ({
328
327
  const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
329
328
  collapseParent: handleClose
330
329
  }) : children;
331
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { width: fullWidth ? "100%" : "inherit", children: [
332
- clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
333
- ref: btn,
334
- onClick: handleClick,
335
- collapse: open
336
- }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
337
- import_material4.Button,
338
- {
339
- ref: btn,
340
- "aria-controls": open ? "basic-menu" : void 0,
341
- "aria-haspopup": "true",
342
- "aria-expanded": open ? "true" : void 0,
343
- onClick: handleClick,
344
- disableRipple: true,
345
- fullWidth: true,
346
- sx: {
347
- height: small ? "34px" : "38px",
348
- padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
349
- },
350
- 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"}`,
351
- children: [
352
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
353
- import_material4.Typography,
354
- {
355
- width: "200px",
356
- className: "text-sm leading-4 truncate text-left",
357
- children: placeholder
358
- }
359
- ),
360
- colorBorder ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(search_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
361
- dropdown_arrow_default,
362
- {
363
- style: {
364
- transform: open ? "scaleY(-1)" : "scaleY(1)",
365
- transition: "0.3s ease-in-out"
366
- }
367
- }
368
- )
369
- ]
370
- }
371
- ),
372
- btn ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
373
- import_material4.Paper,
374
- {
375
- sx: {
376
- position: "absolute",
377
- width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
378
- left: fullContainerWidth ? 0 : "initial",
379
- right: fullContainerWidth ? 0 : "initial",
380
- top: overButton ? 0 : "initial"
381
- },
382
- className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
383
- children: [
384
- intermediateChild ? intermediateChild : null,
385
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
386
- overButton ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
387
- IconButton_default,
388
- {
389
- className: "bg-accent-silver p-1 self-end absolute",
390
- onClick: handleClose,
391
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(close_default, {})
392
- }
393
- ) : null,
394
- childTitle ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
395
- import_material4.Typography,
396
- {
397
- className: "text-sm font-normal text-accent-silver-2",
398
- children: childTitle
399
- }
400
- ) : null,
401
- childrenWithHandleChange
402
- ] })
403
- ]
404
- }
405
- ) : null
406
- ] }) });
330
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
331
+ import_material4.ClickAwayListener,
332
+ {
333
+ onClickAway: isOpen ? () => {
334
+ return;
335
+ } : handleClose,
336
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { width: fullWidth ? "100%" : "inherit", children: [
337
+ clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
338
+ ref: btn,
339
+ onClick: isOpen ? () => {
340
+ return;
341
+ } : handleClick,
342
+ collapse: open
343
+ }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
344
+ import_material4.Button,
345
+ {
346
+ ref: btn,
347
+ "aria-controls": open ? "basic-menu" : void 0,
348
+ "aria-haspopup": "true",
349
+ "aria-expanded": open ? "true" : void 0,
350
+ onClick: isOpen ? () => {
351
+ return;
352
+ } : handleClick,
353
+ disableRipple: true,
354
+ fullWidth: true,
355
+ sx: {
356
+ height: small ? "34px" : "38px",
357
+ padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
358
+ },
359
+ 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"}`,
360
+ children: [
361
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
362
+ import_material4.Typography,
363
+ {
364
+ width: "200px",
365
+ className: "text-sm leading-4 truncate text-left",
366
+ children: placeholder
367
+ }
368
+ ),
369
+ colorBorder ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(search_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
370
+ dropdown_arrow_default,
371
+ {
372
+ style: {
373
+ transform: open ? "scaleY(-1)" : "scaleY(1)",
374
+ transition: "0.3s ease-in-out"
375
+ }
376
+ }
377
+ )
378
+ ]
379
+ }
380
+ ),
381
+ btn ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
382
+ import_material4.Paper,
383
+ {
384
+ sx: {
385
+ position: "absolute",
386
+ width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
387
+ left: fullContainerWidth ? 0 : "initial",
388
+ right: fullContainerWidth ? 0 : "initial",
389
+ top: overButton ? 0 : "initial"
390
+ },
391
+ className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
392
+ children: [
393
+ intermediateChild ? intermediateChild : null,
394
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material4.Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
395
+ overButton ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
396
+ IconButton_default,
397
+ {
398
+ className: "bg-accent-silver p-1 self-end absolute",
399
+ onClick: isOpen ? () => {
400
+ return;
401
+ } : handleClose,
402
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(close_default, {})
403
+ }
404
+ ) : null,
405
+ childTitle ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
406
+ import_material4.Typography,
407
+ {
408
+ className: "text-sm font-normal text-accent-silver-2",
409
+ children: childTitle
410
+ }
411
+ ) : null,
412
+ childrenWithHandleChange
413
+ ] })
414
+ ]
415
+ }
416
+ ) : null
417
+ ] })
418
+ }
419
+ );
407
420
  };
408
421
  var SelectPro_default = SelectPro;
409
422
 
package/dist/index.mjs CHANGED
@@ -259,7 +259,6 @@ var SelectPro = ({
259
259
  setOpen(!open);
260
260
  };
261
261
  const handleClose = () => {
262
- if (isOpen) return;
263
262
  setOpen(false);
264
263
  setTimeout(() => {
265
264
  setAnchorEl(null);
@@ -268,82 +267,96 @@ var SelectPro = ({
268
267
  const childrenWithHandleChange = isValidElement(children) ? cloneElement(children, {
269
268
  collapseParent: handleClose
270
269
  }) : children;
271
- return /* @__PURE__ */ jsx7(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs3(Box, { width: fullWidth ? "100%" : "inherit", children: [
272
- clickComponent ? cloneElement(clickComponent, {
273
- ref: btn,
274
- onClick: handleClick,
275
- collapse: open
276
- }) : /* @__PURE__ */ jsxs3(
277
- Button2,
278
- {
279
- ref: btn,
280
- "aria-controls": open ? "basic-menu" : void 0,
281
- "aria-haspopup": "true",
282
- "aria-expanded": open ? "true" : void 0,
283
- onClick: handleClick,
284
- disableRipple: true,
285
- fullWidth: true,
286
- sx: {
287
- height: small ? "34px" : "38px",
288
- padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
289
- },
290
- 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"}`,
291
- children: [
292
- /* @__PURE__ */ jsx7(
293
- Typography2,
294
- {
295
- width: "200px",
296
- className: "text-sm leading-4 truncate text-left",
297
- children: placeholder
298
- }
299
- ),
300
- colorBorder ? /* @__PURE__ */ jsx7(search_default, {}) : /* @__PURE__ */ jsx7(
301
- dropdown_arrow_default,
302
- {
303
- style: {
304
- transform: open ? "scaleY(-1)" : "scaleY(1)",
305
- transition: "0.3s ease-in-out"
306
- }
307
- }
308
- )
309
- ]
310
- }
311
- ),
312
- btn ? /* @__PURE__ */ jsxs3(
313
- Paper,
314
- {
315
- sx: {
316
- position: "absolute",
317
- width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
318
- left: fullContainerWidth ? 0 : "initial",
319
- right: fullContainerWidth ? 0 : "initial",
320
- top: overButton ? 0 : "initial"
321
- },
322
- className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
323
- children: [
324
- intermediateChild ? intermediateChild : null,
325
- /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
326
- overButton ? /* @__PURE__ */ jsx7(
327
- IconButton_default,
328
- {
329
- className: "bg-accent-silver p-1 self-end absolute",
330
- onClick: handleClose,
331
- children: /* @__PURE__ */ jsx7(close_default, {})
332
- }
333
- ) : null,
334
- childTitle ? /* @__PURE__ */ jsx7(
335
- Typography2,
336
- {
337
- className: "text-sm font-normal text-accent-silver-2",
338
- children: childTitle
339
- }
340
- ) : null,
341
- childrenWithHandleChange
342
- ] })
343
- ]
344
- }
345
- ) : null
346
- ] }) });
270
+ return /* @__PURE__ */ jsx7(
271
+ ClickAwayListener,
272
+ {
273
+ onClickAway: isOpen ? () => {
274
+ return;
275
+ } : handleClose,
276
+ children: /* @__PURE__ */ jsxs3(Box, { width: fullWidth ? "100%" : "inherit", children: [
277
+ clickComponent ? cloneElement(clickComponent, {
278
+ ref: btn,
279
+ onClick: isOpen ? () => {
280
+ return;
281
+ } : handleClick,
282
+ collapse: open
283
+ }) : /* @__PURE__ */ jsxs3(
284
+ Button2,
285
+ {
286
+ ref: btn,
287
+ "aria-controls": open ? "basic-menu" : void 0,
288
+ "aria-haspopup": "true",
289
+ "aria-expanded": open ? "true" : void 0,
290
+ onClick: isOpen ? () => {
291
+ return;
292
+ } : handleClick,
293
+ disableRipple: true,
294
+ fullWidth: true,
295
+ sx: {
296
+ height: small ? "34px" : "38px",
297
+ padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
298
+ },
299
+ 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"}`,
300
+ children: [
301
+ /* @__PURE__ */ jsx7(
302
+ Typography2,
303
+ {
304
+ width: "200px",
305
+ className: "text-sm leading-4 truncate text-left",
306
+ children: placeholder
307
+ }
308
+ ),
309
+ colorBorder ? /* @__PURE__ */ jsx7(search_default, {}) : /* @__PURE__ */ jsx7(
310
+ dropdown_arrow_default,
311
+ {
312
+ style: {
313
+ transform: open ? "scaleY(-1)" : "scaleY(1)",
314
+ transition: "0.3s ease-in-out"
315
+ }
316
+ }
317
+ )
318
+ ]
319
+ }
320
+ ),
321
+ btn ? /* @__PURE__ */ jsxs3(
322
+ Paper,
323
+ {
324
+ sx: {
325
+ position: "absolute",
326
+ width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "100%",
327
+ left: fullContainerWidth ? 0 : "initial",
328
+ right: fullContainerWidth ? 0 : "initial",
329
+ top: overButton ? 0 : "initial"
330
+ },
331
+ className: `select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
332
+ children: [
333
+ intermediateChild ? intermediateChild : null,
334
+ /* @__PURE__ */ jsxs3(Box, { className: `flex flex-col py-3 px-4 gap-2 shadow-sm`, children: [
335
+ overButton ? /* @__PURE__ */ jsx7(
336
+ IconButton_default,
337
+ {
338
+ className: "bg-accent-silver p-1 self-end absolute",
339
+ onClick: isOpen ? () => {
340
+ return;
341
+ } : handleClose,
342
+ children: /* @__PURE__ */ jsx7(close_default, {})
343
+ }
344
+ ) : null,
345
+ childTitle ? /* @__PURE__ */ jsx7(
346
+ Typography2,
347
+ {
348
+ className: "text-sm font-normal text-accent-silver-2",
349
+ children: childTitle
350
+ }
351
+ ) : null,
352
+ childrenWithHandleChange
353
+ ] })
354
+ ]
355
+ }
356
+ ) : null
357
+ ] })
358
+ }
359
+ );
347
360
  };
348
361
  var SelectPro_default = SelectPro;
349
362
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mayak-common-library",
3
- "version": "0.0.48",
3
+ "version": "0.0.50",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",