@pathscale/ui 1.1.71 → 1.1.73
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/components/auth-card/AuthCard.d.ts +12 -0
- package/dist/components/auth-card/AuthCard.js +96 -0
- package/dist/components/auth-card/index.d.ts +1 -0
- package/dist/components/auth-card/index.js +3 -0
- package/dist/components/auth-error-message/AuthErrorMessage.d.ts +7 -0
- package/dist/components/auth-error-message/AuthErrorMessage.js +35 -0
- package/dist/components/auth-error-message/index.d.ts +1 -0
- package/dist/components/auth-error-message/index.js +3 -0
- package/dist/components/auth-field-group/AuthFieldGroup.d.ts +8 -0
- package/dist/components/auth-field-group/AuthFieldGroup.js +33 -0
- package/dist/components/auth-field-group/index.d.ts +1 -0
- package/dist/components/auth-field-group/index.js +3 -0
- package/dist/components/auth-footer-links/AuthFooterLinks.d.ts +15 -0
- package/dist/components/auth-footer-links/AuthFooterLinks.js +74 -0
- package/dist/components/auth-footer-links/index.d.ts +1 -0
- package/dist/components/auth-footer-links/index.js +3 -0
- package/dist/components/auth-form/AuthForm.d.ts +9 -0
- package/dist/components/auth-form/AuthForm.js +36 -0
- package/dist/components/auth-form/index.d.ts +1 -0
- package/dist/components/auth-form/index.js +3 -0
- package/dist/components/auth-powered-by/AuthPoweredBy.d.ts +11 -0
- package/dist/components/auth-powered-by/AuthPoweredBy.js +70 -0
- package/dist/components/auth-powered-by/index.d.ts +1 -0
- package/dist/components/auth-powered-by/index.js +3 -0
- package/dist/components/auth-submit-button/AuthSubmitButton.d.ts +11 -0
- package/dist/components/auth-submit-button/AuthSubmitButton.js +51 -0
- package/dist/components/auth-submit-button/index.d.ts +1 -0
- package/dist/components/auth-submit-button/index.js +3 -0
- package/dist/components/auth-success-message/AuthSuccessMessage.d.ts +7 -0
- package/dist/components/auth-success-message/AuthSuccessMessage.js +36 -0
- package/dist/components/auth-success-message/index.d.ts +1 -0
- package/dist/components/auth-success-message/index.js +3 -0
- package/dist/components/password-field/PasswordField.d.ts +20 -0
- package/dist/components/password-field/PasswordField.js +111 -0
- package/dist/components/password-field/index.d.ts +1 -0
- package/dist/components/password-field/index.js +3 -0
- package/dist/components/password-requirements/PasswordRequirements.d.ts +12 -0
- package/dist/components/password-requirements/PasswordRequirements.js +79 -0
- package/dist/components/password-requirements/index.d.ts +1 -0
- package/dist/components/password-requirements/index.js +3 -0
- package/dist/components/password-rules/index.d.ts +1 -0
- package/dist/components/password-rules/index.js +4 -0
- package/dist/components/table/InlineConfirm.d.ts +15 -0
- package/dist/components/table/InlineConfirm.js +80 -0
- package/dist/components/table/MobileListView.d.ts +14 -0
- package/dist/components/table/MobileListView.js +105 -0
- package/dist/components/table/index.d.ts +4 -0
- package/dist/components/table/index.js +5 -1
- package/dist/index.d.ts +13 -2
- package/dist/index.js +26 -1
- package/dist/passwordRules.d.ts +20 -0
- package/dist/passwordRules.js +40 -0
- package/dist/purge-manifest.json +2 -0
- package/dist/styles/icons/generated-icons.css +55 -0
- package/package.json +1 -1
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__ from "../input/index.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
8
|
+
const PasswordField_PasswordField = (props)=>{
|
|
9
|
+
const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
10
|
+
"name",
|
|
11
|
+
"label",
|
|
12
|
+
"placeholder",
|
|
13
|
+
"disabled",
|
|
14
|
+
"invalid",
|
|
15
|
+
"autocomplete",
|
|
16
|
+
"startIcon",
|
|
17
|
+
"showLabel",
|
|
18
|
+
"hideLabel",
|
|
19
|
+
"value",
|
|
20
|
+
"onInput",
|
|
21
|
+
"onBlur",
|
|
22
|
+
"inputClass",
|
|
23
|
+
"class",
|
|
24
|
+
"className",
|
|
25
|
+
"dataTheme"
|
|
26
|
+
]);
|
|
27
|
+
const [isVisible, setIsVisible] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
28
|
+
const toggleLabel = ()=>isVisible() ? local.hideLabel : local.showLabel;
|
|
29
|
+
return (()=>{
|
|
30
|
+
var _el$ = _tmpl$();
|
|
31
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
32
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", local.class, local.className)
|
|
33
|
+
}), {
|
|
34
|
+
get ["data-theme"] () {
|
|
35
|
+
return local.dataTheme;
|
|
36
|
+
},
|
|
37
|
+
"data-slot": "password-field",
|
|
38
|
+
get ["data-visible"] () {
|
|
39
|
+
return isVisible() ? "true" : "false";
|
|
40
|
+
}
|
|
41
|
+
}), false, true);
|
|
42
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
43
|
+
get name () {
|
|
44
|
+
return local.name;
|
|
45
|
+
},
|
|
46
|
+
get label () {
|
|
47
|
+
return local.label;
|
|
48
|
+
},
|
|
49
|
+
get type () {
|
|
50
|
+
return isVisible() ? "text" : "password";
|
|
51
|
+
},
|
|
52
|
+
get placeholder () {
|
|
53
|
+
return local.placeholder;
|
|
54
|
+
},
|
|
55
|
+
get autocomplete () {
|
|
56
|
+
return local.autocomplete;
|
|
57
|
+
},
|
|
58
|
+
get value () {
|
|
59
|
+
return local.value;
|
|
60
|
+
},
|
|
61
|
+
get isDisabled () {
|
|
62
|
+
return Boolean(local.disabled);
|
|
63
|
+
},
|
|
64
|
+
get isInvalid () {
|
|
65
|
+
return Boolean(local.invalid);
|
|
66
|
+
},
|
|
67
|
+
get startIcon () {
|
|
68
|
+
return local.startIcon;
|
|
69
|
+
},
|
|
70
|
+
onInput: (event)=>{
|
|
71
|
+
local.onInput?.(event.currentTarget.value);
|
|
72
|
+
},
|
|
73
|
+
onBlur: ()=>local.onBlur?.()
|
|
74
|
+
}, ()=>({
|
|
75
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", local.inputClass)
|
|
76
|
+
}), {
|
|
77
|
+
get endIcon () {
|
|
78
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
|
|
79
|
+
type: "button",
|
|
80
|
+
variant: "ghost",
|
|
81
|
+
size: "sm",
|
|
82
|
+
isIconOnly: true,
|
|
83
|
+
class: "h-7 min-h-7 w-7 min-w-7",
|
|
84
|
+
onClick: ()=>setIsVisible((value)=>!value),
|
|
85
|
+
get ["aria-label"] () {
|
|
86
|
+
return toggleLabel();
|
|
87
|
+
},
|
|
88
|
+
get ["aria-pressed"] () {
|
|
89
|
+
return isVisible();
|
|
90
|
+
},
|
|
91
|
+
get title () {
|
|
92
|
+
return toggleLabel();
|
|
93
|
+
},
|
|
94
|
+
get children () {
|
|
95
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
|
|
96
|
+
width: 16,
|
|
97
|
+
height: 16,
|
|
98
|
+
get name () {
|
|
99
|
+
return isVisible() ? "icon-[lucide--eye-off]" : "icon-[lucide--eye]";
|
|
100
|
+
},
|
|
101
|
+
class: "h-4 w-4"
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
})));
|
|
107
|
+
return _el$;
|
|
108
|
+
})();
|
|
109
|
+
};
|
|
110
|
+
const PasswordField = PasswordField_PasswordField;
|
|
111
|
+
export { PasswordField as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PasswordField, type PasswordFieldProps } from "./PasswordField";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import type { PasswordRuleResult } from "../../passwordRules";
|
|
4
|
+
export type PasswordRequirementsProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
|
|
5
|
+
title?: JSX.Element;
|
|
6
|
+
results: PasswordRuleResult[];
|
|
7
|
+
itemClass?: string;
|
|
8
|
+
metIcon?: JSX.Element;
|
|
9
|
+
unmetIcon?: JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
declare const PasswordRequirements: Component<PasswordRequirementsProps>;
|
|
12
|
+
export default PasswordRequirements;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-xs font-medium uppercase opacity-70">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul class=space-y-1>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<li><span class="inline-flex shrink-0 items-center justify-center"aria-hidden=true></span><span>');
|
|
6
|
+
const PasswordRequirements = (props)=>{
|
|
7
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
+
"title",
|
|
9
|
+
"results",
|
|
10
|
+
"itemClass",
|
|
11
|
+
"metIcon",
|
|
12
|
+
"unmetIcon",
|
|
13
|
+
"class",
|
|
14
|
+
"className",
|
|
15
|
+
"dataTheme"
|
|
16
|
+
]);
|
|
17
|
+
return (()=>{
|
|
18
|
+
var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
|
|
19
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
20
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("space-y-2", local.class, local.className)
|
|
21
|
+
}), {
|
|
22
|
+
get ["data-theme"] () {
|
|
23
|
+
return local.dataTheme;
|
|
24
|
+
},
|
|
25
|
+
"data-slot": "password-requirements"
|
|
26
|
+
}), false, true);
|
|
27
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
28
|
+
get when () {
|
|
29
|
+
return local.title;
|
|
30
|
+
},
|
|
31
|
+
get children () {
|
|
32
|
+
var _el$2 = _tmpl$();
|
|
33
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
|
|
34
|
+
return _el$2;
|
|
35
|
+
}
|
|
36
|
+
}), _el$3);
|
|
37
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
38
|
+
get each () {
|
|
39
|
+
return local.results;
|
|
40
|
+
},
|
|
41
|
+
children: (rule)=>(()=>{
|
|
42
|
+
var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
|
|
43
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
44
|
+
get when () {
|
|
45
|
+
return rule.passed ? local.metIcon : local.unmetIcon;
|
|
46
|
+
},
|
|
47
|
+
get fallback () {
|
|
48
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
|
|
49
|
+
width: 14,
|
|
50
|
+
height: 14,
|
|
51
|
+
get name () {
|
|
52
|
+
return rule.passed ? "icon-[lucide--check]" : "icon-[lucide--minus]";
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
},
|
|
56
|
+
get children () {
|
|
57
|
+
return rule.passed ? local.metIcon : local.unmetIcon;
|
|
58
|
+
}
|
|
59
|
+
}));
|
|
60
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>rule.message);
|
|
61
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
62
|
+
var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex items-center gap-2 text-sm", rule.passed ? "text-success" : "opacity-75", local.itemClass), _v$2 = rule.key, _v$3 = rule.passed ? "true" : "false";
|
|
63
|
+
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
|
|
64
|
+
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-rule", _p$.t = _v$2);
|
|
65
|
+
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-passed", _p$.a = _v$3);
|
|
66
|
+
return _p$;
|
|
67
|
+
}, {
|
|
68
|
+
e: void 0,
|
|
69
|
+
t: void 0,
|
|
70
|
+
a: void 0
|
|
71
|
+
});
|
|
72
|
+
return _el$4;
|
|
73
|
+
})()
|
|
74
|
+
}));
|
|
75
|
+
return _el$;
|
|
76
|
+
})();
|
|
77
|
+
};
|
|
78
|
+
const password_requirements_PasswordRequirements = PasswordRequirements;
|
|
79
|
+
export { password_requirements_PasswordRequirements as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PasswordRequirements, type PasswordRequirementsProps } from "./PasswordRequirements";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__PasswordRequirements_js_8e4e4c71__ from "./PasswordRequirements.js";
|
|
2
|
+
var __webpack_exports__PasswordRequirements = __WEBPACK_EXTERNAL_MODULE__PasswordRequirements_js_8e4e4c71__["default"];
|
|
3
|
+
export { __webpack_exports__PasswordRequirements as PasswordRequirements };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { evaluatePasswordRules, matchPasswordConfirmation, type PasswordRuleConfig, type PasswordRuleResult, type PasswordCustomRegexRule, } from "../../passwordRules";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__ from "../../passwordRules.js";
|
|
2
|
+
var __webpack_exports__evaluatePasswordRules = __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__.evaluatePasswordRules;
|
|
3
|
+
var __webpack_exports__matchPasswordConfirmation = __WEBPACK_EXTERNAL_MODULE__passwordRules_js_7a09c026__.matchPasswordConfirmation;
|
|
4
|
+
export { __webpack_exports__evaluatePasswordRules as evaluatePasswordRules, __webpack_exports__matchPasswordConfirmation as matchPasswordConfirmation };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type InlineConfirmVariant = "primary" | "danger" | "warning";
|
|
4
|
+
export type InlineConfirmProps = IComponentBaseProps & {
|
|
5
|
+
prompt: string;
|
|
6
|
+
confirmLabel: string;
|
|
7
|
+
cancelLabel: string;
|
|
8
|
+
onConfirm: () => void;
|
|
9
|
+
onCancel: () => void;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
confirmVariant?: InlineConfirmVariant;
|
|
13
|
+
};
|
|
14
|
+
declare const InlineConfirm: Component<InlineConfirmProps>;
|
|
15
|
+
export default InlineConfirm;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><span class="text-sm text-base-content/70"data-slot=table-inline-confirm-prompt></span><div class="inline-flex items-center gap-2"data-slot=table-inline-confirm-actions>');
|
|
6
|
+
const toButtonVariant = (variant)=>{
|
|
7
|
+
if ("danger" === variant) return "danger";
|
|
8
|
+
if ("warning" === variant) return "secondary";
|
|
9
|
+
return "primary";
|
|
10
|
+
};
|
|
11
|
+
const InlineConfirm = (props)=>{
|
|
12
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
13
|
+
"prompt",
|
|
14
|
+
"confirmLabel",
|
|
15
|
+
"cancelLabel",
|
|
16
|
+
"onConfirm",
|
|
17
|
+
"onCancel",
|
|
18
|
+
"loading",
|
|
19
|
+
"disabled",
|
|
20
|
+
"confirmVariant",
|
|
21
|
+
"class",
|
|
22
|
+
"className",
|
|
23
|
+
"dataTheme"
|
|
24
|
+
]);
|
|
25
|
+
const isBusy = ()=>Boolean(local.loading);
|
|
26
|
+
const isDisabled = ()=>Boolean(local.disabled) || isBusy();
|
|
27
|
+
const confirmVariant = ()=>toButtonVariant(local.confirmVariant ?? "primary");
|
|
28
|
+
return (()=>{
|
|
29
|
+
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
30
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
|
|
31
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex flex-wrap items-center gap-2", local.class, local.className)
|
|
32
|
+
}), {
|
|
33
|
+
get ["data-theme"] () {
|
|
34
|
+
return local.dataTheme;
|
|
35
|
+
},
|
|
36
|
+
"data-slot": "table-inline-confirm"
|
|
37
|
+
}), false, true);
|
|
38
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.prompt);
|
|
39
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
|
|
40
|
+
size: "sm",
|
|
41
|
+
get variant () {
|
|
42
|
+
return confirmVariant();
|
|
43
|
+
},
|
|
44
|
+
get isPending () {
|
|
45
|
+
return isBusy();
|
|
46
|
+
},
|
|
47
|
+
get isDisabled () {
|
|
48
|
+
return isDisabled();
|
|
49
|
+
},
|
|
50
|
+
get onClick () {
|
|
51
|
+
return local.onConfirm;
|
|
52
|
+
},
|
|
53
|
+
get ["aria-label"] () {
|
|
54
|
+
return local.confirmLabel;
|
|
55
|
+
},
|
|
56
|
+
get children () {
|
|
57
|
+
return local.confirmLabel;
|
|
58
|
+
}
|
|
59
|
+
}), null);
|
|
60
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
|
|
61
|
+
size: "sm",
|
|
62
|
+
variant: "ghost",
|
|
63
|
+
get isDisabled () {
|
|
64
|
+
return isDisabled();
|
|
65
|
+
},
|
|
66
|
+
get onClick () {
|
|
67
|
+
return local.onCancel;
|
|
68
|
+
},
|
|
69
|
+
get ["aria-label"] () {
|
|
70
|
+
return local.cancelLabel;
|
|
71
|
+
},
|
|
72
|
+
get children () {
|
|
73
|
+
return local.cancelLabel;
|
|
74
|
+
}
|
|
75
|
+
}), null);
|
|
76
|
+
return _el$;
|
|
77
|
+
})();
|
|
78
|
+
};
|
|
79
|
+
const table_InlineConfirm = InlineConfirm;
|
|
80
|
+
export { table_InlineConfirm as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MobileListViewProps<TRow> = IComponentBaseProps & {
|
|
4
|
+
rows: TRow[];
|
|
5
|
+
renderRow?: (row: TRow, index: number) => JSX.Element;
|
|
6
|
+
empty?: JSX.Element;
|
|
7
|
+
listClass?: string;
|
|
8
|
+
itemClass?: string;
|
|
9
|
+
children?: (row: TRow, index: number) => JSX.Element;
|
|
10
|
+
emptyTitle?: string;
|
|
11
|
+
emptyIcon?: string;
|
|
12
|
+
};
|
|
13
|
+
declare const MobileListView: <TRow>(props: MobileListViewProps<TRow>) => JSX.Element;
|
|
14
|
+
export default MobileListView;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__ from "../empty-state/index.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li class=py-8 data-slot=table-mobile-list-view-empty>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
|
|
7
|
+
const MobileListView_MobileListView = (props)=>{
|
|
8
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
+
"rows",
|
|
10
|
+
"renderRow",
|
|
11
|
+
"empty",
|
|
12
|
+
"listClass",
|
|
13
|
+
"itemClass",
|
|
14
|
+
"children",
|
|
15
|
+
"emptyTitle",
|
|
16
|
+
"emptyIcon",
|
|
17
|
+
"class",
|
|
18
|
+
"className",
|
|
19
|
+
"dataTheme"
|
|
20
|
+
]);
|
|
21
|
+
const renderRow = (row, index)=>{
|
|
22
|
+
if (local.renderRow) return local.renderRow(row, index);
|
|
23
|
+
if (local.children) return local.children(row, index);
|
|
24
|
+
return null;
|
|
25
|
+
};
|
|
26
|
+
const emptyContent = ()=>{
|
|
27
|
+
if (local.empty) return local.empty;
|
|
28
|
+
if (!local.emptyTitle) return null;
|
|
29
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState, {
|
|
30
|
+
get children () {
|
|
31
|
+
return [
|
|
32
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState.Icon, {
|
|
33
|
+
get children () {
|
|
34
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
|
|
35
|
+
get name () {
|
|
36
|
+
return local.emptyIcon ?? "icon-[mdi--inbox-outline]";
|
|
37
|
+
},
|
|
38
|
+
width: 24,
|
|
39
|
+
height: 24
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}),
|
|
43
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__empty_state_index_js_c549fbb5__.EmptyState.Title, {
|
|
44
|
+
get children () {
|
|
45
|
+
return local.emptyTitle;
|
|
46
|
+
}
|
|
47
|
+
})
|
|
48
|
+
];
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
return (()=>{
|
|
53
|
+
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
54
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, ()=>({
|
|
55
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full", local.class, local.className)
|
|
56
|
+
}), {
|
|
57
|
+
get ["data-theme"] () {
|
|
58
|
+
return local.dataTheme;
|
|
59
|
+
},
|
|
60
|
+
"data-slot": "table-mobile-list-view"
|
|
61
|
+
}), false, true);
|
|
62
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
63
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("divide-y divide-base-content/10", local.listClass)
|
|
64
|
+
}), {
|
|
65
|
+
"data-slot": "table-mobile-list-view-list"
|
|
66
|
+
}), false, true);
|
|
67
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
68
|
+
get when () {
|
|
69
|
+
return local.rows.length > 0;
|
|
70
|
+
},
|
|
71
|
+
get fallback () {
|
|
72
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
73
|
+
get when () {
|
|
74
|
+
return emptyContent();
|
|
75
|
+
},
|
|
76
|
+
get children () {
|
|
77
|
+
var _el$3 = _tmpl$2();
|
|
78
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, emptyContent);
|
|
79
|
+
return _el$3;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
},
|
|
83
|
+
get children () {
|
|
84
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
85
|
+
get each () {
|
|
86
|
+
return local.rows;
|
|
87
|
+
},
|
|
88
|
+
children: (row, index)=>local.renderRow ? (()=>{
|
|
89
|
+
var _el$4 = _tmpl$3();
|
|
90
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
91
|
+
class: local.itemClass
|
|
92
|
+
}), {
|
|
93
|
+
"data-slot": "table-mobile-list-view-item"
|
|
94
|
+
}), false, true);
|
|
95
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>renderRow(row, index()));
|
|
96
|
+
return _el$4;
|
|
97
|
+
})() : renderRow(row, index())
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
}));
|
|
101
|
+
return _el$;
|
|
102
|
+
})();
|
|
103
|
+
};
|
|
104
|
+
const MobileListView = MobileListView_MobileListView;
|
|
105
|
+
export { MobileListView as default };
|
|
@@ -7,5 +7,9 @@ export { default as ExpandToggle } from "./ExpandToggle";
|
|
|
7
7
|
export type { ExpandToggleProps } from "./ExpandToggle";
|
|
8
8
|
export { default as VirtualSpacerRow } from "./VirtualSpacerRow";
|
|
9
9
|
export type { VirtualSpacerRowProps } from "./VirtualSpacerRow";
|
|
10
|
+
export { default as MobileListView } from "./MobileListView";
|
|
11
|
+
export type { MobileListViewProps } from "./MobileListView";
|
|
12
|
+
export { default as InlineConfirm } from "./InlineConfirm";
|
|
13
|
+
export type { InlineConfirmProps, InlineConfirmVariant } from "./InlineConfirm";
|
|
10
14
|
export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks";
|
|
11
15
|
export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks";
|
|
@@ -2,8 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__ from "./SortIcon.js";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__ from "./ExpandToggle.js";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE__VirtualSpacerRow_js_137d9e2c__ from "./VirtualSpacerRow.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__ from "./MobileListView.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__ from "./InlineConfirm.js";
|
|
5
7
|
import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
|
|
6
8
|
var __webpack_exports__ExpandToggle = __WEBPACK_EXTERNAL_MODULE__ExpandToggle_js_83c757cb__["default"];
|
|
9
|
+
var __webpack_exports__InlineConfirm = __WEBPACK_EXTERNAL_MODULE__InlineConfirm_js_2914a73c__["default"];
|
|
10
|
+
var __webpack_exports__MobileListView = __WEBPACK_EXTERNAL_MODULE__MobileListView_js_cc8863be__["default"];
|
|
7
11
|
var __webpack_exports__SortIcon = __WEBPACK_EXTERNAL_MODULE__SortIcon_js_5464d2a3__["default"];
|
|
8
12
|
var __webpack_exports__TableBody = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableBody;
|
|
9
13
|
var __webpack_exports__TableCell = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__.TableCell;
|
|
@@ -31,4 +35,4 @@ var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__hooks_index_js
|
|
|
31
35
|
var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTablePagination;
|
|
32
36
|
var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSelection;
|
|
33
37
|
var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSorting;
|
|
34
|
-
export { __webpack_exports__ExpandToggle as ExpandToggle, __webpack_exports__SortIcon as SortIcon, __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__VirtualSpacerRow as VirtualSpacerRow, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
|
|
38
|
+
export { __webpack_exports__ExpandToggle as ExpandToggle, __webpack_exports__InlineConfirm as InlineConfirm, __webpack_exports__MobileListView as MobileListView, __webpack_exports__SortIcon as SortIcon, __webpack_exports__TableBody as TableBody, __webpack_exports__TableCell as TableCell, __webpack_exports__TableColumn as TableColumn, __webpack_exports__TableColumnResizer as TableColumnResizer, __webpack_exports__TableContent as TableContent, __webpack_exports__TableExpandedRow as TableExpandedRow, __webpack_exports__TableFooter as TableFooter, __webpack_exports__TableHeader as TableHeader, __webpack_exports__TableLoadMore as TableLoadMore, __webpack_exports__TableLoadMoreContent as TableLoadMoreContent, __webpack_exports__TablePageSize as TablePageSize, __webpack_exports__TableResizableContainer as TableResizableContainer, __webpack_exports__TableRoot as TableRoot, __webpack_exports__TableRow as TableRow, __webpack_exports__TableScrollContainer as TableScrollContainer, __webpack_exports__VirtualSpacerRow as VirtualSpacerRow, __webpack_exports__default as default, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
|
package/dist/index.d.ts
CHANGED
|
@@ -70,6 +70,17 @@ export { default as Form, FormRoot, FormWithContext, } from "./components/form";
|
|
|
70
70
|
export { FormField, FormSubmitButton, FieldErrorMessage, } from "./components/form";
|
|
71
71
|
export { useDesktop } from "./hooks/layout";
|
|
72
72
|
export type { FormProps, FormRootProps, FormWithContextProps, FormFieldProps, FormSubmitButtonProps, FieldErrorMessageProps, } from "./components/form";
|
|
73
|
+
export { AuthCard, type AuthCardProps } from "./components/auth-card";
|
|
74
|
+
export { AuthForm, type AuthFormProps } from "./components/auth-form";
|
|
75
|
+
export { AuthFieldGroup, type AuthFieldGroupProps } from "./components/auth-field-group";
|
|
76
|
+
export { PasswordField, type PasswordFieldProps } from "./components/password-field";
|
|
77
|
+
export { PasswordRequirements, type PasswordRequirementsProps } from "./components/password-requirements";
|
|
78
|
+
export { AuthErrorMessage, type AuthErrorMessageProps } from "./components/auth-error-message";
|
|
79
|
+
export { AuthSuccessMessage, type AuthSuccessMessageProps } from "./components/auth-success-message";
|
|
80
|
+
export { AuthSubmitButton, type AuthSubmitButtonProps } from "./components/auth-submit-button";
|
|
81
|
+
export { AuthFooterLinks, type AuthFooterLinksProps, type AuthFooterLinkItem } from "./components/auth-footer-links";
|
|
82
|
+
export { AuthPoweredBy, type AuthPoweredByProps } from "./components/auth-powered-by";
|
|
83
|
+
export { evaluatePasswordRules, matchPasswordConfirmation, type PasswordRuleConfig, type PasswordRuleResult, type PasswordCustomRegexRule, } from "./passwordRules";
|
|
73
84
|
export { createForm, useFormContext, useField, getFirstFieldError, FormContext, } from "./hooks/form";
|
|
74
85
|
export type { CreateFormOptions, FormApi, AnyFormApi, UseFieldResult, } from "./hooks/form";
|
|
75
86
|
export { default as Grid } from "./components/grid";
|
|
@@ -136,8 +147,8 @@ export { default as Skeleton } from "./components/skeleton";
|
|
|
136
147
|
export { default as Surface } from "./components/surface";
|
|
137
148
|
export type { SurfaceVariant, SurfaceVariants, SurfaceProps, } from "./components/surface";
|
|
138
149
|
export { default as Table } from "./components/table";
|
|
139
|
-
export { SortIcon as TableSortIcon, ExpandToggle as TableExpandToggle, VirtualSpacerRow as TableVirtualSpacerRow, } from "./components/table";
|
|
140
|
-
export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, SortIconProps as TableSortIconProps, SortIconState as TableSortIconState, ExpandToggleProps as TableExpandToggleProps, VirtualSpacerRowProps as TableVirtualSpacerRowProps, } from "./components/table";
|
|
150
|
+
export { SortIcon as TableSortIcon, ExpandToggle as TableExpandToggle, VirtualSpacerRow as TableVirtualSpacerRow, MobileListView as TableMobileListView, InlineConfirm as TableInlineConfirm, } from "./components/table";
|
|
151
|
+
export type { TableProps, TableSortDirection, TableSortDescriptor, TableColumnRenderProps, SortIconProps as TableSortIconProps, SortIconState as TableSortIconState, ExpandToggleProps as TableExpandToggleProps, VirtualSpacerRowProps as TableVirtualSpacerRowProps, MobileListViewProps as TableMobileListViewProps, InlineConfirmProps as TableInlineConfirmProps, InlineConfirmVariant as TableInlineConfirmVariant, } from "./components/table";
|
|
141
152
|
export { useTableModel, useTableSorting, useTablePagination, useTableFiltering, useTableSelection, useTableExpansion, toSortDescriptor, toSortingState, useAnchoredOverlayPosition, } from "./hooks/table";
|
|
142
153
|
export type { UseTableModelOptions, UseTableSortingOptions, UseTableSortingResult, HookSortDirection, HookSortDescriptor, UseTablePaginationOptions, UseTablePaginationResult, UseTableFilteringOptions, UseTableFilteringResult, UseTableSelectionOptions, UseTableSelectionResult, TableSelectionState, UseTableExpansionOptions, UseTableExpansionResult, UseAnchoredOverlayPositionOptions, } from "./hooks/table";
|
|
143
154
|
export { default as Tag } from "./components/tag";
|