fictoan-react 2.0.0-beta.17 → 2.0.0-beta.19
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/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +27 -0
- package/dist/components/Accordion/Accordion.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +55 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +64 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/Button/Button.js +28 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +27 -0
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/components/Callout/Callout.d.ts.map +1 -1
- package/dist/components/Callout/Callout.js +37 -0
- package/dist/components/Callout/Callout.js.map +1 -0
- package/dist/components/Card/Card.js +27 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/CodeBlock/CodeBlock.js +191 -0
- package/dist/components/CodeBlock/CodeBlock.js.map +1 -0
- package/dist/components/Divider/Divider.js +29 -0
- package/dist/components/Divider/Divider.js.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +3 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.js +96 -0
- package/dist/components/Drawer/Drawer.js.map +1 -0
- package/dist/components/Element/Element.d.ts +6 -2
- package/dist/components/Element/Element.d.ts.map +1 -1
- package/dist/components/Element/Element.js +154 -0
- package/dist/components/Element/Element.js.map +1 -0
- package/dist/components/Element/Tags.js +31 -0
- package/dist/components/Element/Tags.js.map +1 -0
- package/dist/components/Element/constants.d.ts +21 -21
- package/dist/components/Element/constants.d.ts.map +1 -1
- package/dist/components/Element/constants.js +8 -0
- package/dist/components/Element/constants.js.map +1 -0
- package/dist/components/Form/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Form/Checkbox/Checkbox.js +78 -0
- package/dist/components/Form/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Form/Checkbox/CheckboxAndSwitchGroup.d.ts.map +1 -1
- package/dist/components/Form/Checkbox/CheckboxAndSwitchGroup.js +177 -0
- package/dist/components/Form/Checkbox/CheckboxAndSwitchGroup.js.map +1 -0
- package/dist/components/Form/Checkbox/Switch.d.ts.map +1 -1
- package/dist/components/Form/Checkbox/Switch.js +79 -0
- package/dist/components/Form/Checkbox/Switch.js.map +1 -0
- package/dist/components/Form/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/Form/FileUpload/FileUpload.js +142 -0
- package/dist/components/Form/FileUpload/FileUpload.js.map +1 -0
- package/dist/components/Form/Form/Form.js +37 -0
- package/dist/components/Form/Form/Form.js.map +1 -0
- package/dist/components/Form/Form/FormGenerator.js +64 -0
- package/dist/components/Form/Form/FormGenerator.js.map +1 -0
- package/dist/components/Form/FormItem/FormItem.d.ts +16 -0
- package/dist/components/Form/FormItem/FormItem.d.ts.map +1 -1
- package/dist/components/Form/FormItem/FormItem.js +127 -0
- package/dist/components/Form/FormItem/FormItem.js.map +1 -0
- package/dist/components/Form/FormItemGroup/FormItemGroup.d.ts.map +1 -1
- package/dist/components/Form/FormItemGroup/FormItemGroup.js +42 -0
- package/dist/components/Form/FormItemGroup/FormItemGroup.js.map +1 -0
- package/dist/components/Form/InputField/InputField.d.ts.map +1 -1
- package/dist/components/Form/InputField/InputField.js +156 -0
- package/dist/components/Form/InputField/InputField.js.map +1 -0
- package/dist/components/Form/InputLabel/InputLabel.js +30 -0
- package/dist/components/Form/InputLabel/InputLabel.js.map +1 -0
- package/dist/components/Form/ListBox/ListBox.d.ts +1 -1
- package/dist/components/Form/ListBox/ListBox.d.ts.map +1 -1
- package/dist/components/Form/ListBox/ListBox.js +287 -0
- package/dist/components/Form/ListBox/ListBox.js.map +1 -0
- package/dist/components/Form/ListBox/constants.d.ts +1 -1
- package/dist/components/Form/ListBox/constants.d.ts.map +1 -1
- package/dist/components/Form/ListBox/listBoxUtils.js +49 -0
- package/dist/components/Form/ListBox/listBoxUtils.js.map +1 -0
- package/dist/components/Form/PinInputField/PinInputField.d.ts +6 -1
- package/dist/components/Form/PinInputField/PinInputField.d.ts.map +1 -1
- package/dist/components/Form/PinInputField/PinInputField.js +165 -0
- package/dist/components/Form/PinInputField/PinInputField.js.map +1 -0
- package/dist/components/Form/RadioButton/RadioButton.d.ts.map +1 -1
- package/dist/components/Form/RadioButton/RadioButton.js +82 -0
- package/dist/components/Form/RadioButton/RadioButton.js.map +1 -0
- package/dist/components/Form/RadioButton/RadioGroup.d.ts.map +1 -1
- package/dist/components/Form/RadioButton/RadioGroup.js +97 -0
- package/dist/components/Form/RadioButton/RadioGroup.js.map +1 -0
- package/dist/components/Form/RadioButton/RadioTabGroup.d.ts +1 -1
- package/dist/components/Form/RadioButton/RadioTabGroup.d.ts.map +1 -1
- package/dist/components/Form/RadioButton/RadioTabGroup.js +182 -0
- package/dist/components/Form/RadioButton/RadioTabGroup.js.map +1 -0
- package/dist/components/Form/Range/Range.js +376 -0
- package/dist/components/Form/Range/Range.js.map +1 -0
- package/dist/components/Form/Select/Select.d.ts +1 -1
- package/dist/components/Form/Select/Select.d.ts.map +1 -1
- package/dist/components/Form/Select/Select.js +83 -0
- package/dist/components/Form/Select/Select.js.map +1 -0
- package/dist/components/Form/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/Form/TextArea/TextArea.js +111 -0
- package/dist/components/Form/TextArea/TextArea.js.map +1 -0
- package/dist/components/Meter/Meter.d.ts.map +1 -1
- package/dist/components/Meter/Meter.js +105 -0
- package/dist/components/Meter/Meter.js.map +1 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +76 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Notification/NotificationItem/NotificationItem.d.ts.map +1 -1
- package/dist/components/Notification/NotificationItem/NotificationItem.js +70 -0
- package/dist/components/Notification/NotificationItem/NotificationItem.js.map +1 -0
- package/dist/components/Notification/NotificationsProvider/NotificationsProvider.d.ts.map +1 -1
- package/dist/components/Notification/NotificationsProvider/NotificationsProvider.js +88 -0
- package/dist/components/Notification/NotificationsProvider/NotificationsProvider.js.map +1 -0
- package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.d.ts.map +1 -1
- package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.js +35 -0
- package/dist/components/Notification/NotificationsWrapper/NotificationsWrapper.js.map +1 -0
- package/dist/components/OptionCard/OptionCard.js +150 -0
- package/dist/components/OptionCard/OptionCard.js.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +207 -0
- package/dist/components/Pagination/Pagination.js.map +1 -0
- package/dist/components/Pagination/usePagination.js +35 -0
- package/dist/components/Pagination/usePagination.js.map +1 -0
- package/dist/components/Portion/Portion.d.ts +1 -0
- package/dist/components/Portion/Portion.d.ts.map +1 -1
- package/dist/components/Portion/Portion.js +35 -0
- package/dist/components/Portion/Portion.js.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +60 -0
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/components/Row/Row.d.ts +1 -0
- package/dist/components/Row/Row.d.ts.map +1 -1
- package/dist/components/Row/Row.js +40 -0
- package/dist/components/Row/Row.js.map +1 -0
- package/dist/components/Sidebar/ContentWrapper/ContentWrapper.js +23 -0
- package/dist/components/Sidebar/ContentWrapper/ContentWrapper.js.map +1 -0
- package/dist/components/Sidebar/SidebarFooter/SidebarFooter.js +25 -0
- package/dist/components/Sidebar/SidebarFooter/SidebarFooter.js.map +1 -0
- package/dist/components/Sidebar/SidebarHeader/SidebarHeader.js +25 -0
- package/dist/components/Sidebar/SidebarHeader/SidebarHeader.js.map +1 -0
- package/dist/components/Sidebar/SidebarItem/SidebarItem.js +30 -0
- package/dist/components/Sidebar/SidebarItem/SidebarItem.js.map +1 -0
- package/dist/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.js +29 -0
- package/dist/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.js.map +1 -0
- package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.d.ts.map +1 -1
- package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.js +35 -0
- package/dist/components/Sidebar/SidebarWrapper/SidebarWrapper.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +82 -0
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Spinner/Spinner.js +33 -0
- package/dist/components/Spinner/Spinner.js.map +1 -0
- package/dist/components/Table/Table.d.ts +0 -1
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.js +40 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +106 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +6 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +52 -0
- package/dist/components/ThemeProvider/ThemeProvider.js.map +1 -0
- package/dist/components/Toast/ToastItem/ToastItem.js +47 -0
- package/dist/components/Toast/ToastItem/ToastItem.js.map +1 -0
- package/dist/components/Toast/ToastsProvider/ToastsProvider.d.ts.map +1 -1
- package/dist/components/Toast/ToastsProvider/ToastsProvider.js +45 -0
- package/dist/components/Toast/ToastsProvider/ToastsProvider.js.map +1 -0
- package/dist/components/Toast/ToastsWrapper/ToastsWrapper.d.ts.map +1 -1
- package/dist/components/Toast/ToastsWrapper/ToastsWrapper.js +28 -0
- package/dist/components/Toast/ToastsWrapper/ToastsWrapper.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +62 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/Typography/Heading.js +30 -0
- package/dist/components/Typography/Heading.js.map +1 -0
- package/dist/components/Typography/Text.js +15 -0
- package/dist/components/Typography/Text.js.map +1 -0
- package/dist/components/index.js +124 -75
- package/dist/components/index.js.map +1 -1
- package/dist/fictoan-schema.json +2066 -0
- package/dist/hooks/UseClickOutside.js +17 -0
- package/dist/hooks/UseClickOutside.js.map +1 -0
- package/dist/hooks/UseViewTransition.d.ts +2 -0
- package/dist/hooks/UseViewTransition.d.ts.map +1 -0
- package/dist/hooks/UseViewTransition.js +17 -0
- package/dist/hooks/UseViewTransition.js.map +1 -0
- package/dist/index.css +6 -10661
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +145 -152
- package/dist/index.js.map +1 -1
- package/dist/scripts/generateSchema.d.ts +2 -0
- package/dist/scripts/generateSchema.d.ts.map +1 -0
- package/dist/scripts/schema-meta.d.ts +12 -0
- package/dist/scripts/schema-meta.d.ts.map +1 -0
- package/dist/styles/colours.js +55 -0
- package/dist/styles/colours.js.map +1 -0
- package/dist/utils/classNames.d.ts +1 -1
- package/dist/utils/classNames.d.ts.map +1 -1
- package/dist/utils/classNames.js +6 -0
- package/dist/utils/classNames.js.map +1 -0
- package/dist/utils/propSeparation.js +77 -0
- package/dist/utils/propSeparation.js.map +1 -0
- package/package.json +24 -19
- package/dist/Accordion-CeGNgNW8.js +0 -4254
- package/dist/Accordion-CeGNgNW8.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, ColourPropTypes, ShapeTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./progress-bar.css\";\n\n// OTHER ===============================================================================================================\nimport { Text } from \"../Typography/Text\";\n\nexport interface ProgressBarLabelCustomProps {\n suffix ? : string;\n}\n\nexport interface ProgressBarCustomProps {\n label ? : string;\n value ? : number;\n suffix ? : string;\n height ? : string;\n max ? : number;\n shape ? : ShapeTypes;\n bgColor ? : ColourPropTypes;\n bgColour ? : ColourPropTypes;\n fillColor ? : ColourPropTypes;\n fillColour ? : ColourPropTypes;\n}\n\nexport type ProgressBarElementType = HTMLProgressElement;\nexport type ProgressBarProps = Omit<CommonAndHTMLProps<ProgressBarElementType>, keyof ProgressBarCustomProps> &\n ProgressBarCustomProps;\nexport type ProgressBarMetaProps = Omit<CommonAndHTMLProps<HTMLDivElement>, keyof ProgressBarLabelCustomProps> &\n ProgressBarLabelCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ProgressBar = React.forwardRef(\n (\n {\n label,\n value,\n height,\n max = 100,\n shape,\n bgColor,\n bgColour,\n fillColor,\n fillColour,\n ...props\n } : ProgressBarProps, ref : React.Ref<ProgressBarElementType>) => {\n const validValue = Math.max(0, Math.min(max, Number(value) || 0));\n const progressText = `${validValue}${props.suffix || \"\"}`;\n\n // Use UK spelling as primary, fall back to US spelling\n const backgroundColour = bgColour || bgColor;\n const progressFillColour = fillColour || fillColor;\n\n // Build CSS custom properties for styling\n const progressBarStyles : React.CSSProperties = {\n height,\n ...(backgroundColour && {\"--progress-bar-bg\" : `var(--${backgroundColour})`}),\n ...(progressFillColour && {\"--progress-bar-fill\" : `var(--${progressFillColour})`}),\n };\n\n return (\n <>\n {label && (\n <Element<HTMLDivElement>\n as=\"div\"\n data-progress-bar-meta\n aria-hidden=\"true\"\n >\n <Text>{label}</Text>\n <Text>\n {progressText}\n </Text>\n </Element>\n )}\n\n <Element<ProgressBarElementType>\n as=\"progress\"\n data-progress-bar\n ref={ref}\n value={validValue}\n max={max}\n aria-label={label}\n aria-valuetext={`${label ? `${label}: ` : \"\"}${progressText}`}\n shape={shape}\n {...props}\n style={progressBarStyles}\n />\n </>\n );\n },\n);\nProgressBar.displayName = \"ProgressBar\";"],"names":["ProgressBar","React","label","value","height","max","shape","bgColor","bgColour","fillColor","fillColour","props","ref","validValue","progressText","backgroundColour","progressFillColour","progressBarStyles","jsxs","Fragment","Element","jsx","Text"],"mappings":";;;;;AAqCO,MAAMA,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACeC,MAA4C;AAClE,UAAMC,IAAa,KAAK,IAAI,GAAG,KAAK,IAAIR,GAAK,OAAOF,CAAK,KAAK,CAAC,CAAC,GAC1DW,IAAe,GAAGD,CAAU,GAAGF,EAAM,UAAU,EAAE,IAGjDI,IAAmBP,KAAYD,GAC/BS,IAAqBN,KAAcD,GAGnCQ,IAA0C;AAAA,MAC5C,QAAAb;AAAA,MACA,GAAIW,KAAoB,EAAC,qBAAsB,SAASA,CAAgB,IAAA;AAAA,MACxE,GAAIC,KAAsB,EAAC,uBAAwB,SAASA,CAAkB,IAAA;AAAA,IAAG;AAGrF,WACI,gBAAAE,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAjB,KACG,gBAAAgB;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,0BAAsB;AAAA,UACtB,eAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAC,EAACC,KAAM,UAAApB,EAAA,CAAM;AAAA,YACb,gBAAAmB,EAACC,KACI,UAAAR,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIR,gBAAAO;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,qBAAiB;AAAA,UACjB,KAAAR;AAAA,UACA,OAAOC;AAAA,UACP,KAAAR;AAAA,UACA,cAAYH;AAAA,UACZ,kBAAgB,GAAGA,IAAQ,GAAGA,CAAK,OAAO,EAAE,GAAGY,CAAY;AAAA,UAC3D,OAAAR;AAAA,UACC,GAAGK;AAAA,UACJ,OAAOM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACJ;AAAA,EAER;AACJ;AACAjB,EAAY,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,WAAW,CAAC;AAEnB,UAAU,cAAc;IACpB,MAA8B,CAAC,EAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAA8B,CAAC,EAAG,YAAY,CAAC;IAC/C,6BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,4BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,oBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,kBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,cAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,UAA8B,CAAC,EAAG,MAAM,CAAC;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAKvG,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIxE,OAAO,WAAW,CAAC;AAEnB,UAAU,cAAc;IACpB,MAA8B,CAAC,EAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAA8B,CAAC,EAAG,YAAY,CAAC;IAC/C,6BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,4BAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,oBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,kBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,cAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,gBAA8B,CAAC,EAAG,OAAO,CAAC;IAC1C,UAA8B,CAAC,EAAG,MAAM,CAAC;CAC5C;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAKvG,eAAO,MAAM,GAAG,wJA0Ef,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import h from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as y } from "../Element/Element.js";
|
|
6
|
+
const b = h.forwardRef(
|
|
7
|
+
({
|
|
8
|
+
layout: r = "grid",
|
|
9
|
+
gutters: o = "medium",
|
|
10
|
+
retainLayoutOnTabletLandscape: l,
|
|
11
|
+
retainLayoutOnTabletPortrait: n,
|
|
12
|
+
retainLayoutOnMobile: s,
|
|
13
|
+
retainLayoutAlways: u,
|
|
14
|
+
allowUltraWide: p,
|
|
15
|
+
equalisePortions: a,
|
|
16
|
+
groupLabel: e,
|
|
17
|
+
...m
|
|
18
|
+
}, f) => {
|
|
19
|
+
let t = [];
|
|
20
|
+
const i = a ? "flexbox" : r;
|
|
21
|
+
return i && t.push(`layout-${i}`), a && t.push("equalise-portions"), o && t.push(o === "none" ? "no-gutters" : `${o}-gutters`), l && t.push("retain-layout-on-tablet-landscape"), n && t.push("retain-layout-on-tablet-portrait"), s && t.push("retain-layout-on-mobile"), u && (t.push("retain-layout-on-tablet-landscape"), t.push("retain-layout-on-tablet-portrait"), t.push("retain-layout-on-mobile")), p && t.push("allow-ultra-wide"), /* @__PURE__ */ d(
|
|
22
|
+
y,
|
|
23
|
+
{
|
|
24
|
+
as: "div",
|
|
25
|
+
"data-row": !0,
|
|
26
|
+
ref: f,
|
|
27
|
+
classNames: [t.join(" ")],
|
|
28
|
+
marginBottom: "tiny",
|
|
29
|
+
role: e ? "group" : void 0,
|
|
30
|
+
"aria-label": e,
|
|
31
|
+
...m
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
b.displayName = "Row";
|
|
37
|
+
export {
|
|
38
|
+
b as Row
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./row.css\";\n\ninterface RowCustomProps {\n layout ? : \"grid\" | \"flexbox\";\n gutters ? : SpacingTypes;\n retainLayoutOnTabletLandscape ? : boolean;\n retainLayoutOnTabletPortrait ? : boolean;\n retainLayoutOnMobile ? : boolean;\n retainLayoutAlways ? : boolean;\n allowUltraWide ? : boolean;\n equalisePortions ? : boolean;\n groupLabel ? : string;\n}\n\nexport type RowElementType = HTMLDivElement;\nexport type RowProps = Omit<CommonAndHTMLProps<RowElementType>, keyof RowCustomProps> & RowCustomProps;\n\n// TODO: Fix fixed gutter widths\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Row = React.forwardRef(\n (\n {\n layout = \"grid\",\n gutters = \"medium\",\n retainLayoutOnTabletLandscape,\n retainLayoutOnTabletPortrait,\n retainLayoutOnMobile,\n retainLayoutAlways,\n allowUltraWide,\n equalisePortions,\n groupLabel,\n ...props\n } : RowProps,\n ref : React.Ref<RowElementType>,\n ) => {\n // CLASS NAMES -------------------------------------------------------------------------------------------------\n let classNames = [];\n\n // equalisePortions needs a flex Row, so it forces the flexbox layout\n // regardless of the `layout` prop.\n const resolvedLayout = equalisePortions ? \"flexbox\" : layout;\n\n if (resolvedLayout) {\n classNames.push(`layout-${resolvedLayout}`);\n }\n\n if (equalisePortions) {\n classNames.push(\"equalise-portions\");\n }\n\n if (gutters) {\n classNames.push(gutters === \"none\" ? \"no-gutters\" : `${gutters}-gutters`);\n }\n\n if (retainLayoutOnTabletLandscape) {\n classNames.push(\"retain-layout-on-tablet-landscape\");\n }\n\n if (retainLayoutOnTabletPortrait) {\n classNames.push(\"retain-layout-on-tablet-portrait\");\n }\n\n if (retainLayoutOnMobile) {\n classNames.push(\"retain-layout-on-mobile\");\n }\n\n if (retainLayoutAlways) {\n classNames.push(\"retain-layout-on-tablet-landscape\");\n classNames.push(\"retain-layout-on-tablet-portrait\");\n classNames.push(\"retain-layout-on-mobile\");\n }\n\n if (allowUltraWide) {\n classNames.push(\"allow-ultra-wide\");\n }\n\n // RENDER -----------------------------------------------------------------------------------------------------\n return (\n <Element<RowElementType>\n as=\"div\"\n data-row\n ref={ref}\n classNames={[ classNames.join(\" \") ]}\n marginBottom=\"tiny\"\n // Row is a visual layout primitive, not a data grid — claiming role=\"grid\"\n // demands role=\"row\"/\"gridcell\" children it never has (axe aria-required-children).\n // Expose a named group only when the caller gives it a groupLabel.\n role={groupLabel ? \"group\" : undefined}\n aria-label={groupLabel}\n {...props}\n />\n );\n },\n);\nRow.displayName = \"Row\";\n"],"names":["Row","React","layout","gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways","allowUltraWide","equalisePortions","groupLabel","props","ref","classNames","resolvedLayout","jsx","Element"],"mappings":";;;;AA4BO,MAAMA,IAAMC,EAAM;AAAA,EACrB,CACI;AAAA,IACI,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,+BAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AAED,QAAIC,IAAa,CAAA;AAIjB,UAAMC,IAAiBL,IAAmB,YAAYP;AAEtD,WAAIY,KACAD,EAAW,KAAK,UAAUC,CAAc,EAAE,GAG1CL,KACAI,EAAW,KAAK,mBAAmB,GAGnCV,KACAU,EAAW,KAAKV,MAAY,SAAS,eAAe,GAAGA,CAAO,UAAU,GAGxEC,KACAS,EAAW,KAAK,mCAAmC,GAGnDR,KACAQ,EAAW,KAAK,kCAAkC,GAGlDP,KACAO,EAAW,KAAK,yBAAyB,GAGzCN,MACAM,EAAW,KAAK,mCAAmC,GACnDA,EAAW,KAAK,kCAAkC,GAClDA,EAAW,KAAK,yBAAyB,IAGzCL,KACAK,EAAW,KAAK,kBAAkB,GAKlC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAQ;AAAA,QACR,KAAAJ;AAAA,QACA,YAAY,CAAEC,EAAW,KAAK,GAAG,CAAE;AAAA,QACnC,cAAa;AAAA,QAIb,MAAMH,IAAa,UAAU;AAAA,QAC7B,cAAYA;AAAA,QACX,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAX,EAAI,cAAc;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import o from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as n } from "../../Element/Element.js";
|
|
6
|
+
const p = o.forwardRef(
|
|
7
|
+
({ label: r, ...t }, e) => /* @__PURE__ */ a(
|
|
8
|
+
n,
|
|
9
|
+
{
|
|
10
|
+
as: "main",
|
|
11
|
+
"data-content-wrapper": !0,
|
|
12
|
+
ref: e,
|
|
13
|
+
role: "main",
|
|
14
|
+
"aria-label": r || "Main content",
|
|
15
|
+
...t
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
p.displayName = "ContentWrapper";
|
|
20
|
+
export {
|
|
21
|
+
p as ContentWrapper
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=ContentWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentWrapper.js","sources":["../../../../src/components/Sidebar/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\n// STYLES ==============================================================================================================\nimport \"./content-wrapper.css\";\n\n// OTHER ===============================================================================================================\nimport { Element } from \"$element\";\n\nexport type ContentWrapperElementType = HTMLDivElement;\ninterface ContentWrapperCustomProps {\n label ? : string;\n // For aria-label\n}\nexport type ContentWrapperProps = CommonAndHTMLProps<ContentWrapperElementType> & ContentWrapperCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const ContentWrapper = React.forwardRef(\n (\n { label, ...props }: ContentWrapperProps, ref: React.Ref<ContentWrapperElementType>) => {\n\n return (\n <Element<ContentWrapperElementType>\n as=\"main\"\n data-content-wrapper\n ref={ref}\n role=\"main\"\n aria-label={label || \"Main content\"}\n {...props}\n />\n );\n }\n);\nContentWrapper.displayName = \"ContentWrapper\";\n"],"names":["ContentWrapper","React","label","props","ref","jsx","Element"],"mappings":";;;;AAoBO,MAAMA,IAAiBC,EAAM;AAAA,EAChC,CACI,EAAE,OAAAC,GAAO,GAAGC,EAAA,GAA8BC,MAGtC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,wBAAoB;AAAA,MACpB,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,cAAYF,KAAS;AAAA,MACpB,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIpB;AACAH,EAAe,cAAc;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import i from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as s } from "../../Element/Element.js";
|
|
6
|
+
const m = i.forwardRef(
|
|
7
|
+
({ isSticky: o, ...e }, t) => {
|
|
8
|
+
let r = [];
|
|
9
|
+
return o && r.push("is-sticky"), /* @__PURE__ */ a(
|
|
10
|
+
s,
|
|
11
|
+
{
|
|
12
|
+
as: "footer",
|
|
13
|
+
"data-sidebar-footer": !0,
|
|
14
|
+
ref: t,
|
|
15
|
+
classNames: r,
|
|
16
|
+
...e
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
m.displayName = "SidebarFooter";
|
|
22
|
+
export {
|
|
23
|
+
m as SidebarFooter
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=SidebarFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarFooter.js","sources":["../../../../src/components/Sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-footer.css\";\n\n// OTHER ===============================================================================================================\nimport { Element } from \"$element\";\n\n// prettier-ignore\nexport interface SidebarFooterCustomProps {\n isSticky ? : boolean;\n}\n\nexport type SidebarFooterElementType = HTMLDivElement;\nexport type SidebarFooterNewProps = Omit<CommonAndHTMLProps<SidebarFooterElementType>, keyof SidebarFooterCustomProps>\n & SidebarFooterCustomProps;\n\nexport const SidebarFooter = React.forwardRef(\n ({ isSticky, ...props }: SidebarFooterNewProps, ref: React.Ref<SidebarFooterElementType>) => {\n let classNames = [];\n\n if (isSticky) {\n classNames.push(\"is-sticky\");\n }\n\n return (\n <Element<SidebarFooterElementType>\n as=\"footer\"\n data-sidebar-footer\n ref={ref}\n classNames={classNames}\n {...props}\n />\n );\n });\nSidebarFooter.displayName = \"SidebarFooter\";\n"],"names":["SidebarFooter","React","isSticky","props","ref","classNames","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAgBC,EAAM;AAAA,EAC/B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAgCC,MAA6C;AACzF,QAAIC,IAAa,CAAA;AAEjB,WAAIH,KACAG,EAAW,KAAK,WAAW,GAI3B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,uBAAmB;AAAA,QACnB,KAAAH;AAAA,QACA,YAAAC;AAAA,QACC,GAAGF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AAAC;AACLH,EAAc,cAAc;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import s from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as d } from "../../Element/Element.js";
|
|
6
|
+
const m = s.forwardRef(
|
|
7
|
+
({ isSticky: r, ...a }, t) => {
|
|
8
|
+
let e = [];
|
|
9
|
+
return r && e.push("is-sticky"), /* @__PURE__ */ i(
|
|
10
|
+
d,
|
|
11
|
+
{
|
|
12
|
+
as: "header",
|
|
13
|
+
"data-sidebar-header": !0,
|
|
14
|
+
ref: t,
|
|
15
|
+
classNames: e,
|
|
16
|
+
...a
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
m.displayName = "SidebarHeader";
|
|
22
|
+
export {
|
|
23
|
+
m as SidebarHeader
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=SidebarHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarHeader.js","sources":["../../../../src/components/Sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-header.css\";\n\n// OTHER ===============================================================================================================\nimport { Element } from \"$element\";\n\n// prettier-ignore\nexport interface SidebarHeaderCustomProps {\n isSticky ? : boolean;\n}\n\nexport type SidebarHeaderElementType = HTMLDivElement;\nexport type SidebarHeaderNewProps = Omit<CommonAndHTMLProps<SidebarHeaderElementType>, keyof SidebarHeaderCustomProps>\n & SidebarHeaderCustomProps;\n\nexport const SidebarHeader = React.forwardRef(\n ({ isSticky, ...props }: SidebarHeaderNewProps, ref: React.Ref<SidebarHeaderElementType>) => {\n let classNames = [];\n\n if (isSticky) {\n classNames.push(\"is-sticky\");\n }\n\n return (\n <Element<SidebarHeaderElementType>\n as=\"header\"\n data-sidebar-header\n ref={ref}\n classNames={classNames}\n {...props}\n />\n );\n }\n);\nSidebarHeader.displayName = \"SidebarHeader\";\n"],"names":["SidebarHeader","React","isSticky","props","ref","classNames","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAgBC,EAAM;AAAA,EAC/B,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAAgCC,MAA6C;AACzF,QAAIC,IAAa,CAAA;AAEjB,WAAIH,KACAG,EAAW,KAAK,WAAW,GAI3B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,uBAAmB;AAAA,QACnB,KAAAH;AAAA,QACA,YAAAC;AAAA,QACC,GAAGF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAH,EAAc,cAAc;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as o, jsx as p } from "react/jsx-runtime";
|
|
3
|
+
import f from "react";
|
|
4
|
+
import { Div as d } from "../../Element/Tags.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { Element as l } from "../../Element/Element.js";
|
|
7
|
+
const c = f.forwardRef(
|
|
8
|
+
({ hasAlert: i, hasEmptyIcon: r, hasNoIcon: a, children: s, ...t }, m) => {
|
|
9
|
+
let e = [];
|
|
10
|
+
return i && e.push("has-alert"), r ? e.push("has-empty-icon") : a && e.push("has-no-icon"), /* @__PURE__ */ o(
|
|
11
|
+
l,
|
|
12
|
+
{
|
|
13
|
+
as: "div",
|
|
14
|
+
"data-sidebar-item": !0,
|
|
15
|
+
ref: m,
|
|
16
|
+
classNames: e,
|
|
17
|
+
...t,
|
|
18
|
+
children: [
|
|
19
|
+
r && /* @__PURE__ */ p(d, { className: "empty-icon-wrapper" }),
|
|
20
|
+
s
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
c.displayName = "SidebarItem";
|
|
27
|
+
export {
|
|
28
|
+
c as SidebarItem
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=SidebarItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarItem.js","sources":["../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Div } from \"$tags\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-item.css\";\n\ntype BaseItemProps = {\n hasAlert ? : boolean;\n}\n\ntype IconProps =\n | {\n hasEmptyIcon : boolean;\n hasNoIcon ? : never;\n } // If hasEmptyIcon is set, hasNoIcon can't be set\n | {\n hasEmptyIcon ? : never;\n hasNoIcon : boolean;\n } // If hasNoIcon is set, hasEmptyIcon can't be set\n | {\n hasEmptyIcon ? : never;\n hasNoIcon ? : never;\n } // Neither is set\n\nexport type SidebarItemCustomProps = BaseItemProps & IconProps;\n\nexport type SidebarItemElementType = HTMLDivElement;\nexport type SidebarItemNewProps = Omit<CommonAndHTMLProps<SidebarItemElementType>, keyof SidebarItemCustomProps> &\n SidebarItemCustomProps;\n\nexport const SidebarItem = React.forwardRef(\n (\n {hasAlert, hasEmptyIcon, hasNoIcon, children, ...props} : SidebarItemNewProps,\n ref : React.Ref<SidebarItemElementType>) => {\n let classNames = [];\n\n if (hasAlert) {\n classNames.push(\"has-alert\");\n }\n\n if (hasEmptyIcon) {\n classNames.push(\"has-empty-icon\");\n } else if (hasNoIcon) {\n classNames.push(\"has-no-icon\");\n }\n\n return (\n <Element<SidebarItemElementType>\n as=\"div\"\n data-sidebar-item\n ref={ref}\n classNames={classNames}\n {...props}\n >\n {hasEmptyIcon && <Div className=\"empty-icon-wrapper\" />}\n {children}\n </Element>\n );\n },\n);\nSidebarItem.displayName = \"SidebarItem\";\n"],"names":["SidebarItem","React","hasAlert","hasEmptyIcon","hasNoIcon","children","props","ref","classNames","jsxs","Element","jsx","Div"],"mappings":";;;;;AAmCO,MAAMA,IAAcC,EAAM;AAAA,EAC7B,CACI,EAAC,UAAAC,GAAU,cAAAC,GAAc,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GACjDC,MAA4C;AAC5C,QAAIC,IAAa,CAAA;AAEjB,WAAIN,KACAM,EAAW,KAAK,WAAW,GAG3BL,IACAK,EAAW,KAAK,gBAAgB,IACzBJ,KACPI,EAAW,KAAK,aAAa,GAI7B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,qBAAiB;AAAA,QACjB,KAAAH;AAAA,QACA,YAAAC;AAAA,QACC,GAAGF;AAAA,QAEH,UAAA;AAAA,UAAAH,KAAgB,gBAAAQ,EAACC,GAAA,EAAI,WAAU,qBAAA,CAAqB;AAAA,UACpDP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAL,EAAY,cAAc;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as a, jsx as m } from "react/jsx-runtime";
|
|
3
|
+
import s from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as i } from "../../Element/Element.js";
|
|
6
|
+
const p = s.forwardRef(
|
|
7
|
+
({
|
|
8
|
+
title: r,
|
|
9
|
+
children: e,
|
|
10
|
+
...o
|
|
11
|
+
}, t) => /* @__PURE__ */ a(
|
|
12
|
+
i,
|
|
13
|
+
{
|
|
14
|
+
as: "nav",
|
|
15
|
+
"data-sidebar-items-group": !0,
|
|
16
|
+
ref: t,
|
|
17
|
+
...o,
|
|
18
|
+
children: [
|
|
19
|
+
r && /* @__PURE__ */ m("p", { className: "group-title", children: r }),
|
|
20
|
+
e
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
)
|
|
24
|
+
);
|
|
25
|
+
p.displayName = "SidebarItemsGroup";
|
|
26
|
+
export {
|
|
27
|
+
p as SidebarItemsGroup
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=SidebarItemsGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarItemsGroup.js","sources":["../../../../src/components/Sidebar/SidebarItemsGroup/SidebarItemsGroup.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-items-group.css\";\n\n// prettier-ignore\nexport interface SidebarItemsGroupCustomProps {\n title ? : string;\n}\n\nexport type SidebarItemsGroupElementType = HTMLDivElement;\nexport type SidebarItemsGroupNewProps = Omit<CommonAndHTMLProps<SidebarItemsGroupElementType>,\n keyof SidebarItemsGroupCustomProps> & SidebarItemsGroupCustomProps;\n\nexport const SidebarItemsGroup = React.forwardRef(\n (\n {\n title,\n children,\n ...props\n }: SidebarItemsGroupNewProps, forwardedRef: React.Ref<SidebarItemsGroupElementType>) => {\n\n return (\n <Element<SidebarItemsGroupElementType>\n as=\"nav\"\n data-sidebar-items-group\n ref={forwardedRef}\n {...props}\n >\n {title && <p className=\"group-title\">{title}</p>}\n {children}\n </Element>\n );\n },\n);\nSidebarItemsGroup.displayName = \"SidebarItemsGroup\";\n"],"names":["SidebarItemsGroup","React","title","children","props","forwardedRef","jsxs","Element","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAoBC,EAAM;AAAA,EACnC,CACI;AAAA,IACI,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACuBC,MAG1B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,4BAAwB;AAAA,MACxB,KAAKF;AAAA,MACJ,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAF,KAAS,gBAAAM,EAAC,KAAA,EAAE,WAAU,eAAe,UAAAN,GAAM;AAAA,QAC3CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAH,EAAkB,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACtC,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,MAAM,IAAI,CAAC;IACnC,iBAAoB,CAAC,EAAG,OAAO,CAAC;CACnC;AAED,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC;AACvD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EACnF,MAAM,yBAAyB,CAAC,GAAG,yBAAyB,CAAC;AAEjE,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"SidebarWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACtC,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,MAAM,IAAI,CAAC;IACnC,iBAAoB,CAAC,EAAG,OAAO,CAAC;CACnC;AAED,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC;AACvD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EACnF,MAAM,yBAAyB,CAAC,GAAG,yBAAyB,CAAC;AAEjE,eAAO,MAAM,cAAc,8KAuC1B,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import f, { useRef as m, useImperativeHandle as d } from "react";
|
|
4
|
+
import { useClickOutside as n } from "../../../hooks/UseClickOutside.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { Element as u } from "../../Element/Element.js";
|
|
7
|
+
const l = f.forwardRef(
|
|
8
|
+
({
|
|
9
|
+
collapsed: t,
|
|
10
|
+
closeOnClickOutside: a,
|
|
11
|
+
showMobileSidebar: p,
|
|
12
|
+
...i
|
|
13
|
+
}, s) => {
|
|
14
|
+
const e = m(null);
|
|
15
|
+
d(s, () => e.current), n(e, () => {
|
|
16
|
+
typeof a == "function" && a();
|
|
17
|
+
});
|
|
18
|
+
let r = [];
|
|
19
|
+
return t && r.push("collapsed"), p && r.push("show-sidebar"), /* @__PURE__ */ o(
|
|
20
|
+
u,
|
|
21
|
+
{
|
|
22
|
+
as: "aside",
|
|
23
|
+
"data-sidebar-wrapper": !0,
|
|
24
|
+
ref: e,
|
|
25
|
+
classNames: r,
|
|
26
|
+
...i
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
l.displayName = "SidebarWrapper";
|
|
32
|
+
export {
|
|
33
|
+
l as SidebarWrapper
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=SidebarWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarWrapper.js","sources":["../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useRef, useImperativeHandle } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\nimport { Element } from \"$element\";\n\n// HOOKS ===============================================================================================================\nimport { useClickOutside } from \"../../../hooks/UseClickOutside\";\n\n// STYLES ==============================================================================================================\nimport \"./sidebar-wrapper.css\";\n\n// prettier-ignore\nexport interface SidebarWrapperCustomProps {\n collapsed ? : boolean;\n closeOnClickOutside ? : () => void;\n showMobileSidebar ? : boolean;\n}\n\nexport type SidebarWrapperElementType = HTMLDivElement;\nexport type SidebarWrapperNewProps = Omit<CommonAndHTMLProps<SidebarWrapperElementType>,\n keyof SidebarWrapperCustomProps> & SidebarWrapperCustomProps;\n\nexport const SidebarWrapper = React.forwardRef(\n (\n {\n collapsed,\n closeOnClickOutside,\n showMobileSidebar,\n ...props\n } : SidebarWrapperNewProps, forwardedRef : React.Ref<SidebarWrapperElementType>) => {\n\n const internalRef = useRef<HTMLDivElement>(null);\n\n useImperativeHandle(forwardedRef, () => internalRef.current!);\n\n useClickOutside(internalRef, () => {\n if (typeof closeOnClickOutside === \"function\") {\n closeOnClickOutside();\n }\n });\n\n let classNames = [];\n\n if (collapsed) {\n classNames.push(\"collapsed\");\n }\n\n if (showMobileSidebar) {\n classNames.push(\"show-sidebar\");\n }\n\n return (\n <Element<SidebarWrapperElementType>\n as=\"aside\"\n data-sidebar-wrapper\n ref={internalRef}\n classNames={classNames}\n {...props}\n />\n );\n },\n);\nSidebarWrapper.displayName = \"SidebarWrapper\";\n"],"names":["SidebarWrapper","React","collapsed","closeOnClickOutside","showMobileSidebar","props","forwardedRef","internalRef","useRef","useImperativeHandle","useClickOutside","classNames","jsx","Element"],"mappings":";;;;;AAwBO,MAAMA,IAAiBC,EAAM;AAAA,EAChC,CACI;AAAA,IACI,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACqBC,MAAwD;AAEpF,UAAMC,IAAcC,EAAuB,IAAI;AAE/C,IAAAC,EAAoBH,GAAc,MAAMC,EAAY,OAAQ,GAE5DG,EAAgBH,GAAa,MAAM;AAC/B,MAAI,OAAOJ,KAAwB,cAC/BA,EAAA;AAAA,IAER,CAAC;AAED,QAAIQ,IAAa,CAAA;AAEjB,WAAIT,KACAS,EAAW,KAAK,WAAW,GAG3BP,KACAO,EAAW,KAAK,cAAc,GAI9B,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,wBAAoB;AAAA,QACpB,KAAKN;AAAA,QACL,YAAAI;AAAA,QACC,GAAGN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAL,EAAe,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,gBAAgB,CAAC;AAGxB,UAAU,mBAAmB;IACzB,MAAa,CAAC,EAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,YAAa,CAAC,EAAG,MAAM,CAAC;CAE3B;AASD,UAAU,mBAAoB,SAAQ,mBAAmB;IACrD,OAAQ,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAQ,CAAC,EAAG,UAAU,CAAC;CAC1B;AAGD,UAAU,wBAAyB,SAAQ,mBAAmB;IAC1D,MAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,UAAU,GAAG,YAAY,CAAC;IACxC,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,mBAAmB,CAAC,GACtE,mBAAmB,CAAC;AAC1B,MAAM,MAAM,kBAAkB,GAC1B,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC3E,wBAAwB,CAAC;AAG/B,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,gBAAgB,CAAC;AAGxB,UAAU,mBAAmB;IACzB,MAAa,CAAC,EAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,YAAa,CAAC,EAAG,MAAM,CAAC;CAE3B;AASD,UAAU,mBAAoB,SAAQ,mBAAmB;IACrD,OAAQ,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAQ,CAAC,EAAG,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAQ,CAAC,EAAG,UAAU,CAAC;CAC1B;AAGD,UAAU,wBAAyB,SAAQ,mBAAmB;IAC1D,MAAU,CAAC,EAAG,MAAM,CAAC;IACrB,SAAU,CAAC,EAAG,UAAU,GAAG,YAAY,CAAC;IACxC,OAAU,CAAC,EAAG,YAAY,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,mBAAmB,CAAC,GACtE,mBAAmB,CAAC;AAC1B,MAAM,MAAM,kBAAkB,GAC1B,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,MAAM,wBAAwB,CAAC,GAC3E,wBAAwB,CAAC;AAG/B,eAAO,MAAM,QAAQ,kKAyDnB,CAAC;AAGH,eAAO,MAAM,aAAa,4KA2CxB,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
|
+
import d, { useContext as b, createContext as g } from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as y } from "../Element/Element.js";
|
|
6
|
+
const k = g({
|
|
7
|
+
effect: "wave",
|
|
8
|
+
animate: !0
|
|
9
|
+
}), $ = d.forwardRef(({
|
|
10
|
+
variant: e = "line",
|
|
11
|
+
width: t,
|
|
12
|
+
height: r,
|
|
13
|
+
shape: s,
|
|
14
|
+
effect: u,
|
|
15
|
+
loadingLabel: f,
|
|
16
|
+
...l
|
|
17
|
+
}, n) => {
|
|
18
|
+
const c = b(k), i = u || c.effect, a = f || c.loadingLabel || "Loading...";
|
|
19
|
+
let o = [];
|
|
20
|
+
e && o.push(`variant-${e}`), s && o.push(`shape-${s}`), i && o.push(`effect-${i}`);
|
|
21
|
+
const p = t || "100%", v = e === "circle" ? (typeof t == "number" ? `${t}px` : t) || r || "100%" : r, x = {
|
|
22
|
+
width: p,
|
|
23
|
+
height: v,
|
|
24
|
+
aspectRatio: e === "circle" ? "1 / 1" : "auto",
|
|
25
|
+
...l.style
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ m(
|
|
28
|
+
y,
|
|
29
|
+
{
|
|
30
|
+
as: "div",
|
|
31
|
+
"data-skeleton": !0,
|
|
32
|
+
ref: n,
|
|
33
|
+
classNames: o,
|
|
34
|
+
style: x,
|
|
35
|
+
role: "progressbar",
|
|
36
|
+
"aria-busy": "true",
|
|
37
|
+
"aria-valuetext": a,
|
|
38
|
+
"aria-label": a,
|
|
39
|
+
...l
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
});
|
|
43
|
+
$.displayName = "Skeleton";
|
|
44
|
+
const h = d.forwardRef(({
|
|
45
|
+
effect: e = "wave",
|
|
46
|
+
spacing: t = "small",
|
|
47
|
+
animate: r = !0,
|
|
48
|
+
repeat: s = 1,
|
|
49
|
+
direction: u = "vertical",
|
|
50
|
+
children: f,
|
|
51
|
+
classNames: l = [],
|
|
52
|
+
loadingLabel: n = "Loading content...",
|
|
53
|
+
...c
|
|
54
|
+
}, i) => {
|
|
55
|
+
const a = [
|
|
56
|
+
`direction-${u}`,
|
|
57
|
+
e && `effect-${e}`,
|
|
58
|
+
...l
|
|
59
|
+
];
|
|
60
|
+
return t && a.push(`spacing-${t}`), /* @__PURE__ */ m(k.Provider, { value: { effect: e, animate: r, loadingLabel: n }, children: /* @__PURE__ */ m(
|
|
61
|
+
y,
|
|
62
|
+
{
|
|
63
|
+
as: "div",
|
|
64
|
+
ref: i,
|
|
65
|
+
"data-skeleton-group": !0,
|
|
66
|
+
classNames: a,
|
|
67
|
+
role: "status",
|
|
68
|
+
"aria-busy": "true",
|
|
69
|
+
"aria-label": n,
|
|
70
|
+
...c,
|
|
71
|
+
children: Array(s).fill(f).map((o, p) => d.cloneElement(o, {
|
|
72
|
+
key: p
|
|
73
|
+
}))
|
|
74
|
+
}
|
|
75
|
+
) });
|
|
76
|
+
});
|
|
77
|
+
h.displayName = "SkeletonGroup";
|
|
78
|
+
export {
|
|
79
|
+
$ as Skeleton,
|
|
80
|
+
h as SkeletonGroup
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { createContext, useContext } from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps, ShapeTypes, SpacingTypes } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./skeleton.css\";\n\n// Common skeleton props shared between Skeleton and SkeletonGroup\ninterface CommonSkeletonProps {\n effect ? : \"pulse\" | \"wave\" | \"none\";\n animate ? : boolean;\n loadingLabel ? : string;\n // Accessible label for loading state\n}\n\n// Context to share common properties\nconst SkeletonContext = createContext<CommonSkeletonProps>({\n effect : \"wave\",\n animate : true,\n});\n\n// Props specific to individual Skeleton elements\ninterface SkeletonCustomProps extends CommonSkeletonProps {\n variant ? : \"line\" | \"circle\" | \"block\";\n width ? : string | number;\n height ? : string | number;\n shape ? : ShapeTypes;\n}\n\n// Props specific to SkeletonGroup\ninterface SkeletonGroupCustomProps extends CommonSkeletonProps {\n repeat ? : number;\n direction ? : \"vertical\" | \"horizontal\";\n spacing ? : SpacingTypes;\n}\n\nexport type SkeletonElementType = HTMLDivElement;\nexport type SkeletonProps =\n Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonCustomProps>\n & SkeletonCustomProps;\nexport type SkeletonGroupProps =\n Omit<CommonAndHTMLProps<SkeletonElementType>, keyof SkeletonGroupCustomProps>\n & SkeletonGroupCustomProps;\n\n// COMPONENTS //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Skeleton = React.forwardRef((\n {\n variant = \"line\",\n width,\n height,\n shape,\n effect: localEffect,\n loadingLabel,\n ...props\n }: SkeletonProps, ref: React.Ref<SkeletonElementType>) => {\n // Get shared properties from group context\n const groupContext = useContext(SkeletonContext);\n\n const effectiveEffect = localEffect || groupContext.effect;\n const effectiveLabel = loadingLabel || groupContext.loadingLabel || \"Loading...\";\n\n let classNames = [];\n\n if (variant) {\n classNames.push(`variant-${variant}`);\n }\n\n if (shape) {\n classNames.push(`shape-${shape}`);\n }\n\n if (effectiveEffect) {\n classNames.push(`effect-${effectiveEffect}`);\n }\n\n // Handle circle variant dimensions\n const computedWidth = width || \"100%\";\n const computedHeight = variant === \"circle\"\n ? (typeof width === \"number\" ? `${width}px` : width) || height || \"100%\"\n : height;\n\n const style = {\n width: computedWidth,\n height: computedHeight,\n aspectRatio: variant === \"circle\" ? \"1 / 1\" : \"auto\",\n ...props.style,\n };\n\n return (\n <Element\n as=\"div\"\n data-skeleton\n ref={ref}\n classNames={classNames}\n style={style}\n role=\"progressbar\"\n aria-busy=\"true\"\n aria-valuetext={effectiveLabel}\n aria-label={effectiveLabel}\n {...props}\n />\n );\n});\nSkeleton.displayName = \"Skeleton\";\n\nexport const SkeletonGroup = React.forwardRef((\n {\n effect = \"wave\",\n spacing = \"small\",\n animate = true,\n repeat = 1,\n direction = \"vertical\",\n children,\n classNames = [],\n loadingLabel = \"Loading content...\",\n ...props\n }: SkeletonGroupProps, ref: React.Ref<SkeletonElementType>) => {\n\n const groupClassNames = [\n `direction-${direction}`,\n effect && `effect-${effect}`,\n ...classNames,\n ];\n\n if (spacing) {\n groupClassNames.push(`spacing-${spacing}`);\n }\n\n return (\n <SkeletonContext.Provider value={{ effect, animate, loadingLabel }}>\n <Element\n as=\"div\"\n ref={ref}\n data-skeleton-group\n classNames={groupClassNames}\n role=\"status\"\n aria-busy=\"true\"\n aria-label={loadingLabel}\n {...props}\n >\n {Array(repeat).fill(children).map((child, index) => (\n React.cloneElement(child as React.ReactElement, {\n key: index\n })\n ))}\n </Element>\n </SkeletonContext.Provider>\n );\n});\nSkeletonGroup.displayName = \"SkeletonGroup\";\n"],"names":["SkeletonContext","createContext","Skeleton","React","variant","width","height","shape","localEffect","loadingLabel","props","ref","groupContext","useContext","effectiveEffect","effectiveLabel","classNames","computedWidth","computedHeight","style","jsx","Element","SkeletonGroup","effect","spacing","animate","repeat","direction","children","groupClassNames","child","index"],"mappings":";;;;AAmBA,MAAMA,IAAkBC,EAAmC;AAAA,EACvD,QAAY;AAAA,EACZ,SAAY;AAChB,CAAC,GA0BYC,IAAWC,EAAM,WAAW,CACrC;AAAA,EACI,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAQC;AAAA,EACR,cAAAC;AAAA,EACA,GAAGC;AACP,GAAkBC,MAAwC;AAE1D,QAAMC,IAAeC,EAAWb,CAAe,GAEzCc,IAAkBN,KAAeI,EAAa,QAC9CG,IAAiBN,KAAgBG,EAAa,gBAAgB;AAEpE,MAAII,IAAa,CAAA;AAEjB,EAAIZ,KACAY,EAAW,KAAK,WAAWZ,CAAO,EAAE,GAGpCG,KACAS,EAAW,KAAK,SAAST,CAAK,EAAE,GAGhCO,KACAE,EAAW,KAAK,UAAUF,CAAe,EAAE;AAI/C,QAAMG,IAAgBZ,KAAS,QACzBa,IAAiBd,MAAY,YAC5B,OAAOC,KAAU,WAAW,GAAGA,CAAK,OAAOA,MAAUC,KAAU,SAChEA,GAEAa,IAAQ;AAAA,IACV,OAAOF;AAAA,IACP,QAAQC;AAAA,IACR,aAAad,MAAY,WAAW,UAAU;AAAA,IAC9C,GAAGM,EAAM;AAAA,EAAA;AAGb,SACI,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,iBAAa;AAAA,MACb,KAAAV;AAAA,MACA,YAAAK;AAAA,MACA,OAAAG;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,kBAAgBJ;AAAA,MAChB,cAAYA;AAAA,MACX,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AACDR,EAAS,cAAc;AAEhB,MAAMoB,IAAgBnB,EAAM,WAAW,CAC1C;AAAA,EACI,QAAAoB,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,YAAAZ,IAAa,CAAA;AAAA,EACb,cAAAP,IAAe;AAAA,EACf,GAAGC;AACP,GAAuBC,MAAwC;AAE/D,QAAMkB,IAAkB;AAAA,IACpB,aAAaF,CAAS;AAAA,IACtBJ,KAAU,UAAUA,CAAM;AAAA,IAC1B,GAAGP;AAAA,EAAA;AAGP,SAAIQ,KACAK,EAAgB,KAAK,WAAWL,CAAO,EAAE,GAIzC,gBAAAJ,EAACpB,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAuB,GAAQ,SAAAE,GAAS,cAAAhB,KAChD,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,KAAAV;AAAA,MACA,uBAAmB;AAAA,MACnB,YAAYkB;AAAA,MACZ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYpB;AAAA,MACX,GAAGC;AAAA,MAEH,UAAA,MAAMgB,CAAM,EAAE,KAAKE,CAAQ,EAAE,IAAI,CAACE,GAAOC,MACtC5B,EAAM,aAAa2B,GAA6B;AAAA,QAC5C,KAAKC;AAAA,MAAA,CACR,CACJ;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AACDT,EAAc,cAAc;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import m from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as s } from "../Element/Element.js";
|
|
6
|
+
const p = m.forwardRef(
|
|
7
|
+
({
|
|
8
|
+
size: r = "medium",
|
|
9
|
+
loadingText: a = "Loading...",
|
|
10
|
+
...i
|
|
11
|
+
}, t) => {
|
|
12
|
+
let e = [];
|
|
13
|
+
return r && e.push(`size-${r}`), /* @__PURE__ */ o(
|
|
14
|
+
s,
|
|
15
|
+
{
|
|
16
|
+
as: "div",
|
|
17
|
+
"data-spinner": !0,
|
|
18
|
+
ref: t,
|
|
19
|
+
classNames: e,
|
|
20
|
+
role: "status",
|
|
21
|
+
"aria-busy": "true",
|
|
22
|
+
"aria-live": "polite",
|
|
23
|
+
"aria-label": a,
|
|
24
|
+
...i
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
p.displayName = "Spinner";
|
|
30
|
+
export {
|
|
31
|
+
p as Spinner
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React from \"react\";\n\n// ELEMENT =============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { Element } from \"$element\";\n\n// STYLES ==============================================================================================================\nimport \"./spinner.css\";\n\n// prettier-ignore\nexport interface SpinnerCustomProps {\n size ? : \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n loadingText ? : string;\n // Custom loading message for screen readers\n}\n\nexport type SpinnerElementType = HTMLDivElement;\nexport type SpinnerProps = Omit<CommonAndHTMLProps<SpinnerElementType>, keyof SpinnerCustomProps> & SpinnerCustomProps;\n\n// COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Spinner = React.forwardRef((\n {\n size = \"medium\",\n loadingText = \"Loading...\",\n ...props\n }: SpinnerProps,\n ref: React.Ref<SpinnerElementType>,\n ) => {\n let classNames = [];\n\n if (size) {\n classNames.push(`size-${size}`);\n }\n\n return (\n <Element<SpinnerElementType>\n as=\"div\"\n data-spinner\n ref={ref}\n classNames={classNames}\n role=\"status\"\n aria-busy=\"true\"\n aria-live=\"polite\"\n aria-label={loadingText}\n {...props}\n />\n );\n },\n);\nSpinner.displayName = \"Spinner\";\n"],"names":["Spinner","React","size","loadingText","props","ref","classNames","jsx","Element"],"mappings":";;;;AAqBO,MAAMA,IAAUC,EAAM;AAAA,EAAW,CAChC;AAAA,IACI,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,QAAIC,IAAa,CAAA;AAEjB,WAAIJ,KACAI,EAAW,KAAK,QAAQJ,CAAI,EAAE,GAI9B,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,gBAAY;AAAA,QACZ,KAAAH;AAAA,QACA,YAAAC;AAAA,QACA,MAAK;AAAA,QACL,aAAU;AAAA,QACV,aAAU;AAAA,QACV,cAAYH;AAAA,QACX,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;AACAJ,EAAQ,cAAc;"}
|
|
@@ -9,7 +9,6 @@ export interface TableCustomProps {
|
|
|
9
9
|
isFullWidth?: boolean;
|
|
10
10
|
caption?: string;
|
|
11
11
|
summary?: string;
|
|
12
|
-
hasColSpan?: boolean;
|
|
13
12
|
}
|
|
14
13
|
export type TableElementType = HTMLTableElement;
|
|
15
14
|
export type TableProps = Omit<CommonAndHTMLProps<TableElementType>, keyof TableCustomProps> & TableCustomProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC7B,UAAoB,CAAC,EAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,SAAoB,CAAC,EAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,WAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,OAAoB,CAAC,EAAG,MAAM,CAAC;IAC/B,OAAoB,CAAC,EAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC7B,UAAoB,CAAC,EAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,SAAoB,CAAC,EAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,SAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,mBAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,WAAoB,CAAC,EAAG,OAAO,CAAC;IAChC,OAAoB,CAAC,EAAG,MAAM,CAAC;IAC/B,OAAoB,CAAC,EAAG,MAAM,CAAC;CAClC;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,MAAM,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;AAG/G,eAAO,MAAM,KAAK,gKAuDjB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as h, jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import u from "react";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Element as b } from "../Element/Element.js";
|
|
6
|
+
const c = u.forwardRef(
|
|
7
|
+
({
|
|
8
|
+
bordersFor: r,
|
|
9
|
+
isStriped: l,
|
|
10
|
+
highlightRowOnHover: s,
|
|
11
|
+
isFullWidth: a,
|
|
12
|
+
alignText: t,
|
|
13
|
+
caption: i,
|
|
14
|
+
summary: p,
|
|
15
|
+
children: f,
|
|
16
|
+
...o
|
|
17
|
+
}, m) => {
|
|
18
|
+
let e = [];
|
|
19
|
+
return r && e.push(`bordered-${r}`), l && e.push("striped"), s && e.push("hoverable"), a && e.push("full-width"), t && e.push(`align-text-${t}`), /* @__PURE__ */ h(
|
|
20
|
+
b,
|
|
21
|
+
{
|
|
22
|
+
as: "table",
|
|
23
|
+
classNames: e,
|
|
24
|
+
ref: m,
|
|
25
|
+
role: "table",
|
|
26
|
+
summary: p,
|
|
27
|
+
...o,
|
|
28
|
+
children: [
|
|
29
|
+
i && /* @__PURE__ */ d("caption", { children: i }),
|
|
30
|
+
f
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
c.displayName = "Table";
|
|
37
|
+
export {
|
|
38
|
+
c as Table
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["// FRAMEWORK ===========================================================================================================\nimport React from \"react\";\n\n// FICTOAN =============================================================================================================\nimport { Element } from \"../Element\";\n\n// STYLES ==============================================================================================================\nimport \"./table.css\";\n\n// TYPES ===============================================================================================================\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\n// prettier-ignore\nexport interface TableCustomProps {\n bordersFor ? : \"rows\" | \"columns\" | \"both\";\n alignText ? : \"left\" | \"right\" | \"centre\" | \"center\";\n isStriped ? : boolean;\n highlightRowOnHover ? : boolean;\n isFullWidth ? : boolean;\n caption ? : string; // Accessible table caption\n summary ? : string; // Description of table structure for complex tables\n}\n\nexport type TableElementType = HTMLTableElement;\nexport type TableProps = Omit<CommonAndHTMLProps<TableElementType>, keyof TableCustomProps> & TableCustomProps;\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Table = React.forwardRef(\n (\n {\n bordersFor,\n isStriped,\n highlightRowOnHover,\n isFullWidth,\n alignText,\n caption,\n summary,\n children,\n ...props\n }: TableProps,\n ref: React.Ref<TableElementType>\n ) => {\n let classNames = [];\n\n if (bordersFor) {\n classNames.push(`bordered-${bordersFor}`);\n }\n\n if (isStriped) {\n classNames.push(\"striped\");\n }\n\n if (highlightRowOnHover) {\n classNames.push(\"hoverable\");\n }\n\n if (isFullWidth) {\n classNames.push(\"full-width\");\n }\n\n if (alignText) {\n classNames.push(`align-text-${alignText}`);\n }\n\n // No aria-rowcount / aria-colcount: those are for virtualised/paginated tables where the\n // DOM holds only a subset of rows. This Table renders all children, so the native <table>\n // semantics convey the counts — deriving them from arbitrary children was wrong anyway\n // (counted thead+tbody as 2 rows; colcount was dead for any multi-section table).\n return (\n <Element<TableElementType>\n as=\"table\"\n classNames={classNames}\n ref={ref}\n role=\"table\"\n summary={summary}\n {...props}\n >\n {caption && <caption>{caption}</caption>}\n {children}\n </Element>\n );\n }\n);\nTable.displayName = \"Table\";\n"],"names":["Table","React","bordersFor","isStriped","highlightRowOnHover","isFullWidth","alignText","caption","summary","children","props","ref","classNames","jsxs","Element","jsx"],"mappings":";;;;AA2BO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CACI;AAAA,IACI,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,QAAIC,IAAa,CAAA;AAEjB,WAAIV,KACAU,EAAW,KAAK,YAAYV,CAAU,EAAE,GAGxCC,KACAS,EAAW,KAAK,SAAS,GAGzBR,KACAQ,EAAW,KAAK,WAAW,GAG3BP,KACAO,EAAW,KAAK,YAAY,GAG5BN,KACAM,EAAW,KAAK,cAAcN,CAAS,EAAE,GAQzC,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,YAAAF;AAAA,QACA,KAAAD;AAAA,QACA,MAAK;AAAA,QACL,SAAAH;AAAA,QACC,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAH,KAAW,gBAAAQ,EAAC,aAAS,UAAAR,EAAA,CAAQ;AAAA,UAC7BE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAT,EAAM,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,OAAO,YAAY,CAAC;AAMpB,UAAU,OAAO;IACT,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAM,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAS,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,MAAM,WAAW,eAAe;IACxB,IAAI,EAA4B,OAAO,EAAE,CAAC;IAC1C,2BAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,gBAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,KAA4B,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvE,WAA4B,CAAC,EAAG,OAAO,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,eAAe,CAAC,GAAG,eAAe,CAAC;AAE3G,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,OAAO,YAAY,CAAC;AAMpB,UAAU,OAAO;IACT,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAM,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAS,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,MAAM,WAAW,eAAe;IACxB,IAAI,EAA4B,OAAO,EAAE,CAAC;IAC1C,2BAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,gBAA4B,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAChD,KAA4B,CAAC,EAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvE,WAA4B,CAAC,EAAG,OAAO,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,eAAe,CAAC,GAAG,eAAe,CAAC;AAE3G,eAAO,MAAM,IAAI,0JAuJhB,CAAC"}
|