@pismo/marola 0.0.1-alpha.13 → 0.0.1-alpha.14
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/Dialog.module-B8COssqi.js +15 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/components/Advice/Advice.d.ts +12 -0
- package/dist/components/Advice/Advice.stories.d.ts +16 -0
- package/dist/components/Advice/Advice.stories.js +48 -0
- package/dist/components/Button/Button.js +69 -69
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/Dialog/Title.js +1 -1
- package/dist/components/Table/Table.js +64 -64
- package/package.json +2 -2
- package/dist/Dialog.module-CGVM5V_D.js +0 -15
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import './assets/Dialog.css';
|
|
2
|
+
const _ = "_dialog_aobxu_1", o = "_dialog__backdrop_aobxu_11", a = "_dialog__panel_aobxu_19", i = "_dialog__title_aobxu_35", l = "_dialog__subtitle_aobxu_42", d = "_dialog__divider_aobxu_51", t = "_dialog__actions_aobxu_64", g = {
|
|
3
|
+
dialog: _,
|
|
4
|
+
dialog__backdrop: o,
|
|
5
|
+
dialog__panel: a,
|
|
6
|
+
dialog__title: i,
|
|
7
|
+
"dialog__title--small": "_dialog__title--small_aobxu_39",
|
|
8
|
+
dialog__subtitle: l,
|
|
9
|
+
dialog__divider: d,
|
|
10
|
+
"dialog__close-icon": "_dialog__close-icon_aobxu_55",
|
|
11
|
+
dialog__actions: t
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
g as s
|
|
15
|
+
};
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._h1_1swyh_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_1swyh_7{font-weight:var(--typography-heading-bold)}._h2_1swyh_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_1swyh_17{font-weight:var(--typography-heading-bold)}._h3_1swyh_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1swyh_27{font-weight:var(--typography-heading-bold)}._h4_1swyh_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_1swyh_37{font-weight:var(--typography-heading-bold)}._body_1swyh_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1swyh_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1swyh_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1swyh_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1swyh_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1swyh_62{font-weight:var(--body-bold)}._body--strikethrough_1swyh_65{text-decoration:line-through}._body--underlined_1swyh_68{text-decoration:underline}._body--strikethrough-underlined_1swyh_71{text-decoration:underline line-through}._quote_1swyh_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1swyh_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_1swyh_85{font-weight:var(--body-bold)}._quote--strikethrough_1swyh_88{text-decoration:line-through}._quote--underlined_1swyh_91{text-decoration:underline}._quote--strikethrough-underlined_1swyh_94{text-decoration:underline line-through}._form__input_1swyh_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1swyh_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1swyh_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1swyh_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_1swyh_118{font-weight:var(--body-bold)}._form--strikethrough_1swyh_121{text-decoration:line-through}._form--underlined_1swyh_124{text-decoration:underline}._form--strikethrough-underlined_1swyh_127{text-decoration:underline line-through}._table__header_1swyh_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1swyh_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1swyh_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_1swyh_146{font-weight:var(--body-bold)}._table--strikethrough_1swyh_149{text-decoration:line-through}._table--underlined_1swyh_152{text-decoration:underline}._table--strikethrough-underlined_1swyh_155{text-decoration:underline line-through}._button_1swyh_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_1swyh_165{font-weight:var(--body-bold)}._button--strikethrough_1swyh_168{text-decoration:line-through}._button--underlined_1swyh_171{text-decoration:underline}._button--strikethrough-underlined_1swyh_174{text-decoration:underline line-through}._SM_1swyh_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_1swyh_183{font-weight:var(--font-weight-700)}._button_1swyh_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px 35px;cursor:pointer;border:none;border-radius:100px}._button_1swyh_159:focus-visible{outline:none}._button--primary_1swyh_199{color:var(--white-100);background-color:var(--accent)}._button--primary_1swyh_199:hover{background-color:var(--accent-dark)}._button--primary_1swyh_199:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_1swyh_199:active{background-color:var(--accent-light)}._button--primary_1swyh_199:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_1swyh_218{color:var(--accent);background-color:var(--white-100)}._button--secondary_1swyh_218:hover{background-color:var(--gray-5)}._button--secondary_1swyh_218:focus{color:var(--black-100)}._button--secondary_1swyh_218:active{color:var(--accent-light)}._button--secondary_1swyh_218:disabled{color:var(--gray-50);cursor:default}._button--quick_1swyh_235{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb),.05);border-radius:6px}._button--quick_1swyh_235:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb),.1)}._button--quick_1swyh_235:active{color:var(--accent-light)}._button--quick_1swyh_235:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_1swyh_235:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_1swyh_258{display:flex;gap:8px;align-items:center}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dialog_aobxu_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_aobxu_11{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_aobxu_19{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_aobxu_35{padding-top:8px;padding-bottom:8px}._dialog__title--small_aobxu_39{font-size:var(--small-font)}._dialog__subtitle_aobxu_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_aobxu_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_aobxu_55{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_aobxu_64{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._table_olvxb_1{color:var(--secondary-orange);border-spacing:0}._table--full-width_olvxb_5{width:100%}._table--white-theme_olvxb_8{background:var(--white-100)}._table--transparent-theme_olvxb_11{background:transparent}._table_olvxb_1 th._cell--left-alignment_olvxb_14,._table_olvxb_1 td._cell--left-alignment_olvxb_14{text-align:left}._table_olvxb_1 th._cell--center-alignment_olvxb_18,._table_olvxb_1 td._cell--center-alignment_olvxb_18{text-align:center}._table_olvxb_1 th._cell--right-alignment_olvxb_22,._table_olvxb_1 td._cell--right-alignment_olvxb_22{text-align:right}._table_olvxb_1 thead{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);color:var(--gray-90);text-transform:uppercase}._table_olvxb_1 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_olvxb_1 thead tr th ._th__wrapper_olvxb_40{padding:var(--children-pv) var(--children-ph)}._table_olvxb_1 thead tr th ._th__wrapper--pressed_olvxb_43{background-color:var(--gray-10);border-radius:6px}._table_olvxb_1 thead tr th ._th__wrapper--clickable_olvxb_47{cursor:pointer}._table_olvxb_1 thead tr th ._th__wrapper_olvxb_40 ._th__sort-icon-container_olvxb_50{padding-left:4px}._table_olvxb_1 tbody{font-size:var(--body-font-size);font-weight:var(--body-weight);color:var(--gray-90)}._table_olvxb_1 tbody tr:hover:not(._tr__row-or-cell--disabled_olvxb_58){background-color:rgb(var(--gray-5-rgb),.5)}._table_olvxb_1 tbody ._tr_olvxb_58,._table_olvxb_1 tbody ._td_olvxb_62{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_olvxb_1 tbody ._tr__row-or-cell--clickable_olvxb_67,._table_olvxb_1 tbody ._td__row-or-cell--clickable_olvxb_68{cursor:pointer}._table_olvxb_1 tbody ._tr__row-or-cell--disabled_olvxb_58,._table_olvxb_1 tbody ._td__row-or-cell--disabled_olvxb_72{background:var(--cream);filter:grayscale(1)}._table_olvxb_1 tbody ._tr__row-or-cell--disabled_olvxb_58 ._td-wrapper_olvxb_76,._table_olvxb_1 tbody ._td__row-or-cell--disabled_olvxb_72 ._td-wrapper_olvxb_76{opacity:.25}
|
|
@@ -3,14 +3,26 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
|
|
4
4
|
export type AdviceTypes = 'without-results' | 'no-permission';
|
|
5
5
|
export type AdviceProps = {
|
|
6
|
+
/** Advice icon.
|
|
7
|
+
* This property uses the Icon Component Props
|
|
8
|
+
*/
|
|
6
9
|
icon?: React.ComponentProps<typeof Icon>;
|
|
10
|
+
/** Advice SVG icon */
|
|
7
11
|
IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
|
|
8
12
|
title?: string | undefined;
|
|
9
13
|
}>;
|
|
14
|
+
/** Type of advice */
|
|
10
15
|
type?: AdviceTypes;
|
|
16
|
+
/** Advice content message */
|
|
11
17
|
content: ReactNode;
|
|
18
|
+
/** Space seperated list of CSS classes to apply */
|
|
12
19
|
className?: string;
|
|
20
|
+
/** ID that tests can use to get this component from the DOM */
|
|
13
21
|
'data-testid'?: string;
|
|
14
22
|
};
|
|
23
|
+
/**
|
|
24
|
+
* Advice component provide HTML with an icon and a message.
|
|
25
|
+
* Is commonly used to indicate No Permission and No Results.
|
|
26
|
+
*/
|
|
15
27
|
declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
28
|
export { Advice };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ icon, type, content, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const WithoutResults: Story;
|
|
14
|
+
export declare const NoPermission: Story;
|
|
15
|
+
export declare const CustomIcon: Story;
|
|
16
|
+
export declare const CustomIconSVG: Story;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Advice as o } from "./Advice.js";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const n = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", "data-waves-icon": "fa/duotone/helmet-battle", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
4
|
+
fill: "currentcolor",
|
|
5
|
+
color: "currentcolor",
|
|
6
|
+
width: "1em",
|
|
7
|
+
height: "1em"
|
|
8
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
|
|
9
|
+
.fa-secondary {
|
|
10
|
+
opacity: .4
|
|
11
|
+
}
|
|
12
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M31.99 256c17.63 0 32.01-12.5 32.01-28V0L.9928 221.1C-4.132 238.9 11.24 256 31.99 256zM575 221.1L512 0v228c0 15.5 14.38 28 32 28C564.8 256 580.1 238.9 575 221.1zM159.1 192L159.1 224l96 32v256l64-.0022L320 256l96-32l.0008-31.1H159.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M480 210.9C480 90.38 288 0 288 0S95.1 90.38 95.1 210.9c0 82.75-22.88 145.9-31.13 180.6c-3.375 14.5 3.625 29.38 16.38 35.25L255.1 512V256L159.1 224L159.1 192h256L416 224l-96 32l-.0009 255.1l174.9-85.25c12.63-5.875 19.75-20.75 16.25-35.25C502.9 356.8 480 293.6 480 210.9z" })), c = {
|
|
13
|
+
title: "Components/Advice",
|
|
14
|
+
component: o,
|
|
15
|
+
tags: ["autodocs"],
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: "padded"
|
|
18
|
+
}
|
|
19
|
+
}, a = {
|
|
20
|
+
args: {
|
|
21
|
+
type: "without-results",
|
|
22
|
+
content: "No Results"
|
|
23
|
+
}
|
|
24
|
+
}, l = {
|
|
25
|
+
args: {
|
|
26
|
+
type: "no-permission",
|
|
27
|
+
content: "No Permission"
|
|
28
|
+
}
|
|
29
|
+
}, r = {
|
|
30
|
+
name: "Custom Icons (Waves Icons)",
|
|
31
|
+
args: {
|
|
32
|
+
icon: { icon: "logo", iconFamily: "pi", color: "var(--secondary-orange)", size: "5rem" },
|
|
33
|
+
content: "Pismo"
|
|
34
|
+
}
|
|
35
|
+
}, m = {
|
|
36
|
+
name: "Custom Icons (SVG)",
|
|
37
|
+
args: {
|
|
38
|
+
IconSvg: n,
|
|
39
|
+
content: "Ready for battle?"
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
export {
|
|
43
|
+
r as CustomIcon,
|
|
44
|
+
m as CustomIconSVG,
|
|
45
|
+
l as NoPermission,
|
|
46
|
+
a as WithoutResults,
|
|
47
|
+
c as default
|
|
48
|
+
};
|
|
@@ -1,90 +1,90 @@
|
|
|
1
1
|
import '../../assets/Button.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
2
|
+
import { jsx as r, jsxs as w } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as m, useMemo as c } from "react";
|
|
4
4
|
import { c as g } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as
|
|
7
|
-
const
|
|
8
|
-
h1:
|
|
9
|
-
"h1--bold": "_h1--
|
|
10
|
-
h2:
|
|
11
|
-
"h2--bold": "_h2--
|
|
12
|
-
h3:
|
|
13
|
-
"h3--bold": "_h3--
|
|
14
|
-
h4:
|
|
15
|
-
"h4--bold": "_h4--
|
|
16
|
-
body:
|
|
17
|
-
"body--large": "_body--
|
|
18
|
-
"body--medium": "_body--
|
|
19
|
-
"body--small": "_body--
|
|
20
|
-
"body--tiny": "_body--
|
|
21
|
-
"body--bold": "_body--
|
|
22
|
-
"body--strikethrough": "_body--
|
|
23
|
-
"body--underlined": "_body--
|
|
24
|
-
"body--strikethrough-underlined": "_body--strikethrough-
|
|
6
|
+
import { B as k } from "../../Button-B1umG8kJ.js";
|
|
7
|
+
const p = "_h1_1swyh_1", q = "_h2_1swyh_11", S = "_h3_1swyh_21", M = "_h4_1swyh_31", B = "_body_1swyh_41", x = "_quote_1swyh_75", N = "_form__input_1swyh_98", v = "_form__hint_1swyh_103", j = "_form__label_1swyh_108", P = "_form__dropdown_1swyh_113", $ = "_table__header_1swyh_131", C = "_table__body_1swyh_136", L = "_button_1swyh_159", R = "_SM_1swyh_178", o = {
|
|
8
|
+
h1: p,
|
|
9
|
+
"h1--bold": "_h1--bold_1swyh_7",
|
|
10
|
+
h2: q,
|
|
11
|
+
"h2--bold": "_h2--bold_1swyh_17",
|
|
12
|
+
h3: S,
|
|
13
|
+
"h3--bold": "_h3--bold_1swyh_27",
|
|
14
|
+
h4: M,
|
|
15
|
+
"h4--bold": "_h4--bold_1swyh_37",
|
|
16
|
+
body: B,
|
|
17
|
+
"body--large": "_body--large_1swyh_46",
|
|
18
|
+
"body--medium": "_body--medium_1swyh_50",
|
|
19
|
+
"body--small": "_body--small_1swyh_54",
|
|
20
|
+
"body--tiny": "_body--tiny_1swyh_58",
|
|
21
|
+
"body--bold": "_body--bold_1swyh_62",
|
|
22
|
+
"body--strikethrough": "_body--strikethrough_1swyh_65",
|
|
23
|
+
"body--underlined": "_body--underlined_1swyh_68",
|
|
24
|
+
"body--strikethrough-underlined": "_body--strikethrough-underlined_1swyh_71",
|
|
25
25
|
quote: x,
|
|
26
|
-
"quote--large": "_quote--
|
|
27
|
-
"quote--bold": "_quote--
|
|
28
|
-
"quote--strikethrough": "_quote--
|
|
29
|
-
"quote--underlined": "_quote--
|
|
30
|
-
"quote--strikethrough-underlined": "_quote--strikethrough-
|
|
26
|
+
"quote--large": "_quote--large_1swyh_80",
|
|
27
|
+
"quote--bold": "_quote--bold_1swyh_85",
|
|
28
|
+
"quote--strikethrough": "_quote--strikethrough_1swyh_88",
|
|
29
|
+
"quote--underlined": "_quote--underlined_1swyh_91",
|
|
30
|
+
"quote--strikethrough-underlined": "_quote--strikethrough-underlined_1swyh_94",
|
|
31
31
|
form__input: N,
|
|
32
32
|
form__hint: v,
|
|
33
33
|
form__label: j,
|
|
34
34
|
form__dropdown: P,
|
|
35
|
-
"form--bold": "_form--
|
|
36
|
-
"form--strikethrough": "_form--
|
|
37
|
-
"form--underlined": "_form--
|
|
38
|
-
"form--strikethrough-underlined": "_form--strikethrough-
|
|
35
|
+
"form--bold": "_form--bold_1swyh_118",
|
|
36
|
+
"form--strikethrough": "_form--strikethrough_1swyh_121",
|
|
37
|
+
"form--underlined": "_form--underlined_1swyh_124",
|
|
38
|
+
"form--strikethrough-underlined": "_form--strikethrough-underlined_1swyh_127",
|
|
39
39
|
table__header: $,
|
|
40
40
|
table__body: C,
|
|
41
|
-
"table__body--secondary": "_table__body--
|
|
42
|
-
"table--bold": "_table--
|
|
43
|
-
"table--strikethrough": "_table--
|
|
44
|
-
"table--underlined": "_table--
|
|
45
|
-
"table--strikethrough-underlined": "_table--strikethrough-
|
|
41
|
+
"table__body--secondary": "_table__body--secondary_1swyh_141",
|
|
42
|
+
"table--bold": "_table--bold_1swyh_146",
|
|
43
|
+
"table--strikethrough": "_table--strikethrough_1swyh_149",
|
|
44
|
+
"table--underlined": "_table--underlined_1swyh_152",
|
|
45
|
+
"table--strikethrough-underlined": "_table--strikethrough-underlined_1swyh_155",
|
|
46
46
|
button: L,
|
|
47
|
-
"button--bold": "_button--
|
|
48
|
-
"button--strikethrough": "_button--
|
|
49
|
-
"button--underlined": "_button--
|
|
50
|
-
"button--strikethrough-underlined": "_button--strikethrough-
|
|
47
|
+
"button--bold": "_button--bold_1swyh_165",
|
|
48
|
+
"button--strikethrough": "_button--strikethrough_1swyh_168",
|
|
49
|
+
"button--underlined": "_button--underlined_1swyh_171",
|
|
50
|
+
"button--strikethrough-underlined": "_button--strikethrough-underlined_1swyh_174",
|
|
51
51
|
SM: R,
|
|
52
|
-
"SM--bold": "_SM--
|
|
53
|
-
"button--primary": "_button--
|
|
54
|
-
"button--secondary": "_button--
|
|
55
|
-
"button--quick": "_button--
|
|
56
|
-
"button__loading-container": "_button__loading-
|
|
57
|
-
}, G =
|
|
52
|
+
"SM--bold": "_SM--bold_1swyh_183",
|
|
53
|
+
"button--primary": "_button--primary_1swyh_199",
|
|
54
|
+
"button--secondary": "_button--secondary_1swyh_218",
|
|
55
|
+
"button--quick": "_button--quick_1swyh_235",
|
|
56
|
+
"button__loading-container": "_button__loading-container_1swyh_258"
|
|
57
|
+
}, G = m((n, h) => {
|
|
58
58
|
const {
|
|
59
|
-
onClick:
|
|
60
|
-
link:
|
|
61
|
-
loading:
|
|
62
|
-
children:
|
|
63
|
-
type:
|
|
64
|
-
disabled:
|
|
65
|
-
className:
|
|
59
|
+
onClick: s,
|
|
60
|
+
link: d,
|
|
61
|
+
loading: u,
|
|
62
|
+
children: t,
|
|
63
|
+
type: l = "button",
|
|
64
|
+
disabled: b,
|
|
65
|
+
className: e,
|
|
66
66
|
variant: _ = "primary",
|
|
67
|
-
muiButtonBaseProps:
|
|
68
|
-
} =
|
|
67
|
+
muiButtonBaseProps: y
|
|
68
|
+
} = n, i = {
|
|
69
69
|
invert: _ === "secondary" || _ === "quick"
|
|
70
|
-
}, a =
|
|
71
|
-
() => g([o.button, o[`button--${_}`],
|
|
72
|
-
[
|
|
70
|
+
}, a = c(
|
|
71
|
+
() => g([o.button, o[`button--${_}`], e]),
|
|
72
|
+
[e, _]
|
|
73
73
|
);
|
|
74
|
-
return /* @__PURE__ */
|
|
75
|
-
|
|
74
|
+
return /* @__PURE__ */ r(
|
|
75
|
+
k,
|
|
76
76
|
{
|
|
77
|
-
type:
|
|
78
|
-
href:
|
|
79
|
-
onClick:
|
|
80
|
-
disabled:
|
|
77
|
+
type: l,
|
|
78
|
+
href: d,
|
|
79
|
+
onClick: s,
|
|
80
|
+
disabled: b,
|
|
81
81
|
className: a,
|
|
82
|
-
ref:
|
|
83
|
-
...
|
|
84
|
-
children:
|
|
85
|
-
/* @__PURE__ */
|
|
86
|
-
|
|
87
|
-
] }) :
|
|
82
|
+
ref: h,
|
|
83
|
+
...y ?? {},
|
|
84
|
+
children: u ? /* @__PURE__ */ w("div", { className: o["button__loading-container"], children: [
|
|
85
|
+
/* @__PURE__ */ r(f, { ...i }),
|
|
86
|
+
t
|
|
87
|
+
] }) : t
|
|
88
88
|
}
|
|
89
89
|
);
|
|
90
90
|
});
|
|
@@ -87,7 +87,7 @@ const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_
|
|
|
87
87
|
}), U = (o) => {
|
|
88
88
|
const { icon: _, disabled: d = !1, className: h } = o;
|
|
89
89
|
if (_) {
|
|
90
|
-
const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb) 0.4)" }) : _;
|
|
90
|
+
const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : _;
|
|
91
91
|
return /* @__PURE__ */ t("span", { className: l, children: n });
|
|
92
92
|
}
|
|
93
93
|
return null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { s as t } from "../../Dialog.module-
|
|
2
|
+
import { s as t } from "../../Dialog.module-B8COssqi.js";
|
|
3
3
|
const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
|
|
4
4
|
export {
|
|
5
5
|
i as default
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
|
-
import { s as e } from "../../Dialog.module-
|
|
3
|
+
import { s as e } from "../../Dialog.module-B8COssqi.js";
|
|
4
4
|
const i = t((o, r) => {
|
|
5
5
|
const { open: m, className: p, ...s } = o;
|
|
6
6
|
return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as r } from "../Icon/Icon.js";
|
|
3
|
-
import { s as t } from "../../Dialog.module-
|
|
3
|
+
import { s as t } from "../../Dialog.module-B8COssqi.js";
|
|
4
4
|
import { B as a } from "../../Button-B1umG8kJ.js";
|
|
5
5
|
const d = ({ handleOnClose: i, className: o }) => {
|
|
6
6
|
const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
|
|
@@ -3,7 +3,7 @@ import { default as Ye } from "./Actions.js";
|
|
|
3
3
|
import oe from "./Backdrop.js";
|
|
4
4
|
import re from "./CloseIconButton.js";
|
|
5
5
|
import { default as Ge } from "./Content.js";
|
|
6
|
-
import { s as q } from "../../Dialog.module-
|
|
6
|
+
import { s as q } from "../../Dialog.module-B8COssqi.js";
|
|
7
7
|
import se from "./Title.js";
|
|
8
8
|
import { a as C, _ as ie } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
|
|
9
9
|
import * as f from "react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Typography as a } from "../Typography/Typography.js";
|
|
3
|
-
import { s as r } from "../../Dialog.module-
|
|
3
|
+
import { s as r } from "../../Dialog.module-B8COssqi.js";
|
|
4
4
|
const n = ({ title: i, subTitle: t }) => /* @__PURE__ */ l(s, { children: [
|
|
5
5
|
/* @__PURE__ */ e(
|
|
6
6
|
a,
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import '../../assets/Table.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import * as
|
|
4
|
-
import { useState as
|
|
2
|
+
import { jsxs as b, jsx as r, Fragment as v } from "react/jsx-runtime";
|
|
3
|
+
import * as n from "react";
|
|
4
|
+
import { useState as T } from "react";
|
|
5
5
|
import { c as h } from "../../clsx-DB4S2d7J.js";
|
|
6
|
-
import { paginationDefaultTranslations as
|
|
7
|
-
import { sortTooltipDefaultTranslations as x, SortTooltip as
|
|
6
|
+
import { paginationDefaultTranslations as w, Pagination as u } from "../Pagination/Pagination.js";
|
|
7
|
+
import { sortTooltipDefaultTranslations as x, SortTooltip as g } from "../SortTooltip/SortTooltip.js";
|
|
8
8
|
import { TableProvider as N, useTable as C } from "./TableContext.js";
|
|
9
|
-
const L = (l) => /* @__PURE__ */
|
|
9
|
+
const L = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ n.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), E = "_table_olvxb_1", y = "_th__wrapper_olvxb_40", P = "_tr_olvxb_58", B = "_td_olvxb_62", t = {
|
|
10
10
|
table: E,
|
|
11
|
-
"table--full-width": "_table--full-
|
|
12
|
-
"table--white-theme": "_table--white-
|
|
13
|
-
"table--transparent-theme": "_table--transparent-
|
|
14
|
-
"cell--left-alignment": "_cell--left-
|
|
15
|
-
"cell--center-alignment": "_cell--center-
|
|
16
|
-
"cell--right-alignment": "_cell--right-
|
|
17
|
-
th__wrapper:
|
|
18
|
-
"th__wrapper--pressed": "_th__wrapper--
|
|
19
|
-
"th__wrapper--clickable": "_th__wrapper--
|
|
20
|
-
"th__sort-icon-container": "_th__sort-icon-
|
|
21
|
-
"tr__row-or-cell--disabled": "_tr__row-or-cell--
|
|
22
|
-
tr:
|
|
23
|
-
td:
|
|
24
|
-
"tr__row-or-cell--clickable": "_tr__row-or-cell--
|
|
25
|
-
"td__row-or-cell--clickable": "_td__row-or-cell--
|
|
26
|
-
"td__row-or-cell--disabled": "_td__row-or-cell--
|
|
27
|
-
"td-wrapper": "_td-
|
|
28
|
-
},
|
|
11
|
+
"table--full-width": "_table--full-width_olvxb_5",
|
|
12
|
+
"table--white-theme": "_table--white-theme_olvxb_8",
|
|
13
|
+
"table--transparent-theme": "_table--transparent-theme_olvxb_11",
|
|
14
|
+
"cell--left-alignment": "_cell--left-alignment_olvxb_14",
|
|
15
|
+
"cell--center-alignment": "_cell--center-alignment_olvxb_18",
|
|
16
|
+
"cell--right-alignment": "_cell--right-alignment_olvxb_22",
|
|
17
|
+
th__wrapper: y,
|
|
18
|
+
"th__wrapper--pressed": "_th__wrapper--pressed_olvxb_43",
|
|
19
|
+
"th__wrapper--clickable": "_th__wrapper--clickable_olvxb_47",
|
|
20
|
+
"th__sort-icon-container": "_th__sort-icon-container_olvxb_50",
|
|
21
|
+
"tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_olvxb_58",
|
|
22
|
+
tr: P,
|
|
23
|
+
td: B,
|
|
24
|
+
"tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_olvxb_67",
|
|
25
|
+
"td__row-or-cell--clickable": "_td__row-or-cell--clickable_olvxb_68",
|
|
26
|
+
"td__row-or-cell--disabled": "_td__row-or-cell--disabled_olvxb_72",
|
|
27
|
+
"td-wrapper": "_td-wrapper_olvxb_76"
|
|
28
|
+
}, D = {
|
|
29
29
|
pt: {
|
|
30
|
-
...
|
|
30
|
+
...w.pt,
|
|
31
31
|
...x.pt
|
|
32
32
|
},
|
|
33
33
|
en: {
|
|
34
|
-
...
|
|
34
|
+
...w.en,
|
|
35
35
|
...x.en
|
|
36
36
|
},
|
|
37
37
|
// example to add a new language translation
|
|
@@ -48,75 +48,75 @@ const L = (l) => /* @__PURE__ */ c.createElement("svg", { width: 7, height: 10,
|
|
|
48
48
|
children: l,
|
|
49
49
|
theme: e = "white",
|
|
50
50
|
fullWidth: a = !0,
|
|
51
|
-
className:
|
|
52
|
-
paginationProps:
|
|
53
|
-
language:
|
|
54
|
-
translations:
|
|
51
|
+
className: s,
|
|
52
|
+
paginationProps: o,
|
|
53
|
+
language: _,
|
|
54
|
+
translations: c,
|
|
55
55
|
...m
|
|
56
56
|
}) => {
|
|
57
|
-
const
|
|
57
|
+
const i = h(
|
|
58
58
|
t.table,
|
|
59
59
|
a ? t["table--full-width"] : "",
|
|
60
60
|
t[`table--${e}-theme`],
|
|
61
|
-
|
|
62
|
-
),
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */ r("table", { ...m, className:
|
|
65
|
-
|
|
61
|
+
s
|
|
62
|
+
), p = _ && D[_] || c;
|
|
63
|
+
return /* @__PURE__ */ b(N, { initialTranslations: p, children: [
|
|
64
|
+
/* @__PURE__ */ r("table", { ...m, className: i, children: l }),
|
|
65
|
+
o && /* @__PURE__ */ r(u, { ...o, t: p })
|
|
66
66
|
] });
|
|
67
|
-
},
|
|
68
|
-
const
|
|
67
|
+
}, F = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), M = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), O = ({ children: l, onClick: e, disabled: a, className: s, ...o }) => {
|
|
68
|
+
const _ = h(
|
|
69
69
|
t.tr,
|
|
70
70
|
e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
|
|
71
|
-
|
|
71
|
+
s
|
|
72
72
|
);
|
|
73
|
-
return /* @__PURE__ */ r("tr", { ...
|
|
74
|
-
},
|
|
75
|
-
const
|
|
73
|
+
return /* @__PURE__ */ r("tr", { ...o, className: _, onClick: () => !a && (e == null ? void 0 : e()), children: l });
|
|
74
|
+
}, $ = ({ children: l, onClick: e, disabled: a, className: s, align: o = "left", ..._ }) => {
|
|
75
|
+
const c = h(
|
|
76
76
|
t.td,
|
|
77
77
|
e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
|
|
78
|
-
t[`cell--${
|
|
79
|
-
|
|
78
|
+
t[`cell--${o}-alignment`],
|
|
79
|
+
s
|
|
80
80
|
);
|
|
81
|
-
return /* @__PURE__ */ r("td", { ...
|
|
82
|
-
},
|
|
81
|
+
return /* @__PURE__ */ r("td", { ..._, className: c, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
|
|
82
|
+
}, j = ({
|
|
83
83
|
children: l,
|
|
84
84
|
onSort: e,
|
|
85
85
|
sortType: a,
|
|
86
|
-
className:
|
|
87
|
-
classNameTooltip:
|
|
88
|
-
align:
|
|
89
|
-
...
|
|
86
|
+
className: s,
|
|
87
|
+
classNameTooltip: o,
|
|
88
|
+
align: _ = "left",
|
|
89
|
+
...c
|
|
90
90
|
}) => {
|
|
91
|
-
const { translations: m } = C(), [
|
|
91
|
+
const { translations: m } = C(), [i, p] = T(!1), f = h(
|
|
92
92
|
t.th__wrapper,
|
|
93
|
-
|
|
93
|
+
i ? t["th__wrapper--pressed"] : "",
|
|
94
94
|
e ? t["th__wrapper--clickable"] : "",
|
|
95
|
-
|
|
95
|
+
s
|
|
96
96
|
);
|
|
97
|
-
return /* @__PURE__ */ r("th", { ...
|
|
97
|
+
return /* @__PURE__ */ r("th", { ...c, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ b("span", { className: f, onClick: e && (() => p(!i)), children: [
|
|
98
98
|
/* @__PURE__ */ r("span", { children: l }),
|
|
99
|
-
e && /* @__PURE__ */
|
|
99
|
+
e && /* @__PURE__ */ b(v, { children: [
|
|
100
100
|
/* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(L, {}) }),
|
|
101
101
|
/* @__PURE__ */ r(
|
|
102
|
-
|
|
102
|
+
g,
|
|
103
103
|
{
|
|
104
|
-
onClose: () =>
|
|
104
|
+
onClose: () => p(!1),
|
|
105
105
|
onSort: e,
|
|
106
|
-
show:
|
|
106
|
+
show: i,
|
|
107
107
|
sortType: a,
|
|
108
|
-
className:
|
|
108
|
+
className: o,
|
|
109
109
|
t: m
|
|
110
110
|
}
|
|
111
111
|
)
|
|
112
112
|
] })
|
|
113
113
|
] }) });
|
|
114
114
|
};
|
|
115
|
-
d.THead =
|
|
116
|
-
d.TBody =
|
|
117
|
-
d.Tr =
|
|
118
|
-
d.Td =
|
|
119
|
-
d.Th =
|
|
115
|
+
d.THead = F;
|
|
116
|
+
d.TBody = M;
|
|
117
|
+
d.Tr = O;
|
|
118
|
+
d.Td = $;
|
|
119
|
+
d.Th = j;
|
|
120
120
|
export {
|
|
121
121
|
d as Table
|
|
122
122
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pismo/marola",
|
|
3
3
|
"description": "CDX tribe component library",
|
|
4
|
-
"version": "0.0.1-alpha.
|
|
4
|
+
"version": "0.0.1-alpha.14",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -91,4 +91,4 @@
|
|
|
91
91
|
"@mui/base": "^5.0.0-beta.40",
|
|
92
92
|
"@mui/material": "^5.15.15"
|
|
93
93
|
}
|
|
94
|
-
}
|
|
94
|
+
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';
|
|
2
|
-
const _ = "_dialog_1o2te_1", o = "_dialog__backdrop_1o2te_11", i = "_dialog__panel_1o2te_19", l = "_dialog__title_1o2te_35", t = "_dialog__subtitle_1o2te_42", a = "_dialog__divider_1o2te_51", d = "_dialog__actions_1o2te_64", e = {
|
|
3
|
-
dialog: _,
|
|
4
|
-
dialog__backdrop: o,
|
|
5
|
-
dialog__panel: i,
|
|
6
|
-
dialog__title: l,
|
|
7
|
-
"dialog__title--small": "_dialog__title--small_1o2te_39",
|
|
8
|
-
dialog__subtitle: t,
|
|
9
|
-
dialog__divider: a,
|
|
10
|
-
"dialog__close-icon": "_dialog__close-icon_1o2te_55",
|
|
11
|
-
dialog__actions: d
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
e as s
|
|
15
|
-
};
|