@scripso-homepad/ui 0.4.24 → 0.4.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/{chunk-JNVYKEYT.js → chunk-N73KHOZ4.js} +4 -4
  2. package/dist/{chunk-JNVYKEYT.js.map → chunk-N73KHOZ4.js.map} +1 -1
  3. package/dist/index.cjs +12 -3
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +3 -1
  6. package/dist/index.d.ts +3 -1
  7. package/dist/index.js +12 -3
  8. package/dist/index.js.map +1 -1
  9. package/dist/web/index.cjs +165 -131
  10. package/dist/web/index.cjs.map +1 -1
  11. package/dist/web/index.css +8 -29
  12. package/dist/web/index.css.map +1 -1
  13. package/dist/web/index.d.cts +1 -3
  14. package/dist/web/index.d.ts +1 -3
  15. package/dist/web/index.js +165 -131
  16. package/dist/web/index.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/components/Input.tsx +2 -2
  19. package/src/components/Select.tsx +9 -1
  20. package/src/web/components/Modal.tsx +2 -1
  21. package/src/web/components/Table.stories.tsx +2 -2
  22. package/src/web/components/drawer-scroll.css +11 -2
  23. package/src/web/components/table/TablePrimitives.tsx +3 -15
  24. package/src/web/components/table/TableScrollArea.tsx +1 -12
  25. package/src/web/components/table/constants.ts +0 -8
  26. package/src/web/components/table/index.ts +0 -3
  27. package/src/web/components/table-scroll.css +0 -27
  28. package/src/web/layout/BuildingSelect.tsx +46 -6
  29. package/src/web/layout/Sidebar.tsx +20 -21
  30. package/src/web/layout/SidebarNavItem.tsx +2 -2
  31. package/src/web/layout/SidebarUserCard.tsx +99 -20
  32. package/src/web/components/table/use-horizontal-scroll-state.ts +0 -72
package/dist/index.d.cts CHANGED
@@ -70,6 +70,8 @@ interface SelectBaseProps {
70
70
  fieldClassName?: string;
71
71
  menuClassName?: string;
72
72
  labelClassName?: string;
73
+ /** Styles merged into the field label. */
74
+ labelStyles?: StyleProp<TextStyle>;
73
75
  errorClassName?: string;
74
76
  hintClassName?: string;
75
77
  /** Shorter option rows for compact filter-style dropdowns. */
@@ -91,7 +93,7 @@ interface MultipleSelectProps extends SelectBaseProps {
91
93
  onValueChange?: (value: string[]) => void;
92
94
  }
93
95
  type SelectProps = SingleSelectProps | MultipleSelectProps;
94
- declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
96
+ declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, labelStyles, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
95
97
 
96
98
  interface PhoneInputProps extends Omit<TextInputProps, "style"> {
97
99
  label?: string;
package/dist/index.d.ts CHANGED
@@ -70,6 +70,8 @@ interface SelectBaseProps {
70
70
  fieldClassName?: string;
71
71
  menuClassName?: string;
72
72
  labelClassName?: string;
73
+ /** Styles merged into the field label. */
74
+ labelStyles?: StyleProp<TextStyle>;
73
75
  errorClassName?: string;
74
76
  hintClassName?: string;
75
77
  /** Shorter option rows for compact filter-style dropdowns. */
@@ -91,7 +93,7 @@ interface MultipleSelectProps extends SelectBaseProps {
91
93
  onValueChange?: (value: string[]) => void;
92
94
  }
93
95
  type SelectProps = SingleSelectProps | MultipleSelectProps;
94
- declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
96
+ declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, labelStyles, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
95
97
 
96
98
  interface PhoneInputProps extends Omit<TextInputProps, "style"> {
97
99
  label?: string;
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-JNVYKEYT.js';
2
- export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-JNVYKEYT.js';
1
+ import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-N73KHOZ4.js';
2
+ export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-N73KHOZ4.js';
3
3
  import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
4
4
  import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, Image, TextInput, Dimensions } from 'react-native';
5
5
  import Svg2, { Path } from 'react-native-svg';
@@ -481,6 +481,7 @@ function Select({
481
481
  fieldClassName,
482
482
  menuClassName,
483
483
  labelClassName,
484
+ labelStyles,
484
485
  errorClassName,
485
486
  hintClassName,
486
487
  compact = false,
@@ -620,7 +621,15 @@ function Select({
620
621
  });
621
622
  const dropdownTop = anchor ? resolveSelectDropdownTop(anchor, dropdownHeight) : 0;
622
623
  return /* @__PURE__ */ jsxs(View, { ref: wrapperRef, style: [styles.wrapper, containerStyle], children: [
623
- label ? /* @__PURE__ */ jsx(Label, { disabled: isEffectivelyDisabled, style: styles.label, className: labelClassName, children: label }) : null,
624
+ label ? /* @__PURE__ */ jsx(
625
+ Label,
626
+ {
627
+ disabled: isEffectivelyDisabled,
628
+ style: [styles.label, labelStyles],
629
+ className: labelClassName,
630
+ children: label
631
+ }
632
+ ) : null,
624
633
  /* @__PURE__ */ jsx(View, { style: fieldStyles.outline, children: /* @__PURE__ */ jsxs(
625
634
  Pressable,
626
635
  {