@soyfri/shared-library 1.2.1 → 1.3.0

package/cjs/components/tabs/TabItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>null;e.displayName="Tab",exports.Tab=e,exports.default=e;
+//# sourceMappingURL=TabItem.cjs.map

package/cjs/components/tabs/TabItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/components/tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),l=require("react"),r=require("@mui/material"),o=require("./_tabUtils.cjs");const s=({children:s,defaultValue:a,onChange:t,centered:n=!0,orientation:i="horizontal",scrollButtons:u="auto",variant:c="standard",indicatorColor:x="primary",labelColor:d="primary",className:p,onChangeValue:m,allowScrollButtonsMobile:v=!0,sx:j})=>{var b,h;const B=null===(b=s[0])||void 0===b?void 0:b.props.value,[_,C]=l.useState(null!==(h=null!=a?a:B)&&void 0!==h?h:0);return e.jsxRuntimeExports.jsxs(r.Box,{sx:{display:o.TAB_DISPLAY_MAP[i].display,flexDirection:o.TAB_DISPLAY_MAP[i].flexDirection},children:[e.jsxRuntimeExports.jsx(r.Tabs,{value:_,onChange:(e,l)=>{C(l),null==t||t(),null==m||m(l)},centered:n,indicatorColor:x,orientation:i,scrollButtons:u,variant:c,className:p,textColor:d,sx:j,allowScrollButtonsMobile:v,children:s.map(((l,o)=>{const{label:s,icon:a,value:t=o,disabled:n,wrapped:i,iconPosition:u,className:c,sx:x}=l.props;return e.jsxRuntimeExports.jsx(r.Tab,{label:s,icon:a,value:t,disabled:n,wrapped:i,iconPosition:u,className:c,sx:x},t)}))}),e.jsxRuntimeExports.jsx(r.Box,{m:2,role:"tabpanel",children:s.map(((l,o)=>{var s;const a=null!==(s=l.props.value)&&void 0!==s?s:o;return a===_?e.jsxRuntimeExports.jsx(r.Box,{children:l.props.children},a):null}))})]})};exports.Tabs=s,exports.default=s;
+//# sourceMappingURL=Tabs.cjs.map

package/cjs/components/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/components/tabs/_tabUtils.cjs

@@ -0,0 +1,2 @@
+"use strict";exports.TAB_DISPLAY_MAP={horizontal:{display:"flex",flexDirection:"column"},vertical:{display:"flex",flexDirection:"row"}};
+//# sourceMappingURL=_tabUtils.cjs.map

package/cjs/components/tabs/_tabUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tabUtils.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/components/tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";var s=require("./tabs/Tabs.cjs"),a=require("./tabs/TabItem.cjs");exports.Tabs=s.Tabs,exports.TabItem=a.Tab;
+//# sourceMappingURL=tabs.cjs.map

package/cjs/components/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Modal/index.ts

@@ -0,0 +1 @@
+export * from '../../esm/components/Modal';

package/components/tabs/index.ts

@@ -0,0 +1 @@
+export * from '../../esm/components/tabs';

package/esm/components/Modal/Modal.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DialogProps } from '@mui/material/Dialog';
+import { ModalAction, ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export interface ModalRef {
+    open: () => void;
+    close: () => void;
+}
+interface ModalProps {
+    open?: boolean;
+    onClose?: () => void;
+    title?: string;
+    children: React.ReactNode;
+    showCloseButton?: boolean;
+    closeButtonText?: string;
+    closeButtonDisabled?: boolean;
+    actions?: ModalAction[];
+    maxWidth?: DialogProps['maxWidth'];
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
+type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+};
+declare const ModalWithStatics: ModalComponent;
+export default ModalWithStatics;

package/esm/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Modal from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const ImperativeControl: Story;
+export declare const CompleteStructure: Story;
+export declare const NoDefaultCloseButton: Story;
+export declare const DisabledCloseButton: Story;
+export declare const Sizing: Story;
+export declare const LongContent: Story;

package/esm/components/Modal/ModalBody.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ModalBodyProps {
+    children: React.ReactNode;
+}
+export declare const ModalBody: React.FC<ModalBodyProps>;
+export default ModalBody;

package/esm/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export interface ModalAction {
+    text: string;
+    onClick: () => void;
+    disabled?: boolean;
+    variant?: ButtonProps['variant'];
+    color?: ButtonProps['color'];
+}
+export interface ModalFooterProps {
+    children?: React.ReactNode;
+    showCloseButton?: boolean;
+    closeButtonText?: string;
+    closeButtonDisabled?: boolean;
+    onClose: () => void;
+    actions?: ModalAction[];
+}
+export declare const ModalFooter: React.FC<ModalFooterProps>;
+export default ModalFooter;

package/esm/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ModalHeaderProps {
+    children: React.ReactNode;
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export default ModalHeader;

package/esm/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Modal } from './Modal';
+export { default as ModalBody } from './ModalBody';
+export { default as ModalFooter } from './ModalFooter';
+export { default as ModalHeader } from './ModalHeader';

package/esm/components/tabs/Tab.definition.d.ts

@@ -0,0 +1,2 @@
+export declare const DefaultTabDefinition: string;
+export declare const ScrollTabDefinition: string;

package/esm/components/tabs/TabItem.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { TabProps as MuiTabProps } from "@mui/material";
+type PickMuiTabProps = Pick<MuiTabProps, "label" | "icon" | "disabled" | "sx" | "value" | "wrapped" | "iconPosition" | "className" | "disabled" | 'disableRipple'>;
+export interface TabProps extends PickMuiTabProps {
+    value?: number;
+    onChange?: () => void;
+    children?: React.ReactNode;
+}
+export declare const Tab: {
+    (_: TabProps): null;
+    displayName: string;
+};
+export default Tab;

package/esm/components/tabs/TabItem.js

@@ -0,0 +1,2 @@
+const a=a=>null;a.displayName="Tab";export{a as Tab,a as default};
+//# sourceMappingURL=TabItem.js.map

package/esm/components/tabs/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactElement } from "react";
+import { TabsProps as MuiTabsProps } from "@mui/material";
+import { TabProps } from "./TabItem";
+type PickTabsProps = Pick<MuiTabsProps, "centered" | "indicatorColor" | "orientation" | "scrollButtons" | "variant" | "className" | "sx" | "visibleScrollbar" | 'indicatorColor' | 'allowScrollButtonsMobile'>;
+interface MyTabsProps extends PickTabsProps {
+    children: ReactElement<TabProps>[];
+    defaultValue?: number;
+    onChange?: () => void;
+    centered?: boolean;
+    orientation?: "horizontal" | "vertical";
+    scrollButtons?: "auto" | false | true;
+    variant?: "standard" | "scrollable" | "fullWidth";
+    indicatorColor?: "primary" | "secondary";
+    labelColor?: "primary" | "secondary" | "inherit";
+    onChangeValue?: (newValue: number) => void;
+    allowScrollButtonsMobile?: boolean;
+}
+export declare const Tabs: React.FC<MyTabsProps>;
+export default Tabs;

package/esm/components/tabs/Tabs.js

@@ -0,0 +1,2 @@
+import{j as l}from"../../_virtual/jsx-runtime.js";import{useState as o}from"react";import{Box as a,Tabs as r,Tab as e}from"@mui/material";import{TAB_DISPLAY_MAP as n}from"./_tabUtils.js";const i=({children:i,defaultValue:s,onChange:t,centered:c=!0,orientation:u="horizontal",scrollButtons:d="auto",variant:p="standard",indicatorColor:m="primary",labelColor:x="primary",className:v,onChangeValue:b,allowScrollButtonsMobile:h=!0,sx:j})=>{var f,C;const w=null===(f=i[0])||void 0===f?void 0:f.props.value,[y,B]=o(null!==(C=null!=s?s:w)&&void 0!==C?C:0);return l.jsxs(a,{sx:{display:n[u].display,flexDirection:n[u].flexDirection},children:[l.jsx(r,{value:y,onChange:(l,o)=>{B(o),null==t||t(),null==b||b(o)},centered:c,indicatorColor:m,orientation:u,scrollButtons:d,variant:p,className:v,textColor:x,sx:j,allowScrollButtonsMobile:h,children:i.map(((o,a)=>{const{label:r,icon:n,value:i=a,disabled:s,wrapped:t,iconPosition:c,className:u,sx:d}=o.props;return l.jsx(e,{label:r,icon:n,value:i,disabled:s,wrapped:t,iconPosition:c,className:u,sx:d},i)}))}),l.jsx(a,{m:2,role:"tabpanel",children:i.map(((o,r)=>{var e;const n=null!==(e=o.props.value)&&void 0!==e?e:r;return n===y?l.jsx(a,{children:o.props.children},n):null}))})]})};export{i as Tabs,i as default};
+//# sourceMappingURL=Tabs.js.map

package/esm/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/tabs/Tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Tabs from "./Tabs";
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const DefaultTab: Story;
+export declare const ScrollTab: Story;
+export declare const VeriticalTab: Story;

package/esm/components/tabs/_tabUtils.d.ts

@@ -0,0 +1,4 @@
+export declare const TAB_DISPLAY_MAP: Record<"horizontal" | "vertical", {
+    display: string;
+    flexDirection: string;
+}>;

package/esm/components/tabs/_tabUtils.js

@@ -0,0 +1,2 @@
+const l={horizontal:{display:"flex",flexDirection:"column"},vertical:{display:"flex",flexDirection:"row"}};export{l as TAB_DISPLAY_MAP};
+//# sourceMappingURL=_tabUtils.js.map

package/esm/components/tabs/_tabUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tabUtils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tabs } from './Tabs';
+export { default as TabItem } from './TabItem';

package/esm/components/tabs.js

@@ -0,0 +1,2 @@
+export{Tabs}from"./tabs/Tabs.js";export{Tab as TabItem}from"./tabs/TabItem.js";
+//# sourceMappingURL=tabs.js.map

package/esm/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -40,6 +40,11 @@
       "require": "./cjs/components/timeline.cjs",
       "types": "./esm/components/timeline/timeline.d.ts"
     },
+    "./components/tabs": {
+      "import": "./esm/components/tabs.js",
+      "require": "./cjs/components/tabs.cjs",
+      "types": "./esm/components/tabs/tabs.d.ts"
+    },
     "./components/Table": {
       "import": "./esm/components/Table.js",
       "require": "./cjs/components/Table.cjs",
@@ -55,6 +60,11 @@
       "require": "./cjs/components/Select.cjs",
       "types": "./esm/components/Select/Select.d.ts"
     },
+    "./components/Modal": {
+      "import": "./esm/components/Modal.js",
+      "require": "./cjs/components/Modal.cjs",
+      "types": "./esm/components/Modal/Modal.d.ts"
+    },
     "./components/MenuButton": {
       "import": "./esm/components/MenuButton.js",
       "require": "./cjs/components/MenuButton.cjs",