@geneui/components 2.11.1

package/SuggestionList.js

@@ -0,0 +1,15 @@
+import 'react';
+import './index-ac59cb10.js';
+import './useKeyDown-38102ae7.js';
+import './configs-91c86664.js';
+import './useClickOutside-5183e396.js';
+import './index-6ff23041.js';
+export { S as default } from './index-5cea9a7d.js';
+import './Scrollbar.js';
+import './index-e0af0caf.js';
+import './dateValidation-67caec66.js';
+import './_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import './style-inject.es-746bb8ed.js';
+import './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import './globalStyling-9c60a159.js';

package/Switcher.js

@@ -0,0 +1,194 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { forwardRef, useRef, useState, useMemo } from 'react';
+import { p as propTypesExports } from './index-e0af0caf.js';
+import { c as classnames } from './index-6ff23041.js';
+import { c as checkboxRadioSwitcherConfig } from './configs-91c86664.js';
+import { n as noop, i as interceptValue } from './index-ac59cb10.js';
+import { u as useKeyDown } from './useKeyDown-38102ae7.js';
+import './globalStyling-9c60a159.js';
+import './checkboxRadioSwitcher-5b69d7bd.js';
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import { g as guid } from './guid-8ddf77b3.js';
+import './dateValidation-67caec66.js';
+import './_commonjsHelpers-24198af3.js';
+import 'react-dom';
+
+var css_248z = "[data-gene-ui-version=\"2.11.0\"] .switcher-element{--size:1.8rem;align-items:center;background:rgba(var(--background-sc-rgb),.38);border:1px solid #0000;border-radius:2rem;color:var(--background);cursor:pointer;display:flex;font:600 .8rem/1rem var(--font-family);height:var(--size);justify-content:center;min-width:calc(var(--size)*2);padding-inline-end:.3rem;padding-inline-start:var(--size);position:relative;transition:color .2s,background .2s,border-color .2s,min-width .2s,height .2s}[data-gene-ui-version=\"2.11.0\"] .switcher-element small{background:var(--background);border-radius:1.4rem;box-shadow:0 .2rem .4rem 0 #00000029;height:calc(var(--size) - 4px);position:absolute;top:1px;transition:width .2s,left .2s,right .2s,transform .2s,background .2s,box-shadow .2s;width:calc(var(--size) - 4px)}html:not([dir=rtl]) .switcher-element small{left:1px}html[dir=rtl] .switcher-element small{right:1px}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .crs-component .switcher-element:hover,[data-gene-ui-version=\"2.11.0\"] .crs-holder:focus-within .switcher-element,[data-gene-ui-version=\"2.11.0\"] .crs-label:hover~.crs-component .switcher-element{color:#0000}[data-gene-ui-version=\"2.11.0\"] .crs-component .switcher-element:hover small,[data-gene-ui-version=\"2.11.0\"] .crs-holder:focus-within .switcher-element small,[data-gene-ui-version=\"2.11.0\"] .crs-label:hover~.crs-component .switcher-element small{width:var(--size)}}[data-gene-ui-version=\"2.11.0\"] .switcher-element.active{background:var(--hero);color:var(--hero-sc);padding-inline-end:var(--size);padding-inline-start:.3rem}[data-gene-ui-version=\"2.11.0\"] .switcher-element.active small{background:var(--hero-sc);transform:translateX(-100%)}html:not([dir=rtl]) .switcher-element.active small{left:calc(100% - 1px)}html[dir=rtl] .switcher-element.active small{right:calc(100% - 1px);transform:translateX(100%)}[data-gene-ui-version=\"2.11.0\"] .switcher-element.s-big{--size:2rem}[data-gene-ui-version=\"2.11.0\"] .switcher-element.error-color{background:var(--danger);color:var(--danger-sc)}[data-gene-ui-version=\"2.11.0\"] .switcher-element.error-color small{background:var(--danger-sc)}[data-gene-ui-version=\"2.11.0\"] .switcher-element.read-only{background:none;border-color:rgba(var(--background-sc-rgb),.38);color:rgba(var(--background-sc-rgb),.38)}[data-gene-ui-version=\"2.11.0\"] .switcher-element.read-only small{background:rgba(var(--background-sc-rgb),.38);box-shadow:none}[data-gene-ui-version=\"2.11.0\"] .switcher-element.read-only.active{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .switcher-element.read-only.active small{background:var(--hero)}";
+styleInject(css_248z);
+
+const Switcher = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    onText,
+    offText,
+    size,
+    label,
+    labelPosition,
+    labelAlignment,
+    description,
+    readOnly,
+    disabled,
+    required,
+    isValid,
+    errorText,
+    defaultChecked,
+    onChange,
+    changeOnEnter,
+    value,
+    className,
+    ...restProps
+  } = props;
+  const containerRef = useRef(null);
+  const [checkedState, setCheckedState] = useState(defaultChecked);
+  const isControlled = ('checked' in props);
+  const checked = isControlled ? props.checked : checkedState;
+  const randomId = useMemo(guid, []);
+  const handleChange = e => {
+    const {
+      checked
+    } = e.target;
+    !isControlled && setCheckedState(checked);
+    onChange(interceptValue(e, value));
+  };
+  const hasError = !isValid;
+
+  /*
+   * Change value on Enter key down
+   */
+  useKeyDown(e => {
+    if (changeOnEnter) {
+      setCheckedState(checked => !checked);
+      onChange(interceptValue(e, value));
+    }
+  }, [value, onChange], containerRef, ['Enter']);
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: containerRef,
+    className: classnames('crs-holder', className, "lp-".concat(labelPosition), "la-".concat(labelAlignment), {
+      disabled,
+      error: hasError,
+      'read-only': readOnly
+    })
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames('label-holder', {
+      'has-label': !!label
+    })
+  }, label && /*#__PURE__*/React__default.createElement("div", {
+    className: "crs-item crs-label"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    className: "ellipsis-text",
+    htmlFor: randomId
+  }, required && "* ", label)), /*#__PURE__*/React__default.createElement("div", {
+    className: "crs-item crs-component"
+  }, /*#__PURE__*/React__default.createElement("input", _extends({
+    type: "checkbox",
+    onChange: handleChange,
+    checked: checked,
+    disabled: disabled,
+    value: value,
+    ref: ref,
+    id: randomId
+  }, restProps)), /*#__PURE__*/React__default.createElement("label", {
+    className: classnames('switcher-element', "s-".concat(size), {
+      active: checked,
+      'error-color': !checked && !errorText && hasError,
+      'read-only': readOnly
+    }),
+    htmlFor: randomId
+  }, /*#__PURE__*/React__default.createElement("span", null, checked ? onText : offText), /*#__PURE__*/React__default.createElement("small", null)))), hasError && errorText && /*#__PURE__*/React__default.createElement("div", {
+    className: "information-message color-danger"
+  }, errorText), description && /*#__PURE__*/React__default.createElement("div", {
+    className: "input-description"
+  }, description));
+});
+Switcher.propTypes = {
+  /**
+   * Text to be written when on
+   */
+  onText: propTypesExports.string,
+  /**
+   * Text to be written when off
+   */
+  offText: propTypesExports.string,
+  /**
+   * Control Switcher state with this prop. When component is  controled it will not switch automatically
+   */
+  checked: propTypesExports.bool,
+  /**
+   * Switcher size
+   */
+  size: propTypesExports.oneOf(checkboxRadioSwitcherConfig.size),
+  /**
+   * Will add a label for switcher. Any valid React node
+   */
+  label: propTypesExports.node,
+  /**
+   * Specify label position
+   */
+  labelPosition: propTypesExports.oneOf(checkboxRadioSwitcherConfig.labelPosition),
+  /**
+   * Specify label alignment
+   */
+  labelAlignment: propTypesExports.oneOf(checkboxRadioSwitcherConfig.labelAlignment),
+  /**
+   * Will add a description for switcher. Any valid React node
+   */
+  description: propTypesExports.node,
+  /**
+   * Switcher will become readonly when set to "true"
+   */
+  readOnly: propTypesExports.bool,
+  /**
+   * Switcher will change when Enter key pressed (note: its will not work inside of form component)
+   */
+  changeOnEnter: propTypesExports.bool,
+  /**
+   * Switcher will become disabled when set to "true"
+   */
+  disabled: propTypesExports.bool,
+  /**
+   * Switcher will add an extra asterix to the "label". For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
+   */
+  required: propTypesExports.bool,
+  /**
+   * Control Switcher validation. For more info see "ValidatableSwitcher"(integrated Radio with "Form" organism).
+   */
+  isValid: propTypesExports.bool,
+  /**
+   * Shows error text when "isValid" is set to "false".
+   */
+  errorText: propTypesExports.string,
+  /**
+   * This prop will only applied once as defaultState for "checked" when Swticher mounts.
+   * Note that specifing this prop is not mean controlling it.
+   */
+  defaultChecked: propTypesExports.bool,
+  /**
+   * Fires an event when Switcher changes checked state((event: Event) => void).
+   */
+  onChange: propTypesExports.func,
+  /**
+   * Pass a value to Switcher and get it back within "onChange" event
+   */
+  value: propTypesExports.any,
+  /**
+   * Additional className
+   */
+  className: propTypesExports.string
+};
+Switcher.defaultProps = {
+  onText: '',
+  offText: '',
+  size: checkboxRadioSwitcherConfig.size[0],
+  label: '',
+  labelPosition: checkboxRadioSwitcherConfig.labelPosition[0],
+  labelAlignment: checkboxRadioSwitcherConfig.labelAlignment[0],
+  description: '',
+  readOnly: false,
+  onChange: noop,
+  disabled: false,
+  required: false,
+  isValid: true,
+  errorText: '',
+  defaultChecked: false
+};
+
+export { Switcher as default };

package/Table.js

@@ -0,0 +1,102 @@
+import './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import 'react';
+export { T as default } from './index-67f4d4d1.js';
+import './index-e0af0caf.js';
+import './index-0cf65939.js';
+import './CellMeasurerCache-c11cec83.js';
+import './index-6ff23041.js';
+import './index-ac59cb10.js';
+import './useMount-6fef51a5.js';
+import './configs-91c86664.js';
+import './Empty.js';
+import './Scrollbar.js';
+import './BusyLoader.js';
+import './globalStyling-9c60a159.js';
+import './guid-8ddf77b3.js';
+import './debounce-4419bc2f.js';
+import './index-e8776f3d.js';
+import './objectWithoutPropertiesLoose-299691d8.js';
+import './Button.js';
+import './Icon.js';
+import './style-inject.es-746bb8ed.js';
+import './SkeletonLoader.js';
+import './_commonjsHelpers-24198af3.js';
+import './Tooltip.js';
+import './Popover-f4d1cac0.js';
+import 'react-dom';
+import './useDeviceType-dd51db38.js';
+import './useWindowSize-80369d76.js';
+import './GeneUIProvider.js';
+import './dateValidation-67caec66.js';
+import './Grid.js';
+import './useWidth-9f4647f8.js';
+import './Tabs.js';
+import './Steps.js';
+import './index-a4635754.js';
+import './index-122432cd.js';
+import './Portal.js';
+import './Timeline.js';
+import './RadioGroup.js';
+import './Radio.js';
+import './checkboxRadioSwitcher-5b69d7bd.js';
+import './Checkbox.js';
+import './Card.js';
+import './MobilePopup.js';
+import './useClickOutside-5183e396.js';
+import './Menu.js';
+import './Option.js';
+import './useEllipsisDetection-ef536015.js';
+import './KeyValue.js';
+import './configs.js';
+import './Tag.js';
+import './Alert.js';
+import './index-00fe8887.js';
+import './rangeAndSlider-20599da4.js';
+import './Slider.js';
+import './ValidatableNumberInput.js';
+import './ExtendedInput.js';
+import './index-5cea9a7d.js';
+import './useKeyDown-38102ae7.js';
+import './Pagination.js';
+import './Divider.js';
+import './ValidatableTextInput.js';
+import './Editor.js';
+import './ValidatableUploader.js';
+import './index-d9e8a888.js';
+import './Image.js';
+import './ValidatableRadio.js';
+import './ValidatableCheckbox.js';
+import './ValidatableSwitcher.js';
+import './Switcher.js';
+import './ValidatableDatePicker.js';
+import './index-5e722d91.js';
+import './index-702bf24a.js';
+import './DatePicker.js';
+import './localization-4ba17032.js';
+import './checkTimeValidation-e56771be.js';
+import './Notification.js';
+import './Modal.js';
+import './Collapse.js';
+import './Status.js';
+import './Progress.js';
+import './MobileNavigation.js';
+import './Badge.js';
+import './Products.js';
+import './Search.js';
+import './Breadcrumb.js';
+import './Section.js';
+import './Title.js';
+import './ColorPicker.js';
+import './NavigationMenu.js';
+import './Textarea.js';
+import './AdvancedSearch.js';
+import './index-b7a33c58.js';
+import './LinkButton.js';
+import './TextLink.js';
+import './Label.js';
+import './Paper.js';
+import './Avatar.js';
+import './Time.js';
+import './QRCode.js';
+import './clsx.m-2bb6df4b.js';
+import './index-a59530cd.js';