@synerise/ds-time-picker 1.2.2 → 1.2.3

package/CHANGELOG.md

@@ -3,209 +3,112 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.2.1...@synerise/ds-time-picker@1.2.2) (2025-11-28)
+## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.2.2...@synerise/ds-time-picker@1.2.3) (2025-12-15)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
+## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.2.1...@synerise/ds-time-picker@1.2.2) (2025-11-28)
 
-
-
+**Note:** Version bump only for package @synerise/ds-time-picker
 
 ## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.2.0...@synerise/ds-time-picker@1.2.1) (2025-11-13)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.29...@synerise/ds-time-picker@1.2.0) (2025-11-06)
 
-
 ### Features
 
-* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
-
-
-
-
+- **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
 
 ## [1.1.29](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.28...@synerise/ds-time-picker@1.1.29) (2025-10-31)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.27...@synerise/ds-time-picker@1.1.28) (2025-10-22)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.26...@synerise/ds-time-picker@1.1.27) (2025-10-16)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.25...@synerise/ds-time-picker@1.1.26) (2025-10-10)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.24...@synerise/ds-time-picker@1.1.25) (2025-10-08)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.23...@synerise/ds-time-picker@1.1.24) (2025-10-03)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.22...@synerise/ds-time-picker@1.1.23) (2025-09-30)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.21...@synerise/ds-time-picker@1.1.22) (2025-09-30)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.20...@synerise/ds-time-picker@1.1.21) (2025-09-26)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.19...@synerise/ds-time-picker@1.1.20) (2025-09-25)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.18...@synerise/ds-time-picker@1.1.19) (2025-09-23)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.17...@synerise/ds-time-picker@1.1.18) (2025-09-19)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.16...@synerise/ds-time-picker@1.1.17) (2025-09-16)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.15...@synerise/ds-time-picker@1.1.16) (2025-08-28)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.14...@synerise/ds-time-picker@1.1.15) (2025-08-14)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.13...@synerise/ds-time-picker@1.1.14) (2025-07-24)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.12...@synerise/ds-time-picker@1.1.13) (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.11...@synerise/ds-time-picker@1.1.12) (2025-07-15)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.10...@synerise/ds-time-picker@1.1.11) (2025-07-08)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.9...@synerise/ds-time-picker@1.1.10) (2025-07-01)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.8...@synerise/ds-time-picker@1.1.9) (2025-06-26)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.7...@synerise/ds-time-picker@1.1.8) (2025-06-24)
 
 **Note:** Version bump only for package @synerise/ds-time-picker
 
-
-
-
-
 ## [1.1.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-time-picker@1.1.6...@synerise/ds-time-picker@1.1.7) (2025-06-12)
 
 **Note:** Version bump only for package @synerise/ds-time-picker

package/dist/TimePicker.js

@@ -7,7 +7,7 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import { useDataFormat } from '@synerise/ds-core';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { ClockM, Close3S } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
+import Tooltip from '@synerise/ds-tooltip';
 import * as S from './TimePicker.styles';
 import Unit from './Unit';
 import { AM, CLOCK_MODES, DISABLE_CLOCK_MODE_HOUR, HOUR, HOUR_12, MINUTE, PM, SECOND } from './constants/timePicker.constants';

package/dist/TimePicker.styles.d.ts

@@ -1,32 +1,20 @@
-import React from 'react';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OverlayContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Unit: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UnitSeperator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CellText: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const Cell: import("styled-components").StyledComponent<"button", any, {
+import { type ForwardRefExoticComponent } from 'react';
+import { type StyledComponent } from 'styled-components';
+import { type DropdownProps } from '@synerise/ds-dropdown';
+import { type StyledIcon } from '@synerise/ds-icon';
+import { type StyledInput } from '@synerise/ds-input';
+export declare const Dropdown: StyledComponent<ForwardRefExoticComponent<DropdownProps>, object, object, never>;
+export declare const Container: StyledComponent<"div", any, {}, never>;
+export declare const OverlayContainer: StyledComponent<"div", any, {}, never>;
+export declare const Unit: StyledComponent<"div", any, {}, never>;
+export declare const UnitSeperator: StyledComponent<"div", any, {}, never>;
+export declare const CellText: StyledComponent<"label", any, {}, never>;
+export declare const Cell: StyledComponent<"button", any, {
     active?: boolean;
 }, never>;
-export declare const ClearIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@synerise/ds-icon").BaseIconProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const TimePickerInput: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
-    error?: boolean;
-    className?: string;
-    counterLimit?: number;
-    renderCustomCounter?: (count?: number) => React.ReactNode;
-    icon1?: React.ReactElement;
-    icon1Tooltip?: React.ReactElement;
-    icon2?: React.ReactElement;
-    icon2Tooltip?: React.ReactElement;
-    resetMargin?: boolean;
-    handleInputRef?: ((ref: React.MutableRefObject<HTMLInputElement | null>) => void) | undefined;
-    prefixel?: React.ReactNode;
-    suffixel?: React.ReactNode;
-    autoResize?: import("@synerise/ds-input").AutoResizeProp;
-    autoResizeProps?: Partial<Pick<import("@synerise/ds-input").AutosizeInputProps, "placeholderIsMinWidth" | "wrapperClassName" | "wrapperStyle" | "extraWidth">>;
-    expandable?: boolean;
-    expandableTooltip?: React.ReactNode;
-} & Omit<import("@synerise/ds-form-field").ContentAboveProps, "id" | "rightSide"> & import("@synerise/ds-form-field").ContentBelowProps & import("antd/lib/input").InputProps & React.RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const PlaceholderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Placeholder: import("styled-components").StyledComponent<"div", any, {
+export declare const ClearIcon: StyledIcon;
+export declare const TimePickerInput: StyledInput;
+export declare const PlaceholderWrapper: StyledComponent<"div", any, {}, never>;
+export declare const Placeholder: StyledComponent<"div", any, {
     height: number;
 }, never>;

package/dist/TimePicker.styles.js

@@ -1,39 +1,41 @@
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
+import DSDropdown from '@synerise/ds-dropdown';
 import Icon from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
 import { Label } from '@synerise/ds-typography';
+export var Dropdown = styled(DSDropdown).withConfig({
+  displayName: "TimePickerstyles__Dropdown",
+  componentId: "sc-5k0z0v-0"
+})(["margin:0;"]);
 export var Container = styled.div.withConfig({
   displayName: "TimePickerstyles__Container",
-  componentId: "sc-5k0z0v-0"
+  componentId: "sc-5k0z0v-1"
 })(["min-width:104px;max-width:208px;width:inherit;position:relative;"]);
 export var OverlayContainer = styled.div.withConfig({
   displayName: "TimePickerstyles__OverlayContainer",
-  componentId: "sc-5k0z0v-1"
+  componentId: "sc-5k0z0v-2"
 })(["background-color:", ";border-radius:3px;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;"], function (props) {
   return props.theme.palette.white;
 });
 export var Unit = styled.div.withConfig({
   displayName: "TimePickerstyles__Unit",
-  componentId: "sc-5k0z0v-2"
+  componentId: "sc-5k0z0v-3"
 })(["display:flex;flex-direction:column;width:100%;overflow:hidden;.scrollbar-container{margin-right:-11px;}"]);
 export var UnitSeperator = styled.div.withConfig({
   displayName: "TimePickerstyles__UnitSeperator",
-  componentId: "sc-5k0z0v-3"
+  componentId: "sc-5k0z0v-4"
 })(["width:1px;height:inherit;display:flex;flex-shrink:0;background-color:", ";"], function (props) {
   return props.theme.palette['grey-200'];
 });
 export var CellText = styled(Label).withConfig({
   displayName: "TimePickerstyles__CellText",
-  componentId: "sc-5k0z0v-4"
+  componentId: "sc-5k0z0v-5"
 })(["&&{width:22px;height:18px;text-align:center;color:", ";transition:color 0.3s;}"], function (props) {
   return props.theme.palette['grey-600'];
 });
 export var Cell = styled.button.withConfig({
   displayName: "TimePickerstyles__Cell",
-  componentId: "sc-5k0z0v-5"
+  componentId: "sc-5k0z0v-6"
 })(["height:32px;width:100%;text-align:center;display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:background-color 0.3s;cursor:pointer;background-color:", ";&&{border:none;padding:0;}&:hover{background-color:", ";", "{color:", ";}}&:disabled{&&{cursor:not-allowed;background-color:", ";", "}", "{cursor:not-allowed;opacity:0.4;}}", ";"], function (props) {
   return props.theme.palette.white;
 }, function (props) {
@@ -49,20 +51,15 @@ export var Cell = styled.button.withConfig({
 });
 export var ClearIcon = styled(Icon).withConfig({
   displayName: "TimePickerstyles__ClearIcon",
-  componentId: "sc-5k0z0v-6"
+  componentId: "sc-5k0z0v-7"
 })(["&&,&&:hover{svg{color:", ";fill:", ";}}"], function (props) {
   return props.theme.palette['red-600'];
 }, function (props) {
   return props.theme.palette['red-600'];
 });
-export var TimePickerInput = styled(/*#__PURE__*/forwardRef(function (_ref, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Input, _extends({
-    ref: ref
-  }, props));
-})).withConfig({
+export var TimePickerInput = styled(Input).withConfig({
   displayName: "TimePickerstyles__TimePickerInput",
-  componentId: "sc-5k0z0v-7"
+  componentId: "sc-5k0z0v-8"
 })(["margin-bottom:0;&:not(.active){input{&:focus{box-shadow:none;background-color:", ";border-color:", ";}}}"], function (props) {
   return props.theme.palette.white;
 }, function (props) {
@@ -70,11 +67,11 @@ export var TimePickerInput = styled(/*#__PURE__*/forwardRef(function (_ref, ref)
 });
 export var PlaceholderWrapper = styled.div.withConfig({
   displayName: "TimePickerstyles__PlaceholderWrapper",
-  componentId: "sc-5k0z0v-8"
+  componentId: "sc-5k0z0v-9"
 })(["width:100%;position:relative;"]);
 export var Placeholder = styled.div.withConfig({
   displayName: "TimePickerstyles__Placeholder",
-  componentId: "sc-5k0z0v-9"
+  componentId: "sc-5k0z0v-10"
 })(["height:", "px;"], function (props) {
   return props.height;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-time-picker",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "TimePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx' --ignore '**/*.spec.ts' --ignore '**/*.spec.tsx' --ignore '**/*.spec.constants.ts' --ignore '**/*.spec.constants.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
+    "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -35,16 +35,20 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-dropdown": "^1.1.2",
-    "@synerise/ds-icon": "^1.9.0",
-    "@synerise/ds-input": "^1.5.1",
-    "@synerise/ds-scrollbar": "^1.2.1",
-    "@synerise/ds-tooltip": "^1.3.1",
-    "@synerise/ds-typography": "^1.0.24",
+    "@synerise/ds-dropdown": "^1.1.3",
+    "@synerise/ds-icon": "^1.9.1",
+    "@synerise/ds-input": "^1.5.2",
+    "@synerise/ds-popover": "^1.1.2",
+    "@synerise/ds-scrollbar": "^1.2.2",
+    "@synerise/ds-tooltip": "^1.3.2",
+    "@synerise/ds-typography": "^1.0.25",
     "dayjs": "^1.8.19",
     "debounce": "^1.2.0",
     "lodash": "^4.17.21"
   },
+  "devDependencies": {
+    "@types/lodash": "^4.17.20"
+  },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.24.16",
@@ -52,5 +56,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "d5bd7fbc9d840ac30e2b79b36c451b486e178445"
+  "gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
 }