@luscii-healthtech/web-ui 28.8.0 → 28.8.1

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface SwitchProps {
+    /**
+     * ID used for semantic targeting, as can be used in attributes like `<label htmlFor="some-id">`.
+     */
+    id?: string;
+    /**
+     * Set the value.
+     * Same as `checked` on `<input type="checkbox" />`.
+     */
+    checked?: boolean;
+    /**
+     * Disallow the user to change the checkbox value.
+     * Same as `disabled` on `<input type="checkbox" />`.
+     */
+    disabled?: boolean;
+    /**
+     * The name that the value of the checkbox will be associated with.
+     * Same as `name` on `<input type="checkbox" />`.
+     */
+    name?: string;
+    onChange?: (checked: boolean) => void;
+}
+export declare const Switch: (props: SwitchProps) => JSX.Element;

package/dist/index.d.ts

@@ -62,6 +62,7 @@ export { SettingsMenuButton } from "./components/SettingsMenuButton/SettingsMenu
 export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
 export { default as Switcher } from "./components/Switcher/Switcher";
+export { Switch } from "./components/Switch/Switch";
 export { default as Image } from "./components/Image/Image";
 export { MediaPicker, type TargetProps, } from "./components/MediaPicker/MediaPicker";
 export { Stack } from "./components/Stack/Stack";

package/dist/index.development.js

@@ -27,6 +27,7 @@ var tailwindMerge = require('tailwind-merge');
 var ReactSelect = require('react-select');
 var groupBy = require('lodash/groupBy');
 var debounce = require('lodash.debounce');
+var RadixSwitch = require('@radix-ui/react-switch');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var Quill = require('quill');
 require('quill/dist/quill.snow.css');
@@ -67,6 +68,7 @@ var FlyOutMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(FlyOutMenuPr
 var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
 var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
+var RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
 var Quill__default = /*#__PURE__*/_interopDefault(Quill);
 var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 
@@ -5054,6 +5056,24 @@ Switcher.propTypes = {
   itemClassName: PropTypes__default.default.string
 };
 
+const Switch = (props) => {
+  const { id, name, onChange, checked = false, disabled } = props;
+  const handleChange = (checkedChanged) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(checkedChanged);
+  };
+  const enabled = !disabled;
+  return React__namespace.default.createElement(
+    RadixSwitch__namespace.Root,
+    { id, name, checked, disabled, onCheckedChange: handleChange, className: classNames__default.default("ui-h-[28px] ui-w-[56px]", "ui-relative  ui-rounded-full ui-outline-none", {
+      "ui-cursor-pointer": enabled,
+      "ui-cursor-not-allowed": disabled,
+      "ui-bg-secondary-dark data-[state=checked]:ui-bg-green-400": enabled,
+      "ui-bg-slate-200": disabled
+    }) },
+    React__namespace.default.createElement(RadixSwitch__namespace.Thumb, { className: classNames__default.default("ui-h-[20px] ui-w-[20px]", "ui-bg-white", "ui-transition-transform ui-duration-100 ui-will-change-transform ", "ui-translate-x-1 data-[state=checked]:ui-translate-x-[32px]", "ui-block ui-rounded-full") })
+  );
+};
+
 var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16ZM5.9 10.98L8 13.51L11.1 9.52C11.3 9.26 11.7 9.26 11.9 9.53L15.41 14.21C15.66 14.54 15.42 15.01 15.01 15.01H3.02C2.6 15.01 2.37 14.53 2.63 14.2L5.12 11C5.31 10.74 5.69 10.73 5.9 10.98Z' fill='%23D1D5DB'/%3e%3c/svg%3e";
 
 const Image$1 = (_a) => {
@@ -6521,6 +6541,7 @@ exports.Steps = Steps;
 exports.StyledInput = StyledInput;
 exports.StyledOrderedList = StyledOrderedList;
 exports.StyledUnorderedList = StyledUnorderedList;
+exports.Switch = Switch;
 exports.Switcher = Switcher;
 exports.TOASTER_TYPE_OPTIONS = TOASTER_TYPE_OPTIONS;
 exports.Tabbar = Tabbar;