@telicent-oss/ds 0.21.1 → 0.22.0

package/dist/ds.js

@@ -57742,19 +57742,19 @@ const LinearProgress2 = ({
   );
 };
 const Skeleton2 = Skeleton$1;
-const PrimaryButton = (buttonProps) => /* @__PURE__ */ jsx$1(Button$1, { variant: "contained", color: "primary", ...buttonProps, children: buttonProps.children });
-const SecondaryButton = (buttonProps) => {
+const PrimaryButton = forwardRef((buttonProps, ref) => /* @__PURE__ */ jsx$1(Button$1, { variant: "contained", ref, color: "primary", ...buttonProps, children: buttonProps.children }));
+const SecondaryButton = forwardRef((buttonProps, ref) => {
   if (buttonProps.disableElevation) {
-    return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "primary", ...buttonProps, children: buttonProps.children });
+    return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "primary", ...buttonProps, ref, children: buttonProps.children });
   }
-  return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "inherit", ...buttonProps, children: buttonProps.children });
-};
-const LinkButton = (buttonProps) => {
+  return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "inherit", ...buttonProps, ref, children: buttonProps.children });
+});
+const LinkButton = forwardRef((buttonProps, ref) => {
   const theme = useTheme$1();
   return /* @__PURE__ */ jsxs(Box, { sx: {
     width: "fit-content"
   }, children: [
-    /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: "primary", ...buttonProps, disableRipple: true, sx: {
+    /* @__PURE__ */ jsx$1(Button$1, { ref, variant: "text", color: "primary", ...buttonProps, disableRipple: true, sx: {
       minWidth: "fit-content",
       padding: 0,
       ":hover": {
@@ -57775,17 +57775,18 @@ const LinkButton = (buttonProps) => {
       transitionTimingFunction: "cubic-bezier(0.39, 0.58, 0.57, 1)"
     } })
   ] });
-};
-const Button2 = ({
-  variant = "primary",
-  color: color2 = "primary",
-  ...buttonProps
-}) => {
-  if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps });
-  if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps });
-  if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps });
-  return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, children: buttonProps.children });
-};
+});
+const Button2 = forwardRef((props, ref) => {
+  const {
+    variant = "primary",
+    color: color2 = "primary",
+    ...buttonProps
+  } = props;
+  if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps, ref });
+  if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps, ref });
+  if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps, ref });
+  return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, ref, children: buttonProps.children });
+});
 const TextField2 = (props) => /* @__PURE__ */ jsx$1(TextField$1, { ...props });
 const StyledPopper = styled$1("div")({
   position: "relative",

package/dist/ds.umd.cjs

@@ -57760,19 +57760,19 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     );
   };
   const Skeleton = Skeleton$1;
-  const PrimaryButton = (buttonProps) => /* @__PURE__ */ jsx$1(Button$1, { variant: "contained", color: "primary", ...buttonProps, children: buttonProps.children });
-  const SecondaryButton = (buttonProps) => {
+  const PrimaryButton = React$2.forwardRef((buttonProps, ref) => /* @__PURE__ */ jsx$1(Button$1, { variant: "contained", ref, color: "primary", ...buttonProps, children: buttonProps.children }));
+  const SecondaryButton = React$2.forwardRef((buttonProps, ref) => {
     if (buttonProps.disableElevation) {
-      return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "primary", ...buttonProps, children: buttonProps.children });
+      return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "primary", ...buttonProps, ref, children: buttonProps.children });
     }
-    return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "inherit", ...buttonProps, children: buttonProps.children });
-  };
-  const LinkButton = (buttonProps) => {
+    return /* @__PURE__ */ jsx$1(Button$1, { variant: "outlined", color: "inherit", ...buttonProps, ref, children: buttonProps.children });
+  });
+  const LinkButton = React$2.forwardRef((buttonProps, ref) => {
     const theme = useTheme$1();
     return /* @__PURE__ */ jsxs(Box, { sx: {
       width: "fit-content"
     }, children: [
-      /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: "primary", ...buttonProps, disableRipple: true, sx: {
+      /* @__PURE__ */ jsx$1(Button$1, { ref, variant: "text", color: "primary", ...buttonProps, disableRipple: true, sx: {
         minWidth: "fit-content",
         padding: 0,
         ":hover": {
@@ -57793,17 +57793,18 @@ Please use another name.` : formatMuiErrorMessage$1(18));
         transitionTimingFunction: "cubic-bezier(0.39, 0.58, 0.57, 1)"
       } })
     ] });
-  };
-  const Button = ({
-    variant = "primary",
-    color: color2 = "primary",
-    ...buttonProps
-  }) => {
-    if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps });
-    if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps });
-    if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps });
-    return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, children: buttonProps.children });
-  };
+  });
+  const Button = React$2.forwardRef((props, ref) => {
+    const {
+      variant = "primary",
+      color: color2 = "primary",
+      ...buttonProps
+    } = props;
+    if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps, ref });
+    if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps, ref });
+    if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps, ref });
+    return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, ref, children: buttonProps.children });
+  });
   const TextField = (props) => /* @__PURE__ */ jsx$1(TextField$1, { ...props });
   const StyledPopper = styled$1("div")({
     position: "relative",

package/dist/src/story-coverage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/v1/components/inputs/Button/Button.d.ts

@@ -47,5 +47,5 @@ export interface ButtonProps extends Omit<MUIButtonProps, "color" | "component"
      */
     variant?: "primary" | "secondary" | "tertiary" | "link" | "text";
 }
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/src/v1/components/inputs/Button/Button.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./Button').ButtonProps>;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         docs: {
             description: {
@@ -16,15 +16,6 @@ declare const meta: {
         onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
     decorators: (Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        color?: ("primary" | "inherit") | undefined;
-        component?: import('@mui/material').ButtonProps["component"];
-        disabled?: boolean | undefined;
-        disableElevation?: boolean | undefined;
-        endIcon?: import('react').ReactNode;
-        fullWidth?: boolean | undefined;
-        size?: import('@mui/material').ButtonProps["size"];
-        startIcon?: import('react').ReactNode;
-        variant?: ("primary" | "secondary" | "tertiary" | "link" | "text") | undefined;
         children?: import('react').ReactNode;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -64,6 +55,7 @@ declare const meta: {
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: ("primary" | "inherit") | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -291,12 +283,15 @@ declare const meta: {
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
         form?: string | undefined;
-        ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
         key?: import('react').Key | null | undefined;
+        size?: import('@mui/material').ButtonProps["size"];
         type?: "submit" | "reset" | "button" | undefined;
         name?: string | undefined;
+        component?: import('@mui/material').ButtonProps["component"];
         action?: import('react').Ref<import('@mui/material').ButtonBaseActions> | undefined;
+        variant?: ("primary" | "secondary" | "tertiary" | "link" | "text") | undefined;
         centerRipple?: boolean | undefined;
+        disabled?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
@@ -311,7 +306,12 @@ declare const meta: {
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        disableElevation?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        startIcon?: import('react').ReactNode;
+        endIcon?: import('react').ReactNode;
         disableFocusRipple?: boolean | undefined;
+        ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
     }>) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export default meta;

package/dist/src/v1/components/inputs/Button/LinkButton.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
 
 type LinkButtonProps = Omit<MUIButtonProps, "variant" | "color">;
-declare const LinkButton: React.FC<LinkButtonProps>;
+declare const LinkButton: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default LinkButton;

package/dist/src/v1/components/inputs/Button/PrimaryButton.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { ButtonProps } from '@mui/material';
 
 type PrimaryButtonProps = Omit<ButtonProps, "variant" | "color">;
-declare const PrimaryButton: React.FC<PrimaryButtonProps>;
+declare const PrimaryButton: React.ForwardRefExoticComponent<Omit<PrimaryButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default PrimaryButton;

package/dist/src/v1/components/inputs/Button/SecondaryButton.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
 
 type SecondaryButtonProps = Omit<MUIButtonProps, "variant" | "color">;
-declare const SecondaryButton: React.FC<SecondaryButtonProps>;
+declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<SecondaryButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SecondaryButton;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",
@@ -24,16 +24,17 @@
     "@telicent-oss/ontology-icon-lib": "0.3.0",
     "@telicent-oss/ontologyservice": "0.31.3-TELFE654.0",
     "@telicent-oss/react-lib": "^0.5.0",
+    "@telicent-oss/telicent-frontend-cli": "^1.2.1",
     "classnames": "^2.3.1",
     "d3": "^7.8.2",
     "lodash": "^4.17.21",
     "maplibre-gl": "^3.5.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "^6.23.1",
     "react-error-boundary": "^5.0.0",
     "react-map-gl": "^7.1.6",
     "react-rnd": "^10.4.13",
+    "react-router-dom": "^6.23.1",
     "zod": "^3.21.4"
   },
   "resolutions": {
@@ -65,7 +66,9 @@
     "prebuild": "yarn clean",
     "bump:prerelease": "yarn version --prerelease && git push && git push --tags",
     "bump:pre": "yarn bump:prerelease",
-    "link-to-local-packages": "./scripts/link-to-local-packages.sh"
+    "link-to-local-packages": "./scripts/link-to-local-packages.sh",
+    "postinstall": "[ \"$LOCAL_MACHINE\" = \"false\" ] && echo 'Skipping tefe hook-postinstall' || tefe hook-postinstall",
+    "prepare": "husky install"
   },
   "peerDependencies": {
     "@telicent-oss/ontology-icon-lib": "*",
@@ -213,4 +216,4 @@
       "WARNING: TSC CHECK NO ERROR": true
     }
   }
-}
+}