@oliasoft-open-source/react-ui-library 4.17.0 → 4.18.0-beta-2

package/dist/index.d.ts

@@ -1197,6 +1197,16 @@ declare interface ISelectSelectedOption {
     testId?: string;
 }
 
+export declare interface ISettingFieldProps {
+    helpText: string;
+    children: ReactNode;
+    active?: boolean;
+    noPermission?: boolean;
+    isLastField?: boolean;
+    selectedOption: 'all_users' | 'superusers_admin';
+    handleSelectChange: (value: 'all_users' | 'superusers_admin') => void;
+}
+
 export declare interface ISideBarProps {
     options: {
         title: string;
@@ -1704,6 +1714,8 @@ export declare const Row: ({ alignItems, justifyContent, children, flex, height,
 
 export declare const Select: (props: ISelectProps) => JSX_2.Element;
 
+export declare const SettingField: ({ helpText, active, children, isLastField, noPermission, selectedOption, handleSelectChange, }: ISettingFieldProps) => JSX_2.Element;
+
 export declare const SideBar: default_2.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top, }: ISideBarProps) => JSX_2.Element>;
 
 export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;

package/dist/index.js

@@ -66545,6 +66545,42 @@ const SmartUploadModal = ({
     }
   ) });
 };
+const SettingField = ({
+  helpText,
+  active: active2 = true,
+  children,
+  isLastField = false,
+  noPermission = false,
+  selectedOption,
+  handleSelectChange
+}) => {
+  const options = [
+    { label: "All users", value: "all_users" },
+    { label: "Superusers and Admin only", value: "superusers_admin" }
+  ];
+  const onSelectChange = (event) => {
+    handleSelectChange(event.target.value);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+      children,
+      !noPermission && /* @__PURE__ */ jsx(
+        Select,
+        {
+          name: "userType",
+          options,
+          value: selectedOption,
+          disabled: !active2,
+          onChange: onSelectChange,
+          "aria-label": "Select user type",
+          width: "auto"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Text, { muted: true, children: helpText }),
+    !isLastField && /* @__PURE__ */ jsx(Divider, {})
+  ] });
+};
 export {
   Accordion,
   AccordionWithDefaultToggle,
@@ -66608,6 +66644,7 @@ export {
   RichTextInput,
   Row$1 as Row,
   Select,
+  SettingField,
   SideBar,
   Slider,
   SmartUploadModal,