@bigbinary/neeto-molecules 3.15.43 → 3.15.45

package/types/Taxonomy.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { PopoverProps } from '@bigbinary/neetoui';
+
+/**
+ *
+ * The Taxonomy component is used to manage taxonomies in a project.
+ *
+ * ![EmailPreview](https://user-images.githubusercontent.com/26121158/281420197-d00435c5-f07d-4e5a-a201-5bbda89e746a.png|height=200|width=300)
+ *
+ * @example 
+ *
+ * import Settings from "@bigbinary/neeto-molecules/Settings";
+ * import Taxonomy from "@bigbinary/neeto-molecules/Taxonomy";
+ * 
+ * const Component = () => (
+ *   <Settings
+ *     categories={[
+ *       {
+ *         id: "general-settings",
+ *         label: "General Settings",
+ *         items: [
+ *           {
+ *             label: "Taxonomy",
+ *             description: "Manage default labels for entities",
+ *             icon: Tags,
+ *             path: "/settings/general/taxonomy",
+ *             component: () => (
+ *               <Taxonomy
+ *                 breadcrumbs={[
+ *                   { text: "Settings", link: "/settings/general" },
+ *                   { text: "Taxonomy" },
+ *                 ]}
+ *               />
+ *             ),
+ *           },
+ *         ],
+ *       },
+ *     ]}
+ *   />
+ * );
+ * @endexample
+*/
+declare const Taxonomy: React.FC<{
+  breadcrumbs: {
+    text: string;
+    link: string;
+  }[];
+  columnsToShow?: {
+    singularColumn?: boolean;
+    pluralColumn?: boolean;
+  };
+  columnLabels?: {
+    singular?: string;
+    plural?: string;
+  };
+  titleHelpPopoverProps?: PopoverProps;
+}>;
+
+export { Taxonomy as default };

package/types/TimeFormat.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TypographyProps, TooltipProps } from '@bigbinary/neetoui';
+import { timeFormat, DateTimeType } from '@bigbinary/neeto-commons-frontend/utils';
+
+declare const TimeFormat: {
+  [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
+    date: DateTimeType;
+    typographyProps?: Partial<TypographyProps>;
+    tooltipProps?: Partial<TooltipProps>;
+  }>;
+};
+
+export { TimeFormat as default };

package/types/TimezoneMismatchModal.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+
+/**
+ *
+ * A modal to show when the user's timezone is different from the timezone of the
+ *
+ * browser. The user can choose to continue with the users timezone or update the
+ *
+ * user timezone to the browsers's timezone.
+ *
+ * @example 
+ *
+ * import TimezoneMismatchModal from "@bigbinary/neeto-molecules/TimezoneMismatchModal";
+ * 
+ * const App = () => (
+ *   <div>
+ *     <TimezoneMismatchModal />
+ *   </div>
+ * );
+ * @endexample
+ * To control the visibility of the modal, use the isOpen prop. You can also pass
+ *
+ * a callback to the onClose prop to be called when the modal is closed. Usage:
+ *
+ * @example 
+ *
+ * import TimezoneMismatchModal from "@bigbinary/neeto-molecules/TimezoneMismatchModal";
+ * 
+ * const App = () => (
+ *   <div>
+ *     <TimezoneMismatchModal isOpen={true} onClose={() => {}} />
+ *   </div>
+ * );
+ * @endexample
+*/
+declare const TimezoneMismatchModal: React.FC<{
+  isOpen?: boolean;
+  onClose?: Function;
+}>;
+
+export { TimezoneMismatchModal as default };

package/types/ToggleFeatureCard.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { InputProps, ButtonProps, SwitchProps as SwitchProps$1 } from 'neetoui';
+
+type TooltipProps = {
+  enabledSwitchText?: string;
+  disabledSwitchText?: string;
+};
+interface SwitchProps extends SwitchProps$1 {
+  tooltipProps?: TooltipProps;
+}
+/**
+ *
+ * ToggleFeatureCard can be used to enable or disable a setting, and supports
+ *
+ * additional customizations like having an input field, and custom child
+ *
+ * components.
+ *
+ * ![image](https://github.com/bigbinary/neeto-molecules/assets/66865722/ed5c589f-7086-46b9-b8b2-2746afa7e750|height=200|width=300)
+ *
+*/
+declare const ToggleFeatureCard: React.FC<{
+  title: string;
+  description?: string;
+  switchName: string;
+  titleDataCy?: string;
+  switchDataCy?: string;
+  descriptionDataCy?: string;
+  isDisabled?: boolean;
+  isCardStyleEnabled?: boolean;
+  children?: React.ReactNode | null;
+  inputProps?: InputProps;
+  switchProps?: SwitchProps;
+  editButtonProps?: ButtonProps;
+  className?: string;
+}>;
+
+export { ToggleFeatureCard as default };